Canvas & Editing
The workflow canvas is where you build, inspect, and edit graphs. This page covers the editing surface itself; for what nodes and connections mean semantically, see Nodes & Connections.
Navigating
- Pan: drag the background, hold Space and drag, or scroll with pan-on-scroll enabled.
- Zoom: mouse wheel; pinch on trackpads.
- Fit to view: the fit command (see Keyboard Shortcuts) frames the whole graph.
- Focus a node: double-click a node (or use its context menu) to center it.
Adding nodes
- Open the Node Library panel from the left rail to browse or search the full registry, with category filters and recently used nodes.
- The command palette / node search (Ctrl+F) searches by name anywhere in the app.
- Drag from any output port to an empty spot on the canvas to create a compatible node pre-wired to it.
Node operations
Right-click a node for its context menu:
| Action | What it does |
|---|---|
| Configure | Opens the parameter editor |
| Duplicate | Copies the node (with its parameters) |
| Delete | Removes the node and its connections |
| Mute / Bypass | Keeps the node in the graph but excludes it from execution, inputs route through |
| Set color | Color-codes the node header for organizing large graphs |
| Info | Shows the node’s documentation, inputs, outputs, and version |
Nodes can also be collapsed into subgraphs: select a set of nodes and group them into an enterable subworkflow with its own input/output slots, double-click to enter, use the breadcrumb to navigate back out. Subgraphs keep large canvases readable without hiding the underlying graph.
Selecting, moving, aligning
- Click to select; Shift-click to add to a selection; drag to move.
- Marquee-select by dragging on the background.
- Copy/paste and multi-select work across nodes and edges.
Groups and annotations
- Groups (Ctrl+G): draw a labelled, resizable, recolourable frame around related nodes. Groups are saved with the workflow.
- Note nodes: freeform sticky notes on the canvas for documenting intent, decisions, or TODOs.
- Node comments: attach threaded comments to a specific node, in collaborative sessions these sync in real time with live cursors showing who is where.
Connections
- Drag from an output port to a compatible input port to connect. Incompatible type combinations are refused at draw time where possible, and always at validation time.
- Drop a connection on empty canvas to open node search filtered to compatible nodes.
- Click a connected port or use the edge context menu to detach or reroute an edge.
- Edge colors follow the data type they carry, so you can read a graph’s flow at a glance.
Undo, redo, and history
- Ctrl+Z / Ctrl+Y undo and redo canvas edits (node changes, wiring, moves, deletes).
- The editor retains the last 50 states per workflow tab.
- In cloud editor mode, saves are automatic and debounced, undo history is per-session.