Search
Search components and blocks
Dashboard Blocks
Full-page app shells built from the existing components.
An operations dashboard for a fleet of AI agents. A 24h / 7d / 30d switch re-counts the stat cards, redraws the token-usage area chart and regrows the bars. The grouped bar chart puts each agent's succeeded (solid blue) and escalated (hatched coral) runs side by side — hover a pair for exact counts, or click the legend to hide a series and watch its bars collapse. Needs lib/agent-ops-data.ts, components/agent-ops-charts.tsx and components/agent-ops-roster.tsx alongside; sample data is fictional.
Agent Ops
How your fleet of agents is doing
0
8.4%0.0%
0.6%0.0s
4.2%Runs by agent
Succeeded vs. escalated to a human
Token usage
Thousands of tokens
Active agents
Pause, resume or approve work as it happens
- Triage Agentrouter-v2
Classifying 14 new tickets
Running72% - Research Agentscout-v1
Summarizing 6 vendor docs
Running45% - Coder Agentforge-v3
Waiting on review for PR #482
Needs review100% - Billing Agentledger-v1
Reconciling March invoices
Paused88% - Schedulerclock-v1
Idle until the 14:00 run
Idle0%
Props
className / ...div propsReact.ComponentProps<"div">—