UI v4: новый стиль по макету V3/V4 и доводка экранов

Палитра «Сияние» по умолчанию, новые роли цветов. Лента канала: плоские записи, ряд действий
с равным шагом иконок, дата у записи. Обсуждение со строкой ввода, личный чат, шторки.
Вход и регистрация: стартовый экран (надпись «СИЯНИЕ», сияние мандалы), настройки входа
со статусами серверов, статус логина в одну строку, вход с другого устройства (код, таймер, шаги),
сохранение ключей с переключателями. Корневые разделы – заголовок по центру; фильтр чатов –
переключатель; уведомления – список как в чатах; фото – просмотр на весь экран.
Общее: один зазор под шапкой (--page-top-gap), переключатели высотой с поле ввода,
второстепенные кнопки по одной роли (в том числе на экранах устройств и серверов),
иконки только из ui-icon.js, полоса прокрутки скрыта, среднее тире в текстах интерфейса.

Что нужно от сервера и разработчика – docs/UI-Design/UI-v4-for-dev.md.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

shine-UI/index.html

@@ -6,7 +6,7 @@
       name="viewport"
       content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-visual"
     />
-    <meta name="theme-color" content="#12141f" />
+    <meta name="theme-color" content="#121419" />
     <base href="/" />
     <link rel="manifest" href="./manifest.webmanifest" />
     <link rel="icon" type="image/jpeg" href="./img/logo.jpg" />
@@ -45,7 +45,7 @@ window.__SHINE_BUILD_HASH__ = '20260901134200';
     <script>
       (function attachStylesWithBuildHash() {
         const v = encodeURIComponent(window.__SHINE_BUILD_HASH__ || 'dev');
-        const cssFiles = ['./styles/main.css', './styles/layout.css', './styles/app-shell.css', './styles/buttons-white.css', './styles/components/topbar.css', './styles/components/dropdown-menu.css', './styles/components/primitives.css', './styles/components/tabs.css', './styles/components/chips.css', './styles/components/nav-list.css', './styles/components/palette-editor.css', './styles/components/avatar.css', './styles/components/modal.css', './styles/components/attachments.css', './styles/components/channel-editor.css', './styles/components/emoji-picker.css', './styles/components/call-ui.css', './styles/components/scroll-to-bottom.css', './styles/components/overflow-dots.css', './styles/components/toolbar.css', './styles/features/preauth.css', './styles/features/messages.css', './styles/features/chat.css', './styles/features/channels-common.css', './styles/features/channels-list.css', './styles/features/channel.css', './styles/features/channel-thread.css', './styles/features/notifications.css', './styles/features/network.css', './styles/features/profile.css', './styles/features/profile-page.css', './styles/features/settings.css', './styles/features/devices.css', './styles/features/developer-tools.css', './styles/network-graph.css'];
+        const cssFiles = ['./styles/main.css', './styles/layout.css', './styles/app-shell.css', './styles/buttons-white.css', './styles/components/topbar.css', './styles/components/dropdown-menu.css', './styles/components/primitives.css', './styles/components/tabs.css', './styles/components/chips.css', './styles/components/nav-list.css', './styles/components/palette-editor.css', './styles/components/avatar.css', './styles/components/modal.css', './styles/components/compose.css', './styles/components/attachments.css', './styles/components/media-viewer.css', './styles/components/channel-editor.css', './styles/components/emoji-picker.css', './styles/components/call-ui.css', './styles/components/scroll-to-bottom.css', './styles/components/overflow-dots.css', './styles/components/toolbar.css', './styles/features/preauth.css', './styles/features/messages.css', './styles/features/chat.css', './styles/features/channels-common.css', './styles/features/channels-list.css', './styles/features/channel.css', './styles/features/channel-thread.css', './styles/features/notifications.css', './styles/features/network.css', './styles/features/profile.css', './styles/features/profile-page.css', './styles/features/settings.css', './styles/features/devices.css', './styles/features/developer-tools.css', './styles/network-graph.css'];
         cssFiles.forEach((file) => {
           const link = document.createElement('link');
           link.rel = 'stylesheet';
@@ -208,19 +208,19 @@ window.__SHINE_BUILD_HASH__ = '20260901134200';
         const formatReportText = (report) => {
           const lines = [
             `Ошибка: ${report.title || report.kind || 'unknown'}`,
-            `Описание: ${report.message || '—'}`,
-            `Окно: ${report.pageTitle || '—'}`,
-            `Маршрут: ${report.route || '—'}`,
-            `URL: ${report.href || '—'}`,
-            `Видимость: ${report.pageVisibility || '—'}`,
+            `Описание: ${report.message || '–'}`,
+            `Окно: ${report.pageTitle || '–'}`,
+            `Маршрут: ${report.route || '–'}`,
+            `URL: ${report.href || '–'}`,
+            `Видимость: ${report.pageVisibility || '–'}`,
             `Время: ${new Date(Number(report.clientTs || Date.now())).toISOString()}`,
-            `UA: ${report.userAgent || '—'}`,
-            `Экран: ${report.viewport ? `${report.viewport.width}x${report.viewport.height} @${report.viewport.dpr || 1}x` : '—'}`,
-            `Монитор: ${report.screenInfo ? `${report.screenInfo.width}x${report.screenInfo.height}` : '—'}`,
-            `Источник: ${report.sourceUrl || '—'}`,
-            `Строка: ${Number.isFinite(report.lineNumber) ? report.lineNumber : '—'}`,
-            `Колонка: ${Number.isFinite(report.columnNumber) ? report.columnNumber : '—'}`,
-            `Тип причины: ${report.reasonType || '—'}`,
+            `UA: ${report.userAgent || '–'}`,
+            `Экран: ${report.viewport ? `${report.viewport.width}x${report.viewport.height} @${report.viewport.dpr || 1}x` : '–'}`,
+            `Монитор: ${report.screenInfo ? `${report.screenInfo.width}x${report.screenInfo.height}` : '–'}`,
+            `Источник: ${report.sourceUrl || '–'}`,
+            `Строка: ${Number.isFinite(report.lineNumber) ? report.lineNumber : '–'}`,
+            `Колонка: ${Number.isFinite(report.columnNumber) ? report.columnNumber : '–'}`,
+            `Тип причины: ${report.reasonType || '–'}`,
           ];
           if (report.stack) {
             lines.push('Stack:', report.stack);
@@ -418,6 +418,8 @@ window.__SHINE_BUILD_HASH__ = '20260901134200';
           } catch {}
         };
         window.addEventListener('error', (e) => {
+          // Предупреждение браузера о переносе замеров ResizeObserver на следующий кадр – не ошибка
+          if (/^ResizeObserver loop/.test(String(e?.message || ''))) return;
           show('window.error', `${e?.message || ''}\n${e?.filename || ''}:${e?.lineno || ''}:${e?.colno || ''}`, {
             kind: 'window_error',
             message: e?.message || '',