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.
New here? Read the installation guide.
import { Automation19 } from "@/components/beste/piece/automation19";
<Automation19
heading="Versions"
versions={[
{
"tag": "v3",
"status": "active",
"date": "Apr 20",
"author": "Ada L."
},
{
"tag": "v2",
"status": "draft",
"date": "Apr 14",
"author": "Marcus R."
},
{
"tag": "v1",
"status": "archived",
"date": "Mar 30",
"author": "Priya S."
}
]}
activeLabel="Active"
draftLabel="Draft"
archivedLabel="Archived"
/>{
"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.

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