# Cron Job Detail block

> Cron job detail sheet with run history logs, duration chart and schedule settings

Scheduled task drawer with a failure alert, a cron field breakdown with the next 5 runs, per-run logs with Retry, and Run Now and Pause. ReUI Badge, Alert, CodeBlock, NumberField; shadcn Sheet, Tabs, Chart. Cron monitor, job scheduler.

- Type: Pro block
- Category: [Sheet](https://web.dev.reui.io/blocks/application/sheet.md)
- Page: https://web.dev.reui.io/blocks/application/sheet/sheet-12
- Docs (Base UI): https://ui.shadcn.com/docs/components/base/sheet.md
- Docs (Radix UI): https://ui.shadcn.com/docs/components/radix/sheet.md
- MCP: `get_block("sheet-12")`
- Built with: Accordion, Alert, Alert Dialog, Avatar, Badge, Button, Button Group, Chart, Code Block, Collapsible, Dropdown Menu, Empty, Field, Icon Tile, Input, Input Group, Number Field, Select, Separator, Sheet, Spinner, Switch, Tabs, Toggle Group, Tooltip
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

An existing scheduled job with duration bars per run, collapsible run logs with Retry and an edit form in a Settings tab

## Agent notes

- `JOBS` in the data file seeds every job and run, and `useJobStore` holds them in `useState`; swap both for your scheduler API
- `runJobs` backs Run Now and Retry: it adds a fake running run and settles it after `RUN_RESOLVE_MS` via `manualOutcome`; nothing executes
- Next runs and times are computed from the fixed `REFERENCE_MS`, not the current clock, so replace it with the real time

## When not to use

- A cron console with a job list around the detail panel: use [Cron Jobs](https://web.dev.reui.io/blocks/solutions/dev-ops/solution-dev-ops-1.md) (`get_block("solution-dev-ops-1")`)
- A blank form to schedule a new job rather than inspect one: use [New Cron Job](https://web.dev.reui.io/blocks/application/sheet/sheet-13.md) (`get_block("sheet-13")`)

## Third-party libraries

- Recharts v3: [API reference](https://recharts.github.io/en-US/api/), [docs](https://recharts.github.io/en-US/guide/getting-started/)
- 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/sheet-12
```

## About Sheet blocks

### When to use

- Record detail opened over a list or table: a ticket, metric, cron job, audit event, deploy, SLO or data source
- Create and edit forms in a side panel for a project, cron job, firewall rule, SLO or data connection
- Utility panels for help guides, keyboard shortcuts, an AI assistant, comments, notifications or view settings

### When not to use

- A bare side panel with your own header, body and footer, nothing prebuilt: use [Sheet](https://web.dev.reui.io/components/sheet.md) (`get_component("sheet")`)
- A persistent sidebar or navigation layout that stays around every page: use the [App Shell blocks](https://web.dev.reui.io/blocks/application/app-shell.md)
- An assistant conversation that fills the whole page rather than a side panel: use the [AI Chat blocks](https://web.dev.reui.io/blocks/ai-agents/ai-chat.md)

### Agent notes

- Each root renders a demo `SheetTrigger` button and opens on mount via `defaultOpen` or a `useState` seeded true; start it closed in your app
- Each `SheetContent` className floats it inset with `inset-y-4`, `right-4` and `rounded-xl` and sets its own width; resize it there, not in the primitive
- Each page.tsx only centers the trigger in a `min-h-svh` main with an `sr-only` h1; render the root component alone inside your page

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.