Overview

The toolbar gives you quick access to the actions you use most while designing and editing a flow. Use it to control zoom, undo and redo changes, validate the flow, manage canvas layout, and run the flow without leaving the canvas.

Key characteristics of the toolbar

• Displays action buttons and icons in a horizontal strip.
• Groups frequently used functions in one place.
• Provides one-click access to common actions such as reset, undo, zoom, fit to screen, set breakpoint, and run.
• Improves usability and productivity by keeping controls within easy reach.

Undo and redo

Use Undo to reverse the last design change and Redo to reapply a change you just undid. Both controls act on flow-design actions such as adding or removing units, connecting or disconnecting links, editing unit configurations, and rearranging units on the canvas. They do not affect anything that happens during flow execution.

Undo

Click the Undo icon to reverse the last action. Click Undo repeatedly to step back through your design history.

Redo

Click the Redo icon to reapply the most recent action you undid. Redo is available only after at least one Undo, and is cleared the moment you make a new design change.

Zoom in, zoom out, and reset zoom

The zoom controls let you magnify or shrink the flow diagram. Supported zoom levels range from 25% for a full overview to 1000% for close-up detail. Each click on Zoom in or Zoom out changes the level by a fixed step.

Zoom in

Use Zoom in to inspect dense sections, read small unit labels, or align connection endpoints precisely. Click the Zoom in icon to magnify the view.

Zoom out

Use Zoom out to see more of the flow at once. Click the Zoom out icon to shrink the view.

Reset zoom

Use Reset zoom after several zoom changes to return to a known baseline. Click the Reset zoom icon to return to the default 100% view.

Fit to screen

Use Fit to screen when the flow is too large to see at once. Fit to screen differs from Reset zoom: Reset zoom returns to 100%, while Fit to screen calculates the exact zoom and position needed to display the whole flow.

Click the Fit to screen icon to fit the entire flow in the visible area.

Collapse all nodes

Collapse a flow to reduce visual clutter and focus on its overall structure. This action is most useful with Decision units, which often contain nested child and sub-child branches.

Click the Collapse all nodes icon to minimize every expandable node. Click the Expand all nodes icon to expand them again.

Note: This action collapses all units that contain children. It does not collapse the children of individual units.

Run flow

Use Run flow to execute the flow end-to-end and validate that it behaves as expected. The flow processes each unit in sequence based on the conditions and connections you defined. If an error occurs, the canvas highlights the offending unit so you can locate and fix it.

Click the Run flow icon to start the flow from the start unit.

• If no breakpoint is set, the entire flow runs to completion.
• If breakpoints are set, the flow runs to the next breakpoint and pauses. Click the icon again to advance to the following breakpoint, until the flow reaches the End unit.

Stop flow

Use Stop flow to abort a running flow when execution takes longer than expected, when you spot an error mid-run, or when you want to start over.

Click the Stop flow icon to halt the running flow and revert the canvas to its default state.

By default, this icon is disabled. It becomes active only after you click Run flow.

Run the next unit

Run the next unit is built for step-by-step debugging. Use it with breakpoints: set a breakpoint where you want execution to pause, run the flow, and step through the remaining units one at a time to inspect data and behavior at each stage.

Click the Run the next unit icon to execute only the next unit. Each click advances the flow by one unit.

Set breakpoint

Use breakpoints to pause flow execution at chosen units so you can inspect data, verify decision branches, and confirm transformations before the flow continues. You can place breakpoints on any number of units.

To set one or more breakpoints:

1. Click the Set breakpoint icon. A placeholder appears in the top-right corner of each unit.
2. Click the placeholder on each unit where you want the flow to pause.
3. Click the Stop breakpoint icon to finish. The placeholders disappear and the units with breakpoints stay highlighted on the canvas.

Search

Use Search to locate a specific unit in a large or complex flow. Search matches against a unit's name or description, and supports partial text.

1. Enter a unit's name or description in the search field.
2. Results appear instantly as you type, and the matching unit is highlighted on the canvas.
3. If multiple results match, use the navigation arrows next to the search field to move between them.

Toggle mini overview

The mini overview is a small map of the entire canvas. Use it to navigate large flows: click anywhere on the map to jump the canvas to that region.

Click the Toggle mini overview icon to show the map. Click the icon again to hide it.

Show legends

The legend explains the icons, colors, and indicators on the canvas, including the colors that mark execution states (success, error, warning, and in-progress) and the symbols that distinguish unit types.

Click the Show legends icon to display the legend.