Plan Approval Card
A proposed plan with clear steps and controls to edit, cancel, or start the work.
Loading component preview…
Installation
Add the component source directly to your project.
pnpm dlx shadcn@latest add https://pastaui.com/r/plan-approval-card.jsonAPI reference
Plan Approval Card
| Prop | Type | Default | Description |
|---|---|---|---|
PlanResearchCard | component | — | Researching variant, imported from components/ai/plan-research-card. |
progress / searchCount | number | — | Research variant: progress from 0–100 and number of searches performed. |
statusText | string | — | Research variant: current activity or stopped-state message. |
onUpdate / onStop | () => void | — | Research variant: update and stop callbacks. |
steps[].status | pending | running | complete | — | Research variant: controls each step indicator. |
title | string | — | Names the proposed task. |
steps | PlanApprovalStep[] | — | Ordered steps with a stable id and label. Start is disabled for an empty plan. |
onEdit | () => void | — | Opens your plan editor. |
onCancel | () => void | — | Cancels the proposed plan. |
onStart | () => void | — | Approves and starts the plan. |
disabled | boolean | false | Disables all three actions. |
countdownSeconds | number | — | Optional remaining seconds displayed inside Start. Controlled by the parent; never automatically starts the plan. |
countdownDuration | number | 60 | Total countdown duration used to draw the remaining-time ring. |