Canvas

Navigation

• Pan — Click and drag on empty canvas space, or hold Space + drag
• Zoom — Scroll wheel, or pinch on trackpad
• Fit to view — Double-click the zoom controls to fit all nodes in view

Node Interactions

• Select — Click a node to select it and open the config panel
• Move — Click and drag a node to reposition it
• Multi-select — Hold Shift and click multiple nodes, or draw a selection box
• Delete — Select a node and press Delete/Backspace
• Duplicate — Select a node and press Ctrl/Cmd + D

Edge Interactions

• Connect — Drag from an output handle (bottom of a node) to an input handle (top of another node)
• Delete — Click an edge to select it, then press Delete
• Reconnect — Drag an edge endpoint to a different handle

Viewport

The canvas viewport (position and zoom level) is saved with the flow definition:

{
  "viewport": {
    "x": 0,
    "y": 0,
    "zoom": 1
  }
}

Keyboard Shortcuts

Shortcut	Action
Delete / Backspace	Delete selected nodes/edges
Ctrl/Cmd + D	Duplicate selected node
Ctrl/Cmd + Z	Undo
Ctrl/Cmd + Shift + Z	Redo
Ctrl/Cmd + S	Save flow
Space + Drag	Pan canvas