E. AI & Chat

Agent Approval

An approval dialog with the diff, a batch queue across agents, a permission request with scopes, a high-cost step and the approval log.

5 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash

npx @wunderui/cli add ai/agent-approval

01Approval dialog with diff

Uses: ApprovalCard · DiffView · Dialog · ActivityItem · Button

components/blocks/ai/agent-approval/01-approval-dialog.tsx

Uses: ApprovalCard · Checkbox · Button · Badge

components/blocks/ai/agent-approval/02-approval-queue.tsx

Uses: ApprovalCard · ScopeList · ExpiryTimer · Button

components/blocks/ai/agent-approval/03-permission-request.tsx

Uses: ApprovalCard · ActivityItem · Button

components/blocks/ai/agent-approval/04-high-cost.tsx

Uses: Table · Segment · Badge · Button

components/blocks/ai/agent-approval/05-approval-log.tsx