Flow Studio
Editing Connections
After creating a connection, you can modify its condition, label, priority, and routing type through the EdgeEditModal. You can also re-route a connection to a different target port without deleting and redrawing.
Opening the EdgeEditModal
Three ways to open the modal for a specific edge:
- Double-click anywhere on the edge line
- Click the edge to select it, then click the pencil icon at the midpoint
- Right-click the edge → Edit Condition
EdgeEditModal Fields
| Field | Description |
|---|---|
| Condition | JavaScript expression. Leave empty for unconditional (always true). |
| Label | Text shown on the canvas at the edge midpoint (e.g., "Approved", "Fallback") |
| Priority | Evaluation order when the source port has multiple outgoing edges. Lower number = evaluated first. |
| Edge Type | Curved / Smart / Straight — affects visual routing only |
| Colour Override | Optional: override the default port-based colour for visual clarity |
Re-routing a Connection
To change the target of an existing connection without deleting it:
- Hover over the edge near its target end — a small circular handle appears
- Drag the handle to a new target port
- If the new target is valid, the connection re-routes. If invalid, it snaps back.
Similarly, you can drag the source end to a new source port (on the same or a different node).
Changing the Edge Route (Bezier Handles)
For CustomEdge (bezier) edges, two control point handles appear when you select the edge. Drag these handles to adjust the curve shape without changing the source or target ports. This is purely cosmetic — useful for making complex workflows more readable by manually routing edges around other nodes.