Approval Gate

Human-in-the-loop step with an amber shield header, requester avatar, action title, amount, and side-by-side Deny outline and tone Approve buttons.

Waiting for approval

Send refund to Atlas LabsRequested by Ada Lovelace · 3m ago

$2,840.00

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Automation17 } from "@/components/beste/piece/automation17";

<Automation17
  waitingLabel="Waiting for approval"
  requestedBy="Ada Lovelace"
  requestedByPrefix="Requested by"
  initials="AL"
  ago="3m ago"
  action="Send refund to Atlas Labs"
  amount="$2,840.00"
  denyLabel="Deny"
  approveLabel="Approve"
  tone="emerald"
/>