Flow Studio
Working with Edges
Edges represent the connections between nodes. From the canvas navigation perspective, you can select edges, open the EdgeEditModal to configure conditions and labels, and delete them. Detailed edge creation is covered in Guide 4 (Connecting Nodes).
Selecting an Edge
Click anywhere along an edge line to select it. The edge highlights with an accent colour and shows a small edit button (pencil icon) at the midpoint. You can:
- Press Delete to remove the edge
- Click the pencil icon to open the EdgeEditModal
- Right-click for the edge context menu
Edge Context Menu
| Option | Action |
|---|---|
| Edit Condition | Opens EdgeEditModal to set or modify a routing condition expression |
| Edit Label | Adds a human-readable label to the edge (e.g., "Approved", "Error") |
| Convert to Straight | Changes the edge from smart-routed curve to a direct straight line |
| Convert to Curved | Reverts a straight edge back to smart routing |
| Delete | Removes the connection between the two nodes |
EdgeEditModal
The EdgeEditModal opens when you double-click an edge or select Edit Condition from the context menu. It provides:
- Condition field — A JavaScript expression evaluated against the execution context. If the expression evaluates to true, this edge is followed. Leave empty to always follow the edge.
- Label field — A display label shown on the canvas next to the edge midpoint.
- Priority — When a node has multiple output edges, priority (1 = highest) determines the evaluation order. The first edge whose condition evaluates to true is followed.
// Condition examples:
$output.status === 'approved'
$json.amount > 1000
$var.retryCount < 3
true // always follow this edge (same as no condition)Deleting Edges
Three ways to delete an edge:
- Click the edge to select it, then press Delete
- Right-click the edge → Delete
- Delete the source or target node — all its connected edges are automatically removed
Deleting a Node Removes All Its Edges
When you delete a node, every edge connected to any of its ports is also deleted. This cannot be undone as a single step — the undo operation restores both the node and its edges together.