Board overview
Layout of the workflow canvas, side panel, and board chrome.
The workflow board is the main editing surface: a top action bar for platform, save, and bot status, plus a dotted canvas with a left sidebar, top-right add control, bottom-left editing tools, and built-in zoom / pan controls.
Layout
| Area | Position | Purpose |
|---|---|---|
| Top action bar | Above the canvas | Platform, AI generate, executions, active toggle, save — see Top action bar |
| Canvas | Center | Drag nodes, connect handles, pan and zoom |
| Side panel | Left (320px when open) | Add-node drawer or selected node form |
| Top panel | Top-right on canvas | Open the add-node drawer (+) |
| Bottom menu bar | Bottom-left on canvas | Sticky note, layout clean, undo, redo |
| Flow controls | Bottom-right | Zoom, fit view, lock interaction |
The side panel and canvas work together: opening the drawer or selecting a node slides the panel in; clicking empty canvas closes the add-node drawer. See Board toolbar and Nodes drawer.
Empty workflow (welcome placeholder)
When a workflow has no root nodes, a welcome placeholder appears at the viewport center: a dashed square with a + button. Click it to open the add-node drawer (same as the top +).
- The placeholder is only shown while the workflow is empty; it disappears once you add your first trigger or starting node.
- It is not part of the saved workflow.
Selecting and configuring nodes
- Click a workflow node on the canvas to select it.
- The side panel shows that node’s configuration form (except sticky notes, which edit on the canvas only).
- Most nodes include an optional Description field at the bottom of the form; sub-nodes do not.
- Click the canvas background to deselect and close the add-node drawer.
Adding nodes (summary)
| Method | Behavior |
|---|---|
| Top + or welcome + | Opens the nodes drawer |
| + on a node handle | Opens the drawer; picking a card connects the new node to that handle |
| Drag from drawer | Drop a card onto the canvas at the drop position |
| Click drawer card | Adds at viewport center, or connects if opened from a handle |
| Bottom bar → Note | Adds a sticky note at viewport center |
Keyboard shortcuts (canvas)
When focus is not in an input, textarea, or content-editable field:
| Shortcut | Action |
|---|---|
| ⌘/Ctrl+Z | Undo |
| ⌘/Ctrl+Shift+Z | Redo |
| ⌘/Ctrl+C | Copy selected nodes (skipped if text is selected in the page) |
| ⌘/Ctrl+V | Paste copied nodes |
Undo and redo are also on the bottom menu bar.