feat(network): add connect tool and middle-pan

2026-04-14 03:28:07 +00:00
parent 36721eb5af
commit c063952f12
5 changed files with 33 additions and 6 deletions
--- a/frontend/src/pages/NetworkDiagrams/DiagramEditor.tsx
+++ b/frontend/src/pages/NetworkDiagrams/DiagramEditor.tsx
@@ -842,6 +842,11 @@ function DiagramEditorInner() {
              onPaneClick={closeContextMenu}
              interactionMode={interactionMode}
            />
+            {interactionMode === 'connect' && (
+              <div className="pointer-events-none absolute left-1/2 top-4 z-10 -translate-x-1/2 rounded-full border border-accent/30 bg-card/95 px-3 py-1.5 text-[11px] text-muted-foreground">
+                Connect mode: drag between device handles. Middle-click and drag to pan.
+              </div>
+            )}
            {nodes.length === 0 && !loading && (
              <CanvasEmptyPrompt onGenerate={handleAIGenerate} />
            )}