From 84eef63494c31d2a29f74cd74b5f735461b3acb7 Mon Sep 17 00:00:00 2001
From: Jason Woltje <jason@diversecanvas.com>
Date: Sun, 15 Mar 2026 14:34:54 -0500
Subject: [PATCH] =?UTF-8?q?fix(cli):=20tighten=20mosaic=20icon=20to=20comp?=
 =?UTF-8?q?act=203=C3=973=20grid?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Use half-block chars (▐█ █▌) for outer tiles to reduce width
- Center pink tile fits snugly between the four corners
- Matches the mosaic windmill proportions from the web UI
---
 packages/cli/src/tui/components/top-bar.tsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/packages/cli/src/tui/components/top-bar.tsx b/packages/cli/src/tui/components/top-bar.tsx
index c492e57..7278f73 100644
--- a/packages/cli/src/tui/components/top-bar.tsx
+++ b/packages/cli/src/tui/components/top-bar.tsx
@@ -24,7 +24,7 @@ function formatContextWindow(n: number): string {
 }
 
 /**
- * Mosaic windmill icon — 4 colored tiles + pink center
+ * Mosaic windmill icon — 4 colored tiles + pink center in 3×3 grid
  * Colors from the Mosaic brand:
  *   TL: blue (#2f80ff)  TR: purple (#8b5cf6)
  *   BL: amber (#f59e0b) BR: teal (#14b8a6)
@@ -34,19 +34,16 @@ function MosaicIcon() {
   return (
     <Box flexDirection="column" marginRight={1}>
       <Text>
-        <Text color="#2f80ff">██</Text>
-        <Text> </Text>
-        <Text color="#8b5cf6">██</Text>
+        <Text color="#2f80ff">▐█</Text>
+        <Text color="#8b5cf6">█▌</Text>
       </Text>
       <Text>
         <Text> </Text>
         <Text color="#ec4899">██</Text>
-        <Text> </Text>
       </Text>
       <Text>
-        <Text color="#f59e0b">██</Text>
-        <Text> </Text>
-        <Text color="#14b8a6">██</Text>
+        <Text color="#f59e0b">▐█</Text>
+        <Text color="#14b8a6">█▌</Text>
       </Text>
     </Box>
   );