Add rubber-band selection, multi-node drag, edge click, and keyboard shortcuts

- Shift+drag on empty space draws selection rectangle to select multiple nodes
- Multi-node drag: dragging a selected node moves all selected nodes together
- Click edge to highlight it and its connected nodes
- Delete key removes single selected node, Ctrl+A selects all
- Edges now have pointer cursor for click affordance

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-13 15:30:09 +03:00
parent 6d85385dbb
commit a54e2ab8b0
2 changed files with 224 additions and 34 deletions
@@ -365,6 +365,7 @@
fill: none;
stroke-width: 2;
opacity: 0.6;
cursor: pointer;
transition: opacity 0.15s, stroke-width 0.15s;
}
@@ -373,6 +374,11 @@
stroke-width: 3;
}
/* Wider invisible hit area for thin edges */
.graph-edge {
stroke-linecap: round;
}
.graph-edge-arrow {
fill: currentColor;
opacity: 0.6;