# Shadcn Dev Ops blocks

> Platform and SRE console pages for scheduled jobs, deployments, audit trails, edge firewall rules, SLOs and data connections.

- Type: Pro blocks (Solutions)
- Page: https://web.dev.reui.io/blocks/solutions/dev-ops
- Blocks: 6
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## 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

## Third-party libraries

- 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), used by 6 of 6 blocks
- Sonner v2: [API reference](https://sonner.emilkowal.ski/toast), [docs](https://sonner.emilkowal.ski/getting-started), used by 6 of 6 blocks
- Recharts v3: [API reference](https://recharts.github.io/en-US/api/), [docs](https://recharts.github.io/en-US/guide/getting-started/), used by 5 of 6 blocks
- Shiki v4: [API reference](https://shiki.style/guide/install), [docs](https://shiki.style/guide/), used by 4 of 6 blocks
- dnd kit v6: [API reference](https://dndkit.com/legacy/api-documentation/context-provider/dnd-context/), [docs](https://dndkit.com/legacy/introduction/getting-started/), used by 1 of 6 blocks (these are the Legacy docs; dndkit.com's default docs cover the newer @dnd-kit/react, a different API)
- Motion v12: [API reference](https://motion.dev/docs/react-motion-component), [docs](https://motion.dev/docs/react), used by 1 of 6 blocks (the docs follow the latest Motion, with no React API break since v12)

## Blocks

- [Cron Jobs](https://web.dev.reui.io/blocks/solutions/dev-ops/solution-dev-ops-1.md): Dev Ops Cron Jobs Console with Run History Bars, Cron Editor and Job Detail Sheet. Best for scheduled jobs with a per row enable switch, last 20 run bars and a cron parser previewing the next 3 runs by timezone.
- [Infra Audit Log](https://web.dev.reui.io/blocks/solutions/dev-ops/solution-dev-ops-2.md): Dev Ops Infrastructure Audit Log with Outcome Volume Chart, Saved Views and Diff Sheet. Best for a change trail narrowed by dragging across the volume chart, with a denied attempts queue to review or undo and saved views.
- [Deployments](https://web.dev.reui.io/blocks/solutions/dev-ops/solution-dev-ops-3.md): Dev Ops Deployments Console with Promotion Lanes, Live Canary Rollout and Release Sheet. Best for promotion across 3 environment lanes with deploy freezes, a ticking rollout clock and canary error and latency against baseline.
- [Firewall Rules](https://web.dev.reui.io/blocks/solutions/dev-ops/solution-dev-ops-4.md): Dev Ops Edge Firewall Console with Ordered Rules, IP Lists, Protections and Traffic Log. Best for priority ordered rules you drag, CIDR checked allow and block lists and a test request traced step by step to its verdict.
- [SLO Error Budgets](https://web.dev.reui.io/blocks/solutions/dev-ops/solution-dev-ops-5.md): Dev Ops SLO Console with Error Budget Burn-Down, Burn Rate Alerts and Objective Sheet. Best for error budget spend summed by dragging across daily lollipops, a log scale burn rate gauge and event exclusion switches.
- [Data Connections](https://web.dev.reui.io/blocks/solutions/dev-ops/solution-dev-ops-6.md): Dev Ops Data Connections Settings with Linked Datasets, Masked Data Preview and Sync Activity. Best for data sources checked by reach, authenticate and read tests, with PII masked sample rows and an hourly runs or rows sync chart.

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.