## Deploy Status (S—274)

A deployment card: build, upload and promote stages with live timing, the current production version, and rollback.

- URL: https://sundaeui.dev/components/deploy-status
- 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/deploy-status.json`
- Tags: devops, pipeline, deploy, production, release, rollback

Deploy walks through stages with a timer on the active one. When it lands, the card shows the new version as production and keeps the previous one for rollback.
Rollback is a two-step confirm, and the history list below shows what has been live and when.

### Usage

```tsx
import { DeployStatus } from '@/components/sundae/deploy-status'

<DeployStatus />
```

### Props

- `versions` (`{ id: string; label: string; when: string }[]`, required): History, live first.
- `onDeploy` (`() => void`): Called on deploy.
- `onRollback` (`(id: string) => void`): Called on rollback.
- `fill` (`'dark' | 'light'`, default `'dark'`): Surface: dark or light.

### When to use

- Hosting dashboards, internal release tools.

### When not to use

- Multi-region canaries: show per-region status.

### Accessibility

- Stages are an ordered list with aria-current on the active stage.
- Rollback needs an explicit confirm; outcomes are announced.
- Reduced motion removes the movement and keeps every state change.