Every source node carries a typed output handle; connections only stick to a compatible input, and the handle dims when you try an incompatible one.
Where: canvas → drag from a source node's right handle to a target node's left handle — Connect a source output to a generator input
Key ideas
- Typed handles: Handles carry a data type — text, image, video, audio, pdf, html, 3d_model — colored by that type (the hex lives in mediaGen.css as --mg-conn-{type}).
- Compatibility gating: While you drag a connection, target handles whose type can't accept the source dim to 25% opacity; image and mask are treated as interchangeable, and a 'layer' input accepts any visual media.
- Back-propagation pull: Running a downstream node walks back along its connected handles to gather upstream results, so you wire sources once and let generation fetch them on run.
Steps
- Hover a source node's right-edge handle until the crosshair cursor appears.
- Drag toward the target node's left-edge input; compatible handles stay bright while incompatible ones dim.
- Release on a matching handle to create the edge.
- Run the downstream node — it pulls the connected source's current value in automatically.
FAQ
Why won't a video output connect to a text input?
Their handle types are incompatible, so the target dims and the drop is rejected. Match types (or use a node that converts between them) instead.
Can one source feed several generators?
Yes — drag from the same output handle to multiple targets; each downstream node pulls the same upstream value when it runs.