Шапка: одна плашка «Шлюз НРД», подробности по участкам — в подсказке

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014FsEKyJrYF69Cj9ZXzFLRi

internal/lkgateway/nsdhealth.go

@@ -563,6 +563,11 @@ func nsdSegTip(h NSDHealth) string {
 		}
 		b.WriteString("\n")
 	}
+	if h.Ago != "" {
+		b.WriteString("Последний ответ НРД " + h.Ago + "\n")
+	} else {
+		b.WriteString("Ответа НРД ещё не было\n")
+	}
 	b.WriteString("Подробно — «Статус». Обновляется каждые 30 с.")
 	return b.String()
 }

internal/lkgateway/web/templates/layout.html

@@ -100,15 +100,11 @@ body {
 .theme-toggle svg { width:16px; height:16px; }
 .theme-toggle:hover { background:var(--border); color:var(--text); }
 .topbar .clock { font-size:11px; color:var(--muted); font-family:var(--mono); font-variant-numeric:tabular-nums; letter-spacing:-0.02em; }
-.nsd-chain { text-decoration:none; gap:6px; }
-.nsd-chain .seg { display:inline-flex; align-items:center; gap:4px; }
-.nsd-chain .seg i { width:8px; height:8px; border-radius:50%; background:var(--muted); display:inline-block; }
-.nsd-chain .seg.ok i { background:var(--ok); } .nsd-chain .seg.warn i { background:var(--warn); } .nsd-chain .seg.err i { background:var(--err); }
-.nsd-chain .seg.err { color:var(--err); } .nsd-chain .sep { color:var(--muted); font-weight:400; }
-.nsd-chain .ago { font-weight:400; color:var(--muted); }
-.nsd-chain.err { background:var(--err-weak); border-color:var(--err); }
+.nsd-chain { text-decoration:none; }
+.nsd-chain i { width:8px; height:8px; border-radius:50%; background:var(--muted); display:inline-block; }
+.nsd-chain.ok i { background:var(--ok); } .nsd-chain.warn i { background:var(--warn); } .nsd-chain.err i { background:var(--err); }
+.nsd-chain.err { background:var(--err-weak); border-color:var(--err); color:var(--err); }
 .nsd-chain.warn { background:var(--warn-weak); }
-@media (max-width:1100px){ .nsd-chain .seg > span, .nsd-chain .ago, .nsd-chain .sep { display:none } }
 .sys-block { display:inline-flex; flex-direction:column; align-items:center; gap:2px; line-height:1.1; }
 .sys-block .sys-status { padding:3px 9px 3px 7px; font-size:11.5px; }
 .user-dd .ddbtn.user-chip { display:inline-flex; flex-direction:column; align-items:flex-start; padding:4px 10px; border-radius:8px; margin:0; max-width:220px; }
@@ -358,7 +354,7 @@ label { font-size:13px; font-weight:500; }
   </nav>
   <div class="topbar-right">
     <span class="sys-block">
-      {{if and .NSDLink.Configured (not .IsMockMode)}}<a id="nsd-chain" href="/admin/status#nsd" class="sys-status nsd-chain {{.NSDLink.State}}" title="{{nsdSegTip .NSDLink}}">{{range $i, $s := .NSDLink.Segs}}{{if $i}}<span class="sep" aria-hidden="true">›</span>{{end}}<span class="seg {{$s.State}}"><i></i><span>{{$s.Title}}</span></span>{{end}}<span class="ago">{{if .NSDLink.Ago}}ответ НРД {{.NSDLink.Ago}}{{else}}ответа НРД ещё не было{{end}}</span></a>{{else}}<span class="sys-status {{if .IsMockMode}}warn{{end}}" title="Состояние обмена с НРД">
+      {{if and .NSDLink.Configured (not .IsMockMode)}}<a id="nsd-chain" href="/admin/status#nsd" class="sys-status nsd-chain {{.NSDLink.State}}" title="{{nsdSegTip .NSDLink}}"><i></i><span>Шлюз НРД</span></a>{{else}}<span class="sys-status {{if .IsMockMode}}warn{{end}}" title="Состояние обмена с НРД">
         <span class="pulse"></span>{{if .IsMockMode}}{{if devOn}}Эмуляция{{else}}Нет связи с НРД{{end}}{{else}}НРД на связи{{end}}</span>{{end}}
       <span class="clock">{{.Now}}</span>
     </span>
@@ -566,18 +562,12 @@ label { font-size:13px; font-weight:500; }
   (function(){
     var el = document.getElementById('nsd-chain');
     if (!el) return;
-    function esc(t){ return String(t).replace(/[&<>"]/g, function(c){ return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c]; }); }
     function upd(){
       fetch('/admin/nsd-health.json', {cache:'no-store'}).then(function(r){ return r.json(); }).then(function(h){
         if (!h.configured) return;
-        var html = '', tip = '';
-        (h.segs||[]).forEach(function(s, i){
-          if (i) html += '<span class="sep" aria-hidden="true">›</span>';
-          html += '<span class="seg ' + esc(s.state) + '"><i></i><span>' + esc(s.title) + '</span></span>';
-          tip += s.title + ': ' + s.text + (s.detail ? ' (' + s.detail + ')' : '') + '\n';
-        });
-        html += '<span class="ago">' + (h.ago ? 'ответ НРД ' + esc(h.ago) : 'ответа НРД ещё не было') + '</span>';
-        el.innerHTML = html;
+        var tip = '';
+        (h.segs||[]).forEach(function(s){ tip += s.title + ': ' + s.text + (s.detail ? ' (' + s.detail + ')' : '') + '\n'; });
+        tip += (h.ago ? 'Последний ответ НРД ' + h.ago : 'Ответа НРД ещё не было') + '\n';
         el.className = 'sys-status nsd-chain ' + h.state;
         el.title = tip + 'Подробно — «Статус». Обновляется каждые 30 с.';
       }).catch(function(){