Workflow Builder
A tour of the visual workflow canvas, its panels, controls, and keyboard shortcuts
The workflow builder is a visual canvas where you design, test, and deploy automated pipelines. This page explains the layout and controls.
Layout
The builder is divided into four areas:
| Area | Location | Purpose |
|---|---|---|
| AI Chat | Left panel (expandable) | Ask the AI assistant for help building or debugging your workflow |
| Canvas | Center | Drag-and-drop area where nodes and edges live |
| Node Detail Panel | Right panel | Opens when you select a node; shows its configuration and live outputs |
| Bottom Toolbar | Bottom floating | History button opens the execution panel; + Node opens the node picker |
Canvas
The canvas is an infinite grid. Use these controls to navigate:
| Action | Input |
|---|---|
| Pan | Click and drag on empty space, or scroll |
| Zoom in / out | Scroll wheel, or pinch on trackpad |
| Fit to screen | Ctrl + Shift + F |
| Select multiple nodes | Click and drag a selection box, or Shift + click |
| Delete selected | Delete or Backspace |
Nodes are connected by edges. Drag from the output handle (bottom or right of a node) to the input handle (top or left of the next node) to create a connection.
Adding Nodes
Click + Node in the bottom toolbar, or press Space on the canvas, to open the node picker. The picker is organized into categories:
- Triggers: the starting point of every workflow (one per workflow)
- Actions: HTTP request, web search, code, image generation, and more
- AI: the AI Agent node
- Flow Control: condition branches, loops, subworkflow calls
- Data Tables: read and write persistent storage
- Integrations: all connected third-party services
Type to search across all node types.
Node Detail Panel
Click any node on the canvas to open its configuration in the right panel. The panel has two tabs:
- Config: edit the node's inputs (the full form for that node type)
- Output: shows the most recent output data from the last test or production run. Use this to inspect what a node produced and reference its field names when wiring inputs downstream.
Execution History
Click History in the bottom toolbar to open the execution panel from the bottom. The panel lists every past run with:
- Trigger time and duration
- Status (completed / failed / running)
- Estimated cost
Click any row to drill into the full execution: each node shows its status, runtime, and the exact inputs and outputs it saw during that run.
You can pin a node's output from a past run to replay it during testing without re-executing that node. Open the node in the execution log and click Pin Output. Pinned data is shown with a pin icon on the canvas.
AI Chat Assistant
Click the AI Chat icon on the left to expand the assistant panel. You can:
- Describe a workflow in plain language and have it auto-generate a draft
- Ask "why is this node failing?" and paste in the error
- Request explanations of what a complex expression does
The assistant has read access to your current workflow structure and execution logs within the session.
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
Space | Open node picker |
Ctrl + Z | Undo |
Ctrl + Y | Redo |
Ctrl + S | Save |
Delete / Backspace | Delete selected node or edge |
Ctrl + D | Duplicate selected node |
Ctrl + A | Select all nodes |
Ctrl + Shift + F | Fit canvas to screen |
Escape | Deselect / close panel |