# Agent Fleet Overview block

> AI Agent Operations Dashboard with Run Queue, Throughput Chart and Incident Timeline

Full-page console to monitor autonomous agent runs, approval backlogs, tool reliability and incidents. KPI cards, throughput chart, incident timeline, filterable run queue with row actions. ReUI Frame, DataGrid, Badge; shadcn Chart. Agent ops.

- Type: Pro block
- Category: [Agents](https://web.dev.reui.io/blocks/solutions/agents.md)
- Page: https://web.dev.reui.io/blocks/solutions/agents/solution-agents-1
- MCP: `get_block("solution-agents-1")`
- Built with: Badge, Button, Chart, Data Grid, Dropdown Menu, Frame, Input Group, Item, Select, Separator, Spinner, Timeline
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

The fleet overview: 4 summary cards, run throughput by period, an incident timeline and a run queue sorted by latency

## Agent notes

- Sample data lives in data.tsx as `RUNS`, `SUMMARY_CARDS`, `INCIDENT_EVENTS` and `THROUGHPUT_PERIODS`, swap them for your own feeds
- `AgentDashboard` stores the toolbar `range` but never passes it down, so the cards, chart and queue ignore it
- `handleRunAction`, `handleExport`, `handleNewAgent` and `handleRefresh` only fire a `toast` and change no run or report

## When not to use

- Model provider failover, token spend and safety policies for LLM features: use [AI Ops Dashboard](https://web.dev.reui.io/blocks/solutions/ai-ops/solution-ai-ops-1.md) (`get_block("solution-ai-ops-1")`)
- A run backlog grouped by status with attention filters and owner avatars: use [Agent Run Queue](https://web.dev.reui.io/blocks/solutions/agents/solution-agents-2.md) (`get_block("solution-agents-2")`)

## Third-party libraries

- Recharts v3: [API reference](https://recharts.github.io/en-US/api/), [docs](https://recharts.github.io/en-US/guide/getting-started/)
- TanStack Table v9: [API reference](https://tanstack.com/table/v9/docs/framework/react/reference/index), [docs](https://tanstack.com/table/v9/docs/framework/react/quick-start)
- Sonner v2: [API reference](https://sonner.emilkowal.ski/toast), [docs](https://sonner.emilkowal.ski/getting-started)

## Install

```bash
npx shadcn@latest add @reui/solution-agents-1
```

## About Agents blocks

### When to use

- Run monitoring for a fleet of agents: a live overview, a run queue and failed run triage
- Human review of agent work: an approval inbox, one run's step trace and a nightly evaluation report
- Control pages for agent behavior: tool access, playbooks, run settings and stored memory

### When not to use

- One run narrated live to the person who started it, inside a chat or task view: use the [Agent Activity blocks](https://web.dev.reui.io/blocks/ai-agents/agent-activity.md)
- Model provider routing, prompt reviews, token spend and safety policies for LLM features: use the [AI Ops blocks](https://web.dev.reui.io/blocks/solutions/ai-ops.md)
- An account, workspace, notification or integration page of labeled switches and selects: use the [Settings blocks](https://web.dev.reui.io/blocks/application/settings.md)

### Agent notes

- Every block sets a `min-h-svh` wrapper with its own padding and max width in page.tsx, its root component or both; drop them inside an app shell
- No block mounts the `sonner` toaster, so every `toast` call stays invisible until your layout renders one
- No handler reaches a backend: actions change local `useState` and fire a `toast`, so wire each one to your agent API

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.