Skip to content
Agentic UI Kit
Buy

AI Action Confirmation

Operations agent that asks to drop production tables and shows the rows, size and last use of each one.

Full screen Try a theme

About this block

What it's for

  • Operations agent that asks to drop production tables and shows the rows, size and last use of each one.
  • Support agent that bulk-reassigns tickets and shows the before/after of assignee and priority.
  • Repository agent that deletes a branch after its name is typed, in a blocking modal.

For approving a multi-step plan before running it, use AI Plan Approval.

Includes

  • Human in the loop approval
  • Impact diff
  • Field level before after
  • Impact summary counts
  • Risk levels
  • Typed confirmation phrase
  • Irreversible acknowledgement
  • Partial approval

Works with

  • Radix UI primitives (the registry variant it ships in)
  • React 19, Next.js App Router and Tailwind CSS 4, installed with the shadcn CLI
  • Your theme tokens, in light and dark mode

Install

Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.

Agentic UI CLI
agentic-ui add ai-action-confirmation
Installs through shadcn and adapts the component to your design tokens.
shadcn CLI
npx shadcn@4.17.0 add @agentic-ui/ai-action-confirmation

Used in

A standalone component: drop it into any screen.

Type
Block
Variants
Radix UI
Themes
Light and dark
Widths
Preview it at desktop, tablet and mobile widths above.
Motion
Animated, with a reduced-motion fallback