Workflow execution log with rows for each run showing a semantic status icon, run id, duration, and relative time.
New here? Read the installation guide.
import { Automation4 } from "@/components/beste/piece/automation4";
<Automation4
workflow="Stripe → Slack"
headerLabel="Recent runs"
runs={[
{
"id": "run_8a2k",
"status": "success",
"duration": "412 ms",
"time": "2m ago"
},
{
"id": "run_7f9p",
"status": "running",
"duration": "—",
"time": "now"
},
{
"id": "run_7e1q",
"status": "failed",
"duration": "1.2 s",
"time": "8m ago"
},
{
"id": "run_7d3m",
"status": "success",
"duration": "388 ms",
"time": "14m ago"
}
]}
/>{
"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.

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.
Seven-day workflow health card with stacked emerald success and rose failure bars, a success rate headline, and totals 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.