Обновить UI сети и серверные экраны

shine-UI/js/pages/network-view.js

@@ -24,6 +24,32 @@ function createDebounced(fn, delayMs = 2000) {
   };
 }
 
+function createHeaderSearchIcon() {
+  const ns = 'http://www.w3.org/2000/svg';
+  const svg = document.createElementNS(ns, 'svg');
+  svg.setAttribute('viewBox', '0 0 24 24');
+  svg.setAttribute('aria-hidden', 'true');
+  svg.setAttribute('class', 'header-icon-svg header-icon-svg--search');
+
+  const circle = document.createElementNS(ns, 'circle');
+  circle.setAttribute('cx', '11');
+  circle.setAttribute('cy', '11');
+  circle.setAttribute('r', '6.5');
+  circle.setAttribute('fill', 'none');
+  circle.setAttribute('stroke', 'currentColor');
+  circle.setAttribute('stroke-width', '2');
+
+  const handle = document.createElementNS(ns, 'path');
+  handle.setAttribute('d', 'M16 16l4.5 4.5');
+  handle.setAttribute('fill', 'none');
+  handle.setAttribute('stroke', 'currentColor');
+  handle.setAttribute('stroke-width', '2');
+  handle.setAttribute('stroke-linecap', 'round');
+
+  svg.append(circle, handle);
+  return svg;
+}
+
 function normKey(value) {
   return normalizeLogin(value).toLowerCase();
 }
@@ -427,12 +453,15 @@ export function render({ navigate, route, chrome } = {}) {
   const header = renderHeader({
     title: 'Связи',
     rightActions: [
-      { label: 'Найти', onClick: openSearchModal },
+      {
+        iconNode: createHeaderSearchIcon(),
+        title: 'Найти пользователя',
+        ariaLabel: 'Найти пользователя',
+        className: 'chat-header-icon-btn',
+        onClick: openSearchModal,
+      },
     ],
   });
-  // «Связи» используют тот же общий topbar, что и остальные страницы.
-  // Отдельный класс нужен только для page-specific fade графа, не для геометрии header.
-  header.classList.add('network-topbar');
 
   // Ресайз и перерисовку рёбер движок обрабатывает сам (window resize + ResizeObserver внутри).
   screen.cleanup = () => {