The canvas

The canvas is the editor for a workflow. It is the same builder you can embed in your own product.

Adding steps

The palette on the left lists every step. Click one and it appears on the canvas; drag it into place. You can pan and zoom the canvas freely.

Connecting steps

Drag from the port on one step to the port on another to draw a connection. A run follows connections in the direction they were drawn.

Branching steps have one port per path, each labeled with the outcome it carries: True and False on If / else, Loop and Done on While, Pass and Fail on Guardrails.

Configuring a step

Select a step and its settings open in the panel on the right. The panel stays closed until you select a step or a connection, and closes again when nothing is selected.

What you can set depends on the step. An Agent has a model, instructions and tools; an If / else has an expression; a Note has only its text.

Saving

The graph saves on its own as you work. The mark in the header shows whether your latest change has been saved.

Notes

A Note is a comment on the canvas. It is not executed, so you can use it to document a branch or a step's expected input.