Seven-day workflow health card with stacked emerald success and rose failure bars, a success rate headline, and totals footer.
The import and the props worth knowing about, in one place.
import { Automation18 } from "@/components/beste/piece/automation18";
<Automation18
title="Last 7 days"
days={[
{
"label": "Mon",
"success": 38,
"failed": 0
},
{
"label": "Tue",
"success": 42,
"failed": 1
},
{
"label": "Wed",
"success": 51,
"failed": 0
},
{
"label": "Thu",
"success": 33,
"failed": 2
},
{
"label": "Fri",
"success": 48,
"failed": 0
},
{
"label": "Sat",
"success": 29,
"failed": 1
},
{
"label": "Sun",
"success": 43,
"failed": 1
}
]}
runsSuffix="runs"
failedSuffix="failed"
/>Workflow execution log with rows for each run showing a semantic status icon, run id, duration, and relative time.
Workflow version history with a colored status dot, monospace tag, emerald active, amber draft, and muted archived pills, and author with date on the right.

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

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.
{
"id": "evt_8a2k4f",
"type": "payment.succeeded",
"amount": 4200,
"currency": "usd"
}Workflow test preview with a semantic status check, HTTP status code, duration, and a monospaced JSON response body panel below.



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