# AI Plan Approval

Agent proposing a database migration plan with destructive steps that the operator reviews and approves one by one.

- id: `ai-plan-approval`
- Page: https://agentic-ui-kit.com/components/ai-plan-approval
- Live preview: https://agentic-ui-kit.com/live/component/ai-plan-approval

## Install

```bash
agentic-ui add ai-plan-approval
npx shadcn@4.17.0 add @agentic-ui/ai-plan-approval
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** step-by-step-approval, step-editing, step-rejection-feedback, step-reordering, step-deletion, custom-step-addition, plan-level-approval, plan-rejection-feedback, risk-level-indicators, live-execution-progression, empty-state, keyboard-navigation, live-status-announcements
- **Intents:** orchestrate-agents, execute-flow, create-edit, track-status, audit-trail
- **Suits domains:** ai-agents, ai-workspace, devtools, operations, project-management
- **Interaction:** approve-reject, inline-edit, reorder-steps, add-step, execute-plan, rejection-feedback, collapsible-details, keyboard-navigation
- **Screen role:** flow
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** agent proposing a database migration plan with destructive steps that the operator reviews and approves one by one, DevOps automation console where the agent breaks a release down into sequential steps with command editing, multi-agent research assistant where the user reorders and approves collection sources before running, cloud admin panel where risky steps are discarded and automatic replanning is requested from the LLM
- **Avoid when:** immediate single actions with no sequence of steps (use ai-action-confirmation), inspecting a specific tool call with parameters and result (use ai-tool-call-card), interactive canvas-style node and edge flow diagrams (use workflow-canvas)
- **Preserve when adapting:** step-by-step-approval-contract, risk-level-indicators, live-accessibility-announcements, execution-state-lifecycle
- **Replace when adapting:** domain-copy, agent-metadata, tool-parameter-schemas
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.2/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** badge, button, card, input, label, textarea
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **Registry dependencies:** lib-primitives