AI Interfaces
Context Compression Preview
A compaction preflight showing which conversation sections will be kept, summarized, or dropped.
Installation
Copy and paste the code into your project.
Accessibility notes
Every section exposes its token impact and exact keep, summarize, or drop decision.
Context compression
Compaction preview
- Keep
Decisions
1.8k
- Summarize
Discussion
8.4k → 1.2k
- Drop
Duplicates
2.1k
Preview accent
const sections = [{ label: "Decisions", action: "Keep" }, { label: "Discussion", action: "Summarize" }, { label: "Duplicates", action: "Drop" }]; export function ContextCompressionPreview() { return <ul>{sections.map((section) => <li key={section.label}>{section.label}: {section.action}</li>)}</ul>; }<ContextCompressionPreview />Related components
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.
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.
AI Interfaces
Token Budget Allocator
A context-window planner showing how instructions, history, retrieval, and response capacity consume tokens.
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.