Custom HTTP request card with a semantic method pill, full endpoint URL, and a list of key/value request headers in monospace.
The import and the props worth knowing about, in one place.
import { Automation16 } from "@/components/beste/piece/automation16";
<Automation16
surface="card"
bordered={true}
inverted={false}
method="POST"
url="https://api.beste.co/v1/invoices"
headersLabel="Headers"
headers={[
{
"key": "Authorization",
"value": "Bearer ••••"
},
{
"key": "Content-Type",
"value": "application/json"
},
{
"key": "Idempotency-Key",
"value": "{{run.id}}"
}
]}
/>Webhook URL row with a method pill, monospaced endpoint, copy button, signed indicator, and a pulsing last-received status footer.
{
"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.
Workflow filter card with an all/any segmented toggle and a stack of monospace field-operator-value condition rows plus an add-filter link.

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


Triggers on Stripe payment, logs the invoice in Notion, and posts a thread to #revenue.
Marketplace recipe card with a row of app slots that accept either a custom image or a brand-colored icon preset, plus name, description, install count, and a tone Use-recipe CTA.