Create a resizable labeled canvas area with accent and background colors, and use staged approval controls when an authored plan binds the area to a stage.
Where: Flowgen → Add → Flow control → Area, or canvas right-click → Add Section
Key ideas
- Visual organization: An Area is a resizable dashed region behind nodes. Double-click the label to rename it and use the header controls for accent and background fill.
- Not a Group: An Area organizes the board visually; it does not expose typed inputs/outputs, collapse nodes, create a reusable component, or change graph execution by itself.
- Optional staged state: AI-authored staged plans can bind approval status to an Area, showing queued/running/approved/error states plus Changes and Approve/Continue actions.
- Area card: SectionNode uses the generic shared-card path. Organize the graph with a resizable labeled/color-coded area and optional staged approval status.
- Properties sidebar: Card/canvas owned; common properties shell
- Opened surfaces: Canvas-native resizable area
Steps
- Add an Area and resize it around the nodes that belong to one stage or responsibility.
- Double-click the title to name it and choose colors that make the board easier to scan.
- Move related nodes within the region; use a real Group when you need nested execution or typed boundaries.
- When staged approval controls appear, inspect the stage, request changes, or approve and continue.
Area controls and presets
- Add path: Flowgen → Add → Routing & Layout → Area.
- Card: SectionNode.
- Properties: Card/canvas owned; common properties shell.
- Controls: Label; accent; background; resize; stage approval controls.
- Opened surfaces: Canvas-native resizable area.
Tips
- Name areas by outcome or stage, such as Research or Final delivery.
- Use a small consistent color vocabulary instead of a unique color for every area.
Limitations and important notes
- Area boundaries do not automatically contain or execute nodes.