From a0170907e486b33be7674a7bc2ef5715c9a260da Mon Sep 17 00:00:00 2001
From: oliver <zhoutianjun127@126.com>
Date: Fri, 7 Aug 2026 22:03:56 +0800
Subject: [PATCH] Show full NE canvas labels and use dark green for selected
 links.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 web/src/index.css | 27 +++++++++------------------
 1 file changed, 9 insertions(+), 18 deletions(-)

diff --git a/web/src/index.css b/web/src/index.css
index da313cf..058e890 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -7392,15 +7392,6 @@ pre {
   height: 17px;
 }
 
-.topo-node.is-region .topo-node__caption {
-  max-width: none;
-}
-
-.topo-node.is-region .topo-node__caption-name {
-  overflow: visible;
-  text-overflow: clip;
-}
-
 .topo-node__glyph {
   position: relative;
   width: 25px;
@@ -7518,9 +7509,9 @@ pre {
   filter: brightness(1.12);
 }
 
-/* Selected link: light highlight only (do not alter geometry / arrows). */
+/* Selected link: dark green so it stands out from UME blue / LLDP sky. */
 .topo-canvas .react-flow__edge.selected .react-flow__edge-path {
-  stroke: #2563eb !important;
+  stroke: #166534 !important;
   stroke-width: 3px !important;
 }
 
@@ -7574,7 +7565,7 @@ pre {
   color: var(--topo-label-color, #f1f5f9);
   line-height: 1.15;
   width: max-content;
-  max-width: 80px;
+  max-width: none;
   pointer-events: none;
   text-shadow:
     0 0 2px rgba(15, 23, 42, 0.95),
@@ -7583,24 +7574,24 @@ pre {
 
 .topo-node__caption-name {
   display: block;
-  max-width: 100%;
+  max-width: none;
   font-size: 8px;
   font-weight: 600;
   color: var(--topo-label-color, #f1f5f9);
   white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  overflow: visible;
+  text-overflow: clip;
 }
 
 .topo-node__caption-meta {
   display: block;
-  max-width: 100%;
+  max-width: none;
   font-size: 7px;
   color: color-mix(in srgb, var(--topo-label-color, #f1f5f9) 55%, #64748b);
   font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
   white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  overflow: visible;
+  text-overflow: clip;
 }
 
 .topo-canvas .react-flow__edge-textbg {