My Canvas

The canvas is your primary workspace. Once you understand this page, building and maintaining complex workflows becomes much easier.

Interface overview

1. Top bar
   • back to “My Workflows”
   • current workflow name (editable in private mode)
   • save status (Saving / Saved)
   • public/private, clone, credits, profile entry
2. Left toolbar
   • add nodes
   • asset panel
   • workflow settings (default modality/capability/tier/parameters)
3. Center canvas
   • place nodes, draw edges, select, group
4. Help button (bottom-right)
   • product tips and shortcut reference

Basic interactions

• Zoom: wheel / trackpad gesture
• Pan: middle mouse drag, or hold Space + left drag
• Box select: left drag on empty area
• Fit/focus view: use the viewport controls at top-right

Nodes and connections

• Drag from an output handle to an input handle to connect.
• StoryFlow validates data type compatibility.
• Once connected, data flows by dependency order.

Quick Create next step

Hover on an output handle to open quick-create suggestions (for example, image-to-video or video analysis).

Great when:

• you already have an intermediate output and want to continue quickly
• you want to avoid repetitive “add node + wire node” actions

LOD performance behavior

When workflows grow large, StoryFlow adjusts visual detail automatically:

• Zoomed out: simplified node rendering for smooth navigation.
• Zoomed in: full node content and controls return.

This is expected behavior, not a rendering bug.

Frequently used shortcuts

Debug info panel

Some nodes show an Info icon in the header. It includes:

• Job ID / Provider Task ID
• status and timing
• error message
• media metadata and URLs

When reporting issues, include these fields for faster triage.