Retired compatibility node for existing graphs only. Do not confuse legacy HTML_SECTION with the current UNIFIED_SECTION, shown in Add as Agentic Web and Interactive element.
Where: existing saved Flowgen graphs only (removed from Add and agent-creation menus) — Open an older graph that already contains HTML Section
Key ideas
- Section type: Pick what to build — Hero, Features, Pricing, Testimonials, Call to Action, Footer, Full Page, or Custom.
- Agentic refine loop: The node runs a plan/generate/evaluate/refine pipeline. Set Max Refinements (default 2) and a Quality Target (default 8/10); it iterates and screenshots itself, scoring hierarchy, typography, spacing, color, modernity and originality.
- Grounding inputs: Five input handles: Prompt, Reference Images (style), Assets (embeddable img/video/svg), PDF Reference, and Design System — wiring a DS makes the section use its tokens and palette.
- HTML output: Outputs HTML/CSS (html_out) plus an editable document bundle. Existing nodes remain fully usable; Section is the current replacement for new work.
- HTML Section card: HtmlSectionNode uses the generic shared-card path. Compatibility-only legacy HTML_SECTION generator. Current UNIFIED_SECTION remains available as Agentic Web and Interactive element.
- Properties sidebar: webNodes.tsx
- Opened surfaces: Embedded editor; preview; save/version; reasoning
Steps
- For new work, add Section and connect the prompt, design system, references, and assets it should use.
- Choose its motion, interactive, 3D, media, and quality settings as needed.
- Connect the Section editor_out directly to Website Editor's page socket so it remains an editable component.
- For an existing HTML Section node, keep using it as-is or replace it with Section when you next revise the flow.
HTML Section controls and presets
- Add path: Flowgen → Add → Existing saved graphs only.
- Card: HtmlSectionNode.
- Properties: webNodes.tsx.
- Controls: Existing prompt; section type; design system; quality; agent state; screenshot.
- Opened surfaces: Embedded editor; preview; save/version; reasoning.
Exact retirement boundary
HTML Section / HTML_SECTION is retired from new creation. Agentic Web and Interactive element are current UNIFIED_SECTION presets and remain the supported section path.
Replacement
- Create Agentic Web/Interactive element.
- Reconnect prompt, references/assets, Design System, source HTML/CSS.
- Prefer editor_out into Website Editor for editable ordered assembly.
- Use HTML Export only after the finished document needs delivery files.