AI Interfaces
Token Budget Allocator
A context-window planner showing how instructions, history, retrieval, and response capacity consume tokens.
Installation
Copy and paste the code into your project.
Accessibility notes
Exact token counts and remaining capacity accompany the segmented visual allocation.
Context window
Token allocation
23.9kof 32k
- System4.2k
- History9.8k
- Retrieval5.1k
- Response4.8k
8.1k tokens remain for tools, retries, and safety margin.
Preview accent
const allocations = [{ label: "System", tokens: "4.2k" }, { label: "History", tokens: "9.8k" }, { label: "Retrieval", tokens: "5.1k" }, { label: "Response", tokens: "4.8k" }]; export function TokenBudgetAllocator() { return <ul>{allocations.map((item) => <li key={item.label}>{item.label}: {item.tokens}</li>)}</ul>; }<TokenBudgetAllocator />Related components
Context compression
Compaction preview
- Keep
Decisions
1.8k
- Summarize
Discussion
8.4k → 1.2k
- Drop
Duplicates
2.1k
AI Interfaces
Context Compression Preview
A compaction preflight showing which conversation sections will be kept, summarized, or dropped.
Context window
25.4k / 32k
- System
- 4.2k
- Conversation
- 12.8k
- Sources
- 8.4k
6.6k tokens available for response
AI Interfaces
Context Window Meter
A token allocation breakdown for system instructions, conversation history, and retrieved sources.
Agent memory
Eduardo workspace
- Prefers compact dashboards
- Uses eval scorecards
- Ships with dark themes
AI Interfaces
Agent Memory Card
A compact memory summary card for personalized agents and workspace context.