Token usage chip
Compact meter chip showing tokens consumed vs budget. Tone shifts from calm green to amber at 60% and red at 85% so users can plan compression.
Production answer
Token usage chip is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Primary CTAReview Token usage chip states
Generative search brief
Token usage chip: Compact meter chip showing tokens consumed vs budget. Tone shifts from calm green to amber at 60% and red at 85% so users can plan compression.
Tone progression
Calm → amber → redContext12,400 / 200,000Context64,200 / 200,000Context132,500 / 200,000Context184,900 / 200,000
Per-turn rolling cost
Single message contextPrompt418 / 4,000Prompt2,140 / 4,000Prompt3,410 / 4,000Prompt3,980 / 4,000
Semantics
The chip uses role=meter with aria-valuemin / aria-valuemax / aria-valuenow, plus a human-readable aria-label, so assistive tech announces the current ratio without needing to parse the visual meter.