Comprehensive visual refresh of all TUI components:
card.go:
- Add semantic icons based on metric type (tokens=◈, sessions=◉,
cost=◆, cache=◇)
- Color-code metric values using new theme colors (Cyan, Magenta,
Green, Blue) for visual variety
- Add CardRow() helper that properly height-equalizes cards and
fills background on shorter cards to prevent "punched out" gaps
- Set explicit background on all style components
chart.go:
- Add background styling to sparkline renderer
- Ensure bar chart respects theme.Active.Surface background
progress.go:
- Add color gradient based on progress (Cyan→Accent→AccentBright)
- Style percentage text with bold and matching color
- Fix background fill on empty bar segments
statusbar.go:
- Complete redesign with SurfaceHover background
- Style keyboard hints: dim brackets, bright keys, muted labels
- Proper spacing and background continuity across sections
- Styled refresh indicator with AccentBright
tabbar.go:
- Add TabVisualWidth() for accurate mouse hit detection
- Modern underline-style active indicator using ━ characters
- AccentBright for active tab, proper dim styling for inactive
- Consistent Surface background across all tab elements
These changes create a cohesive visual language where every element
respects the dark background, icons add visual interest without
clutter, and color coding provides semantic meaning.
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
c15dc8b487