Layout
- Center React Flow canvas
- Compact status and version controls above the canvas
- Right-side inspector for trigger, step, and branch configuration
- Right-side step library for trigger, logic, wait, and action nodes
- Top header actions for validate, save draft, publish, pause, and resume
How it maps to the API
The builder saves:definition: executable trigger, steps, and connectionseditor_layout: node positions and viewport metadata
definition. The canvas layout is UI metadata.
Best practices
- Publish templates first so send steps can reference published versions.
- Use descriptive step keys so run timelines stay readable.
- Keep v1 graphs acyclic.
- Use
wait_for_eventtimeouts for fallbacks instead of loops.