Flow Studio
Selecting Nodes
Selection is the gateway to most canvas operations — moving, deleting, duplicating, grouping, and opening properties all begin with selecting one or more nodes. Flow Studio offers four selection methods to fit every scenario.
Single Node Selection
Click any node to select it. When selected:
- The node shows a highlight border (accent blue by default)
- The right panel opens the node's configuration form
- Selection handles appear at the node corners for resizing groups
- Previously selected nodes are deselected
Multi-Node Selection
There are three ways to select multiple nodes:
| Method | How | Best For |
|---|---|---|
| Shift+Click | Hold Shift and click additional nodes | Selecting specific non-adjacent nodes |
| Box Select | Click and drag on an empty canvas area to draw a selection rectangle | Selecting all nodes in a region |
| Select All | Ctrl+A | Selecting every node and edge in the workflow |
Box Select Details
Box select draws a blue-bordered rectangle as you drag. Any node whose bounding box intersects (even partially) with the selection rectangle is included. Edges are not selected by box select — edges are selected by clicking them directly.
Box Select Requires Empty Canvas Area
If you start dragging on a node, you will drag the node instead of starting a box select. To box select in a dense area, hold Shift and drag — this forces box select mode even if you start over a node.
Deselecting
- Click on an empty area of the canvas to deselect all
- Press Escape to deselect all
- Click on a different node to select that node and deselect the rest
What You Can Do with a Selection
With one or more nodes selected, you can:
- Move — drag the selection to a new position
- Delete — press Delete or Backspace
- Copy/Cut/Paste — Ctrl+C, Ctrl+X, Ctrl+V
- Duplicate — Ctrl+D creates copies offset by 20px
- Group — Ctrl+G wraps the selection in a ProcessGroup
- Context menu — right-click for additional operations