## CI Checks (S—273)

A pull request checks panel: running, passed and failed jobs with durations, expandable failure logs, and re-run.

- URL: https://sundaeui.dev/components/ci-checks
- Category: UI components · Art direction: Refined
- Access: Free (no account needed)
- Stack: React 18+, TypeScript, plain CSS; dependencies: none
- Install: `npx shadcn@latest add https://sundaeui.dev/r/ci-checks.json`
- Tags: checks, status, github, build, pull-request, ci

Jobs tick through queued, running and done states. The summary line counts what passed and what failed; a failed job expands to show the last log lines.
Re-run failed jobs restarts only those. States are shown by icon shape (ring, check, cross) as well as words.

### Usage

```tsx
import { CiChecks } from '@/components/sundae/ci-checks'

<CiChecks />
```

### Props

- `jobs` (`{ id: string; name: string; ms: number; fail?: string[] }[]`, required): Jobs with simulated durations.
- `onRerun` (`(ids: string[]) => void`): Called on re-run.
- `fill` (`'dark' | 'light'`, default `'dark'`): Surface: dark or light.

### When to use

- PR pages, deploy gates, internal dashboards.

### When not to use

- Full build logs: link to the CI provider.

### Accessibility

- Each job announces its state in text; the summary is a live region.
- Failure logs use a disclosure button with aria-expanded.
- Reduced motion removes the movement and keeps every state change.