# Agent Eval Report block

> Agent Evaluation Report with Pass Rate Trend and Release Markers

Read-mostly nightly agent eval report: pass rate trend with release markers, per-suite progress, and a regressions table comparing two releases. Period selector, regressions-only toggle, export. ReUI Frame, Badge, Filters; shadcn Chart, Progress.

- Type: Pro block
- Category: [Agents](https://web.dev.reui.io/blocks/solutions/agents.md)
- Page: https://web.dev.reui.io/blocks/solutions/agents/solution-agents-8
- MCP: `get_block("solution-agents-8")`
- Built with: Alert, Badge, Button, Calendar, Chart, Data Grid, Field, Filters, Frame, Popover, Progress, Separator, Skeleton, Switch, Tooltip
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

Per case scores for a baseline and a current release, release markers on the nightly trend, expandable case notes and a regressions switch

## Agent notes

- Replace the sample trend, `markers`, suites and cases in `REPORT_PERIODS`; each period also carries its `baselineRelease` and `currentRelease`
- `handleExport` only shows a `toast` and exports nothing, and its message hardcodes 5 suites and 224 cases
- The date range picker only maps to the `last30` or `prev30` entry of `REPORT_PERIODS` via `getPeriodForRange`, so wire it to a real query

## When not to use

- A fleet overview of agent runs with KPI cards, a run queue and an incident timeline: use [Agent Fleet Overview](https://web.dev.reui.io/blocks/solutions/agents/solution-agents-1.md) (`get_block("solution-agents-1")`)
- A product report of feature adoption with a trend chart and a scored grid: use [Feature Adoption Report](https://web.dev.reui.io/blocks/solutions/analytics/solution-analytics-2.md) (`get_block("solution-analytics-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)
- date-fns v4: [docs](https://date-fns.org/v4.1.0/docs/Getting-Started)
- React DayPicker v9: [API reference](https://daypicker.dev/v9/api), [docs](https://daypicker.dev/v9/start)
- Sonner v2: [API reference](https://sonner.emilkowal.ski/toast), [docs](https://sonner.emilkowal.ski/getting-started)

## Install

```bash
npx shadcn@latest add @reui/solution-agents-8
```

## About Agents blocks

### When to use

- Run monitoring for a fleet of agents: a live overview, a run queue and failed run triage
- Human review of agent work: an approval inbox, one run's step trace and a nightly evaluation report
- Control pages for agent behavior: tool access, playbooks, run settings and stored memory

### When not to use

- One run narrated live to the person who started it, inside a chat or task view: use the [Agent Activity blocks](https://web.dev.reui.io/blocks/ai-agents/agent-activity.md)
- Model provider routing, prompt reviews, token spend and safety policies for LLM features: use the [AI Ops blocks](https://web.dev.reui.io/blocks/solutions/ai-ops.md)
- An account, workspace, notification or integration page of labeled switches and selects: use the [Settings blocks](https://web.dev.reui.io/blocks/application/settings.md)

### Agent notes

- Every block sets a `min-h-svh` wrapper with its own padding and max width in page.tsx, its root component or both; drop them inside an app shell
- No block mounts the `sonner` toaster, so every `toast` call stays invisible until your layout renders one
- No handler reaches a backend: actions change local `useState` and fire a `toast`, so wire each one to your agent API

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.