# Shadcn Dashboard blocks

> Dashboard components and layouts that combine stats, charts, and tables into a complete overview screen.

- Type: Pro blocks (Application)
- Page: https://web.dev.reui.io/blocks/application/dashboard
- Blocks: 8
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## When to use

- A full page overview: a header, a row of summary tiles, then a trend chart, a work list or both
- A team home for fulfillment, product modules, timesheets, staffing, calls, security, revenue or payouts

## When not to use

- One trend panel to drop into a page layout you already have: use the [Area Chart blocks](https://web.dev.reui.io/blocks/chart/area-chart.md)
- A strip of KPI tiles on its own, with nothing under it: use the [Stats blocks](https://web.dev.reui.io/blocks/application/stats.md)
- Product usage reporting on activation, cohorts, events or experiments: use the [Analytics blocks](https://web.dev.reui.io/blocks/solutions/analytics.md)

## Agent notes

- Each block sets its own `min-h-svh` wrapper, padding and max width in page.tsx, its root component or both; strip them inside an app shell

## Third-party libraries

- Sonner v2: [API reference](https://sonner.emilkowal.ski/toast), [docs](https://sonner.emilkowal.ski/getting-started), used by 8 of 8 blocks
- Recharts v3: [API reference](https://recharts.github.io/en-US/api/), [docs](https://recharts.github.io/en-US/guide/getting-started/), used by 7 of 8 blocks
- date-fns v4: [docs](https://date-fns.org/v4.1.0/docs/Getting-Started), used by 6 of 8 blocks
- React DayPicker v9: [API reference](https://daypicker.dev/v9/api), [docs](https://daypicker.dev/v9/start), used by 6 of 8 blocks
- 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 5 of 8 blocks

## Blocks

- [Fulfillment Exceptions](https://web.dev.reui.io/blocks/application/dashboard/dashboard-1.md): Operations dashboard with KPI stat cards, capacity charts, and a filterable exception data grid. Best for a fulfillment exception queue with selectable rows and status counts, under a segmented capacity meter and decision donut.
- [Module Tracker](https://web.dev.reui.io/blocks/application/dashboard/dashboard-2.md): Operations Dashboard with Sparkline Metric Cards and Searchable Module Data Grid. Best for a module tracker with progress rings, a sort menu and a favorite star under 3 area sparkline cards.
- [Worklog Timesheet](https://web.dev.reui.io/blocks/application/dashboard/dashboard-3.md): Project delivery dashboard with tabbed header and weekly per-person worklog timesheet grid. Best for hours logged per person against a weekly target, with people search, team, target and billable filters, week stepping and a New Log form.
- [Voice Agent Calls](https://web.dev.reui.io/blocks/application/dashboard/dashboard-4.md): Voice Agent Call Analytics Dashboard with Tabbed Metric Switcher and Composed Area Chart. Best for a chart first call overview with no table, where 6 metric buttons redraw one line rebucketed hourly, daily or weekly.
- [Edge Security Telemetry](https://web.dev.reui.io/blocks/application/dashboard/dashboard-5.md): Edge Security Telemetry Dashboard with KPI Sparkline Tiles, Threat Charts and Node Load Bars. Best for telemetry cards with corner marks, dot textured KPI tiles, blocked and watched bars and per node load bars.
- [Workforce Coverage](https://web.dev.reui.io/blocks/application/dashboard/dashboard-6.md): Field Workforce Coverage Dashboard with Crew Table, Action Queue, and Supply vs Forecast Chart. Best for staffing supply against forecast over a picked date range, a computed gap, a crew table by district and queue rows that resolve with Undo.
- [Retail Revenue](https://web.dev.reui.io/blocks/application/dashboard/dashboard-7.md): Retail revenue dashboard with KPI sparkline cards, stacked sales charts, and a sortable order queue. Best for booked revenue against a dashed plan line, a direct channel focus toggle and an exceptions only order filter.
- [Royalty Payouts](https://web.dev.reui.io/blocks/application/dashboard/dashboard-8.md): Creator royalty payout dashboard with sweep-lane payout control and a sortable ledger DataGrid. Best for a payout desk where one picked range windows the pace chart and a channel filtered ledger, beside sweep lane balances and a buffer meter.

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.