Agents
Checkpoint
A restore point in a conversation.
Checkpoint marks a point you can rewind an agent's work to: a dashed rule with a small pill and a Restore action.
Preview
Before refactor14:02
Installation
pnpm dlx shadcn@latest add https://ui.cuelark.com/r/checkpoint.jsonThe CLI also installs the Cuelark theme tokens. With the @cuelark namespace configured, use @cuelark/checkpoint.
Usage
import { Checkpoint } from "@/components/ui/checkpoint";
<Checkpoint label="Before refactor" time="14:02" onRestore={restore} />API reference
Checkpoint
| Prop | Type | Default | Description |
|---|---|---|---|
| label · time | ReactNode · string | — | Text. |
| onRestore | () => void | — | Shows Restore. |
Accessibility
- Fully keyboard operable with visible focus.
- Live regions announce streaming updates politely.
FAQ
Also searched as: ai checkpoint restore · conversation restore point · undo agent changes ui · shadcn ai checkpoint