Agent Limits Card

The agent budget widget - a context window usage bar segmented by token bucket with a used / max readout, and plan usage limits with reset times and progress bars. Expanding the context window grows the whole card to reveal the per-bucket breakdown, free space, deferred buckets, and collapsible member lists.

Plan usage limits · Max (5x)
5-hour limitResets in 2 hr 46 min38%
Weekly · all modelsResets Tue 3:00 PM3%
Weekly · ProResets Tue 3:00 PM5%

Installation

Agent Limits Card is part of BoardUI Pro.

Dark mode ready - this component follows BoardUI semantic tokens automatically. Set up theme switching.

Pro access

Agent Limits Card is a Pro component.

Your BoardUI Pro license unlocks this component and all of its source files. Activate your license once, then install it directly into your project with the CLI.

01

Activate your license

Use the key from your Lemon Squeezy purchase email. You only need to do this once per machine.

npx boardui@latest login YOUR_LICENSE_KEY
02

Install the component

The CLI copies the source and resolves every BoardUI and npm dependency for you.

npx boardui@latest add agent-limits-card

This component is included in BoardUI Pro

Get BoardUI Pro now and install it right away.

Expanded

defaultExpanded opens the breakdown on mount; the groups (context.groups) each collapse independently. Deferred segments are listed with a dash and left out of the bar and the total.

Messages520k52.0%
System tools96k9.6%
MCP tools68k6.8%
Skills54k5.4%
System prompt42k4.2%
Memory files24k2.4%
Custom agents16k1.6%
MCP tools (deferred)69.9k—
System tools (deferred)16.1k—
Free space180k18.0%
Plan usage limits · Max (5x)
5-hour limitResets in 2 hr 46 min38%
Weekly · all modelsResets Tue 3:00 PM3%
Weekly · ProResets Tue 3:00 PM5%
<AgentLimitsCard context={{ max: 1_000_000, segments: [ { label: "Messages", tokens: 520_000 }, // palette colours from blue… { label: "System tools", tokens: 96_000 }, { label: "MCP tools", tokens: 68_000 }, { label: "Skills", tokens: 54_000, color: "var(--color-chart-8)" }, // …or your own { label: "MCP tools (deferred)", tokens: 69_900, deferred: true }, // listed, not counted ], groups: [ // collapsible member lists { label: "MCP tools", tokens: 137_900, items: [{ label: "browser", tokens: 54_200 }, /* … */] }, ], }} plan="Max (5x)" planHref="/settings/plan" limits={[ { label: "5-hour limit", used: 0.38, resets: "Resets in 2 hr 46 min" }, { label: "Weekly · all models", used: 0.03, resets: "Resets Tue 3:00 PM" }, { label: "Weekly · Pro", used: 0.05, resets: "Resets Tue 3:00 PM" }, ]} defaultExpanded onExpandedChange={(open) => track("context_breakdown", { open })}/>