Flow Canvas

The Flow Canvas is the central workspace where you build your automations by placing and connecting nodes.

Navigation

Action	Input
Pan	Click + drag on empty space, or middle mouse button
Zoom	Mouse wheel scroll
Fit view	Double-click on empty canvas
Select node	Click on a node
Multi-select	Drag a selection box on empty space
Add select	Hold Shift and click additional nodes
Move node	Drag a selected node
Delete	Select a node/edge, then press Delete or Backspace

Creating Connections

To connect two nodes:

1. Hover over an output handle (right side of a node) — the handle will highlight.
2. Click and drag from the output handle.
3. Drag to an input handle (left side of another node).
4. Release to create the connection.

To remove a connection, click the edge line to select it, then press Delete.

Node Outputs

Some nodes have multiple named outputs:

• Conditions have two outputs (e.g., "Yes" / "No", "Match" / "No Match").
• Flow control nodes like Loop have "Each" (runs per iteration) and "Done" (runs after all iterations).
• Dynamic output nodes like Subcommand Switch create outputs based on your configuration.

Each output is labeled on the right side of the node.

Helper Lines

When dragging nodes, helper lines appear to help you align nodes with each other. These snap guides make it easy to create neat, organized flows.

Groups

You can drag a Group Box node onto the canvas and then drag other nodes inside it. Groups visually organize your flow and can be collapsed to save space.

Viewport Culling

For performance, nodes that are far outside the visible viewport are not fully rendered. As you pan and zoom, nodes are rendered on-demand.