From 664bc92fe742c17fe4398cc92a15491c723e3e86 Mon Sep 17 00:00:00 2001
From: Naeel <naeel@nubes.ru>
Date: Thu, 16 Apr 2026 15:03:15 +0300
Subject: [PATCH] v9.10: nav-back visible dark bg+bold, no arrows, node name
 bold+underline, svc italic

---
 k8s/deployment.yaml |  2 +-
 static/index.html   | 20 +++++++++++---------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/k8s/deployment.yaml b/k8s/deployment.yaml
index 7c23dae..23450fd 100644
--- a/k8s/deployment.yaml
+++ b/k8s/deployment.yaml
@@ -15,7 +15,7 @@ spec:
     spec:
       containers:
       - name: cloud-dashboard
-        image: naeel/cloud-dashboard:v9.9
+        image: naeel/cloud-dashboard:v9.10
         imagePullPolicy: Always
         ports:
         - containerPort: 8080
diff --git a/static/index.html b/static/index.html
index c5380cf..3155b2a 100644
--- a/static/index.html
+++ b/static/index.html
@@ -52,6 +52,9 @@
     .s-creating  { background: #1a2a3d; color: #58a6ff; }
     .s-default   { background: #2d2d2d; color: #8b949e; }
     .main { padding: 20px 24px; flex: 1; overflow: hidden; display: flex; flex-direction: column; }
+    .nav-back { padding: 7px 20px; background: #21262d; color: #e1e4e8; font-size: 13px; font-weight: 700; border-bottom: 1px solid #30363d; }
+    .nav-back a { color: #e1e4e8; text-decoration: none; font-weight: 700; }
+    .nav-back a:hover { color: #fff; text-decoration: underline; }
     .stats { display: flex; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }
     .stat-card { background: #161b22; border: 1px solid #30363d; border-radius: 8px; padding: 8px 16px; text-align: center; min-width: 90px; }
     .stat-card .num { font-size: 22px; font-weight: 700; }
@@ -150,9 +153,9 @@
     body.light .deps-section h4 { color: #64748b; }
     body.light .hist-table th { color: #64748b; border-bottom-color: #cbd5e1; }
     body.light .hist-table td { border-bottom-color: #e2e8f0; color: #0f172a; }
-    body.light .nav-back { background: #ffffff; border-bottom-color: #cbd5e1; color: #475569; }
-    body.light .nav-back a { color: #475569; }
-    body.light .nav-back a:hover { color: #0f172a; }
+    body.light .nav-back { background: #e2e8f0; border-bottom-color: #cbd5e1; color: #334155; font-weight: 700; }
+    body.light .nav-back a { color: #0f172a; font-weight: 700; }
+    body.light .nav-back a:hover { color: #000; }
     @media (max-width: 700px) {
       td:nth-child(5), th:nth-child(5), td:nth-child(4), th:nth-child(4) { display: none; }
       .params-grid, .deps-grid { grid-template-columns: 1fr; }
@@ -559,14 +562,12 @@ function drawGraph(containerId, data, focusUid, forceShowAux){
       { selector: "node.focus", style: { "border-color": "#facc15", "border-width": 3 }},
       { selector: "edge", style: {
           "line-color": "data(color)",
-          "target-arrow-color": "data(color)",
-        "target-arrow-shape": "triangle",
+          "target-arrow-shape": "none",
           "curve-style": "taxi",
           "taxi-direction": "auto",
           "taxi-turn": "50px",
           "taxi-turn-min-distance": "10px",
         "width": 2.4,
-        "arrow-scale": 1.3,
         "opacity": 0.9
       }}
     ],
@@ -583,10 +584,11 @@ function drawGraph(containerId, data, focusUid, forceShowAux){
       valignBox: 'center',
       tpl: function(d){
         var fs = d.fontSize || 13;
+        var nameFs = Math.round(fs * 1.25);
         var html = '<div style="text-align:center;color:#dbeafe;font-family:system-ui,sans-serif;padding:4px 6px;">';
-        html += '<div style="font-size:'+fs+'px;font-weight:600;word-break:break-word;white-space:normal;">' + (d.label||'') + '</div>';
-        if(d.svc) html += '<div style="font-size:'+(fs-1)+'px;margin-top:2px;">' + d.svc + '</div>';
-        if(d.age) html += '<div style="font-size:9px;font-style:italic;color:#9ca3af;margin-top:14px;">⏱ ' + d.age + '</div>';
+        html += '<div style="font-size:'+nameFs+'px;font-weight:700;text-decoration:underline;word-break:break-word;white-space:normal;">' + (d.label||'') + '</div>';
+        if(d.svc) html += '<div style="font-size:'+(fs-1)+'px;font-style:italic;margin-top:3px;color:#93c5fd;">' + d.svc + '</div>';
+        if(d.age) html += '<div style="font-size:9px;font-style:italic;color:#9ca3af;margin-top:10px;">⏱ ' + d.age + '</div>';
         html += '</div>';
         return html;
       }