feat(cli): full 3×3 mosaic icon with 9 colored tiles

Brand colors (blue, purple, teal, amber, pink) plus complementary
fills (indigo, sky, rose, green) arranged in a gradient flow:
  blue    indigo  purple
  sky     pink    rose
  amber   green   teal

packages/cli/src/tui/components/top-bar.tsx

@@ -24,26 +24,37 @@ function formatContextWindow(n: number): string {
 }
 
 /**
- * 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)
- *   Center: pink (#ec4899)
+ * 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)
+ *
+ * Layout:
+ *   blue    indigo  purple
+ *   sky     pink    rose
+ *   amber   green   teal
  */
 function MosaicIcon() {
   return (
     <Box flexDirection="column" marginRight={1}>
       <Text>
-        <Text color="#2f80ff">▐█</Text>
-        <Text color="#8b5cf6">█▌</Text>
+        <Text color="#2f80ff">██</Text>
+        <Text color="#6366f1">██</Text>
+        <Text color="#8b5cf6">██</Text>
       </Text>
       <Text>
-        <Text> </Text>
+        <Text color="#38bdf8">██</Text>
         <Text color="#ec4899">██</Text>
+        <Text color="#f472b6">██</Text>
       </Text>
       <Text>
-        <Text color="#f59e0b">▐█</Text>
-        <Text color="#14b8a6">█▌</Text>
+        <Text color="#f59e0b">██</Text>
+        <Text color="#22c55e">██</Text>
+        <Text color="#14b8a6">██</Text>
       </Text>
     </Box>
   );