Agent fleetPro
Every running agent across local, worktree, cloud and remote machines as live cards. Waiting agents first.
On this page
ProEvery running agent, live: waiting agents first, a quiet one turns stale.
Installation
Usage
import { AgentFleet } from "@/components/ui/chatcn/pro/agent-fleet"
<AgentFleet agents={agents} onOpen={openAgent} />Agents waiting on a person sort first, then errors, then work in flight. Each card shows its task, where it runs, its branch, its last action and a heartbeat, and a waiting card gets an amber edge as well as its badge. The filter appears once agents run in more than one place.
Examples
States
ProNo agents and one environment.
Props
| Prop | Type | Notes |
|---|---|---|
agents | FleetAgent[] | { id, name, task, environment, where?, branch?, state, lastAction?, lastActivity?, usage? } |
onOpen | (id) => void | Makes each card a button |
staleAfter | number | Heartbeat threshold. Default 10 000 |
Accessibility
- Cards are buttons when
onOpenis set; their name is the card's text. - Badges in the grid do not announce; the summary line counts what needs attention.