AI Interfaces
Tool Latency Waterfall
A critical-path timeline showing overlapping tool calls, blocking work, and total response latency.
Installation
Copy and paste the code into your project.
Accessibility notes
Every tool exposes its exact duration and the critical-path bottleneck is summarized in text.
Latency waterfall
Tool execution path
- Search420ms
- Database710ms
- Formatter290ms
Database lookup owns 50% of the critical path.
Preview accent
const calls = [{ name: "Search", time: "420ms" }, { name: "Database", time: "710ms" }]; export function ToolLatencyWaterfall() { return <ol>{calls.map((call) => <li key={call.name}>{call.name}: {call.time}</li>)}</ol>; }<ToolLatencyWaterfall />Related components
Agent activity
3 tool calls
- 1128ms
search_docs
design system tokens
- 242ms
read_file
components/card.tsx
- …running
write_patch
3 changes proposed
AI Interfaces
Tool Call Inspector
A live execution trace for agent tools, file operations, and long-running tasks.
Tool health
Runtime dependencies
AI Interfaces
Tool Health Matrix
A runtime dependency matrix showing tool success rate, P95 latency, and degraded states for agent operations.
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.