David KayaandCopilot 7d078faada feat: replace form-based pattern editor with interactive graph canvas ...

Replace the flat agent list and static flow diagrams in PatternEditor with
an interactive React Flow canvas backed by the authoritative PatternGraph
model. Users can now see and manipulate orchestration topology visually.

Changes:
- Add @xyflow/react (React Flow) as a canvas library
- Create patternGraph view-model layer for graph-to-canvas projection
- Create GraphNodes with custom system/agent node components
- Create PatternGraphCanvas with drag, connect, and selection support
- Create PatternGraphInspector for selected node/agent details
- Rewrite PatternEditor with split layout: canvas + inspector sidebar
- Add dark theme CSS overrides for React Flow
- Add 11 tests covering view-model projection, connection rules, and
  graph mutation helpers
- Update ARCHITECTURE.md to reflect the new renderer graph boundary

The canvas projects PatternGraph into React Flow nodes/edges. Handoff mode
supports drawing new agent-to-agent edges interactively. Node positions
persist to the graph on drag completion. Agent editing moves from inline
forms to the inspector panel on node selection.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

2026-03-24 22:54:02 +01:00

..

main

feat: add approval checkpoints backend

2026-03-24 19:48:58 +01:00

renderer

feat: replace form-based pattern editor with interactive graph canvas

2026-03-24 22:54:02 +01:00

scripts

feat: add cross-platform release automation

2026-03-24 19:20:46 +01:00

shared

feat: add graph-backed orchestration topology

2026-03-24 22:44:17 +01:00