Dashboard

The full cockpit view in a dedicated window. Three spaces accessible via pill nav at the top, with smooth blur burst transitions between them.

Monitoring

The default space, the live cockpit. At the center, a hero card with the 5h percentage, a ring gauge (Smart Color), the reset countdown, and a zone glyph that reflects your current pacing rhythm: leaf / bolt / hare / flame.

Around it, metric tiles for Weekly, Sonnet, Design, Opus and Cowork. Each with its icon, percentage, mini bar and countdown.

Flippable cards

Tap any tile to flip it via blur burst. The back face shows a 7-day sparkline, total, peak day, and delta versus the previous period.

Pacing cards

Inline icon, label, zone pill (Chill / On Track / Watch / Hot), large glowing delta, runway track with zone spectrum, chevron framing the expected position, and a glowing now dot.

Extra credits and plan

When the paid credit pool is enabled, an Extra Credits card shows used / limit / monthly period. In the footer, the plan badge (PRO / MAX / TEAM) and organization pills in compact chrome.

History

New in v5.0. A token browser through time, sourced directly from your local Claude Code session files (~/.claude/projects/**/*.jsonl).

  • Range picker: 24h hourly, 7d / 30d / 90d daily
  • Filter chips by model family: Sonnet, Opus, Haiku, Cowork, Design, Codex 1M
  • Hover tooltip: date, total, model breakdown, session count - anchored to the actual peak of the bar
  • Hero card: totals, cache hit rate, top model, top project, average per session
  • Delta badge with absolute value of the previous period: +850% vs 120k
Everything is read from your local files. No extra network calls, no telemetry. Your usage data stays on your machine.

Cache performance

Per-file mtime cache, streaming JSON parse, parallel TaskGroup with concurrency cap. First open builds the cache, subsequent opens are instant. A page-level progress bar replaces in-place spinners during reloads.

Settings

The configuration space with a sub-sidebar for the six sections: General, Display, Themes, Popover, Watchers, Notifications.

Each section has its own live preview when relevant. The popover editor shows the actual popover bound to your edit. The theme editor pushes color changes everywhere in real time.

The blur burst transition between spaces matches the flippable card animation. The same motion language everywhere in the app, with an opacity quick fade fallback for reduce-motion.