# Sync Run History block

> Connection sync history card with hourly outcome columns and a recent runs list

Sync history for one data connection: success rate against the prior 24h with freshness and next sync, 24 hours of hatched Recharts columns by rows or runs, and the 5 newest runs with errors and Retry. ReUI Frame, Badge, IconTile. ETL monitoring.

- Type: Pro block
- Category: [Bar Chart](https://web.dev.reui.io/blocks/chart/bar-chart.md)
- Page: https://web.dev.reui.io/blocks/chart/bar-chart/chart-47
- MCP: `get_block("chart-47")`
- Built with: Alert Dialog, Badge, Button, Button Group, Chart, Dropdown Menu, Empty, Frame, Icon Tile, Separator, Spinner, Toggle Group, Tooltip
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

One connection's last 24 hours against the day before, with a freshness SLO, a compare menu and run rows that retry or download a log

## Agent notes

- Replace `CONNECTION` and `INCIDENTS` in data.tsx; each `INCIDENTS` string sets an hour's 4 slot outcomes and `historyOf` invents rows and durations
- `INTEGRATIONS` and the `IntegrationId` type hold only `googleDrive` with its `GoogleDrive` logo; add an entry for each source you show
- `startRun` appends a fake run that `MANUAL_SYNC` finishes and `setPausedWithToast` flips local `paused`, so wire both to your sync API

## When not to use

- Every source pooled hour by hour, with failed connections named in tooltips: use [Data Sync Activity](https://web.dev.reui.io/blocks/chart/bar-chart/chart-45.md) (`get_block("chart-45")`)
- Many services at a glance as status tiles, each with a colored dot and a timestamp: use [Service Status Tiles](https://web.dev.reui.io/blocks/application/card/card-8.md) (`get_block("card-8")`)

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

## Install

```bash
npx shadcn@latest add @reui/chart-47
```

## About Bar Chart blocks

### When to use

- Amounts compared across years, weeks, categories or regions as prisms, patterned bars, pills or lanes
- Activity over time stacked by outcome, such as job runs, audit events, firewall requests or data syncs
- Run durations and error budgets read against a timeout, a warning line or a paging threshold

### When not to use

- A share of a whole where the slices read better around a ring: use the [Pie Chart blocks](https://web.dev.reui.io/blocks/chart/pie-chart.md)
- A capacity or allocation split into colored segments on one meter, with no axis: use the [Stats blocks](https://web.dev.reui.io/blocks/application/stats.md)
- Rows of jobs or deploys, each with its own run history strip: use the [Status Tracker blocks](https://web.dev.reui.io/blocks/chart/status-tracker.md)

### Agent notes

- `Chart` renders with no props and fetches nothing, so every bar, lane and limit is seeded from constants in the block folder

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.