Flow Editor: Nodes, Exits, and Canvas Navigation

The editor provides a layout designed to maximize the workspace canvas, with search and Manage Context available from the toolbar in the bottom-left corner. The rendering of nodes, connections, and exits is designed for improved clarity and usability.

Nodes and Exits

Nodes offer an interactive and collapsible experience within the canvas:

Node Information: Each card displays the node type and the specific node name.

Collapsible Exits: It is possible to choose to show or hide configured exits directly on the node to declutter the canvas.
Go To Capability: When clicking Show all [1], exits appear highlighted. Clicking Go to [2] allows jumping directly to the connected node in the flow.

Adding New Nodes

Builders add a new node to a flow in three ways: from the bottom toolbar, from an existing node, or from an exit. The toolbar and existing-node methods work independently of exits, so builders can lay out several nodes before connecting them.

Adding a Node from the Toolbar

The toolbar method supports adding several nodes at once, without connecting them right away. This suits builders who prefer to lay out a flow before wiring the nodes together.
To add a node from the toolbar, follow these steps:

Click the + button on the bottom toolbar [1].

In the side panel, browse or search for a node [2].

Click a node to add it to the canvas. Repeat this step to add more nodes before connecting them.
Each added node is placed automatically in the visible canvas area.

Adding a Node from an Existing Node

This method connects a new node directly to a node that is already on the canvas.
To add a node from an existing node, follow these steps:

Select the node to connect from.
Click Connect to node [1].

In the picker, select one of the most recently used nodes (up to three are shown, with the option to scroll for more), or click Add new node to open the full node list.
Select the node to add.

The newly connected node is highlighted on the canvas.

Adding a Node from an Exit

This method follows the existing flow-building behavior.

To add a node from an exit, follow these steps:

Select an exit point on a node [1].
Click on the Exits tab [2].
Select a node from the list, or add a new one [3].

Navigating the Flow Canvas

Several tools are available to help navigate complex flows:

Minimap [3]: Located in the bottom-right corner, the minimap provides a high-level view of the entire flow and can be expanded for easier navigation.
Zoom Controls [4]: Zoom in or out of the canvas.
Navigation Toolbar [5]: Use the Fit to screen and Reset zoom buttons to quickly adjust the view of the canvas.