Skip to content

WS-4: React Flow full-rewrite of canvas #24

Description

@espetro

Plan: .agents/plans/2026-07-04-detach-canvas-pipeline.md (WS-4)

Replace custom div+CSS+iframe canvas with @xyflow/react.

  • DesignIteration -> custom DesignFrameNode (iframe renderer)
  • GenerationGroup -> ParentNode
  • Replace CanvasArea.tsx viewport + use-canvas pan/zoom -> ReactFlow + useReactFlow + useViewport
  • Rubber-band selection -> RF SelectionMode

FULL REWRITE (per decision 2026-07-05). Sequenced AFTER WS-1 (canvas detach) to avoid double-rewrite risk.

Effort: L (~3d). Depends on WS-1.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions