Workflow editor
Attio's Workflows editor — the FlowCanvas composed with tabs, a Draft/Live toggle, an unpublished-changes banner, a node inspector, and an Add-block panel.
The full FlowCanvas in context — Attio's workflow builder, fully live. Drag nodes, click one to open its inspector (edit the description, delete the step), Add block to open the block picker (grouped, tabbed) and drop a new connected step, flip Draft → Live, and watch the unpublished-changes banner appear as you edit.
Composition
Pure composition over shipped components: FlowCanvas (nodes + edges + pan/zoom), Segmented (Editor/Runs/Settings and the block-kind tabs), Switch (Draft/Live), Callout (the unpublished-changes banner with a Publish action), and Textarea (the inspector). The block picker is a grouped list — the same idiom as the command palette — in a side panel.