Workflow Builder
Visual editor for creating multi-agent workflows
Workflow Builder
The Workflow Builder is a visual editor for creating and managing multi-agent workflows. It provides a drag-and-drop interface for designing conversation flows without writing code.
Accessing the Workflow Editor
- Navigate to Workflows in the dashboard sidebar
- Click on an existing workflow or create a new one
- Click the Edit button to open the visual editor
Editor Layout
The workflow editor has three main sections:
Left Sidebar - Agent Palette
The agent palette displays all available agents in your organization. Drag agents from the palette onto the canvas to add them to your workflow.
Each agent card shows:
- Agent display name
- Agent identifier (slug)
- Drag handle for adding to canvas
Center - Workflow Canvas
The main canvas where you design your workflow:
- Nodes represent agents in the workflow
- Connections show the flow between agents
- Minimap in the corner for navigation
- Controls for zoom and fit-to-view
Canvas Interactions
| Action | How To |
|---|---|
| Add agent | Drag from palette onto canvas |
| Move node | Click and drag the node |
| Connect nodes | Drag from one node's handle to another |
| Select node | Click on the node |
| Delete node | Select node, use properties panel |
| Pan canvas | Click and drag on empty space |
| Zoom | Mouse wheel or controls |
Right Sidebar - Properties & Info
Toggle between two tabs:
Properties Tab
When a node is selected, configure its settings:
- Entry Node - Toggle to mark as the workflow entry point (first agent)
- Exit Node - Toggle to mark as a workflow exit (ends the call)
- Skip Condition - Expression to conditionally skip this node
- Delete Node - Remove the node from the workflow
Info Tab
View a summary of all nodes and connections:
- Nodes list - Click to select a node on the canvas
- Connections list - View all agent-to-agent connections
Creating a Workflow
Step 1: Add the Entry Node
- Drag your first agent from the palette to the canvas
- The first node is automatically marked as the Entry Node
- Entry nodes have a green indicator in the minimap
Step 2: Add Additional Agents
- Drag more agents onto the canvas
- Position them to visualize the flow
- Multiple agents can be added for complex workflows
Step 3: Connect the Agents
- Hover over a node to see connection handles
- Drag from a handle to another node
- Connections show animated arrows indicating flow direction
Step 4: Configure Node Properties
- Click on a node to select it
- Use the Properties panel to configure:
- Mark exit nodes (agents that end the workflow)
- Add skip conditions for conditional routing
Step 5: Validate and Save
- Review the validation panel below the canvas
- Fix any errors (red) before saving
- Address warnings (yellow) for best practices
- Click Save when the workflow is valid
Node Types
Entry Node
- First node in the workflow
- Only one entry node allowed
- Marked with a green badge
- Cannot have incoming connections
Exit Node
- Ends the workflow when reached
- Multiple exit nodes allowed
- Marked with a red badge
- Typically has no outgoing connections
Regular Node
- Standard agent in the workflow
- Can have multiple incoming/outgoing connections
- May include skip conditions
Skip Conditions
Skip conditions allow agents to be bypassed based on context:
flags.skip_greeting
context.user.returning === true
params.fast_trackWhen the condition evaluates to true, the workflow skips to the next connected agent.
Common Skip Patterns
| Pattern | Use Case |
|---|---|
flags.skip_intro | Skip introduction for returning users |
context.verified | Skip verification if already verified |
params.express | Fast-track certain request types |
Workflow Validation
The validation panel displays real-time feedback:
Errors (Must Fix)
| Error | Solution |
|---|---|
| No nodes | Add at least one agent |
| No entry node | Mark one node as entry |
| Multiple entry nodes | Only one entry allowed |
| Duplicate node IDs | Rename duplicate nodes |
| Self-referencing connection | Remove loops to same node |
Warnings (Should Review)
| Warning | Recommendation |
|---|---|
| No exit node | Mark an end point for proper call termination |
| Disconnected nodes | Connect or remove orphan nodes |
| Dead-end nodes | Non-exit nodes should have outgoing connections |
Valid Workflow
When the workflow is valid, you'll see a green success message. The workflow can now be saved and activated.
Testing Workflows
After saving, test your workflow:
- Click the Test button in the workflow detail page
- Enter test context and parameters
- Run a simulated conversation
- View the agent flow and responses
Best Practices
Design Tips
- Start simple - Begin with 2-3 agents and expand
- Linear flows first - Master basic flows before branching
- Name clearly - Use descriptive agent names
- Document purpose - Add workflow descriptions
Performance Tips
- Minimize handoffs - Each transition adds latency
- Use skip conditions - Avoid unnecessary agents
- Exit early - Don't route through unused agents
Debugging Tips
- Check validation - Fix all errors before testing
- Test incrementally - Add agents one at a time
- Review transcripts - Check actual call flow in monitoring