Canvas
Status: active Last updated: 2026-04-15
What It Is
Canvas is the main visual workspace where nodes, edges, frames, and layout behavior are rendered.
Why It Exists
The product is built around visual modeling. Canvas is the place where the user sees, edits, and organizes the full graph.
Main Parts
components.md: main rendering componentshooks.md: graph-to-render wiring and interaction hookstypes.md: render-side types and React Flow adaptersutils/: layout, grouping, and route helpers
User Flow
- The workspace resolves the current graph
- Canvas adapts domain nodes and edges into render nodes and edges
- The user moves, connects, selects, and organizes the graph
- Changes are sent back to workspace mutation flows
Risks And Gaps
- Dense boards still need ongoing readability polish
- Some advanced route and layout choices need more docs and examples