mosaicstack/stack
1
0
Fork 0
Code Issues 13 Pull Requests Actions Packages Projects Releases 11 Wiki Activity

feat(cli): TUI complete overhaul — components, sidebar, search, branding #157

Merged
jason.woltje merged 26 commits from feat/p7-tui-improvements into main 2026-03-15 22:17:20 +00:00
Conversation 0 Commits 26 Files Changed 21 +21 -10
1 changed files with 21 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit c2d573c85f - Show all commits

31
packages/cli/src/tui/components/top-bar.tsx
View File

@@ -24,26 +24,37 @@ function formatContextWindow(n: number): string {
} }
/** /**
* Mosaic windmill icon — 4 colored tiles + pink center in 3×3 grid * Mosaic 3×3 icon — full grid of colored tiles
* Colors from the Mosaic brand: *
* TL: blue (#2f80ff) TR: purple (#8b5cf6) * Brand colors:
* BL: amber (#f59e0b) BR: teal (#14b8a6) * blue (#2f80ff), purple (#8b5cf6), teal (#14b8a6),
* Center: pink (#ec4899) * 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() { function MosaicIcon() {
return ( return (
<Box flexDirection="column" marginRight={1}> <Box flexDirection="column" marginRight={1}>
<Text> <Text>
<Text color="#2f80ff">▐█</Text> <Text color="#2f80ff">██</Text>
<Text color="#8b5cf6">█▌</Text> <Text color="#6366f1">██</Text>
<Text color="#8b5cf6">██</Text>
</Text> </Text>
<Text> <Text>
<Text> </Text> <Text color="#38bdf8">██</Text>
<Text color="#ec4899">██</Text> <Text color="#ec4899">██</Text>
<Text color="#f472b6">██</Text>
</Text> </Text>
<Text> <Text>
<Text color="#f59e0b">▐█</Text> <Text color="#f59e0b">██</Text>
<Text color="#14b8a6">█▌</Text> <Text color="#22c55e">██</Text>
<Text color="#14b8a6">██</Text>
</Text> </Text>
</Box> </Box>
); );