> ## Documentation Index
> Fetch the complete documentation index at: https://docs.anyreach.ai/llms.txt
> Use this file to discover all available pages before exploring further.
# Builder tour
> A guided look at the workflow canvas, top bar, and inspector.
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:
| Control | What it does |
| ------------------------------------- | ------------------------------------------------------------------------------- |
| **Toggle Sidebar** | Collapse or expand the left navigation |
| **Breadcrumb** (`Workflows > [Name]`) | Navigate back to the workflow list; click the name input to rename the workflow |
| **v1** | Version badge — click to switch between versions |
| **Send icon** | Mark the current version as **Published** |
| **Lightning icon** | Mark the current version as **Live** |
| **Play icon** | Open the **Run Workflow** modal to test with real input |
| **Logs icon** | Open the **Workflow Runs** page for this workflow |
| **Private / Public toggle** | Control whether the workflow is publicly executable |
## 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](/workflows/steps/app) 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