From 3f113ce8d6d983f1a8ed87d769cf3152bfec1f60 Mon Sep 17 00:00:00 2001
From: iRedTea <red__tea@outlook.com>
Date: Thu, 15 Oct 2026 22:11:18 +0300
Subject: [PATCH] feat: on a phone the header's links scroll under a pinned
 profile button; the assistant's close is red

---
 internal/server/web/static/ai.js   | 2 +-
 internal/server/web/static/app.css | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/internal/server/web/static/ai.js b/internal/server/web/static/ai.js
index 2287686..607edde 100644
--- a/internal/server/web/static/ai.js
+++ b/internal/server/web/static/ai.js
@@ -20,7 +20,7 @@
   box.innerHTML =
     '<div class="ai-head"><b>Ассистент</b><span class="muted ai-where"></span><span class="spacer"></span>' +
     '<button type="button" class="btn ghost small ai-clear" title="Новый разговор">Очистить</button>' +
-    '<button type="button" class="btn ghost small icon ai-close" aria-label="Закрыть"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"><path d="M18 6 6 18M6 6l12 12"/></svg></button></div>' +
+    '<button type="button" class="btn ghost small icon close x ai-close" aria-label="Закрыть"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"><path d="M18 6 6 18M6 6l12 12"/></svg></button></div>' +
     '<div class="ai-list"><p class="muted ai-hello">Спросите о том, что открыто в панели: ассистент видит вкладки и активный терминал или папку. Команды он предложит кнопкой «Выполнить».</p></div>' +
     '<form class="ai-form-in"><textarea rows="2" placeholder="Сообщение… (Enter - отправить, Shift+Enter - строка)"></textarea>' +
     '<button type="submit" class="ai-send">Отправить</button></form>';
diff --git a/internal/server/web/static/app.css b/internal/server/web/static/app.css
index 34537f3..ad34266 100644
--- a/internal/server/web/static/app.css
+++ b/internal/server/web/static/app.css
@@ -231,6 +231,9 @@ input.sw:disabled { opacity: .45; cursor: not-allowed; }
   header.topbar nav { flex: 1 1 auto; min-width: 0; }
   header.topbar nav > :first-child { margin-left: auto !important; }
   header.topbar nav #status { flex: 0 1 auto; min-width: 0; max-width: 30vw; }
+  /* The links scroll; the profile button stays put at the right. */
+  header.topbar nav #acct { position: sticky; right: 0; z-index: 1; background: var(--panel);
+    box-shadow: -14px 0 12px -4px var(--panel); }
   .acct-add { flex-wrap: wrap; }
   .acct-add button { width: 100%; }
   .acct-keys li { flex-wrap: wrap; }