Show full region names on root map instead of CSS ellipsis.

Co-authored-by: Cursor <cursoragent@cursor.com>

web/src/index.css

@@ -5033,9 +5033,9 @@ pre {
   font-weight: 700;
   line-height: 1.25;
   color: inherit;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  white-space: normal;
+  overflow-wrap: anywhere;
+  text-align: center;
 }
 .topo-region-hex__title {
   display: flex;
@@ -5047,7 +5047,7 @@ pre {
   min-width: 0;
 }
 .topo-region-hex__title .topo-region-hex__name {
-  max-width: 70%;
+  max-width: 100%;
 }
 .topo-region-hex__meta {
   display: inline;
@@ -7392,6 +7392,15 @@ 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;

web/src/pages/TopologyPage.tsx

@@ -774,7 +774,7 @@ const NeNode = memo(function NeNode({ data, selected }: NodeProps<Node<NeNodeDat
       }${showBadge ? " is-placeholder" : ""}${isRegion ? " is-region" : ""}`}
       title={
         isRegion
-          ? "Open region canvas"
+          ? name
           : showBadge
             ? data.managed_source || "placeholder"
             : name