Canvas
Canvas basics
Section titled “Canvas basics”The canvas is powered by React Flow (src/components/flow/FlowCanvas.tsx). It registers node types like start, task, api, flow, and end, and renders background, controls, and a minimap.
Common actions
Section titled “Common actions”- Pan/zoom: mouse wheel or trackpad; controls are available in the bottom-right
- Add nodes: drag from the Node Library onto the canvas
- Connect edges: drag from a node’s source handle to a target handle
- Select/multi-select: click nodes/edges; hold ⌘/Ctrl for multi-select
- Delete: select and press Backspace/Delete
- Minimap: toggle via settings to navigate large graphs