- SVG node items with snap-to-grid dragging; ports appear on focus/hover
and highlight compatible targets during a connection drag
- Orthogonally routed edge items with line styles, head/tail decorations
(arrow, circle, diamond, bar), selection halo and title labels; later
edges jump crossings with arcs when enabled
- Grid background view with cursor-anchored zoom, middle-button pan,
rubber-band selection and palette drag-and-drop
- Undoable commands: add/move/delete/connect/property/paste with
clipboard fragments; light/dark/high-contrast themes
- Flow overlay: animated dashes, direction and density follow flow rate
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Treats each relation network as a conductance network (diameter^4 / length),
solves nodal balance per connected component, so flow is conserved at every
junction and wider pipes carry proportionally more flow.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Manhattan routing snapped to the rectangular grid with port-side-aware exit
stubs, right-angle crossing detection between routed polylines, and painter
paths bridging crossings with semicircular arcs (configurable radius).
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Data-driven node types (SVG + port config) loaded from JSON, relation-based
connection validation, and a property system supporting string, int, float,
enum, catalogue item(s), color and value-list types grouped by category.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>