AI Interfaces
Tool Health Matrix
A runtime dependency matrix showing tool success rate, P95 latency, and degraded states for agent operations.
Installation
Copy and paste the code into your project.
Accessibility notes
Tool state, success rate, and latency are all readable text values, so status does not depend on the indicator color.
Tool health
Runtime dependencies
Preview accent
const tools = [{ name: "Search", success: "99.8%", latency: "410ms", state: "Healthy" }, { name: "CRM", success: "98.7%", latency: "620ms", state: "Healthy" }, { name: "Billing", success: "94.1%", latency: "1.4s", state: "Watch" }];
export function ToolHealthMatrix() {
return <ul>{tools.map((tool) => <li key={tool.name}>{tool.name}: {tool.success} · {tool.latency} · {tool.state}</li>)}</ul>;
}<ToolHealthMatrix />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.
Latency waterfall
Tool execution path
- Search420ms
- Database710ms
- Formatter290ms
Database lookup owns 50% of the critical path.
AI Interfaces
Tool Latency Waterfall
A critical-path timeline showing overlapping tool calls, blocking work, and total response latency.
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.