# Agent Playbook block

> Agent playbook gantt with enforced stage dependencies, retry lanes, and a critical path

Agent playbook board with enforced stage dependencies, retry lanes and critical path

- Type: Pro block
- Category: [Gantt](https://web.dev.reui.io/blocks/application/gantt.md)
- Page: https://web.dev.reui.io/blocks/application/gantt/gantt-3
- Docs (Base UI): https://web.dev.reui.io/docs/components/base/gantt.md
- Docs (Radix UI): https://web.dev.reui.io/docs/components/radix/gantt.md
- MCP: `get_block("gantt-3")`
- Built with: Alert, Alert Dialog, Avatar, Badge, Button, Card, Context Menu, Dropdown Menu, Field, Gantt, Input, Item, Popover, Scroll Area, Select, Sheet, Switch, Tabs, Textarea, Tooltip
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

A run board where pushing a stage later drags its dependents along, with a Slack column, playbook cutoffs and retry lanes

## Agent notes

- Replace `WORKFLOWS` and `BAR_SEEDS` in data.ts; `progressFor` fills a running bar against the fixed `DEMO_NOW_MIN` clock, not live run state
- `rerunStage` appends a queued bar to local `bars` and nothing executes it; wire it to your runner so status can advance
- `handleBarsChange` takes only timing from `next`, plus the planned ripple; adopting `next` whole writes the dimmed display color into `bars`

## When not to use

- A project plan where people own tasks and pick predecessors in a dialog: use [Project Timeline](https://web.dev.reui.io/blocks/application/gantt/gantt-1.md) (`get_block("gantt-1")`)
- Staff bookings checked against each person's weekly capacity: use [Resource Capacity](https://web.dev.reui.io/blocks/application/gantt/gantt-4.md) (`get_block("gantt-4")`)

## Third-party libraries

- Sonner v2: [API reference](https://sonner.emilkowal.ski/toast), [docs](https://sonner.emilkowal.ski/getting-started)
- date-fns v4: [docs](https://date-fns.org/v4.1.0/docs/Getting-Started), through ReUI Gantt

## Install

```bash
npx shadcn@latest add @reui/gantt-3
```

## About Gantt blocks

### When to use

- A full page planner whose rows of tasks, people or stages own bars that are dragged, resized and edited
- Schedules that check a rule on every drop: a locked bar, opening hours, upstream order or capacity
- Project roadmaps, one day field dispatch, agent run boards and team capacity plans

### When not to use

- Only the scheduling primitive, to wire into your own layout with no demo rules: use [Gantt](https://web.dev.reui.io/components/gantt.md) (`get_component("gantt")`)
- Deals re-dated on bars beside table, board and calendar views of the same records: use the [CRM blocks](https://web.dev.reui.io/blocks/solutions/crm.md)
- A feed of past activity or milestones that people read rather than reschedule: use the [Timeline blocks](https://web.dev.reui.io/blocks/application/timeline.md)

### Agent notes

- Each block wraps its `Card` in an `h-svh` page with `p-4` padding; remove that wrapper when the board sits inside an app shell
- Every block opens on a fixed 2026 demo day passed to `defaultDate` and builds its bars around it; swap both for today and your records
- Refused drops and saved changes call `toast` from `sonner`, and no block mounts a Toaster; render one in your app or those messages never appear

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.