TokenCounter
Color-coded usage bar. Fill shifts from green → amber → red as utilization climbs past 70% and 90%. Drop it anywhere you need a visible budget.
Source
src/components/ai/token-counter.tsxAll three thresholds
Under 70% green, 70–90% amber, 90%+ red. Three bars, same component.
request · safe3,200 / 10,000
request · warning7,800 / 10,000
request · critical9,600 / 10,000
Long-context model
Works at any scale — limit of 200K for Claude-style contexts.
context window148,000 / 200,000