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.
New here? Read the installation guide.
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"
/>Pause-step card with a dashed border, a tone-tinted timer tile, the wait duration, and a subtle continuation note.

Two-step recipe stacked vertically with a When trigger row, a downward arrow connector, and a Then action row, each with a brand-colored icon tile and event label.

Posts a message in #revenue when a payment over $500 lands.
Workflow row card with a zap icon, name, description, and a tone-colored on/off switch on the right plus an active/paused label and runs-today count.

Single workflow step card with a kind-colored icon header (trigger, action, filter), the app/event label, configured field rows, and a configure footer.



Vertical workflow with brand-colored app tiles connected by a thin rail, each row showing the step name and its app and config detail.