Flow Canvas

The Flow Canvas is the workspace where you place, arrange, connect, and organize nodes.

Canvas Controls

Action	Input
Pan	Click and drag empty space, or use middle mouse button.
Zoom	Scroll the mouse wheel.
Fit view	Double-click empty canvas or use the shortcut.
Select node	Click a node.
Multi-select	Drag a selection box on empty space.
Add to selection	Hold Shift and click more nodes.
Move nodes	Drag selected nodes.
Delete	Select nodes or edges, then press Delete or Backspace.

Connections

Connections decide what happens next.

1. Hover over an output handle on the right side of a node.
2. Drag from that output handle.
3. Release on an input handle on another node.
4. Select an edge and press Delete to remove it.

If you release a connection on empty canvas, a node selector appears.
You select the node and it appears exactly where you dragged the connection to.

Output Types

Output style	Example	What to connect
Then	Send Message, Give Item	The next action.
Yes / No	Check Permission, Check Items	One branch for success and one for failure.
Match / No Match	Check Argument, Check Interaction	One branch for a match and one fallback.
Each / Done	Array - For Each, Map - For Each	What runs per item, then what runs after the loop.
Dynamic cases	Subcommand Switch, Variable Switch, Button Trigger	One branch for each configured case or button.

Organization

• Use Group Box nodes to visually group related logic.
• Use Comment nodes to explain why a section exists.
• Keep branches spaced apart vertically so they are easy to scan.
• Place fallback or failure branches below the main success path.
• Use helper lines while dragging to align nodes neatly.

Performance Note

Very large flows may only fully render nodes near your current view. Pan or zoom to an area to work with those nodes.