Skip to content
Sign in
EvalsEval run progressMenu

Eval run progressPro

A live pass and fail tally while an eval runs.

Pro120 cases scoring live with a running tally.

Installation

$ pnpm dlx shadcn@latest add @chatcn-pro/eval-run-progress

Usage

tsx
import { EvalRunProgress } from "@/components/ui/chatcn/pro/eval-run-progress"

<EvalRunProgress cases={results} />

One dot per case in order. Passed dots are gray; only failures and errors take a hue, so problems stand out in a big run.

Examples

States

ProNot started, all passed, and failures with errors.

Props

PropTypeNotes
cases("pending" | "running" | "pass" | "fail" | "error")[]One per case
titlestringRun name

Accessibility

  • The tally is a polite live region; each dot has a hidden case number and result.