style: compact token usage text lines

[davidarny]

Summary

Tightens up the Today / Yesterday / Last 30 Days token usage rows:

• Smaller font size (text-xs instead of text-sm)
• Reduced row height (18px instead of 22px)
• Consecutive text lines grouped with 4px gap instead of the 16px gap used between progress bars

Screenshots

Before

After

---

Summary by cubic

Compacts Today/Yesterday/Last 30 Days rows to show more with less vertical space. Text is text-xs with 18px row height and 10px subtitles; consecutive text lines use a 4px gap while others keep standard spacing, with tests for the grouping.

^{Written for commit dc765cc. Summary will update on new commits.}

[cubic-dev-ai]

No issues found across 1 file

[davidarny]

Just a little UI polishing 💅

[Copilot]

Pull request overview

This PR compacts the token usage text rows (Today, Yesterday, Last 30 Days) by reducing font sizes and spacing. The changes group consecutive text-type metric lines together with tighter spacing (4px) while maintaining the standard spacing (16px) between other line types.

Changes:

• Added groupLinesByType() function to group consecutive text lines
• Reduced text line font size from text-sm to text-xs and height from 22px to 18px
• Reduced subtitle font size from text-xs to text-[10px]
• Wrapped grouped text lines in space-y-1 container for 4px gap

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[validatedev]

LGTM!

[robinebers]

I like the output, but I am not sure if this is the best way to do it. I think in the near future maybe we can have something like usage stats or tokens stats export for the plugins, but merging this for now because it looks much nicer than what we have. Thanks a lot!