Flow Builder

Overview

The Flow Builder is a visual editor for creating agent flows. It renders CAFF flow definitions as interactive directed graphs where you can drag, drop, connect, and configure nodes.

Interface Layout

The editor has three main areas:

1. Canvas — The central workspace where nodes and edges are displayed
2. Node Sidebar — Left panel with the node palette for adding new nodes
3. Config Panel — Right panel that appears when a node is selected, showing its configuration options

Getting Started

1. Click New Agent from the dashboard
2. A new flow opens with a Start node and End node pre-connected
3. Drag nodes from the sidebar onto the canvas
4. Connect nodes by dragging from output handles to input handles
5. Click a node to configure it in the right panel
6. Click Save to persist your flow
7. Click Test to open the chat interface and try your agent