Open a project to see its sessions
Each session shows its cost, tokens, messages, run time, and model, and how many times it compacted. Sort by any column.
What Claude Code costs you, down to the message.
The dashboard reads the session logs Claude Code already writes and prices every message. Start with the day, open a project, then a session, then the message that cost the most.
npx claude-code-cost --openThe 17 themes the app ships with, in light and dark. Pick one and the page follows.
Trace
Click a project, then a session. Backspace goes back one level. No hooks and no config: the logs in~/.claude/projects/ are enough.
Open a session to see each message
A cumulative cost curve, the tokens of each message, and a table with the model, the tools it called, and the running total. A workflow gets its own row with its agents and its share of the cost.
Pick the range
Today, the last 24 hours, or up to a year. For anything else, pick two dates on the calendar.
Plan
Prices come from the LiteLLM price list, with the 200K-token tier, cache reads and writes, and fast mode. If the list cannot load, a copy that ships with the app fills in.
Inside Claude Code Hub, the project you pick with Ctrl+Alt+P filters every view.
Know where the current 5-hour block stands
Insights shows the active billing block with its time left, the burn rate, the monthly run-rate, and what the cache saved you. Below the charts, every past block has its messages, tokens, and cost.
Keep your hands on the keyboard
1 and 2 switch between Overview and Insights. Arrow keys move through table rows, Enter opens one, and Backspace goes back. Press ? for the full list.
Set up in two steps
Start the dashboard
npx claude-code-cost --openIt reads the session logs in ~/.claude/projects/ and never writes to them.
Install it as an app
Optional. In Chrome or Edge, click the install button in the address bar. The dashboard then opens in its own window.