From ef7a63fb70ef8693b3debe1f93c85726b08f48c8 Mon Sep 17 00:00:00 2001
From: zvx-echo6 <matt@echo6.co>
Date: Tue, 12 May 2026 13:02:50 -0600
Subject: [PATCH] fix(dashboard): edges not interactive, only nodes trigger
 hover/dim

- Added blur config for dimmed state (opacity 0.15 for nodes, 0.04 for edges)
- Added scale effect on node hover (1.1x)
- Explicit edgeSymbol: none to disable edge markers
- Only nodes are interactive: hover, click, tooltip
- Edges have no hover effect, no tooltip, no click handler

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../src/components/TopologyGraph.tsx               | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/dashboard-frontend/src/components/TopologyGraph.tsx b/dashboard-frontend/src/components/TopologyGraph.tsx
index 452d310..42ae28f 100644
--- a/dashboard-frontend/src/components/TopologyGraph.tsx
+++ b/dashboard-frontend/src/components/TopologyGraph.tsx
@@ -187,11 +187,21 @@ export default function TopologyGraph({
           edgeLength: [80, 120],
           gravity: 0.1,
         },
+        // Only nodes trigger hover/click - edges are not interactive
         emphasis: {
           focus: 'adjacency',
           blurScope: 'coordinateSystem',
+          scale: 1.1,
           lineStyle: {
-            width: 3,
+            width: 2,
+          },
+        },
+        blur: {
+          itemStyle: {
+            opacity: 0.15,
+          },
+          lineStyle: {
+            opacity: 0.04,
           },
         },
         label: {
@@ -204,6 +214,8 @@ export default function TopologyGraph({
         edgeLabel: {
           show: false,
         },
+        // Edges not interactive - no hover, no tooltip, no click
+        edgeSymbol: ['none', 'none'],
         // Selection styling handled via data opacity
       },
     ],