Builder tour

The workflow builder is a node-based visual editor built on React Flow. This page walks through every region you’ll interact with.

​

Top bar

The top bar runs across the full width of the builder. From left to right:

​

Canvas

Design your workflow here by adding steps to the canvas and connecting them in sequence to define the execution path.

​

Adding the first step

On a blank canvas, a floating “Add a step” panel appears in the center with all available step types:

​

Adding subsequent steps

Once a step exists on the canvas, click the ”+” circle button that appears below any node to open a “Select next step” panel:

​

Inspector panel

Clicking any step opens its inspector on the right side of the canvas. The inspector shows step-specific configuration and a Save button. The inspector header shows:

• Step type icon and name
• Step ID (e.g., n1 → Trigger)

Each step type has its own configuration fields. See the step reference for details on each.

​

Workflow Runs page

To view execution history, click the Logs icon in the top bar. This opens the Workflow Runs page at a separate route (/workflows/{id}/runs): The runs table shows:

• ID — unique execution identifier
• Version — the version which was used for the workflow run
• Created At / Completed At — timestamps indicating when the workflow run started and when it finished
• Duration — total run time
• Status — Success, Failed, In Progress, Pending or Waiting
• Actions — view details for a specific run
  • Output - the output of the workflow run as configured in the output node (if applicable)
  • State — the full execution state of the workflow, displaying the output from every step