A four-state LLM spend card: stacked bars split input, cached input, output and reasoning tokens per period, with the cache-hit share called out and a cost line derived in-component from per-million rates.
Preview in your theme
Loading preview…
This component is part of Pro
The install command, prompt and concept map are included with a Pro license — one purchase unlocks every Pro component, forever.
status="ready" · seven nightly eval runs of one agent harness. Prefix caching went live on the fourth night: the bars barely move, because the suite still costs the same tokens, while the derived cost line falls by almost half. Press a class chip to drop it from the stack — the mix re-apportions by largest remainder, so every filter state still reads exactly 100%, and the blended rate follows what is left on screen.
Token usage by nightly eval run
49,015,481 tokens · $129.98 · 7 periods
41%
of input tokens came from cache
18,121,552 of 43,705,214
$48.93 saved at the $2.70 / M spread
$2.65 / M
blended rate per million shown
$129.98 over 49M tokens
across every class
cost, right axisbars are tokens, left axis
Cost is derived, never supplied: every class is priced at its own per-million rate and summed period by period, so the line and the bars can only ever describe one month. Reasoning has no rate of its own here, so it bills at the output rate of $9.00 / M — what every frontier vendor charges for tokens the caller never sees. Reasoning is the class that costs more than it weighs: 7% of the whole stream’s tokens and 22% of its bill. The cache-hit share is measured on the input stream as a whole and does not move with the filter.
Token usage by nightly eval run: every metered period with all 4 token classes and the cost each carries, unfiltered. 7 periods, 49,015,481 tokens costing $129.98 in total.
Period
Input tokens
Cached input tokens
Output tokens
Reasoning tokens
Total tokens
Cost
Mar 24
6,131,402
0
298,568
441,194
6,871,164
$25.05
Mar 25
6,041,061
0
286,279
460,873
6,788,213
$24.85
Mar 26
6,302,268
0
307,993
424,104
7,034,365
$25.50
Mar 27
2,344,672
3,825,518
297,272
473,379
6,940,841
$15.12
Mar 28
1,855,986
4,543,966
308,769
450,472
7,159,193
$13.76
Mar 29
1,475,979
4,673,933
290,591
484,320
6,924,823
$12.80
Mar 30
1,432,294
5,078,135
316,670
469,783
7,296,882
$12.90
All periods
25,583,662
18,121,552
2,106,142
3,204,125
49,015,481
$129.98
status="empty" · a valid contract carrying prices but no metered periods, worded so it cannot be mistaken for a failed fetch — rates are configuration, known long before a single token is counted.
Token usage by nightly eval run
Tokens by class against the cost they carry, priced per million
No token usage recorded yet
Bars appear once a period reports its input, cached input, output and reasoning counts. Prices alone can't draw the chart — the cost line here is derived from the counts, never supplied beside them.
status="loading" · a skeleton holding the two stat tiles, the plot box with its token gutter and the four legend chips, aria-hidden, honouring prefers-reduced-motion, with no timer involved.
Token usage by nightly eval run
Tokens by class against the cost they carry, priced per million
Loading token usage
status="error" · the metering source failed. Try again only appears when onRetry is passed, and clicking it flips the card to ready.
Token usage by nightly eval run
Tokens by class against the cost they carry, priced per million
Zyeon UI