Shortcuts & navigation
Scroll to zoom, drag to pan, shift-drag to box-select, Esc to close one layer, Ctrl or Cmd+I for the command bar, Delete to remove, and the context row.
Nothing here is required (everything has a button), but the canvas is faster once these are muscle memory.
Mouse
| gesture | does |
|---|---|
| scroll | zoom (toward the pointer), between 0.2× and 2× |
| pinch (trackpad) | zoom |
| drag empty canvas | pan; pan is the only sticky tool |
| shift + drag | box-select; a node counts as selected when any part of it is inside the box |
| click node | select + open Inspector |
| drag a node | move it; drag a selection to move the group |
| drag from a port | start an edge; drop on a target port to connect |
| drag an edge end | re-anchor it on another port |
| click an edge | select it (Delete removes it) |
| select one node | reveal its context row: edit · dup · del |
All the editing gestures (drag, connect, re-anchor, delete) switch off while the canvas is locked, for example on a phone-width screen; selection and pan keep working so you can still read a locked step in the Inspector.
Keyboard
| key | does |
|---|---|
| Ctrl/⌘ + I | open the AI command bar from anywhere in the editor (not inside a rich-text field) |
| Enter in the chat | send; Shift+Enter for a newline |
| Esc in the command bar | return focus to the canvas (the chat never closes) |
| Esc in the docked chat | collapse the chat to the command bar |
| Esc | close the topmost transient layer: the plan peek, a launcher popover, the mode dropdown, the ⋮ or account menu, the snapshot history sheet, a modal, or a drawer on a narrow screen |
| Delete / Backspace | remove the selected nodes or edges |
| Ctrl/⌘ + Enter in the code editor or switch-cases editor | apply and close |
Esc works one layer at a time: with the plan peek open over the docked chat, the first press closes the peek and the second collapses the chat. It does not close the Inspector on desktop; select empty canvas or click another node instead.
Delete is a plain removal: the node and its edges go, and autosave records it. The context row's del button is the careful version, asking for confirmation first.
The node context row
Selecting a node floats three quick actions above it: edit (the appearance editor for icon, label, color), dup (a configured copy beside the original, offset so it doesn't overlap, with no edges), del (removes the node and its edges after you confirm). It shows for exactly one selected node, and hides again when you select none or several.
Camera habits worth stealing
- Fit to view (rail) before screenshots or reviews, and after an import; a revert from snapshot history lands you at 100% instead, so the scale is predictable.
- Flip horizontal / vertical flow on the rail to suit the graph: ports move to the sides or the top and bottom, and the layout re-routes.
- During AI builds, the camera follows the story: the current step pans into view as the walk moves. Take the wheel any time; the follow yields to you.
- The saved chip in the topbar is the only confirmation you need: every gesture above autosaves, there is no save key.