# Deployments block

> Dev Ops Deployments Console with Promotion Lanes, Live Canary Rollout and Release Sheet

Release console: Staging, Sandbox and Production lanes, a deploy history grid, streaming deploy logs, canary versus baseline charts and rollback. ReUI Data Grid, Filters, Code Block. For CI/CD dashboard, release management.

- Type: Pro block
- Category: [Dev Ops](https://web.dev.reui.io/blocks/solutions/dev-ops.md)
- Page: https://web.dev.reui.io/blocks/solutions/dev-ops/solution-dev-ops-3
- MCP: `get_block("solution-dev-ops-3")`
- Built with: Alert, Alert Dialog, Avatar, Badge, Button, Chart, Code Block, Collapsible, Data Grid, Dialog, Dropdown Menu, Empty, Field, Filters, Frame, Hover Card, Icon Tile, Input Group, Item, Kbd, Marker, Popover, Progress, Select, Separator, Sheet, Spinner, Switch, Tabs, Toggle, Toggle Group, Tooltip
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

Promotion across 3 environment lanes with deploy freezes, a ticking rollout clock and canary error and latency against baseline

## Agent notes

- Deploy rows come from `SEEDS` through `DEPLOYMENTS`, with commits in `COMMIT_ROWS` and values diffs in `CONFIG_DIFFS`; swap in your release feed
- Run progress, log lines and canary charts are simulated on the demo clock: `scriptFor` writes the log, `healthSeries` the series; feed real telemetry
- Promote, rollback and freeze only dispatch to `consoleReducer` and toast; call your deploy API in `confirmAction`, `confirmEnvPromote` and `setFrozen`

## When not to use

- A streamed log or snippet shown on its own, with no lanes, grid or release sheet around it: use [Code Block](https://web.dev.reui.io/components/code-block.md) (`get_component("code-block")`)
- A change trail of who touched deploys, config or secrets, with no lanes or rollouts: use [Infra Audit Log](https://web.dev.reui.io/blocks/solutions/dev-ops/solution-dev-ops-2.md) (`get_block("solution-dev-ops-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)
- Shiki v4: [API reference](https://shiki.style/guide/install), [docs](https://shiki.style/guide/), through ReUI Code Block

## Install

```bash
npx shadcn@latest add @reui/solution-dev-ops-3
```

## About Dev Ops blocks

### When to use

- Platform and SRE consoles for cron jobs, releases, audit trails, SLOs, edge firewalls and data sources
- On call triage of failing jobs, failed deploys, denied access, blocked requests and burning error budgets
- Operator changes made in place: pausing a job, promoting or rolling back, editing rules, rotating credentials

### When not to use

- A single table on your own columns, with no charts, lanes or ops panels around it: use [Data Grid](https://web.dev.reui.io/components/data-grid.md) (`get_component("data-grid")`)
- A table section for business records such as tickets, contacts, deals or timesheets: use the [Base blocks](https://web.dev.reui.io/blocks/data-grid/base.md)
- Only the record detail panel that slides over a list, without the console page: use the [Sheet blocks](https://web.dev.reui.io/blocks/application/sheet.md)

### Agent notes

- Every block pins now to Sep 29, 2026 14:20 UTC in `REFERENCE_MS`, set from `REFERENCE_DATE` in the audit log, and never reads the wall clock; pass your own now
- Writes only update client state and answer with a sonner `toast`; no block calls a server, so add your API at each write point
- Both page.tsx and each root set `min-h-svh`, and the root caps width at 1320px with its own padding; drop both inside an app shell

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.