Connections & flows
Connections are directed lines between elements. They express relationships and dependencies — where one element's output feeds into another's input.
Drawing a connection
Every element has two connection points:
Source (right side) — drag from here to start a connection
Target (left side) — drop here to complete a connection
Drag from a source point. As you approach another element, the target point animates to indicate it's ready to receive the connection. Release to create the edge.
Creating new elements from a connection
If you drag a connection and release on empty canvas space, a menu appears with options for what to create at the end of that line:
Image — a new image element
Text — a new text element
Search — a search group that uses the source element as a reference
This is the primary way to build workflows: connect elements together and let outputs inform inputs downstream.
How connections affect generation
When you regenerate an element, any elements connected to it can receive it as a reference input. This lets you chain operations — for example, an image feeds into a search group, which produces results that feed into a generation step.
Managing connections
Click a connection line to select it
Right-click a connection line to delete it
Selected connections highlight in violet
Edge visibility
You can control whether connections are shown on the canvas:
Auto
Edges appear when you hover or select a connected element
On
All edges always visible
Off
Edges hidden — useful for presentation or gallery view
Connection points remain interactive regardless of visibility mode.
Last updated