From b9917a90d4b5492c8fe84fc62a72594de85a3ffe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=BC=D0=B8=D1=82=D1=80=D0=B8=D0=B9?=
 <donnalee11681676@gmail.com>
Date: Fri, 15 May 2026 06:24:06 +0300
Subject: [PATCH] =?UTF-8?q?feat(graph):=20network=20click=20=E2=86=92=20se?=
 =?UTF-8?q?lectedNode=20+=20toggle=20on=20repeat?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/automation-graph.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/docs/automation-graph.html b/docs/automation-graph.html
index 016b6394..e540705c 100644
--- a/docs/automation-graph.html
+++ b/docs/automation-graph.html
@@ -1321,10 +1321,16 @@ function showEdgeLegend(edgeId) {
 
 network.on('click', params => {
   if (params.nodes.length === 1) {
-    showNodeLegend(params.nodes[0]);
+    const id = params.nodes[0];
+    HIGHLIGHT.setSelectedNode(id);
+    HIGHLIGHT.applyHighlight();
+    // Right panel still shows details of the clicked node (last-clicked, even after toggle-off)
+    showNodeLegend(id);
   } else if (params.edges.length === 1) {
     showEdgeLegend(params.edges[0]);
   } else if (params.nodes.length === 0 && params.edges.length === 0) {
+    HIGHLIGHT.state.selectedNode = null;
+    HIGHLIGHT.applyHighlight();
     document.getElementById('legend-panel').classList.remove('visible');
   }
 });