# Agent Inbox
Source: https://ui.spencerwueste.com/docs/blocks/agent-inbox/
Markdown: https://ui.spencerwueste.com/llm/blocks/agent-inbox.md

> Parallel agent runs as cards with status, progress, and an expandable detail panel.

> Live preview: https://ui.spencerwueste.com/preview/agent-inbox

## What's inside

- **Run cards** show status, agent, elapsed time, step progress, and the latest output line.
- **Filters** by status with live counts.
- **Detail panel** renders the run's steps and markdown output, with approve, request changes, and retry actions.

## Installation

```bash
npx shadcn@latest add https://ui.spencerwueste.com/r/agent-inbox.json
```

Manual install dependencies: `@heroicons-animated/react motion`

Registry JSON: https://ui.spencerwueste.com/r/agent-inbox.json

The registry item pulls in every component it depends on.

## Usage

```tsx
import AgentInbox from "@/components/blocks/agent-inbox/agent-inbox";

export default function Page() {
  return (
    <div className="h-dvh p-4">
      <AgentInbox />
    </div>
  );
}
```

Give the parent a bounded height. The block fills it and scrolls internally.

## Going live

Pass your own `runs` and subscribe to updates from your orchestrator. The simulated interval that advances running steps is only there so the demo moves.