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

@@ -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>';

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; }