The Interface
Understanding the Flow Runner layout and navigation.
Sidebar: Flow Groups & Flows
The sidebar shows a two-level tree: Flow Groups at the top level, and Flows nested inside each group.
Sidebar Actions:
- •New Flow Group: Click the "+ New Flow Group" button at the top of the sidebar
- •Expand/Collapse: Click a group name to expand or collapse its flow list
- •Select a Flow: Click a flow name to load it in the design area
- •New Flow: Click "+ New Flow" inside an expanded group
- •Context Menu: Right-click a group for rename, delete, and environment options. Right-click a flow for rename, duplicate, and delete
Mode Bar
The top bar displays navigation controls and the design mode toggle.
←|☰|⚡My API Tests›Login Flow
LinearVisual
- •Back arrow (←): Close the Flow Runner and return to the main workspace
- •Hamburger (☰): Toggle the sidebar visibility
- •Breadcrumb: Shows Group Name › Flow Name
- •Unsaved indicator: An amber dot appears next to the flow name when there are unsaved changes
- •Save button: Appears only when changes are unsaved
- •Linear / Visual toggle: Switch between list-based and canvas-based design modes
Linear View
The default design mode. A three-panel layout for building sequential flows:
Step List
POSTLogin
GETGet Profile
PUTUpdate Name
Step Detail / Execution Results
Select a step to configure its request, or run the flow to see execution results here.
- •Step List (left): Shows all steps in order. Drag to reorder. Click to select and configure.
- •Action Bar (top): Contains the environment selector, Run/Stop button with options dropdown, and result actions (Clear Results, view Results panel)
- •Run Options (dropdown): Click the arrow next to the Run button to access: run with iterations, parallel execution, delay between steps, and stop on failure toggle
- •Export: After a run completes, export results as HTML, PDF, or JSON
- •Detail Area (right): When a step is selected, shows the full HTTP request editor. When no step is selected, shows execution results.
Visual View
A canvas-based design mode for building flows with branching and parallel execution:
- •Canvas (left): Drag-and-drop node editor. Each step is a node with connection handles.
- •Step Detail (right): Collapsible panel that opens when a node is clicked. Toggle with the arrow button.
- •Connections: Draw edges between nodes to define execution order and conditional branches
- •Toolbar: Floating toolbar in the top-right corner with Run, Add Step, Auto Layout, and Fit View buttons
- •Zoom & Pan: Scroll to zoom, drag the canvas to pan
Tip: Use the Flow Runner to build sequential API flows with variable passing, assertions, and retry logic.
Unsaved Changes Protection
The Flow Runner warns you before losing unsaved work. A confirmation dialog appears in two cases:
- •Closing the Flow Runner: If you have unsaved changes and click the back arrow, a dialog asks whether to close without saving
- •Switching flows: If you select a different flow in the sidebar while the current flow has unsaved changes, a dialog asks whether to switch without saving