From 6c2b01e22202b4ac49e640f1966aa5d41f873efe Mon Sep 17 00:00:00 2001
From: Jason Woltje <jason@diversecanvas.com>
Date: Sun, 15 Mar 2026 14:39:18 -0500
Subject: [PATCH] =?UTF-8?q?feat(cli):=20mosaic=20icon=20windmill=20cross?=
 =?UTF-8?q?=20=E2=80=94=20brand=20tiles=20with=20black=20gaps?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

blue  ··  purple
··  pink  ··
amber ··  teal
---
 packages/cli/src/tui/components/top-bar.tsx | 23 +++++++--------------
 1 file changed, 8 insertions(+), 15 deletions(-)

diff --git a/packages/cli/src/tui/components/top-bar.tsx b/packages/cli/src/tui/components/top-bar.tsx
index f8a5091..94fdc80 100644
--- a/packages/cli/src/tui/components/top-bar.tsx
+++ b/packages/cli/src/tui/components/top-bar.tsx
@@ -24,36 +24,29 @@ function formatContextWindow(n: number): string {
 }
 
 /**
- * Mosaic 3×3 icon — full grid of colored tiles
- *
- * Brand colors:
- *   blue (#2f80ff), purple (#8b5cf6), teal (#14b8a6),
- *   amber (#f59e0b), pink (#ec4899)
- *
- * Complementary fills:
- *   indigo (#6366f1), sky (#38bdf8), rose (#f472b6), green (#22c55e)
+ * Mosaic 3×3 icon — brand tiles with black gaps (windmill cross pattern)
  *
  * Layout:
- *   blue    indigo  purple
- *   sky     pink    rose
- *   amber   green   teal
+ *   blue    ··    purple
+ *   ··      pink  ··
+ *   amber   ··    teal
  */
 function MosaicIcon() {
   return (
     <Box flexDirection="column" marginRight={1}>
       <Text>
         <Text color="#2f80ff">██</Text>
-        <Text color="#6366f1">██</Text>
+        <Text> </Text>
         <Text color="#8b5cf6">██</Text>
       </Text>
       <Text>
-        <Text color="#38bdf8">██</Text>
+        <Text> </Text>
         <Text color="#ec4899">██</Text>
-        <Text color="#f472b6">██</Text>
+        <Text> </Text>
       </Text>
       <Text>
         <Text color="#f59e0b">██</Text>
-        <Text color="#22c55e">██</Text>
+        <Text> </Text>
         <Text color="#14b8a6">██</Text>
       </Text>
     </Box>