diff --git a/.gitea/workflows/ci-api.yml b/.gitea/workflows/ci-api.yml
index d2cb77e..1450a3d 100644
--- a/.gitea/workflows/ci-api.yml
+++ b/.gitea/workflows/ci-api.yml
@@ -1,4 +1,4 @@
-# Go: сервис api и storage-agent (docs/ci-cd.md). Только при изменении их кода или контракта.
+# Go: сервис api и storage-agent. Только при изменении их кода или контракта.
 name: ci / api
 
 on:
diff --git a/.gitea/workflows/ci-contract.yml b/.gitea/workflows/ci-contract.yml
index 163e96c..afdda24 100644
--- a/.gitea/workflows/ci-contract.yml
+++ b/.gitea/workflows/ci-contract.yml
@@ -1,4 +1,4 @@
-# Сгенерированный код (Go-сервер, TS-клиент, дизайн-токены) совпадает с исходниками (docs/ci-cd.md).
+# Сгенерированный код (Go-сервер, TS-клиент, дизайн-токены) совпадает с исходниками.
 name: ci / contract
 
 on:
diff --git a/.gitea/workflows/ci-mobile.yml b/.gitea/workflows/ci-mobile.yml
index 43c2523..b99b089 100644
--- a/.gitea/workflows/ci-mobile.yml
+++ b/.gitea/workflows/ci-mobile.yml
@@ -1,4 +1,4 @@
-# Expo: expo-doctor и Metro-бандл Android (docs/ci-cd.md). Полная сборка APK — только в release.yml.
+# Expo: expo-doctor и Metro-бандл Android. Полная сборка APK — только в release.yml.
 name: ci / mobile
 
 on:
diff --git a/.gitea/workflows/ci-recommender.yml b/.gitea/workflows/ci-recommender.yml
index 41dcd6b..4a9b0a8 100644
--- a/.gitea/workflows/ci-recommender.yml
+++ b/.gitea/workflows/ci-recommender.yml
@@ -1,4 +1,4 @@
-# Python: recommender и analyzer (docs/ci-cd.md).
+# Python: recommender и analyzer.
 name: ci / recommender
 
 on:
diff --git a/.gitea/workflows/ci-ts.yml b/.gitea/workflows/ci-ts.yml
index 3f13014..4833132 100644
--- a/.gitea/workflows/ci-ts.yml
+++ b/.gitea/workflows/ci-ts.yml
@@ -1,4 +1,4 @@
-# TypeScript: пакеты, веб, typecheck мобильного приложения, скрипты релиза (docs/ci-cd.md).
+# TypeScript: пакеты, веб, typecheck мобильного приложения, скрипты релиза.
 name: ci / ts
 
 on:
diff --git a/.gitea/workflows/docker.yml b/.gitea/workflows/docker.yml
index 4d1f35b..29198dd 100644
--- a/.gitea/workflows/docker.yml
+++ b/.gitea/workflows/docker.yml
@@ -49,7 +49,7 @@ jobs:
       - uses: actions/checkout@v4
       # Обычный docker build через Docker хоста раннера, а не buildx-контейнер: кэш слоёв и
       # --mount=type=cache переживают job, повторная сборка занимает секунды. Фиксированные теги
-      # не дают копиться образам; кэш сборки чистит на хосте `docker builder prune` (docs/ci-cd.md).
+      # не дают копиться образам; кэш сборки чистит на хосте `docker builder prune`.
       - name: Сборка образов
         env: { DOCKER_BUILDKIT: "1" }
         run: |
diff --git a/.gitea/workflows/release.yml b/.gitea/workflows/release.yml
index bd2c9c1..d3ab406 100644
--- a/.gitea/workflows/release.yml
+++ b/.gitea/workflows/release.yml
@@ -1,4 +1,4 @@
-# Релиз по тегу vMAJOR.MINOR.PATCH[-rc.N] (docs/ci-cd.md): Gitea Release с заметками → APK.
+# Релиз по тегу vMAJOR.MINOR.PATCH[-rc.N]: Gitea Release с заметками → APK.
 # Релиз создаётся сразу (статус Android — «собирается»); сборка APK докладывает в него файлы
 # и переписывает статус: собран / не удалась (scripts/release.mjs).
 # Docker-образы не публикуются: сервер собирает их сам из клонированного репозитория (deploy/update.sh).
@@ -53,7 +53,7 @@ jobs:
     runs-on: ubuntu-latest
     # Постоянные кэши на хосте раннера: дистрибутив и зависимости Gradle, его build cache, Android SDK и NDK
     # переживают job (−4 мин на релиз). Работают, если в config.yaml раннера разрешены тома
-    # (container.valid_volumes: ['/opt/ci-cache/**'], docs/ci-cd.md); иначе раннер их пропускает и всё качается заново.
+    # (container.valid_volumes: ['/opt/ci-cache/**']); иначе раннер их пропускает и всё качается заново.
     # с блоком container act запускает шаги через sh; скриптам нужен bash (массивы, pipefail)
     defaults:
       run:
diff --git a/README.md b/README.md
index 909ee5f..7354bf4 100644
--- a/README.md
+++ b/README.md
@@ -4,8 +4,7 @@ Self-hosted музыкальный сервис: веб и Android-прилож
 умная бесконечная лента «Моя волна» с учётом вкуса, звучания треков и настроения.
 
 - Идея продукта: [docs/IDEA.md](docs/IDEA.md)
-- Документация для разработки: [docs/README.md](docs/README.md)
-- План: [docs/roadmap.md](docs/roadmap.md)
+- Документация: [docs/README.md](docs/README.md)
 - Установка сервера на свой домен: [docs/install-guide.md](docs/install-guide.md)
 
 ## Структура
@@ -67,4 +66,4 @@ pnpm generate && (cd services/api && go generate ./...)
 
 Тег `vX.Y.Z` (или `vX.Y.Z-rc.N`) запускает `.gitea/workflows/release.yml`: Gitea Release с заметками → подписанный APK докладывается в него.
 Docker-образы не публикуются: сервер клонирует репозиторий и собирает их сам (`deploy/update.sh`,
-[docs/install-guide.md](docs/install-guide.md)). Нужные секреты — в шапке workflow и в [docs/ci-cd.md](docs/ci-cd.md).
+[docs/install-guide.md](docs/install-guide.md)). Нужные секреты перечислены в шапке `.gitea/workflows/release.yml`.
diff --git a/apps/web/src/App.test.tsx b/apps/web/src/App.test.tsx
index c226d62..cf3fef0 100644
--- a/apps/web/src/App.test.tsx
+++ b/apps/web/src/App.test.tsx
@@ -315,6 +315,15 @@ describe('my wave', () => {
   });
 });
 
+describe('suggest tracks', () => {
+  it('warns that FLAC and WAV are the formats to send', async () => {
+    const admin = makeUser('admin', 'admin');
+    await renderApp([admin], '/uploads/new', { signedInAs: admin });
+    expect(await screen.findByText(/Нужны FLAC или WAV/)).toBeInTheDocument();
+    expect(screen.getByText(/MP3 — только в крайнем случае/)).toBeInTheDocument();
+  });
+});
+
 describe('accessibility', () => {
   it('home and login have no serious axe violations', async () => {
     const alice = makeUser('alice', 'user');
diff --git a/apps/web/src/features/uploads/files.test.ts b/apps/web/src/features/uploads/files.test.ts
new file mode 100644
index 0000000..4a2e828
--- /dev/null
+++ b/apps/web/src/features/uploads/files.test.ts
@@ -0,0 +1,15 @@
+import { describe, expect, it } from 'vitest';
+
+import { needsFormatAttention } from './files';
+
+describe('needsFormatAttention', () => {
+  it('marks everything except flac and wav', () => {
+    expect(needsFormatAttention('flac', 'a.mp3')).toBe(false);
+    expect(needsFormatAttention('WAV', 'track.wav')).toBe(false);
+    expect(needsFormatAttention(null, 'Кино/01.wav')).toBe(false);
+    expect(needsFormatAttention('mp3', 'a.flac')).toBe(true);
+    expect(needsFormatAttention(null, 'folder/song.MP3')).toBe(true);
+    expect(needsFormatAttention(null, 'song.m4a')).toBe(true);
+    expect(needsFormatAttention(null, 'noext')).toBe(false);
+  });
+});
diff --git a/apps/web/src/features/uploads/files.ts b/apps/web/src/features/uploads/files.ts
index 911100d..7e89ceb 100644
--- a/apps/web/src/features/uploads/files.ts
+++ b/apps/web/src/features/uploads/files.ts
@@ -8,6 +8,22 @@ export interface PickedFile {
 /** Форматы, которые принимает очередь (сервер всё равно проверяет содержимое через ffprobe). */
 export const AUDIO_EXTENSIONS = ['flac', 'mp3', 'm4a', 'ogg', 'opus', 'wav', 'aiff', 'aif', 'wv'];
 
+/** То, что просим присылать. MP3 и прочие — крайний случай, их помечает очередь. */
+const PREFERRED_AUDIO = new Set(['flac', 'wav']);
+
+export function audioExt(name: string): string {
+  const base = name.split(/[/\\]/).pop() ?? name;
+  const dot = base.lastIndexOf('.');
+  if (dot < 0 || dot === base.length - 1) return '';
+  return base.slice(dot + 1).toLowerCase();
+}
+
+/** Не FLAC и не WAV: в очереди на добавление такой файл нужно выделить. */
+export function needsFormatAttention(format: string | null | undefined, name: string): boolean {
+  const ext = (format || audioExt(name)).toLowerCase();
+  return ext !== '' && !PREFERRED_AUDIO.has(ext);
+}
+
 export function isAudio(name: string): boolean {
   const ext = name.split('.').pop()?.toLowerCase() ?? '';
   return AUDIO_EXTENSIONS.includes(ext);
diff --git a/apps/web/src/pages/admin/UploadQueuePage.tsx b/apps/web/src/pages/admin/UploadQueuePage.tsx
index 06fc69c..1b5208f 100644
--- a/apps/web/src/pages/admin/UploadQueuePage.tsx
+++ b/apps/web/src/pages/admin/UploadQueuePage.tsx
@@ -5,6 +5,7 @@ import { useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useSession } from '../../app/session';
+import { needsFormatAttention } from '../../features/uploads/files';
 import { useErrorText, useFieldError } from '../../shared/lib/errors';
 import { formatBytes, formatDateTime, formatDuration } from '../../shared/lib/format';
 import { checkIcon, closeIcon, editIcon, refreshIcon } from '../../shared/ui/icons';
@@ -309,6 +310,11 @@ function QueueRow({
       <div className={u.meta}>
         <div className={u.flags}>
           <UploadStatusBadge status={f.status} />
+          {needsFormatAttention(f.format, f.original_name) && (
+            <span className={cx(s.badge, u.tone_warn)} title={t('uploads.format_attention')}>
+              {t('uploads.flag_attention')}
+            </span>
+          )}
           {f.possible_duplicate && <span className={cx(s.badge, u.tone_warn)}>{t('uploads.flag_possible')}</span>}
           {f.quality_upgrade && <span className={cx(s.badge, u.tone_info)}>{t('uploads.flag_quality')}</span>}
           {f.matched_album_id ? (
diff --git a/apps/web/src/pages/home.module.css b/apps/web/src/pages/home.module.css
index 7eba488..f6de17e 100644
--- a/apps/web/src/pages/home.module.css
+++ b/apps/web/src/pages/home.module.css
@@ -10,6 +10,17 @@
   user-select: none; /* главная — только элементы управления волной */
 }
 
+/* Плеер на всю ширину окна, а главная — в колонке справа от сайдбара.
+   Сдвиг на половину сайдбара ставит волну на ту же ось, что и кнопка play.
+   Если чипам не хватает места, сдвиг меньше, чтобы они не уехали под меню. */
+@media (min-width: 768px) {
+  .home {
+    transform: translateX(
+      calc(-1 * min(var(--side-w, 240px) / 2, max(0px, (100% - 760px) / 2)))
+    );
+  }
+}
+
 .orbLabel {
   margin-top: 4px;
   font-family: var(--font-display);
diff --git a/apps/web/src/pages/uploads/SuggestPage.tsx b/apps/web/src/pages/uploads/SuggestPage.tsx
index b3d982c..af7d5ac 100644
--- a/apps/web/src/pages/uploads/SuggestPage.tsx
+++ b/apps/web/src/pages/uploads/SuggestPage.tsx
@@ -4,7 +4,7 @@ import { useEffect, useRef, useState, useSyncExternalStore, type DragEvent } fro
 import { useTranslation } from 'react-i18next';
 
 import { useSession } from '../../app/session';
-import { AUDIO_EXTENSIONS, fromDrop, fromInput } from '../../features/uploads/files';
+import { AUDIO_EXTENSIONS, fromDrop, fromInput, needsFormatAttention } from '../../features/uploads/files';
 import { uploaderFor, type UploadItem } from '../../features/uploads/uploader';
 import { useErrorText } from '../../shared/lib/errors';
 import { formatBytes } from '../../shared/lib/format';
@@ -81,7 +81,8 @@ export function SuggestPage() {
       >
         <Icon src={musicIcon} size={36} />
         <div className={u.dropTitle}>{t('uploads.drop_title')}</div>
-        <div className={s.note}>{t('uploads.drop_hint', { formats: AUDIO_EXTENSIONS.join(', ') })}</div>
+        <p className={u.formatWarn}>{t('uploads.drop_hint')}</p>
+        <div className={s.note}>{t('uploads.drop_folders')}</div>
         <div className={u.dropActions}>
           <Button disabled={st.busy} onClick={() => filesRef.current?.click()}>
             {t('uploads.pick_files')}
@@ -224,6 +225,7 @@ function FileRow({ item, locked, onRemove }: { item: UploadItem; locked: boolean
             <span style={{ width: `${item.progress * 100}%` }} />
           </div>
         )}
+        {needsFormatAttention(null, item.relPath) && <span className={u.warn}>{t('uploads.format_attention')}</span>}
         {note && <span className={note.cls}>{note.text}</span>}
       </div>
       <span className={u.size}>{formatBytes(item.size, i18n.language)}</span>
diff --git a/apps/web/src/pages/uploads/uploads.module.css b/apps/web/src/pages/uploads/uploads.module.css
index 373088f..cceef70 100644
--- a/apps/web/src/pages/uploads/uploads.module.css
+++ b/apps/web/src/pages/uploads/uploads.module.css
@@ -25,6 +25,15 @@
   font-weight: 600;
 }
 
+.formatWarn {
+  max-width: 640px;
+  margin: 0;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.45;
+  color: var(--warn);
+}
+
 .dropActions {
   display: flex;
   flex-wrap: wrap;
diff --git a/apps/web/src/widgets/AppShell.module.css b/apps/web/src/widgets/AppShell.module.css
index 5154108..ba32f07 100644
--- a/apps/web/src/widgets/AppShell.module.css
+++ b/apps/web/src/widgets/AppShell.module.css
@@ -1,7 +1,8 @@
 .shell {
+  --side-w: 240px;
   position: relative;
   display: grid;
-  grid-template-columns: 240px 1fr;
+  grid-template-columns: var(--side-w) 1fr;
   grid-template-rows: 60px 1fr 88px;
   grid-template-areas:
     'top top'
@@ -234,7 +235,7 @@
 
 @media (max-width: 1023px) {
   .shell {
-    grid-template-columns: 72px 1fr;
+    --side-w: 72px;
   }
 
   .navItem {
@@ -269,6 +270,7 @@
 
 @media (max-width: 767px) {
   .shell {
+    --side-w: 0px;
     grid-template-columns: 1fr;
     grid-template-rows: 60px 1fr 72px 64px;
     grid-template-areas:
diff --git a/apps/web/src/widgets/SearchBox.tsx b/apps/web/src/widgets/SearchBox.tsx
index a9bfa9b..7d01e2f 100644
--- a/apps/web/src/widgets/SearchBox.tsx
+++ b/apps/web/src/widgets/SearchBox.tsx
@@ -29,7 +29,7 @@ type Item = {
  */
 export function SearchBox({
   align = 'center',
-  collapsible = true,
+  collapsible = false,
 }: {
   align?: 'left' | 'center' | 'right';
   collapsible?: boolean;
diff --git a/docs/IDEA.md b/docs/IDEA.md
index d7d5790..5396595 100644
--- a/docs/IDEA.md
+++ b/docs/IDEA.md
@@ -1,7 +1,6 @@
 # Pipu Music — исходная идея продукта
 
-> Документ описывает **что** должно быть в приложении с точки зрения пользователя.
-> Используется как входные данные для создания дизайна. Технические решения — в [README документации](README.md).
+> Как продукт выглядит для пользователя. Устройство системы — в [README документации](README.md).
 
 ## Суть
 
@@ -165,5 +164,3 @@
 
 - Музыка хранится на сервере, подключение к хранилищу по NFS; хранилища подключает админ из админки.
 - Одобренные новые треки приложение само записывает на файловый сервер, соблюдая принятую там структуру папок.
-- Один репозиторий: веб, мобильное приложение, бэкенд, тесты, CI/CD.
-- CI/CD на Gitea: по тегу собирается релиз.
diff --git a/docs/README.md b/docs/README.md
index 68d61bb..27ed382 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -6,10 +6,9 @@ Pipu Music — self-hosted музыкальный сервис (веб + Android
 
 | Документ | О чём |
 |---|---|
-| [IDEA.md](IDEA.md) | Исходная идея продукта глазами пользователя (вход для дизайна) |
-| [design.md](design.md) | Дизайн-система (токены, шрифты, анимация), кнопка волны, решения по вариантам прототипа, ссылки на макеты |
+| [IDEA.md](IDEA.md) | Продукт глазами пользователя |
+| [design.md](design.md) | Дизайн-система: токены, шрифты, анимация, кнопка волны, каркас экранов |
 | [architecture.md](architecture.md) | Общая архитектура, компоненты, потоки данных, структура репозитория |
-| [decisions.md](decisions.md) | ADR — принятые архитектурные решения и их обоснование |
 | [data-model.md](data-model.md) | Схема БД PostgreSQL |
 | [api.md](api.md) | REST API: соглашения, эндпоинты, ошибки |
 | [auth-and-roles.md](auth-and-roles.md) | Аутентификация, токены, роли и права, первый запуск |
@@ -20,17 +19,13 @@ Pipu Music — self-hosted музыкальный сервис (веб + Android
 | [web.md](web.md) | Веб-клиент |
 | [mobile.md](mobile.md) | Android-приложение, офлайн, самообновление |
 | [i18n.md](i18n.md) | Локализация (ru / en, расширяемость) |
-| [testing.md](testing.md) | Стратегия тестирования |
-| [ci-cd.md](ci-cd.md) | Gitea Actions: проверки и релиз по тегу |
 | [install-guide.md](install-guide.md) | **Пошагово:** установка сервера на домен с HTTPS, подключение веба и Android |
 | [admin-guide.md](admin-guide.md) | **Администратору:** пользователи, хранилища, очередь, волна, обновления, диагностика |
 | [deployment.md](deployment.md) | Справочник по развёртыванию: сервисы, каталоги, переменные |
-| [conventions.md](conventions.md) | Соглашения по коду, git, версиям |
-| [roadmap.md](roadmap.md) | Этапы разработки и критерии готовности |
 
 ## Стек в одном абзаце
 
 Backend API — **Go**; рекомендации и аудиоанализ — **Python**; БД — **PostgreSQL + pgvector**;
 поиск — **Meilisearch**; кэш / очереди событий — **Redis**; раздача аудио — **nginx (X-Accel-Redirect)**;
 веб — **React + TypeScript + Vite**; мобильное — **React Native (Expo, Android)**;
-монорепо — **pnpm + Turborepo**; CI/CD — **Gitea Actions**; деплой — **Docker Compose**.
+деплой — **Docker Compose**.
diff --git a/docs/admin-guide.md b/docs/admin-guide.md
index 2502ad3..4a5e5b9 100644
--- a/docs/admin-guide.md
+++ b/docs/admin-guide.md
@@ -114,7 +114,6 @@ Android-приложение обновляется само: при запус
 | Логи | `docker compose logs -f --tail=100 api` (или `recommender`, `analyzer`, `storage-agent`) |
 | Место на диске | `df -h /srv/pipu`; больше всего занимает `cache/transcode` (чистится сам) |
 | Версия | `grep PIPU_VERSION .env`, `GET /api/v1/server-info`; Android — внизу вкладки «Профиль» |
-| Нагрузка | `tests/load/smoke.js` — см. [testing.md](testing.md#нагрузочный-smoke) |
 
 ## 8. Частые ситуации
 
diff --git a/docs/api.md b/docs/api.md
index dc3aeb8..bc85e93 100644
--- a/docs/api.md
+++ b/docs/api.md
@@ -136,7 +136,7 @@
 | GET | `/uploads/quota` | moderator, admin | `{limit_bytes, used_bytes, per_user_limit_bytes, user_used_bytes, max_file_bytes}` |
 | POST | `/uploads/precheck` | moderator, admin | `{files:[{client_id, size, sha256, tags:{artist,title,album,duration_ms}}]}` → для каждого `accepted` / `duplicate` (+ `track`) / `too_large`; ничего не резервирует |
 | POST | `/uploads` | moderator, admin | Создать пачку `{comment, files:[{client_id, name, rel_path, size, sha256}]}` → резерв квоты; `{batch_id, files:[{client_id, upload_file_id, tus_url} | {client_id, rejected: code}]}`; при нехватке места — `uploads.queue_full` для не поместившихся |
-| tus | `/uploads/files/{upload_file_id}` | автор | Resumable-загрузка (`HEAD`/`PATCH`, ядро tus 1.0.0 — ADR-015) |
+| tus | `/uploads/files/{upload_file_id}` | автор | Докачка (`HEAD`/`PATCH`, ядро tus 1.0.0) |
 | GET | `/uploads/mine?status=&cursor=` | moderator, admin | Мои предложения (`status` — через запятую) |
 | DELETE | `/uploads/files/{id}` | автор | Отозвать (`withdrawn`), только до решения |
 | GET | `/admin/uploads?status=&author=&possible_duplicate=&cursor=` | admin | Очередь, сгруппированная по пачкам |
diff --git a/docs/architecture.md b/docs/architecture.md
index 6494b99..53205fb 100644
--- a/docs/architecture.md
+++ b/docs/architecture.md
@@ -101,7 +101,7 @@ pipu-music/
 │   └── recommender/            # Python (uv)
 │       ├── pipu_rec/
 │       │   ├── api/            # FastAPI
-│       │   ├── analysis/       # Essentia
+│       │   ├── analysis/       # признаки и эмбеддинги (numpy)
 │       │   ├── candidates/  ranking/  wave/  training/
 │       │   └── storage/        # доступ к Postgres / Redis
 │       └── tests/
@@ -111,10 +111,6 @@ pipu-music/
 │   ├── compose.dev.yaml
 │   ├── nginx/
 │   └── .env.example
-├── tests/
-│   ├── e2e/                    # Playwright
-│   └── fixtures/music/         # генерируемые тестовые аудиофайлы
-├── .gitea/workflows/           # ci-*.yml, docker.yml (по областям), release.yml
 ├── docs/
 ├── turbo.json  pnpm-workspace.yaml  package.json
 └── README.md
@@ -127,7 +123,7 @@ pipu-music/
   не лезут в чужие таблицы напрямую.
 - **Contract-first**: `api/openapi.yaml` — источник истины. Go-сервер генерирует типы и интерфейс
   хендлеров (`oapi-codegen`, strict server), TS-клиент генерируется в `packages/api-client`.
-  CI падает, если сгенерированный код не совпадает с контрактом.
+  Сгенерированный код совпадает с контрактом.
 - **Внутренний API** `api ↔ recommender` и `api ↔ storage-agent` — HTTP/JSON во внутренней docker-сети,
   описан отдельными `internal-*.yaml` спеками.
 - **Идемпотентность**: события и мутирующие запросы клиентов принимают `Idempotency-Key` / `event_id` (UUIDv7),
diff --git a/docs/ci-cd.md b/docs/ci-cd.md
deleted file mode 100644
index b96c6ae..0000000
--- a/docs/ci-cd.md
+++ /dev/null
@@ -1,138 +0,0 @@
-# CI/CD (Gitea Actions)
-
-Workflows лежат в `.gitea/workflows/`. Синтаксис совместим с GitHub Actions; runner — существующий `act_runner`
-с доступом к Docker.
-
-Сборке APK нужно ~15 ГБ свободного места на хосте раннера (Android SDK, NDK ~2.5 ГБ, кэш Gradle,
-C++-сборка React Native). APK собирается только под `arm64-v8a`. Если job падает с `No space left on device`,
-освободите место на хосте раннера: `docker system prune -af` и старые кэши act в `~/.cache/act`.
-
-## Версионирование
-
-- SemVer, тег `vMAJOR.MINOR.PATCH` (предрелизы: `v1.2.0-rc.1` — помечаются как pre-release, мобильное их
-  предлагает только при включённой настройке «бета-версии»).
-- Одна версия на весь продукт: образы, APK и веб собираются с одним номером.
-- Android `versionCode = MAJOR·1 000 000 + MINOR·10 000 + PATCH·100 + (99 для релиза | N для -rc.N)`,
-  так что `1.2.0-rc.1 < 1.2.0-rc.2 < 1.2.0 < 1.2.1`; MINOR и PATCH ≤ 99. Считает `scripts/version.mjs`
-  (тесты — `pnpm test:scripts`).
-- Changelog — `git-cliff` из Conventional Commits.
-
-## CI — на каждый push в `main` и PR
-
-Проверки разбиты на workflow по областям, у каждого фильтр путей (`on.push.paths`): запускается только то,
-что затронуто коммитом. Коммиты только в `docs/` и `*.md` CI не запускают вовсе.
-
-| Workflow | Job | Что делает | Когда |
-|---|---|---|---|
-| `ci-api.yml` | `api` | gofmt, go vet, `go test -race`, сборка | `services/api/**`, `api/openapi.yaml` |
-| `ci-contract.yml` | `contract` | регенерация Go-сервера, TS-клиента и токенов; всё ли закоммичено | `openapi.yaml`, `gen/`, `packages/api-client`, `packages/design-tokens`, общие файлы JS |
-| `ci-recommender.yml` | `recommender` | ruff, mypy, pytest | `services/recommender/**` |
-| `ci-ts.yml` | `ts` | i18n, тесты скриптов, typecheck (вкл. mobile), vitest, сборка веба | `apps/**`, `packages/**`, `scripts/**`, общие файлы JS |
-| `ci-mobile.yml` | `mobile` | `expo-doctor`, Metro-бандл Android | `apps/mobile/**`, `packages/**`, общие файлы JS |
-| `docker.yml` | `docker` | сборка всех 4 образов без push | `Dockerfile`, `.dockerignore`, `deploy/**`, манифесты зависимостей |
-
-Общие файлы JS: `package.json`, `pnpm-lock.yaml`, `pnpm-workspace.yaml`, `turbo.json`, `tsconfig.base.json`.
-Изменение самого workflow запускает его. У каждого workflow своя группа `concurrency`: новый push в ту же
-ветку отменяет устаревший прогон.
-
-`docker` собирает образы обычным `docker build` через Docker хоста раннера, а не в buildx-контейнере:
-кэш слоёв переживает job, и повторная сборка занимает секунды. Кэш растёт — на хосте раннера раз в сутки:
-`docker builder prune -af --filter until=72h` (см. [настройку раннера](#настройка-раннера)).
-
-### Кэши
-
-| Что | Где кэшируется | Чем |
-|---|---|---|
-| pnpm store | все job с `pnpm install` | `setup-node` `cache: pnpm` (кэш actions раннера) |
-| Go-модули и build cache | `api`, `contract` | `setup-go` |
-| uv | `recommender` | `setup-uv` `enable-cache` |
-| Результаты turbo (typecheck, test, build) | `ts` | `actions/cache` для `.turbo/cache` |
-| `npx expo-doctor`, трансформации Metro | `mobile` | `actions/cache` для `~/.npm/_npx` и `/tmp/metro-cache` |
-| Слои Docker и `--mount=type=cache` | `docker`, сборка на сервере | Docker хоста; манифесты копируются раньше кода |
-| Gradle (дистрибутив, зависимости, build cache), Android SDK и NDK | `android` в `release.yml` | тома `/opt/ci-cache/*` |
-| Node, Go, Java, скачанные setup-action'ами | все job | том `act-toolcache` раннера |
-
-Кэш actions работает, только если он включён на раннере ([настройка](#настройка-раннера)); без него в логах
-`Cache action is only supported on GHES…`, и всё скачивается заново.
-
-## `release.yml` — по тегу
-
-```yaml
-on:
-  push:
-    tags: ['v*.*.*']
-
-jobs:
-  release:         # версия из тега (scripts/version.mjs) и сразу Gitea Release (scripts/release.mjs create)
-  android:         # needs: release — собирает APK и докладывает его в релиз
-```
-
-Тесты в релизе не повторяются: тег ставится на коммит, который CI уже проверил в `main`. **Ставьте тег
-после зелёного CI** — релиз сам этого не проверяет.
-
-Релиз появляется в первую же минуту, не дожидаясь APK. Текст строит `scripts/release.mjs`:
-
-- **статус Android** вверху: «⏳ собирается» со ссылкой на ход сборки → «✅ собран» (имя файла, размер,
-  versionCode, SHA-256; предупреждение, если подпись отладочная) или «❌ не удалась» со ссылкой на лог;
-- **изменения** — коммиты (Conventional Commits) с прошлого тега по разделам «Новое», «Исправления»,
-  «Сборка и CI» и т. д., отдельно — несовместимые (`feat!:`); для финального релиза отсчёт от прошлого
-  финального, а не от последнего `-rc`; ссылка на полный diff;
-- **обновление сервера** — `./update.sh vX.Y.Z`, проверка версии; **установка APK** и проверка SHA-256.
-
-Job `android`: Android SDK, `expo prebuild`, `./gradlew assembleRelease --build-cache` (только arm64-v8a), подпись `apksigner`,
-затем `release.mjs android success <apk>` прикладывает APK и `.sha256` и меняет статус. При любом сбое —
-`release.mjs android failure`. Перезапуск job безопасен: статус снова «собирается», файлы заменяются.
-Перезапуск всего workflow обновляет текст существующего релиза, а не создаёт второй.
-
-Docker-образы **не публикуются**: сервер собирает их сам из клонированного репозитория (ADR-013).
-Чтобы сборка на сервере не ломалась, job `docker` в `ci.yml` собирает все образы без push на каждый PR.
-
-## Настройка раннера
-
-Раннер — `act_runner` на отдельной VM. Что ускоряет CI/CD (`config.yaml` раннера, затем перезапуск сервиса):
-
-```yaml
-runner:
-  capacity: 2            # два job параллельно; только если у VM ≥ 8 ГБ RAM (иначе APK-сборка упирается в OOM)
-cache:
-  enabled: true          # кэш actions/cache: pnpm store, Go-модули, uv
-  host: 10.10.1.x        # IP хоста раннера, доступный из job-контейнеров (не 127.0.0.1)
-  port: 8088             # фиксированный порт; открыть его для docker-сетей
-container:
-  valid_volumes:
-    - /opt/ci-cache/**   # постоянные кэши Gradle и Android SDK для job android в release.yml
-```
-
-Сборка APK ограничена сама (`release.yml`: контейнер `--cpus=3 --memory=7g` без свопа, Gradle `-Xmx2g`, Metro `--max-old-space-size=1536`, таймаут 60 мин, CMake / ninja / Gradle
-по 2 потока, `nice` / `ionice`). Если раннер — VM в гипервизоре (Proxmox), дополнительно ограничьте её там:
-фиксированная RAM без ballooning, сумма RAM всех VM меньше RAM хоста, `cpulimit` ≤ половины ядер хоста,
-лимит дискового I/O — иначе тяжёлая сборка может подвесить весь хост.
-
-Без `valid_volumes` раннер пропускает тома из `release.yml`, и каждый релиз заново качает Gradle
-и NDK (~4 мин). Признак выключенного кэша actions в логах — `Cache action is only supported on GHES…`.
-
-Обслуживание хоста раннера (cron, раз в сутки):
-
-```
-0 4 * * * docker image prune -af --filter "until=72h"; docker builder prune -af --filter "until=72h"
-```
-
-Кэши в `/opt/ci-cache` занимают ~5–6 ГБ (Gradle, SDK, NDK); если место кончается — их можно удалить целиком,
-следующий релиз скачает всё заново.
-
-## Секреты
-
-| Секрет | Назначение |
-|---|---|
-| `RELEASE_TOKEN` | Необязательно. Создание и редактирование релиза, загрузка ассетов (scope `write:repository`). Без него используется встроенный токен job (`GITHUB_TOKEN`), у которого есть права на запись в этот репозиторий |
-| `ANDROID_KEYSTORE_BASE64`, `ANDROID_KEYSTORE_PASSWORD`, `ANDROID_KEY_ALIAS`, `ANDROID_KEY_PASSWORD` | Подпись APK. **Ключ один на всю жизнь приложения** — хранить резервную копию вне Gitea. Без них финальный релиз падает; `-rc` собирается с отладочной подписью. |
-
-Переменная репозитория `PUBLIC_URL` (Settings → Actions → Variables) — внешний адрес Gitea для ссылок
-в тексте релиза, по умолчанию `https://gitea.hsrv.site`. Нужна потому, что job обращается к API по внутреннему
-адресу, и ссылки из ответа API ведут туда же.
-
-## Деплой
-
-Автодеплой не обязателен. На сервере в клоне репозитория: `deploy/update.sh [vX.Y.Z]` — checkout тега,
-`docker compose build` и `up -d`; миграции применяются при старте `api` ([install-guide.md](install-guide.md)).
-Опционально — job `deploy` в `release.yml` по SSH на сервер для не-pre-release тегов (с ручным approval через environment).
diff --git a/docs/conventions.md b/docs/conventions.md
deleted file mode 100644
index c191d47..0000000
--- a/docs/conventions.md
+++ /dev/null
@@ -1,42 +0,0 @@
-# Соглашения
-
-## Git
-
-- Trunk-based: короткие ветки от `main`, merge через PR (squash).
-- Имена веток: `feat/wave-moods`, `fix/scan-rename`, `chore/ci-cache`.
-- Conventional Commits: `feat(wave): add running profile`, `fix(api): ...`. Скоупы: `api`, `agent`, `rec`, `web`,
-  `mobile`, `core`, `i18n`, `ci`, `deploy`, `docs`. Breaking change — `!` и раздел `BREAKING CHANGE:`.
-- Изменение API = изменение `openapi.yaml` + регенерация клиентов в том же PR.
-- Существенные архитектурные решения — новый ADR в [decisions.md](decisions.md).
-
-## Go (`services/api`)
-
-- `gofumpt`, `golangci-lint` (конфиг в репо). Ошибки оборачиваются `fmt.Errorf("...: %w", err)`;
-  доменные ошибки — типизированные (`ErrForbidden`, `ErrNotFound`) и маппятся в problem+json в одном месте.
-- Контекст первым аргументом, без глобального состояния, зависимости через конструкторы (`NewService(repo, clock, ...)`).
-- `clock` и генератор ID — интерфейсы (детерминированные тесты).
-- SQL — только в `queries/*.sql` (sqlc), без ORM.
-
-## Python (`services/recommender`)
-
-- `uv`, `ruff` (lint + format), `mypy --strict`, Pydantic v2 для схем.
-- Тяжёлые вычисления — `numpy`, без циклов Python по трекам.
-- Конфиги контекстов и весов — YAML, валидируются Pydantic при старте.
-
-## TypeScript
-
-- `strict`, ESLint (flat config) + Prettier, без `any` (кроме сгенерированного кода).
-- Общая логика — в `packages/core`, платформенная — только адаптеры в `apps/*`.
-- Все строки UI — через i18n, хардкод текста ловит `eslint-plugin-i18next`.
-
-## API
-
-- `snake_case` в JSON, курсорная пагинация, problem+json с `code`.
-- Новые поля — только дополнительные; удаление / переименование — через новую версию эндпоинта или депрекацию на один минорный релиз.
-
-## Безопасность
-
-- Секреты только через env / docker secrets, никогда в репозитории.
-- Любой ввод, попадающий в команды (`mount`, `ffmpeg`), — только как отдельные аргументы `exec.Command`, без shell,
-  с whitelist-валидацией.
-- Пути файлов — проверка, что итоговый путь внутри корня источника (`filepath.Rel` без `..`).
diff --git a/docs/decisions.md b/docs/decisions.md
deleted file mode 100644
index e81ae6b..0000000
--- a/docs/decisions.md
+++ /dev/null
@@ -1,205 +0,0 @@
-# Архитектурные решения (ADR)
-
-Формат: контекст → решение → последствия. Новое решение — новый раздел с номером; старые не переписываются,
-а помечаются `Заменено ADR-NNN`.
-
----
-
-## ADR-001. Монорепозиторий
-
-**Контекст.** Веб, мобильное, бэкенд, тесты и CI должны жить в одном репозитории; у веба и мобильного много общего
-(API-клиент, логика очереди и событий, словари i18n).
-
-**Решение.** Монорепо: pnpm workspaces + Turborepo для TS-части; Go-модуль в `services/api`; Python-проект
-(uv) в `services/recommender`. Единый `api/openapi.yaml`.
-
-**Последствия.** Атомарные изменения контракта и клиентов в одном PR. CI использует фильтры путей,
-чтобы не гонять всё на каждый коммит.
-
----
-
-## ADR-002. Backend API на Go
-
-**Контекст.** Нагрузка — IO (стриминг, NFS, БД), десятки одновременных слушателей; важна простота деплоя и
-низкое потребление памяти.
-
-**Решение.** Go 1.23+: роутер `chi`, `oapi-codegen` (strict server), `pgx` + `sqlc`, миграции `goose`,
-фоновые задачи `River` (очередь в Postgres), логирование `log/slog`, конфиг через env (`caarlos0/env`).
-
-**Последствия.** Один статический бинарник на сервис, быстрые холодные старты, тайпсейф SQL.
-ML-код в Go не пишем — для этого отдельный сервис (ADR-003).
-
----
-
-## ADR-003. Рекомендации и аудиоанализ — отдельный Python-сервис
-
-**Контекст.** Нужны: аудиоанализ (Essentia и её предобученные модели), коллаборативная фильтрация (implicit ALS),
-learning-to-rank (LightGBM). Экосистема есть только в Python.
-
-**Решение.** `services/recommender`: FastAPI (онлайн-инференс), отдельный процесс `analyzer` (тот же образ),
-обучение по расписанию (APScheduler внутри сервиса). Python 3.12, `uv`, `numpy`, `implicit`, `lightgbm`,
-`essentia-tensorflow`, `psycopg`, `redis`.
-
-**Последствия.** Два языка на бэкенде. Граница чёткая: Python не обслуживает пользователей напрямую,
-только внутренние вызовы `api`. При падении сервиса работает fallback в `api`.
-
-⚠️ Предобученные модели Essentia распространяются под CC BY-NC-SA 4.0 — допустимо для частного
-некоммерческого self-hosted использования. При коммерческом использовании нужно заменить модели.
-
----
-
-## ADR-004. Мобильное приложение — React Native (Expo), только Android
-
-**Контекст.** Только Android, самообновление APK из релизов, фоновое воспроизведение, офлайн, анимированная кнопка волны.
-Рассматривались Flutter и React Native.
-
-**Решение.** React Native + Expo SDK (prebuild / dev client, не Expo Go), `expo-router`,
-`react-native-track-player` (ExoPlayer под капотом, MediaSession, уведомление, кэш), `@shopify/react-native-skia`
-+ `react-native-reanimated` для волны, `expo-sqlite` для офлайн-данных, `expo-file-system` для загрузок.
-
-**Почему не Flutter.** Flutter не хуже по возможностям, но React Native даёт общий TypeScript-код с вебом:
-API-клиент, типы, логику очереди / событий / офлайн-синхронизации, словари i18n, дизайн-токены.
-Для команды из одного-двух человек это существенно сокращает объём работы.
-
-**Последствия.** iOS не поддерживается (самообновление в обход стора там невозможно); при необходимости
-iOS добавляется позже через TestFlight без смены стека.
-
----
-
-## ADR-005. Раздача аудио через nginx X-Accel-Redirect
-
-**Контекст.** Нужна перемотка (HTTP Range), высокая пропускная способность, минимум нагрузки на бэкенд.
-
-**Решение.** Клиент обращается к `api`, `api` проверяет права и подпись ссылки и отвечает заголовком
-`X-Accel-Redirect` на `internal` location nginx. Файл отдаёт nginx.
-
-**Последствия.** Go не держит долгих соединений со стримами. Тома библиотеки и кэша транскодов
-должны быть смонтированы и в `api`, и в `nginx` по одинаковым путям.
-
----
-
-## ADR-006. Подписанные ссылки на стрим
-
-**Контекст.** `<audio>` в браузере и ExoPlayer не всегда умеют передавать заголовок `Authorization`.
-
-**Решение.** В DTO трека отдаётся `stream_url` с параметрами `exp` и `sig` = HMAC-SHA256(user_id, track_id, quality, exp).
-Срок жизни — 12 ч. Для офлайн-загрузки — отдельная ссылка со сроком 1 ч.
-
-**Последствия.** Ссылки нельзя использовать после блокировки пользователя дольше срока жизни — при блокировке
-дополнительно проверяется статус пользователя в `api` (кэш в Redis, 60 с).
-
----
-
-## ADR-007. Поиск — Meilisearch
-
-**Контекст.** Мгновенный автокомплит по трём типам сущностей, опечатки, русский и английский, 11k–100k документов.
-
-**Решение.** Meilisearch, три индекса (`artists`, `albums`, `tracks`), `multi-search` для выпадающего списка.
-Postgres остаётся источником истины, индексы перестраиваемы.
-
-**Альтернатива.** `pg_trgm` в Postgres — меньше компонентов, но хуже автокомплит и ранжирование. Оставлено как fallback.
-
----
-
-## ADR-008. Подключение NFS из админки через storage-agent
-
-**Контекст.** Админ должен подключать хранилища из UI. Монтирование требует `CAP_SYS_ADMIN`,
-давать его публичному `api` небезопасно.
-
-**Решение.** Отдельный минимальный сервис `storage-agent` с `CAP_SYS_ADMIN`, без публичных портов.
-Монтирует в `/library/<source_id>` внутри общего bind-тома с `propagation: rshared`;
-`api`, `nginx`, `analyzer` видят точки монтирования через `rslave`. Поддерживаются типы
-`nfs` (монтирует агент) и `local` (папка, уже смонтированная на хосте).
-
-**Последствия.** Требуется Linux-хост (mount propagation) и `nfs-common` в образе агента.
-При рестарте агент перемонтирует все активные источники из БД. Дополнено ADR-012 (запись).
-
----
-
-## ADR-009. Хранение векторов — pgvector
-
-**Контекст.** Эмбеддинги треков (~11k–100k × 256 float) и векторы вкусов (~100). Нужен kNN.
-
-**Решение.** pgvector, HNSW-индекс, косинусное расстояние. Отдельная векторная БД не нужна при таком объёме.
-
----
-
-## ADR-010. Аутентификация — свои JWT + ротируемые refresh-токены
-
-**Решение.** Пароли — argon2id. Access JWT (EdDSA, 15 мин), refresh — непрозрачный токен (хэш в БД), 30 дней,
-ротация при каждом использовании с детекцией повторного использования (отзыв всей «семьи»).
-Веб хранит refresh в `HttpOnly; Secure; SameSite=Strict` cookie, мобильное — в `expo-secure-store` (Android Keystore).
-Подробно — [auth-and-roles.md](auth-and-roles.md).
-
----
-
-## ADR-011. Ошибки API — RFC 9457 + коды для i18n
-
-**Решение.** Ответы об ошибках — `application/problem+json` с машинным полем `code` (`auth.invalid_credentials`,
-`validation.password_too_short`, …). Клиенты переводят `code` через словари; сервер не возвращает локализованных текстов.
-
----
-
-## ADR-012. Очередь на добавление треков и запись в хранилище
-
-**Контекст.** Модераторы предлагают новые треки; очередь ограничена по размеру (настраивает админ); дубли отсекаются;
-одобренные файлы должны лечь на файловый сервер в принятой там структуре папок. До этого библиотека была строго read-only.
-
-**Решение.**
-- Загрузка по протоколу **tus** (resumable) в локальный staging, квота — счётчик в Postgres, резервируется до загрузки.
-- Дубли — три уровня: SHA-256 (предпроверка на клиенте), нормализованные метаданные, акустический отпечаток **Chromaprint**.
-- Запись в хранилище — **только `storage-agent`**, только в источники с `accepts_uploads`, через отдельную `rw`-точку
-  монтирования, невидимую другим контейнерам; только создание новых файлов (tmp → fsync → hash → rename).
-- Путь — по `write_template` хранилища; шаблон автоподбирается по существующей структуре и проверяется на обратимость
-  регэкспами хранилища.
-
-**Последствия.** Публичный `api` по-прежнему не может изменить библиотеку. Нужны права на запись в NFS-экспорт
-для UID агента. Подробно — [uploads.md](uploads.md).
-
----
-
-## ADR-013. Образы собираются на сервере, реестр не используется
-
-**Контекст.** Публикация образов в Gitea Container Registry требует настройки реестра, токенов на push и pull,
-`docker login` на сервере. Сервер один, и он сам может собрать образы.
-
-**Решение.** На сервере клонируется репозиторий; `deploy/update.sh [vX.Y.Z]` переключается на тег и выполняет
-`docker compose build` + `up -d` (`build:` у сервисов в `deploy/compose.yaml`). Релиз в Gitea содержит только APK.
-CI на каждый PR собирает все образы без push, чтобы сборка на сервере не ломалась.
-
-**Последствия.** Серверу нужен доступ к репозиторию и интернет на время сборки; первая сборка — 5–15 минут,
-нужно ~5–10 ГБ под кэш сборки. Откат — `update.sh` на предыдущий тег (пересборка из кэша). Отпадают секреты
-`REGISTRY_USER` / `REGISTRY_TOKEN`. Заменяет часть ADR-001 / ci-cd о публикации образов.
-
----
-
-## ADR-014. Анализатор v1 — признаки на numpy, Essentia позже
-
-**Контекст.** Нейросетевые модели Essentia (Discogs-EffNet, жанры, настроения) требуют essentia-tensorflow:
-тяжёлый образ, ограниченный набор платформ и версий Python. Волне v1 нужны звучание и базовые признаки уже сейчас.
-
-**Решение.** Анализатор `basic-1` (`services/recommender/pipu_rec/analysis/features.py`) считает признаки сам,
-на numpy поверх декодирования ffmpeg: 3 фрагмента по 30 с; эмбеддинг 256 = форма спектра, разброс, динамика
-и ритмичность по 64 mel-полосам (рекомендатель стандартизирует его по библиотеке); темп по автокорреляции онсетов;
-тональность по хромаграмме; громкость, энергия, танцевальность, акустичность, длина вступления.
-Valence — грубая оценка (лад + яркость); `mood_*`, `arousal`, жанры анализа не заполняются.
-
-**Последствия.** Анализ работает на любом CPU без моделей. Контексты используют энергию, темп, танцевальность
-и valence; настроения «весёлое» / «грустное» пока приблизительны. Переход на Essentia — новая версия
-`analyzer_ver`: воркер сам ставит пересчёт всех треков.
-
----
-
-## ADR-015. Приём загрузок — ядро tus своими силами, без tusd
-
-**Контекст.** ADR-012 предполагал `tusd` как библиотеку. Но файл очереди создаёт `POST /uploads` вместе с резервом
-квоты и проверкой дублей, а права (только автор, только `uploading`) проверяет `api`. От tus остаётся только ядро
-протокола: `HEAD` (сколько принято) и `PATCH` (следующий кусок с `Upload-Offset`).
-
-**Решение.** Ядро tus 1.0.0 — в `internal/uploads/tus.go` (~200 строк): смещение — фактический размер файла в staging,
-один `PATCH` на файл одновременно, данные сверх заявленного размера не принимаются, куски до 64 МБ. Расширения
-creation / termination / checksum не нужны. Клиент — `tus-js-client` с готовым `uploadUrl` из ответа `POST /uploads`.
-
-**Последствия.** Нет новой зависимости и отдельного хранилища состояния tus; квота и права — в одной транзакции
-с созданием файла. Целостность проверяется после приёма: SHA-256 файла сверяется с заявленным клиентом.
-
diff --git a/docs/deployment.md b/docs/deployment.md
index a8eed59..aec33ee 100644
--- a/docs/deployment.md
+++ b/docs/deployment.md
@@ -101,5 +101,4 @@ cd /opt/pipu-music/deploy && ./update.sh          # последний рели
 ```
 Скрипт: `git fetch` → checkout тега → `docker compose build --pull` → `up -d` → удаление старых образов →
 ожидание `/readyz`; миграции применяются при старте api.
-Конкретная версия или откат: `./update.sh v1.2.4` (миграции пишутся обратно-совместимыми в пределах минорной версии: сначала добавить,
-потом — в следующем релизе — удалить).
+Конкретная версия или откат кода: `./update.sh v1.2.4`. Откат тега не откатывает уже применённые миграции базы.
diff --git a/docs/design.md b/docs/design.md
index 01152eb..8da36bc 100644
--- a/docs/design.md
+++ b/docs/design.md
@@ -1,29 +1,14 @@
 # Дизайн и дизайн-система
 
-Источник — кликабельные прототипы в [`Разработка дизайна приложения/`](Разработка%20дизайна%20приложения/):
-
-| Файл | Что внутри |
-|---|---|
-| `Pipu Web.dc.html` | Веб: вход, setup-экраны, главная, поиск, исполнитель, альбом, коллекция, профиль, вся админка, диалоги, очередь плеера |
-| `Pipu Android.dc.html` | Android: подключение к серверу, вход, главная, поиск, коллекция (со «Скачанным»), альбом, исполнитель, профиль, полноэкранный плеер, листы (качество, пароль, очередь, обновление), офлайн-режим |
-| `Wave Options.dc.html` | Три варианта кнопки «Моя волна» |
-| `wave.js` | Реализация кнопки волны (Canvas 2D, React) — **референс для продакшен-компонента** |
-| `pipu-data.js` | Демо-данные прототипа |
-| `support.js`, `android-frame.jsx` | Рантайм прототипа и рамка устройства — в продукт не переносятся |
-
-Просмотр прототипов: прототипам нужен HTTP-сервер (из `file://` скрипты не работают).
-В репозитории есть конфиг `.claude/launch.json` (`python -m http.server 8765 --directory docs`),
-вручную — та же команда, затем `http://localhost:8765/`.
-
-## 1. Принятые решения по вариантам прототипа
+## 1. Внешний вид
 
 | Развилка | Решение |
 |---|---|
-| Кнопка «Моя волна» | **Сфера с шумом (`orb`)** и **Жидкая форма (`liquid`)** — пользователь выбирает в профиле, по умолчанию `orb`. Вариант «Кольца» не реализуем. |
+| Кнопка «Моя волна» | **Сфера с шумом (`orb`)** и **Жидкая форма (`liquid`)** — пользователь выбирает в профиле, по умолчанию `orb` |
 | Каркас веба | **Classic**: сайдбар 240 px, топбар 60 px, разделители-линии, без «парящих» панелей |
 | Плеер веба | **Оба**: `bar` (полоса 88 px внизу, по умолчанию) и `island` (плавающий остров) — выбор в профиле |
 | Главная | **Center**: волна по центру, под ней чипы «Занятие» и «Настроение» |
-| Очередь на добавление (админ) | `grouped` — группировка по альбомам (вариант прототипа по умолчанию) |
+| Очередь на добавление (админ) | Группировка по пачкам (обычно альбом) |
 | Полноэкранный плеер Android | `cover` (крупная обложка) по умолчанию, `wave` (визуализация волны) — переключатель в профиле |
 | Тема | Тёмная (по умолчанию) и светлая, переключатель в профиле; `system` — следовать ОС |
 | Ambient-фон | Включён: размытые дрейфующие пятна, третье пятно окрашено в цвет обложки текущего трека; отключается в профиле и при `prefers-reduced-motion` |
@@ -34,7 +19,6 @@
 ## 2. Токены
 
 Источник истины — `packages/design-tokens/tokens.json`; из него генерируются CSS-переменные (веб) и TS-объект (React Native).
-Значения взяты из прототипа без изменений.
 
 ### Цвета
 
@@ -91,12 +75,12 @@
 | Появление контента | `pipuIn`: opacity + translateY(6px), 200 мс |
 | Эквалайзер текущего трека | `pipuEq`: scaleY 0.25 → 1 |
 | Ambient-фон | 3 пятна 55–70vmax, blur 30 px, дрейф 16 / 21 / 26 с, `hue-rotate` ±35° за 30 с, прозрачность `amb-op` (0.8 тёмная / 0.45 светлая) |
-| Пружины (волна, нажатия) | Демпфированная пружина как в `wave.js` (`v += (target − x)·0.35; v *= 0.62`) |
+| Пружины (волна, нажатия) | Демпфированная пружина (`v += (target − x)·0.35; v *= 0.62`) |
 | `prefers-reduced-motion` | Ambient статичен, волна замедлена ×0.15 без пульса |
 
 ## 3. Кнопка «Моя волна»
 
-Продакшен-компонент — порт `wave.js` на TypeScript, **Canvas 2D** (прототип показал, что этого достаточно; WebGL не нужен).
+Кнопка рисуется на **Canvas 2D** (веб) и Skia (Android). WebGL не используется.
 
 ```ts
 interface WaveButtonProps {
@@ -113,7 +97,7 @@ interface WaveButtonProps {
 }
 ```
 
-Поведение (как в прототипе):
+Поведение:
 - **Пульс в такт**: фаза растёт со скоростью `bpm/60`, импульс `(1 − phase)^4 · (0.35 + 0.65·energy)`; в покое — медленное «дыхание».
 - **Hover**: скорость анимации ×(1 + 1.4·hover), формы смещаются к курсору; **press**: сжатие до 0.93 с отскоком;
   клик / Enter / Space — запуск / пауза.
@@ -134,7 +118,7 @@ interface WaveButtonProps {
   очередь, громкость. Очередь — выезжающая справа панель; в режиме волны внизу пометка «Волна бесконечна…».
 - Диалоги: стеклянные карточки по центру поверх `overlay`. Тосты — внизу над плеером.
 
-Экраны, которые есть в прототипе, и документы, где описана логика:
+Экраны и документы, где описана логика:
 
 | Экран | Логика |
 |---|---|
diff --git a/docs/i18n.md b/docs/i18n.md
index 4aaa903..a07deae 100644
--- a/docs/i18n.md
+++ b/docs/i18n.md
@@ -28,9 +28,4 @@ packages/i18n/
   (`"validation.password_too_short": "Пароль должен быть не короче {{min}} символов"`).
   Неизвестный код → общий текст «Что-то пошло не так» + код в деталях.
 
-## Процесс
-
-- CI запускает `pnpm i18n:check` — отсутствующий ключ в любом языке ломает сборку.
-- Новые строки сначала добавляются в `en` и `ru` одновременно в том же PR.
-- В будущем — подключение платформы переводов (Weblate, self-hosted) к папке `locales/`, формат JSON совместим.
-- Тесты UI запускаются минимум на двух локалях (длинные русские строки ловят проблемы вёрстки).
+Ключи есть в каждом языке, лишних нет, плейсхолдеры совпадают — это проверяет `packages/i18n/scripts/check.ts`.
diff --git a/docs/install-guide.md b/docs/install-guide.md
index 23a90f5..eb7e6f7 100644
--- a/docs/install-guide.md
+++ b/docs/install-guide.md
@@ -13,10 +13,6 @@
 Готовые Docker-образы не публикуются: сервер клонирует репозиторий и собирает образы сам
 (`docker compose build`). Релизы в Gitea содержат только APK для Android.
 
-> **Что умеет текущая версия.** В `v0.1.0` (этап M0) работают развёртывание, HTTPS и проверка связи
-> клиентов с сервером. Вход, библиотека и плеер появятся в следующих версиях
-> (см. [roadmap.md](roadmap.md)). Шаги, которые зависят от версии, помечены.
-
 ---
 
 ## 1. Что нужно заранее
@@ -192,12 +188,10 @@ LIBRARY_HOST=/mnt/music
 ./update.sh
 ```
 
-Скрипт переключает репозиторий на последний релизный тег (например, `v0.1.1`), собирает образы, запускает
+Скрипт переключает репозиторий на последний релизный тег, собирает образы, запускает
 все сервисы и ждёт готовности API (до 2 минут). Первая сборка занимает 5–15 минут, следующие — быстрее
-за счёт кэша Docker. Конкретная версия: `./update.sh v0.1.1`.
+за счёт кэша Docker. Конкретная версия: `./update.sh v1.2.0`.
 
-> Локальная сборка поддерживается начиная с `v0.1.1`: в теге `v0.1.0` `compose.yaml` ещё ссылается на реестр образов.
-> Пока `v0.1.1` не вышел, запускайте `./update.sh main`.
 При первом запуске Caddy сам получит сертификат для `DOMAIN`, обычно за 10–30 секунд.
 
 Проверка с любого компьютера:
@@ -206,7 +200,7 @@ LIBRARY_HOST=/mnt/music
 curl -s https://music.example.com/api/v1/server-info
 ```
 
-Ожидаемый ответ: `{"name":"pipu-music","version":"0.1.0",...}`. Проверка всех зависимостей:
+Ожидаемый ответ — JSON с полями `name` и `version`. Проверка всех зависимостей:
 
 ```bash
 curl -s https://music.example.com/readyz
@@ -218,11 +212,9 @@ curl -s https://music.example.com/readyz
 
 ## 8. Веб-клиент
 
-Откройте `https://music.example.com` в браузере.
+Откройте `https://music.example.com` в браузере. На экране входа можно переключить язык RU / EN.
 
-- **v0.1.0:** карточка «Сервер 0.1.0 на связи» и переключатель языка RU / EN.
-- **С версии 0.2 (M1):** экран входа. Первый вход — логин `admin` и пароль, который сервер один раз
-  выводит в лог при первом запуске:
+Первый вход — логин `admin` и пароль, который сервер один раз выводит в лог при первом запуске:
 
   ```bash
   docker compose logs api | grep -i bootstrap
@@ -231,10 +223,11 @@ curl -s https://music.example.com/readyz
   Сразу после входа приложение попросит сменить логин и пароль администратора
   ([auth-and-roles.md](auth-and-roles.md#первый-запуск-bootstrap)). Чтобы задать пароль заранее, впишите
   `BOOTSTRAP_ADMIN_PASSWORD` в `.env` **до** первого запуска.
-- **С версии 0.3 (M2):** Админка → Хранилища → «Добавить хранилище» → тип «Локальная папка» → выберите
-  подпапку на диске `/mnt/music` (в списке она видна как `/library-host/...`) → «Проверить» → шаблоны путей
-  → «Сохранить и пересканировать» ([library-and-storage.md](library-and-storage.md)).
-  Там же можно добавить NFS-хранилище: адрес сервера и путь экспорта.
+
+Музыку подключает администратор: Админка → Хранилища → «Добавить хранилище» → тип «Локальная папка» →
+подпапка на диске `/mnt/music` (в списке она видна как `/library-host/...`) → «Проверить» → шаблоны путей →
+«Сохранить и пересканировать» ([library-and-storage.md](library-and-storage.md)).
+Там же можно добавить NFS-хранилище: адрес сервера и путь экспорта.
 
 ---
 
@@ -246,10 +239,10 @@ curl -s https://music.example.com/readyz
    разрешите и вернитесь к установке.
 3. Запустите **Pipu Music**, на экране подключения введите адрес сервера: `music.example.com`
    (`https://` подставится сам) → «Проверить».
-4. Ожидаемый результат — «Сервер 0.1.0 на связи». Если версия приложения слишком старая для сервера,
-   приложение попросит обновиться.
+4. Приложение показывает, что сервер на связи. Если установленная версия слишком старая,
+   оно попросит обновиться.
 
-Дальше приложение обновляется само: с версии M5 оно проверяет новые релизы через ваш сервер
+Дальше приложение обновляется само: проверяет новые версии через ваш сервер
 и предлагает обновиться ([mobile.md](mobile.md#самообновление)). Адрес Gitea и репозиторий (`GITEA_URL`, `GITEA_REPO`)
 `install.sh` и `update.sh` берут из `git remote` клона; `GITEA_TOKEN` (только на чтение) нужен, если репозиторий
 закрытый. Если сервер не видит Gitea по внешнему адресу — впишите внутренний в `GITEA_URL`. Раздать приложение —
diff --git a/docs/mobile.md b/docs/mobile.md
index 6c7b2c8..4a1883c 100644
--- a/docs/mobile.md
+++ b/docs/mobile.md
@@ -21,16 +21,12 @@
 - APK только под `arm64-v8a` (`plugins/withArm64Only.js`): нативные модули собираются под одну ABI, а без фильтра
   в APK попадали неполные каталоги `x86`, `x86_64`, `armeabi-v7a` из библиотек React Native — эмулятор x86 и
   32-битные устройства выбирали их и падали при старте (`couldn't find DSO to load: libexpo-modules-core.so`).
-  Эмулятор для проверки — образ arm64 или настоящее устройство.
 - Все `.so` выровнены по 16 КБ: устройства с Android 15+ и 16 КБ страницами памяти не загружают библиотеки
-  с выравниванием 4 КБ, приложение закрывается сразу после запуска. Skia 2.0.0-next.4 собиралась без
-  `ANDROID_SUPPORT_FLEXIBLE_PAGE_SIZES` — флаг добавлен pnpm-патчем (`patches/`).
-- `scripts/check-apk.mjs` в релизе проверяет ABI, наличие ключевых библиотек и выравнивание; без этого релиз
-  не публикуется.
+  с выравниванием 4 КБ, приложение закрывается сразу после запуска.
 
 ## Экраны
 
-Макет — `Pipu Android.dc.html`, сводка решений — [design.md](design.md#android).
+Сводка внешнего вида — [design.md](design.md#android).
 
 - **Подключение и вход**: адрес сервера (проверка `GET /server-info`: версия сервера, HTTPS, поддерживается ли эта версия
   приложения), список сохранённых серверов, затем логин, пароль, язык. Далее те же setup-экраны, что и в вебе.
@@ -53,9 +49,8 @@
   загрузки (high) → параметр `q` стрима.
 - **Кэш недавних треков** — кэш ExoPlayer (`cacheDir/TrackPlayer`, 500 МБ). Пока сервис плеера жив, SimpleCache держит
   индекс в памяти, поэтому «Очистить» помечает кэш, а удаляется он при следующем холодном запуске до `setupPlayer`.
-  Путь каталога взят из KotlinAudio — проверить на устройстве.
 - **Офлайн-баннер** вверху, когда нет связи с сервером.
-- Админку в мобильном **не делаем** на первом этапе (ссылка «открыть в браузере»).
+- Админка открывается в браузере (ссылка в профиле у персонала).
 
 ## Воспроизведение
 
@@ -118,13 +113,13 @@
 - В манифесте: `REQUEST_INSTALL_PACKAGES` (FileProvider добавляет expo-file-system).
 - Сервер: `GITEA_URL`, `GITEA_REPO`, `GITEA_TOKEN`, кэш APK — `UPDATES_DIR` (`/updates`). Без них — `404 app.update_unavailable`,
   приложение молча пропускает проверку.
-- Все релизы подписываются **одним и тем же ключом** (keystore в секретах CI) — иначе Android откажет в обновлении.
-- `versionCode` монотонно растёт: `major·1 000 000 + minor·10 000 + patch·100 + (99 | rc)` (см. [ci-cd.md](ci-cd.md#версионирование)).
+- Все версии подписываются **одним и тем же ключом** — иначе Android откажет в обновлении.
+- `versionCode` монотонно растёт: `major·1 000 000 + minor·10 000 + patch·100 + (99 для выпуска, N для -rc.N)`.
 - Ассеты релиза: `pipu-music-<version>.apk`, `pipu-music-<version>.apk.sha256`.
 
 ## Безопасность
 
 - Refresh-токен — `expo-secure-store` (Android Keystore).
-- HTTPS обязателен; для self-signed сертификатов — возможность добавить пользовательский CA через
-  `network_security_config` (собирается в CI по флагу) или пиннинг отпечатка, введённого при подключении к серверу.
+- HTTPS обязателен. Самоподписанный сертификат принимается, если при подключении указан его отпечаток
+  или на устройство установлен пользовательский CA.
 - `android:allowBackup="false"` для данных с токенами.
diff --git a/docs/recommendations.md b/docs/recommendations.md
index c91ef9a..3670dc2 100644
--- a/docs/recommendations.md
+++ b/docs/recommendations.md
@@ -253,10 +253,7 @@ MMR-разнообразие и квоты остаются. Пока модел
 - `POST /wave/sessions/{id}/next`: p95 < 150 мс (включая вызов recommender).
 - Онлайн-обновление профиля по событию: < 50 мс, асинхронно из Redis Stream.
 
-## 11. Эволюция
+## 11. Что умеет волна
 
-| Версия | Содержимое |
-|---|---|
-| v1 | Аудиоанализ, эвристическое ранжирование, контексты, сессионный вектор, правила, fallback |
-| v2 | ALS, LightGBM-ранжировщик, бандит, центроиды вкуса, онбординг |
-| v3 | Последовательная модель по сессиям (SASRec / небольшой трансформер) как дополнительный источник кандидатов и признак — когда накопится ≥ 1 млн событий; «волна по исполнителю / треку», ежедневные персональные подборки |
+Эвристическое ранжирование, контексты (занятие и настроение), сессионный вектор и запасной алгоритм в `api` работают всегда.
+ALS, LightGBM, бандит, центроиды вкуса и онбординг включаются на накопленных прослушиваниях: ранжировщик — после примерно 20 тысяч размеченных показов.
diff --git a/docs/roadmap.md b/docs/roadmap.md
deleted file mode 100644
index d63a09a..0000000
--- a/docs/roadmap.md
+++ /dev/null
@@ -1,62 +0,0 @@
-# План разработки
-
-Каждый этап заканчивается рабочей версией с тегом и релизом.
-
-## M0 — Скелет (v0.1)
-- Монорепо: pnpm + Turborepo, Go-модуль, Python-проект, `openapi.yaml` с `server-info`.
-- `deploy/compose.dev.yaml`, nginx, Postgres, Redis, Meilisearch.
-- `ci.yml` и `release.yml` (пока собирают пустые образы и debug-APK «hello»), генерация тестовой музыки.
-- **Готово, когда:** тег `v0.1.0` создаёт релиз в Gitea с образами и APK.
-
-## M1 — Доступ (v0.2)
-- Bootstrap-админ, вход, refresh-ротация, смена пароля / учётных данных, сессии.
-- Роли и политика прав, админка «Пользователи», аудит.
-- Веб: каркас (топбар, сайдбар, пустой плеер), экраны входа и setup, i18n ru / en.
-- **Готово, когда:** E2E-сценарии 1, 2, 8, 9, 10 зелёные.
-
-## M2 — Библиотека и поиск (v0.3)
-- storage-agent, источники NFS / local, тест подключения.
-- Шаблоны путей с предпросмотром, сканер (инкрементальный, переименования, дубли), обложки.
-- Meilisearch, suggest и страница поиска, страницы исполнителя и альбома.
-- **Готово, когда:** реальная библиотека 11k треков сканируется, поиск < 50 мс, сценарии 3, 4.
-
-## M3 — Воспроизведение (v0.4)
-- Стриминг через X-Accel, подписанные ссылки, транскодинг и кэш.
-- Плеер в вебе (очередь, Media Session, горячие клавиши, нормализация), сохранение состояния.
-- События, история, лайки / дизлайки, раздел «Коллекция».
-- **Готово, когда:** сценарии 5, 7; перемотка мгновенная; позиция восстанавливается на другом устройстве.
-
-## M4 — Моя волна v1 (v0.5)
-- analyzer (Essentia), признаки и эмбеддинги, прогресс в админке.
-- recommender: кандидаты, эвристическое ранжирование, контексты (занятия / настроения), сессионный вектор,
-  правила разнообразия; fallback в Go.
-- Анимированная кнопка волны и MoodPicker в вебе.
-- **Готово, когда:** сценарий 6; метрики волны видны в админке.
-
-## M5 — Android (v0.6)
-- Вход с адресом сервера, главная с волной, поиск, коллекция, плеер с фоновым воспроизведением.
-- Офлайн: загрузки, «Скачанное», очередь событий.
-- Самообновление через сервер.
-- **Готово, когда:** Maestro-сценарии зелёные; обновление 0.6.0 → 0.6.1 проходит на реальном устройстве.
-
-## M5.5 — Очередь на добавление (v0.7)
-- Отпечатки (SHA-256, Chromaprint) для существующей библиотеки.
-- Запись через storage-agent, `accepts_uploads`, `write_template` с автоподбором и проверкой обратимости.
-- tus-загрузка, предпроверка дублей, квота, обработка, экраны «Предложить треки», «Очередь на добавление», «Настройки».
-- **Готово, когда:** E2E-сценарии 11, 12; импорт реального альбома ложится рядом с существующими по той же структуре.
-
-## M6 — Моя волна v2 (v0.8)
-- ALS, центроиды вкусов, LightGBM-ранжировщик, бандит, онбординг, ночное обучение с проверкой метрик.
-- Персонализация suggest.
-- **Готово, когда:** на накопленных данных v2 лучше v1 по офлайн-NDCG и онлайн early-skip rate.
-- **Состояние:** всё реализовано (v0.8, v1.0). Ранжировщик включается сам после ~20 тыс. размеченных показов;
-  критерий проверяется по метрикам версий в админке («Библиотека → Моя волна») и NDCG в `model_versions`.
-
-## M7 — Стабилизация (v1.0)
-- Нагрузочный smoke, документация администратора, доступность, полировка анимаций, багфиксы.
-- **Состояние:** v1.0 — [руководство администратора](admin-guide.md), аудит доступности WCAG 2.1 AA, k6-smoke
-  (`tests/load/smoke.js`, запускается вручную на сервере перед релизом). Копии базы и музыки — внешними средствами.
-
-## Дальше (идеи)
-- Плейлисты, волна по исполнителю / треку, ежедневные подборки, тексты песен, Chromecast / DLNA,
-  Android Auto, iOS (TestFlight), Last.fm-скробблинг, импорт лайков.
diff --git a/docs/testing.md b/docs/testing.md
deleted file mode 100644
index f9f896f..0000000
--- a/docs/testing.md
+++ /dev/null
@@ -1,79 +0,0 @@
-# Тестирование
-
-## Пирамида
-
-| Уровень | Где | Инструменты | Что покрываем |
-|---|---|---|---|
-| Unit | Go | `testing`, `testify`, табличные тесты | Политики прав (вся матрица из auth-and-roles.md), парсинг шаблонов путей и слияние с тегами, нормализация имён, подпись ссылок, расчёт `implicit_score`, рендер `write_template` и очистка имён, обратимость шаблон ↔ регэксп, учёт квоты при конкурентных резервах, переходы статусов загрузки |
-| Unit | Python | `pytest`, `hypothesis` | Формулы скоринга, context_fit, MMR, бандит, обновление сессионного вектора, правила переранжирования |
-| Unit | TS | `vitest` | `packages/core`: очередь, события (подсчёт `played_ms`, засчитанное прослушивание), single-flight refresh, офлайн-очередь |
-| Компоненты | Web | `vitest` + Testing Library + axe-core | Поиск, плеер, волна, формы админки, вход; серьёзные нарушения axe на главной и входе |
-| Компоненты | Mobile | `vitest` (`apps/mobile/test`) | Офлайн-волна и решение диалога обновления |
-| Интеграция | Go | `testcontainers-go` (Postgres + pgvector, Redis, Meilisearch) | Репозитории, миграции, сканер, API через `httptest`; `TestUserJourney` — сценарии 1–2 и скан |
-| Интеграция | Python | `testcontainers` | Чтение событий из Redis Stream, kNN в pgvector, ночной пайплайн на синтетических данных |
-| Контракт | — | `tests/contract/schemathesis.sh` | Ответы соответствуют `openapi.yaml`; нужен запущенный `api` |
-| E2E | Web | Playwright (`apps/web/e2e`, Chromium, `pnpm --filter @pipu/web test:e2e`) | Сценарии 1, 4 и 9 на фейковом API |
-| E2E | Mobile | Maestro (`apps/mobile/.maestro`) | Вход, коллекция, проверка обновления. Ночной прогон (`PIPU_E2E_SERVER`, `PIPU_E2E_USER`, `PIPU_E2E_PASSWORD`), не на каждый PR |
-| Качество рекомендаций | Python | офлайн-оценка | NDCG / Recall на синтетическом датасете с известными «вкусами»; регрессия качества ломает тест |
-
-## Тестовая музыка
-
-Реальную музыку в репозиторий не кладём. `tests/fixtures/music/generate.sh` генерирует через `ffmpeg`
-~200 коротких (5–20 с) файлов разных форматов (FLAC, MP3, Opus, M4A) с синусами / шумом разного темпа и громкости,
-с полными, частичными и отсутствующими тегами, в нескольких структурах папок — для проверки шаблонов,
-дублей, переименований, кириллицы в путях. Генерация детерминирована (фиксированные параметры), результат кэшируется в CI.
-
-Для аудиоанализа — отдельный набор из нескольких клипов с известным BPM (метроном 90 / 128 / 170).
-
-## E2E-сценарии (обязательные)
-
-Сценарии 1, 4 и 9 гоняет Playwright. Сценарии входа, ролей, поиска, плеера, волны и языка — `apps/web/src/App.test.tsx`.
-Сценарии источника и скана — `TestUserJourney` в `services/api` (нужен `TEST_DATABASE_URL`).
-
-1. Первый запуск: вход bootstrap-админа → принудительная смена логина / пароля → главная.
-2. Админ создаёт модератора; модератор создаёт пользователя; модератор **не может** создать модератора (UI и API).
-3. Админ добавляет `local`-источник, задаёт два шаблона, предпросмотр, скан → треки появились в поиске.
-4. Поиск: выпадающий список → переход к исполнителю; Enter → страница поиска.
-5. Воспроизведение: запуск трека, перемотка, перезагрузка страницы → трек и позиция восстановлены.
-6. Моя волна: запуск с занятием «Бегаю» → в выдаче треки с BPM из профиля; дизлайк → следующий трек, трек в «Дизлайках».
-7. Коллекция: лайк → в «Лайках»; история содержит прослушанное.
-8. Смена пароля пользователем → старые сессии разлогинены.
-9. Переключение языка ru ↔ en.
-10. Сброс пароля пользователю → обязательная смена при входе.
-11. Очередь на добавление: модератор загружает папку из 5 файлов, где 1 — точная копия трека из библиотеки,
-    1 — тот же трек в другом формате → первый отброшен на предпроверке, второй — по отпечатку; оба не учтены в квоте;
-    оставшиеся 3 — `pending_review`. Админ правит альбом, одобряет → файлы появились в хранилище по `write_template`,
-    трек найден поиском; квота освобождена.
-12. Квота: лимит 50 МБ, загрузка 80 МБ → часть файлов отклонена `uploads.queue_full`; модератор не может
-    одобрить собственную загрузку, а обычный пользователь — открыть загрузку вообще (UI и API).
-
-## Правила
-
-- Покрытие: Go и Python ≥ 70% по строкам для `internal/*/service` и `pipu_rec/*`; для `auth/policy` — 100% веток.
-- Тест на каждый исправленный баг.
-- Flaky-тесты помечаются и чинятся в течение недели, а не перезапускаются бесконечно.
-- Нагрузочный smoke (k6, вручную перед релизом) — см. ниже.
-
-## Нагрузочный smoke
-
-`tests/load/smoke.js` (k6 ≥ 0.50), 3 минуты: 100 одновременных слушателей волны (старт волны, начало потока
-каждого трека — первые 64 КБ, события прослушивания, следующая пачка с отзывами) и 20 запросов подсказок поиска
-в секунду. Пороги — цели из [api.md](api.md) и [recommendations.md](recommendations.md#10-требования-к-производительности):
-
-| Запрос | p95 |
-|---|---|
-| `GET /search/suggest` | < 50 мс |
-| `POST /wave/sessions/{id}/next` | < 150 мс |
-| `POST /wave/sessions` | < 300 мс |
-| начало потока (`Range: bytes=0-65535`) | < 300 мс |
-| `POST /events` | < 100 мс |
-
-Ошибок < 1%. k6 завершается с ненулевым кодом, если порог не выполнен.
-
-```bash
-k6 run -e BASE_URL=https://music.example.com -e PIPU_USER=loadtest -e PIPU_PASSWORD=… tests/load/smoke.js
-```
-
-Пользователь — отдельный обычный (`role=user`): тест наполняет его историю и лайки. Нагрузку можно менять:
-`-e LISTENERS=20 -e SUGGEST_RPS=5 -e DURATION=1m`. Запускать с машины в той же сети, что и сервер, —
-иначе в цифрах будет задержка канала.
diff --git a/docs/uploads.md b/docs/uploads.md
index 4715284..e0f48e2 100644
--- a/docs/uploads.md
+++ b/docs/uploads.md
@@ -84,7 +84,7 @@
   до 4 параллельных загрузок, прогресс по каждому файлу.
 - Мобильный клиент загрузку не поддерживает (первая версия).
 - Staging — локальный диск сервера `/srv/pipu/uploads/<upload_id>/<file_id>` (не NFS).
-- Разрешённые форматы: `flac mp3 m4a ogg opus wav aiff wv`. Проверяется не расширение, а содержимое (`ffprobe`):
+- Разрешённые форматы: `flac mp3 m4a ogg opus wav aiff wv`. Просим присылать **FLAC или WAV**; MP3 и остальные — крайний случай: форма предупреждает об этом, а очередь на добавление помечает такой файл «обратить внимание». Проверяется не расширение, а содержимое (`ffprobe`):
   должен быть ровно один аудиопоток, длительность 5 с – 3 ч. Иначе `invalid` с кодом причины.
 - Допускается отдельная картинка обложки (`cover.jpg|png`) в той же пачке — привязывается к файлам той же папки.
 
@@ -184,7 +184,7 @@
   очереди — `upload_files.fingerprint` (дубли внутри очереди ловятся так же, как с библиотекой).
 - Квота: `Store.CreateBatch` резервирует под `SELECT … FOR UPDATE` строки `upload_quota`; любая смена статуса идёт через
   `transition` — место освобождается в той же транзакции, если новый статус его не занимает (таблица раздела 2).
-- Приём — ядро tus (ADR-015): `HEAD` / `PATCH /api/v1/uploads/files/{id}`, только автор и только в `uploading`.
+- Приём — ядро tus: `HEAD` / `PATCH /api/v1/uploads/files/{id}`, только автор и только в `uploading`.
   Принят целиком → `processing`.
 - Обработка (`worker.go`, по одному файлу): размер → `ffprobe` (5 с – 3 ч) → SHA-256 (сверка с заявленным) →
   дубль по SHA-256 → Chromaprint против библиотеки и очереди (длительность ±5 с, `library.Similarity` ≥ 0.75) →
diff --git a/docs/web.md b/docs/web.md
index d7ca76e..029b7ef 100644
--- a/docs/web.md
+++ b/docs/web.md
@@ -11,9 +11,9 @@
 | Клиентское состояние | Zustand (плеер, очередь, UI) |
 | Стили | CSS Modules + CSS-переменные из `packages/design-tokens`; тёмная и светлая темы ([design.md](design.md#2-токены)) |
 | Шрифты и иконки | `@fontsource` Onest / Unbounded / JetBrains Mono; иконки — SVG Material Symbols Rounded (`@material-symbols/svg-400`), импортируются поштучно в `shared/ui/icons.ts` и рисуются CSS-маской (`currentColor`), поэтому в сборку попадают только используемые — всё встроено в сборку |
-| Компоненты-примитивы | Radix UI (доступные меню, диалоги, слайдеры, popover поиска); в M1 — собственные `Menu` / `Dialog` в `shared/ui`, переход на Radix вместе с поиском (M2) |
-| Анимация | Motion (переходы UI), Canvas 2D для кнопки волны (порт `wave.js` из прототипа) |
-| Формы | React Hook Form + Zod (в M1 формы простые — контролируемые поля, валидация на сервере с ошибками полей) |
+| Компоненты-примитивы | Свои `Menu`, `Dialog`, поля и сегменты в `shared/ui` |
+| Анимация | Canvas 2D для кнопки волны |
+| Формы | Контролируемые поля; проверка на сервере, ошибки приходят по полям |
 | i18n | i18next + react-i18next, словари из `packages/i18n` |
 | API | `packages/api-client` (сгенерирован из OpenAPI, `openapi-typescript` + `openapi-fetch`) |
 
@@ -31,21 +31,20 @@ apps/web/src/
 └── shared/         # ui-kit, lib, hooks, config
 ```
 
-Правило: слой может импортировать только из нижележащих (`pages → widgets → features → entities → shared`),
-проверяется `eslint-plugin-boundaries`.
+Слой импортирует только из нижележащих: `pages → widgets → features → entities → shared`.
 
 ## Ключевые компоненты
 
 ### App shell
-Макет — `Pipu Web.dc.html`, каркас **Classic** ([design.md](design.md#4-каркас-и-экраны)).
+Каркас **Classic** ([design.md](design.md#4-каркас-и-экраны)).
 - Сетка: топбар 60 px (логотип, поиск, меню профиля) / сайдбар 240 px (Главная, Коллекция → История / Лайки / Дизлайки,
   Админка по роли) / контент / плеер.
 - Плеер в двух видах, выбор в профиле: `bar` — полоса 88 px внизу (по умолчанию), `island` — плавающий остров.
 - Ambient-фон за всем интерфейсом: три размытых дрейфующих пятна, одно — в цвете обложки текущего трека.
-- Адаптивность (макетов нет): < 1024 px — сайдбар из иконок, < 768 px — нижняя навигация, как в мобильном.
+- Адаптивность: < 1024 px — сайдбар из иконок, < 768 px — нижняя навигация, как в мобильном.
 
 ### Поиск
-- `SearchBox` — Radix Popover + combobox по WAI-ARIA (стрелки, Enter, Esc).
+- `SearchBox` — combobox по WAI-ARIA (стрелки, Enter, Esc).
 - Debounce 150 мс, отмена предыдущего запроса, `GET /search/suggest`.
 - Enter без выбранного элемента → `/search?q=…`; Enter / клик по элементу → исполнитель / альбом / запуск трека.
 - Горячая клавиша `/` или `Ctrl+K` — фокус в поиск.
@@ -87,7 +86,7 @@ apps/web/src/
   Перед загрузкой — Web Worker считает SHA-256 и читает теги (`music-metadata`), `POST /uploads/precheck` →
   дубли сразу показываются как «уже есть: <трек>» и не загружаются. Загрузка — `tus-js-client`, до 4 параллельно,
   пауза / возобновление. Ниже — «Мои предложения» со статусами и причинами отклонения.
-- **Очередь на добавление** (admin): группы по альбомам (вариант `grouped` из прототипа), мини-плеер для прослушивания, inline-редактирование
+- **Очередь на добавление** (admin): группы по пачкам, прослушивание из staging, правка метаданных
   метаданных (поле на весь альбом), live-превью итогового пути, бейджи «возможный дубль» / «лучшее качество»,
   массовые одобрение / отклонение с причиной. Бейдж с числом ожидающих — в сайдбаре.
 - **Настройки** (admin): лимит очереди (ГБ), лимит на модератора, макс. размер файла, хранилище по умолчанию.
diff --git a/docs/Разработка дизайна приложения/.thumbnail b/docs/Разработка дизайна приложения/.thumbnail
deleted file mode 100644
index c09d01c..0000000
Binary files a/docs/Разработка дизайна приложения/.thumbnail and /dev/null differ
diff --git a/docs/Разработка дизайна приложения/Pipu Android.dc.html b/docs/Разработка дизайна приложения/Pipu Android.dc.html
deleted file mode 100644
index 6dae1f3..0000000
--- a/docs/Разработка дизайна приложения/Pipu Android.dc.html	
+++ /dev/null
@@ -1,790 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<script src="./support.js"></script>
-</head>
-<body>
-<x-dc>
-<helmet>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link href="https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&family=Unbounded:wght@500;600;700&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
-<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0..1,0&display=block" rel="stylesheet">
-<script src="pipu-data.js"></script>
-<style>
-:root{--bg:#05070D;--bg2:#080B14;--surface:#0B0F1A;--surface2:#121827;--surface3:#1A2236;--elev:#111726;--hover:rgba(120,150,255,.07);--line:rgba(130,160,255,.10);--line2:rgba(130,160,255,.18);--text:#EDF1FF;--text2:#A0ABC6;--text3:#737F9C;--accent:#2F80FF;--accent2:#5E9BFF;--accent-soft:rgba(47,128,255,.15);--violet:#9B7CFF;--ok:#2FD39A;--ok-soft:rgba(47,211,154,.14);--warn:#FFB547;--warn-soft:rgba(255,181,71,.14);--danger:#FF5C70;--danger-soft:rgba(255,92,112,.14);--overlay:rgba(3,5,10,.6);--shadow:0 24px 64px rgba(0,0,0,.55);--glass:rgba(14,19,32,.82);--glow:0 8px 28px rgba(47,128,255,.38);--amb-op:.75}
-[data-theme="light"]{--bg:#F3F5FA;--bg2:#EBEEF5;--surface:#FFFFFF;--surface2:#E9EDF5;--surface3:#DDE3EE;--elev:#FFFFFF;--hover:rgba(30,60,140,.06);--line:rgba(20,35,80,.10);--line2:rgba(20,35,80,.17);--text:#0A0F1E;--text2:#4B5675;--text3:#677290;--accent:#1F6FF2;--accent2:#1F6FF2;--accent-soft:rgba(31,111,242,.11);--violet:#6A47F0;--ok:#0E9465;--ok-soft:rgba(14,148,101,.10);--warn:#A86200;--warn-soft:rgba(168,98,0,.10);--danger:#D32F47;--danger-soft:rgba(211,47,71,.09);--overlay:rgba(20,30,60,.35);--shadow:0 24px 64px rgba(20,30,60,.18);--glass:rgba(255,255,255,.86);--glow:0 8px 24px rgba(31,111,242,.28);--amb-op:.42}
-@keyframes pipuDrift1{0%{transform:translate(-10%,-6%) scale(1)}35%{transform:translate(45%,28%) scale(1.2)}70%{transform:translate(15%,60%) scale(.9)}100%{transform:translate(60%,-5%) scale(1.1)}}
-@keyframes pipuDrift2{0%{transform:translate(4%,0) scale(1.05)}40%{transform:translate(-50%,40%) scale(.9)}75%{transform:translate(-20%,-25%) scale(1.2)}100%{transform:translate(-60%,15%) scale(1)}}
-@keyframes pipuDrift3{0%{transform:translate(0,0) scale(.95)}30%{transform:translate(-40%,-45%) scale(1.15)}65%{transform:translate(45%,-25%) scale(1)}100%{transform:translate(10%,-55%) scale(1.2)}}
-@keyframes pipuHue{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(-35deg)}100%{filter:hue-rotate(0deg)}}
-@keyframes pipuEq{0%{transform:scaleY(.25)}100%{transform:scaleY(1)}}
-@keyframes pipuIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
-@keyframes pipuUp{from{transform:translateY(100%)}to{transform:none}}
-@keyframes pipuSpin{to{transform:rotate(360deg)}}
-body{margin:0;background:#05070D;font-family:Onest,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
-a{color:#5E9BFF;text-decoration:none}a:hover{color:#EDF1FF}
-button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
-input,textarea,select{font:inherit;color:inherit}
-i{font-family:'Material Symbols Rounded';font-style:normal;font-weight:normal;line-height:1;font-size:24px;display:inline-block;-webkit-font-smoothing:antialiased;font-feature-settings:'liga';user-select:none;flex-shrink:0}
-</style>
-</helmet>
-<div style="min-height:100vh;display:flex;gap:48px;justify-content:center;align-items:flex-start;padding:40px 32px;box-sizing:border-box;flex-wrap:wrap;font-family:Onest,system-ui,sans-serif;color:#EDF1FF;background:radial-gradient(ellipse at 70% 0%, #0C1428, #05070D 60%)">
-  <div style="width:300px;display:flex;flex-direction:column;gap:20px;position:sticky;top:40px">
-    <div style="display:flex;align-items:center;gap:10px">
-      <div style="width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%, #9CC6FF, #2F80FF 55%, #3A1FA8);box-shadow:0 0 18px rgba(47,128,255,.55)"></div>
-      <div style="font-family:Unbounded;font-weight:600;font-size:19px;letter-spacing:-0.02em">pipu <span style="color:#737F9C;font-weight:500">· Android</span></div>
-    </div>
-    <div style="font-size:14px;line-height:1.55;color:#A0ABC6;text-wrap:pretty">Кликабельный прототип. Внутри телефона всё работает: волна, плеер, загрузки, обновление. Слева — быстрый переход к экранам.</div>
-    <div style="display:flex;flex-direction:column;gap:2px">
-      <sc-for list="{{ jumps }}" as="j" hint-placeholder-count="12">
-        <button onClick="{{ j.onClick }}" style="display:flex;align-items:center;gap:12px;height:38px;padding:0 12px;border-radius:10px;font-size:14px;font-weight:500;text-align:left;background:{{ j.bg }};color:{{ j.color }}" style-hover="background:rgba(120,150,255,.08);color:#EDF1FF"><span style="width:20px;font-family:'JetBrains Mono';font-size:12px;color:#737F9C">{{ j.n }}</span>{{ j.label }}</button>
-      </sc-for>
-    </div>
-    <sc-if value="{{ note }}">
-      <div style="padding:14px 16px;border-radius:14px;background:rgba(47,128,255,.10);border:1px solid rgba(47,128,255,.25);font-size:13px;line-height:1.55;color:#C4CEE6;text-wrap:pretty">{{ note }}</div>
-    </sc-if>
-  </div>
-
-  <x-import component-from-global-scope="AndroidDevice" from="./android-frame.jsx" dark="{{ isDark }}" bg="{{ deviceBg }}" hint-size="412px,892px">
-    <div data-theme="{{ theme }}" style="position:absolute;inset:0;background:var(--bg);color:var(--text);font-family:Onest,system-ui,sans-serif;overflow:hidden;display:flex;flex-direction:column">
-      {{ ambient }}
-
-      <sc-if value="{{ scr.connect }}">
-        <div style="position:relative;z-index:1;flex:1;display:flex;flex-direction:column;gap:24px;padding:40px 24px 24px;overflow:auto">
-          <div style="display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 0 8px">
-            <div style="width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 35% 30%, #9CC6FF, #2F80FF 55%, #3A1FA8);box-shadow:0 0 40px rgba(47,128,255,.55)"></div>
-            <div style="font-family:Unbounded;font-weight:600;font-size:28px;letter-spacing:-0.02em">pipu</div>
-            <div style="font-size:15px;color:var(--text2);text-align:center;text-wrap:pretty">Подключитесь к своему серверу Pipu Music</div>
-          </div>
-          <label style="display:flex;flex-direction:column;gap:8px">
-            <span style="font-size:13px;font-weight:500;color:var(--text2)">Адрес сервера</span>
-            <div style="display:flex;align-items:center;gap:10px;height:56px;padding:0 8px 0 16px;border-radius:16px;background:var(--surface2);border:1px solid {{ srv.border }}">
-              <i style="font-size:22px;color:var(--text3)">dns</i>
-              <input value="{{ srv.addr }}" onChange="{{ srv.onAddr }}" placeholder="music.example.ru" style="flex:1;min-width:0;height:100%;background:none;border:0;outline:none;font-size:16px;font-family:'JetBrains Mono'">
-            </div>
-          </label>
-          <sc-if value="{{ srv.checking }}">
-            <div style="display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--surface2);font-size:14px;color:var(--text2)"><i style="font-size:20px;animation:pipuSpin 1s linear infinite">progress_activity</i>Проверяем сервер…</div>
-          </sc-if>
-          <sc-if value="{{ srv.ok }}">
-            <div style="display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--ok-soft);animation:pipuIn .2s ease-out"><i style="color:var(--ok)">check_circle</i><div style="display:flex;flex-direction:column;gap:2px"><span style="font-weight:600;font-size:15px">Pipu Music · сервер 0.6.1</span><span style="font-size:13px;color:var(--text2)">HTTPS · версия приложения поддерживается</span></div></div>
-          </sc-if>
-          <sc-if value="{{ srv.err }}">
-            <div style="display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--danger-soft);color:var(--danger);font-size:14px;font-weight:500"><i>error</i>Сервер не отвечает. Проверьте адрес и сеть.</div>
-          </sc-if>
-          <div style="display:flex;flex-direction:column;gap:8px">
-            <span style="font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)">Сохранённые серверы</span>
-            <sc-for list="{{ srv.profiles }}" as="p" hint-placeholder-count="2">
-              <button onClick="{{ p.onClick }}" style="display:flex;align-items:center;gap:14px;min-height:60px;padding:8px 14px;border-radius:14px;background:{{ p.bg }};border:1px solid {{ p.border }};text-align:left">
-                <i style="color:var(--text2)">{{ p.icon }}</i>
-                <div style="flex:1;display:flex;flex-direction:column;gap:2px"><span style="font-weight:500;font-size:15px">{{ p.name }}</span><span style="font-size:13px;color:var(--text2);font-family:'JetBrains Mono'">{{ p.addr }}</span></div>
-              </button>
-            </sc-for>
-          </div>
-          <div style="flex:1"></div>
-          <div style="display:flex;gap:10px">
-            <button onClick="{{ srv.onCheck }}" style="flex:1;height:52px;border-radius:26px;border:1px solid var(--line2);font-weight:600;font-size:15px">Проверить</button>
-            <button onClick="{{ srv.onNext }}" style="flex:1;height:52px;border-radius:26px;background:{{ srv.nextBg }};color:{{ srv.nextColor }};font-weight:600;font-size:15px">Далее</button>
-          </div>
-        </div>
-      </sc-if>
-
-      <sc-if value="{{ scr.login }}">
-        <div style="position:relative;z-index:1;flex:1;display:flex;flex-direction:column;gap:22px;padding:20px 24px 24px;overflow:auto">
-          <div style="display:flex;align-items:center;justify-content:space-between">
-            <button onClick="{{ toConnect }}" style="display:flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 8px;border-radius:18px;background:var(--surface2);font-size:13px;font-family:'JetBrains Mono';color:var(--text2)"><i style="font-size:18px">dns</i>{{ srv.addr }}</button>
-            <div style="display:flex;gap:2px;padding:3px;border-radius:12px;background:var(--surface2)">
-              <sc-for list="{{ langs }}" as="l" hint-placeholder-count="2"><button onClick="{{ l.onClick }}" style="height:32px;padding:0 12px;border-radius:9px;font-size:13px;font-weight:600;background:{{ l.bg }};color:{{ l.color }}">{{ l.label }}</button></sc-for>
-            </div>
-          </div>
-          <div style="display:flex;flex-direction:column;gap:8px;padding-top:36px">
-            <div style="font-family:Unbounded;font-size:30px;font-weight:600;letter-spacing:-0.02em">Вход</div>
-            <div style="font-size:15px;line-height:1.5;color:var(--text2)">Учётную запись выдаёт администратор сервера</div>
-          </div>
-          <label style="display:flex;flex-direction:column;gap:8px"><span style="font-size:13px;font-weight:500;color:var(--text2)">Логин</span><input value="{{ f.login }}" onChange="{{ fh.login }}" style="height:56px;padding:0 16px;border-radius:16px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-size:16px" style-focus="border-color:var(--accent)"></label>
-          <label style="display:flex;flex-direction:column;gap:8px"><span style="font-size:13px;font-weight:500;color:var(--text2)">Пароль</span><input type="password" value="{{ f.pass }}" onChange="{{ fh.pass }}" style="height:56px;padding:0 16px;border-radius:16px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-size:16px" style-focus="border-color:var(--accent)"></label>
-          <sc-if value="{{ loginErr }}"><div style="display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:12px;background:var(--danger-soft);color:var(--danger);font-size:14px;font-weight:500"><i style="font-size:20px">error</i>{{ loginErr }}</div></sc-if>
-          <div style="flex:1"></div>
-          <button onClick="{{ onLogin }}" style="height:56px;border-radius:28px;background:var(--accent);color:#fff;font-weight:600;font-size:16px;box-shadow:var(--glow)">Войти</button>
-        </div>
-      </sc-if>
-
-      <sc-if value="{{ scr.app }}" hint-placeholder-val="{{ true }}">
-        <div style="position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column">
-          <sc-if value="{{ offline }}">
-            <div style="display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--warn-soft);color:var(--warn);font-size:13px;font-weight:500"><i style="font-size:20px">cloud_off</i><span style="flex:1">Нет сети — играет скачанное. {{ pendingEvents }} прослушиваний отправятся позже</span></div>
-          </sc-if>
-          <div ref="{{ scrollRef }}" style="flex:1;min-height:0;overflow-y:auto;overflow-x:hidden">
-
-            <sc-if value="{{ pg.home }}" hint-placeholder-val="{{ true }}">
-              <div style="min-height:100%;display:flex;flex-direction:column;gap:20px;padding:12px 0 24px;box-sizing:border-box">
-                <div style="display:flex;align-items:center;gap:10px;padding:0 20px;height:48px">
-                  <div style="width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%, #9CC6FF, #2F80FF 55%, #3A1FA8)"></div>
-                  <div style="flex:1;font-family:Unbounded;font-weight:600;font-size:18px;letter-spacing:-0.02em">pipu</div>
-                </div>
-                <div style="display:flex;justify-content:center;padding:28px 0 12px">
-                  <x-import component="WaveButton" from="./wave.js" variant="{{ waveVariant }}" playing="{{ waveIsPlaying }}" bpm="{{ cur.bpm }}" energy="{{ cur.energy }}" color="{{ waveC.c1 }}" color2="{{ waveC.c2 }}" color3="{{ waveC.c3 }}" theme="{{ theme }}" size="{{ 250 }}" onClick="{{ onWave }}" hint-size="250px,250px">
-                    <i style="font-size:48px;color:#fff;font-variation-settings:'FILL' 1">{{ waveIcon }}</i>
-                    <div style="font-family:Unbounded;font-weight:600;font-size:21px;color:#fff;margin-top:8px">Моя волна</div>
-                    <div style="font-size:13px;color:rgba(255,255,255,.8);margin-top:5px">{{ ctxLabel }}</div>
-                  </x-import>
-                </div>
-                <div style="display:flex;flex-direction:column;gap:10px;padding-top:16px">
-                  <span style="padding:0 20px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)">Занятие</span>
-                  <div style="display:flex;gap:8px;overflow-x:auto;padding:0 20px 4px;scrollbar-width:none">
-                    <sc-for list="{{ activities }}" as="c" hint-placeholder-count="7">
-                      <button onClick="{{ c.onClick }}" style="flex-shrink:0;display:flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 12px;border-radius:22px;font-size:14px;font-weight:500;background:{{ c.bg }};color:{{ c.color }};border:1px solid {{ c.border }}"><i style="font-size:20px;color:{{ c.ic }}">{{ c.icon }}</i>{{ c.label }}</button>
-                    </sc-for>
-                  </div>
-                </div>
-                <div style="display:flex;flex-direction:column;gap:10px">
-                  <span style="padding:0 20px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)">Настроение</span>
-                  <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 20px">
-                    <sc-for list="{{ moods }}" as="c" hint-placeholder-count="4">
-                      <button onClick="{{ c.onClick }}" style="display:flex;align-items:center;gap:8px;height:48px;padding:0 14px;border-radius:16px;font-size:14px;font-weight:500;background:{{ c.bg }};color:{{ c.color }};border:1px solid {{ c.border }}"><i style="font-size:20px;color:{{ c.ic }}">{{ c.icon }}</i>{{ c.label }}</button>
-                    </sc-for>
-                  </div>
-                </div>
-              </div>
-            </sc-if>
-
-            <sc-if value="{{ pg.search }}">
-              <div style="display:flex;flex-direction:column;gap:16px;padding:12px 16px 24px">
-                <div style="display:flex;align-items:center;gap:12px;height:56px;padding:0 8px 0 18px;border-radius:28px;background:var(--surface2)">
-                  <i style="color:var(--text2)">search</i>
-                  <input value="{{ q }}" onChange="{{ onQ }}" placeholder="Исполнители, альбомы, треки" style="flex:1;min-width:0;height:100%;background:none;border:0;outline:none;font-size:16px">
-                  <sc-if value="{{ hasQ }}"><button onClick="{{ clearQ }}" aria-label="Очистить" style="width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text2)"><i>close</i></button></sc-if>
-                </div>
-                <sc-if value="{{ sEmpty }}">
-                  <div style="display:flex;flex-direction:column;gap:12px;padding:8px 4px">
-                    <span style="font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)">Недавние запросы</span>
-                    <div style="display:flex;flex-wrap:wrap;gap:8px"><sc-for list="{{ recent }}" as="r"><button onClick="{{ r.onClick }}" style="display:flex;align-items:center;gap:6px;height:40px;padding:0 14px 0 10px;border-radius:20px;border:1px solid var(--line2);font-size:14px"><i style="font-size:18px;color:var(--text3)">history</i>{{ r.label }}</button></sc-for></div>
-                    <span style="font-size:13px;line-height:1.5;color:var(--text3)">Опечатки и неправильная раскладка не помеха: «ршту» найдёт «Кино».</span>
-                  </div>
-                </sc-if>
-                <sc-if value="{{ sr.fixed }}"><span style="font-size:13px;color:var(--text2);padding:0 4px">Исправили раскладку: «{{ sr.fixed }}»</span></sc-if>
-                <sc-if value="{{ sr.hasArtists }}">
-                  <div style="display:flex;gap:16px;overflow-x:auto;padding:4px 4px;scrollbar-width:none">
-                    <sc-for list="{{ sr.artists }}" as="a"><button onClick="{{ a.onClick }}" style="flex-shrink:0;width:96px;display:flex;flex-direction:column;align-items:center;gap:8px"><div style="width:84px;height:84px;border-radius:50%;background:{{ a.img }};display:flex;align-items:center;justify-content:center;font-family:Unbounded;font-weight:600;font-size:22px;color:#fff">{{ a.ini }}</div><span style="font-size:13px;font-weight:500;text-align:center">{{ a.name }}</span></button></sc-for>
-                  </div>
-                </sc-if>
-                <sc-if value="{{ sr.hasAlbums }}">
-                  <div style="display:flex;flex-direction:column;gap:4px">
-                    <span style="font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);padding:0 4px 6px">Альбомы</span>
-                    <sc-for list="{{ sr.albums }}" as="a"><button onClick="{{ a.onClick }}" style="display:flex;align-items:center;gap:14px;min-height:64px;padding:4px;border-radius:12px;text-align:left"><div style="width:56px;height:56px;border-radius:10px;background:{{ a.img }};flex-shrink:0"></div><div style="flex:1;min-width:0;display:flex;flex-direction:column;gap:2px"><span style="font-size:15px;font-weight:500">{{ a.title }}</span><span style="font-size:13px;color:var(--text2)">{{ a.sub }}</span></div></button></sc-for>
-                  </div>
-                </sc-if>
-                <sc-if value="{{ sr.hasTracks }}">
-                  <div style="display:flex;flex-direction:column">
-                    <span style="font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);padding:0 4px 6px">Треки</span>
-                    <sc-for list="{{ sr.tracks }}" as="r">
-                      <div onClick="{{ r.onPlay }}" style="display:flex;align-items:center;gap:14px;min-height:64px;padding:4px;border-radius:12px;cursor:pointer;opacity:{{ r.op }}">
-                        <div style="width:48px;height:48px;border-radius:8px;background:{{ r.cover }};display:flex;align-items:center;justify-content:center;flex-shrink:0"><sc-if value="{{ r.isCur }}">{{ r.eq }}</sc-if></div>
-                        <div style="flex:1;min-width:0;display:flex;flex-direction:column;gap:2px"><span style="font-size:15px;font-weight:500;color:{{ r.titleColor }};white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ r.title }}</span><span style="display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text2)"><sc-if value="{{ r.dl }}"><i style="font-size:15px;color:var(--accent2)">download_done</i></sc-if>{{ r.artist }}</span></div>
-                        <button onClick="{{ r.onLike }}" aria-label="Лайк" style="width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center"><i style="font-size:22px;color:{{ r.likeColor }};font-variation-settings:{{ r.likeFill }}">favorite</i></button>
-                      </div>
-                    </sc-for>
-                  </div>
-                </sc-if>
-                <sc-if value="{{ sr.none }}"><div style="padding:40px 0;text-align:center;color:var(--text2);font-size:15px">Ничего не нашлось</div></sc-if>
-              </div>
-            </sc-if>
-
-            <sc-if value="{{ pg.collection }}">
-              <div style="display:flex;flex-direction:column;gap:14px;padding:12px 0 24px">
-                <div style="padding:16px 20px 4px;font-family:Unbounded;font-size:28px;font-weight:600;letter-spacing:-0.02em">Коллекция</div>
-                <div style="display:flex;gap:8px;overflow-x:auto;padding:0 16px;scrollbar-width:none">
-                  <sc-for list="{{ colTabs }}" as="t" hint-placeholder-count="4">
-                    <button onClick="{{ t.onClick }}" style="flex-shrink:0;display:flex;align-items:center;gap:6px;height:40px;padding:0 16px 0 12px;border-radius:20px;font-size:14px;font-weight:500;background:{{ t.bg }};color:{{ t.color }};border:1px solid {{ t.border }}"><i style="font-size:19px;font-variation-settings:{{ t.fill }}">{{ t.icon }}</i>{{ t.label }}</button>
-                  </sc-for>
-                </div>
-
-                <sc-if value="{{ col.isDl }}">
-                  <div style="display:flex;flex-direction:column;gap:14px;padding:4px 16px">
-                    <div style="display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:18px;background:var(--surface2)">
-                      <div style="display:flex;align-items:baseline;justify-content:space-between"><span style="font-weight:600;font-size:15px">Занято на устройстве</span><span style="font-size:14px;color:var(--text2)"><span style="font-family:Unbounded;font-weight:600;color:var(--text);font-size:17px">{{ dl.usedStr }}</span> · {{ dl.count }}</span></div>
-                      <div style="height:8px;border-radius:4px;background:var(--line2);overflow:hidden;display:flex"><div style="height:100%;width:{{ dl.pct }};background:var(--accent)"></div></div>
-                      <span style="font-size:12px;color:var(--text3)">Свободно в телефоне: 41,2 ГБ · файлы видны только приложению</span>
-                    </div>
-                    <div style="display:flex;flex-direction:column;border-radius:18px;background:var(--surface2);overflow:hidden">
-                      <div onClick="{{ dl.onAuto }}" style="display:flex;align-items:center;gap:14px;min-height:64px;padding:8px 16px;cursor:pointer;border-bottom:1px solid var(--line)">
-                        <i style="color:var(--text2)">favorite</i>
-                        <div style="flex:1;display:flex;flex-direction:column;gap:2px"><span style="font-size:15px;font-weight:500">Скачивать новые лайки</span><span style="font-size:13px;color:var(--text2)">Сразу после ♥</span></div>
-                        <div style="width:52px;height:32px;border-radius:16px;background:{{ dl.auto.bg }};position:relative;transition:background .2s"><div style="position:absolute;top:4px;left:{{ dl.auto.x }};width:24px;height:24px;border-radius:50%;background:#fff;transition:left .2s"></div></div>
-                      </div>
-                      <button onClick="{{ dl.onAllLikes }}" style="display:flex;align-items:center;gap:14px;min-height:56px;padding:8px 16px;text-align:left"><i style="color:var(--accent2)">download</i><span style="flex:1;font-size:15px;font-weight:500;color:var(--accent2)">Скачать все лайки</span><span style="font-size:13px;color:var(--text3)">{{ dl.likesLeft }}</span></button>
-                    </div>
-                    <sc-if value="{{ dl.hasQueue }}">
-                      <div style="display:flex;flex-direction:column;gap:8px">
-                        <span style="font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)">Загружается · по Wi-Fi</span>
-                        <sc-for list="{{ dl.queue }}" as="r">
-                          <div style="display:flex;align-items:center;gap:12px">
-                            <div style="width:40px;height:40px;border-radius:8px;background:{{ r.cover }};flex-shrink:0"></div>
-                            <div style="flex:1;min-width:0;display:flex;flex-direction:column;gap:6px"><span style="font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ r.title }}</span><div style="height:4px;border-radius:2px;background:var(--line2);overflow:hidden"><div style="height:100%;width:{{ r.w }};background:var(--accent)"></div></div></div>
-                            <span style="width:36px;text-align:right;font-size:12px;color:var(--text3)">{{ r.pctStr }}</span>
-                          </div>
-                        </sc-for>
-                      </div>
-                    </sc-if>
-                    <sc-for list="{{ dl.albums }}" as="a">
-                      <div style="display:flex;flex-direction:column;gap:2px">
-                        <div style="display:flex;align-items:center;gap:12px;padding:8px 0">
-                          <div style="width:44px;height:44px;border-radius:8px;background:{{ a.cover }}"></div>
-                          <div style="flex:1;min-width:0;display:flex;flex-direction:column;gap:2px"><span style="font-weight:600;font-size:15px">{{ a.title }}</span><span style="font-size:13px;color:var(--text2)">{{ a.sub }}</span></div>
-                          <button onClick="{{ a.onDel }}" aria-label="Удалить альбом" style="width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text3)"><i>delete</i></button>
-                        </div>
-                        <sc-for list="{{ a.rows }}" as="r">
-                          <div onClick="{{ r.onPlay }}" style="display:flex;align-items:center;gap:12px;min-height:48px;padding-left:56px;cursor:pointer">
-                            <div style="flex:1;min-width:0;display:flex;align-items:center;gap:8px"><sc-if value="{{ r.isCur }}">{{ r.eq }}</sc-if><span style="font-size:14px;color:{{ r.titleColor }};white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ r.title }}</span></div>
-                            <span style="font-size:12px;color:var(--text3)">{{ r.size }}</span>
-                            <button onClick="{{ r.onDel }}" aria-label="Удалить" style="width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text3)"><i style="font-size:20px">close</i></button>
-                          </div>
-                        </sc-for>
-                      </div>
-                    </sc-for>
-                  </div>
-                </sc-if>
-
-                <sc-if value="{{ col.isList }}">
-                  <div style="display:flex;flex-direction:column;padding:0 12px">
-                    <sc-if value="{{ col.canPlay }}">
-                      <div style="display:flex;gap:8px;padding:4px 4px 10px">
-                        <button onClick="{{ col.onPlay }}" style="flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:48px;border-radius:24px;background:var(--accent);color:#fff;font-weight:600;font-size:15px"><i style="font-variation-settings:'FILL' 1">play_arrow</i>Слушать</button>
-                        <button onClick="{{ col.onShuffle }}" style="flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:48px;border-radius:24px;border:1px solid var(--line2);font-weight:600;font-size:15px"><i>shuffle</i>Перемешать</button>
-                      </div>
-                    </sc-if>
-                    <sc-if value="{{ col.isDis }}"><span style="padding:0 8px 10px;font-size:13px;line-height:1.5;color:var(--text2)">Эти треки не попадают в волну. Снимите дизлайк, если передумали.</span></sc-if>
-                    <sc-for list="{{ col.groups }}" as="g">
-                      <sc-if value="{{ g.day }}"><div style="padding:12px 8px 6px;font-size:14px;font-weight:600;color:var(--text2)">{{ g.day }}</div></sc-if>
-                      <sc-for list="{{ g.rows }}" as="r">
-                        <div onClick="{{ r.onPlay }}" style="display:flex;align-items:center;gap:14px;min-height:64px;padding:4px 8px;border-radius:12px;cursor:pointer;opacity:{{ r.op }}">
-                          <div style="width:48px;height:48px;border-radius:8px;background:{{ r.cover }};display:flex;align-items:center;justify-content:center;flex-shrink:0"><sc-if value="{{ r.isCur }}">{{ r.eq }}</sc-if></div>
-                          <div style="flex:1;min-width:0;display:flex;flex-direction:column;gap:2px"><span style="font-size:15px;font-weight:500;color:{{ r.titleColor }};white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ r.title }}</span><span style="display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text2);white-space:nowrap;overflow:hidden"><sc-if value="{{ r.dl }}"><i style="font-size:15px;color:var(--accent2)">download_done</i></sc-if>{{ r.artist }}<sc-if value="{{ r.time }}"><span style="color:var(--text3)">· {{ r.time }}</span></sc-if></span></div>
-                          <sc-if value="{{ col.isDis }}"><button onClick="{{ r.onUndo }}" aria-label="Убрать дизлайк" style="width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text2)"><i>undo</i></button></sc-if>
-                          <sc-if value="{{ col.notDis }}"><button onClick="{{ r.onLike }}" aria-label="Лайк" style="width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center"><i style="font-size:22px;color:{{ r.likeColor }};font-variation-settings:{{ r.likeFill }}">favorite</i></button></sc-if>
-                        </div>
-                      </sc-for>
-                    </sc-for>
-                  </div>
-                </sc-if>
-              </div>
-            </sc-if>
-
-            <sc-if value="{{ pg.album }}">
-              <div style="display:flex;flex-direction:column;gap:18px;padding:8px 0 24px;background:{{ alb.tint }}">
-                <div style="display:flex;align-items:center;height:56px;padding:0 4px"><button onClick="{{ back }}" aria-label="Назад" style="width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center"><i>arrow_back</i></button></div>
-                <div style="display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 24px;text-align:center">
-                  <div style="width:220px;height:220px;border-radius:18px;background:{{ alb.cover }};box-shadow:0 24px 56px rgba(0,0,0,.5)"></div>
-                  <div style="font-family:Unbounded;font-size:24px;font-weight:600;letter-spacing:-0.02em;text-wrap:balance">{{ alb.title }}</div>
-                  <button onClick="{{ alb.onArtist }}" style="font-size:15px;color:var(--text2)"><span style="color:var(--text);font-weight:600">{{ alb.artist }}</span> · {{ alb.year }} · {{ alb.meta }}</button>
-                </div>
-                <div style="display:flex;align-items:center;justify-content:center;gap:16px">
-                  <button onClick="{{ alb.onDl }}" aria-label="Скачать альбом" style="width:52px;height:52px;border-radius:50%;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;color:{{ alb.dlColor }}"><i>{{ alb.dlIcon }}</i></button>
-                  <button onClick="{{ alb.onPlay }}" aria-label="Слушать" style="width:68px;height:68px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow)"><i style="font-size:38px;font-variation-settings:'FILL' 1">{{ alb.playIcon }}</i></button>
-                  <button onClick="{{ alb.onShuffle }}" aria-label="Перемешать" style="width:52px;height:52px;border-radius:50%;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center"><i>shuffle</i></button>
-                </div>
-                <span style="text-align:center;font-size:13px;color:var(--text2)">{{ alb.dlLabel }}</span>
-                <div style="display:flex;flex-direction:column;padding:0 12px">
-                  <sc-for list="{{ alb.rows }}" as="r">
-                    <div onClick="{{ r.onPlay }}" style="display:flex;align-items:center;gap:14px;min-height:56px;padding:4px 8px;border-radius:12px;cursor:pointer;opacity:{{ r.op }}">
-                      <div style="width:24px;display:flex;justify-content:center;font-size:14px;color:var(--text3)"><sc-if value="{{ r.isCur }}">{{ r.eq }}</sc-if><sc-if value="{{ r.notCur }}">{{ r.num }}</sc-if></div>
-                      <div style="flex:1;min-width:0;display:flex;flex-direction:column;gap:2px"><span style="font-size:15px;font-weight:500;color:{{ r.titleColor }};white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ r.title }}</span><span style="display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text2)"><sc-if value="{{ r.dl }}"><i style="font-size:15px;color:var(--accent2)">download_done</i></sc-if><sc-if value="{{ r.dling }}"><i style="font-size:15px;color:var(--text3);animation:pipuSpin 1s linear infinite">progress_activity</i></sc-if>{{ r.dur }}</span></div>
-                      <button onClick="{{ r.onLike }}" aria-label="Лайк" style="width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center"><i style="font-size:22px;color:{{ r.likeColor }};font-variation-settings:{{ r.likeFill }}">favorite</i></button>
-                    </div>
-                  </sc-for>
-                </div>
-              </div>
-            </sc-if>
-
-            <sc-if value="{{ pg.artist }}">
-              <div style="display:flex;flex-direction:column;gap:18px;padding:8px 0 24px;background:{{ art.banner }}">
-                <div style="display:flex;align-items:center;height:56px;padding:0 4px"><button onClick="{{ back }}" aria-label="Назад" style="width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center"><i>arrow_back</i></button></div>
-                <div style="display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 24px;text-align:center">
-                  <div style="width:150px;height:150px;border-radius:50%;background:{{ art.img }};box-shadow:0 20px 48px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;font-family:Unbounded;font-weight:600;font-size:42px;color:#fff">{{ art.ini }}</div>
-                  <div style="font-family:Unbounded;font-size:30px;font-weight:600;letter-spacing:-0.02em">{{ art.name }}</div>
-                  <span style="font-size:14px;color:var(--text2)">{{ art.meta }}</span>
-                </div>
-                <div style="display:flex;gap:8px;padding:0 16px">
-                  <button onClick="{{ art.onWave }}" style="flex:1.4;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:24px;background:var(--accent);color:#fff;font-weight:600;font-size:15px;box-shadow:var(--glow)"><i style="font-size:22px">graphic_eq</i>Волна по исполнителю</button>
-                  <button onClick="{{ art.onPlay }}" aria-label="Слушать" style="width:48px;height:48px;border-radius:50%;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center"><i style="font-variation-settings:'FILL' 1">play_arrow</i></button>
-                </div>
-                <div style="display:flex;flex-direction:column;padding:0 12px">
-                  <span style="padding:6px 8px;font-size:17px;font-weight:600">Популярные треки</span>
-                  <sc-for list="{{ art.rows }}" as="r">
-                    <div onClick="{{ r.onPlay }}" style="display:flex;align-items:center;gap:14px;min-height:64px;padding:4px 8px;border-radius:12px;cursor:pointer;opacity:{{ r.op }}">
-                      <div style="width:48px;height:48px;border-radius:8px;background:{{ r.cover }};display:flex;align-items:center;justify-content:center;flex-shrink:0"><sc-if value="{{ r.isCur }}">{{ r.eq }}</sc-if></div>
-                      <div style="flex:1;min-width:0;display:flex;flex-direction:column;gap:2px"><span style="font-size:15px;font-weight:500;color:{{ r.titleColor }};white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ r.title }}</span><span style="font-size:13px;color:var(--text2)">{{ r.album }}</span></div>
-                      <button onClick="{{ r.onLike }}" aria-label="Лайк" style="width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center"><i style="font-size:22px;color:{{ r.likeColor }};font-variation-settings:{{ r.likeFill }}">favorite</i></button>
-                    </div>
-                  </sc-for>
-                </div>
-                <div style="display:flex;flex-direction:column;gap:10px">
-                  <span style="padding:0 20px;font-size:17px;font-weight:600">Альбомы</span>
-                  <div style="display:flex;gap:12px;overflow-x:auto;padding:0 20px;scrollbar-width:none">
-                    <sc-for list="{{ art.albums }}" as="a"><button onClick="{{ a.onClick }}" style="flex-shrink:0;width:140px;display:flex;flex-direction:column;gap:8px;text-align:left"><div style="width:140px;height:140px;border-radius:12px;background:{{ a.img }}"></div><span style="font-size:14px;font-weight:600">{{ a.title }}</span><span style="font-size:12px;color:var(--text2);margin-top:-4px">{{ a.year }}</span></button></sc-for>
-                  </div>
-                </div>
-              </div>
-            </sc-if>
-
-            <sc-if value="{{ pg.profile }}">
-              <div style="display:flex;flex-direction:column;gap:16px;padding:12px 16px 24px">
-                <div style="display:flex;align-items:center;gap:14px;padding:16px 4px 8px">
-                  <div style="width:60px;height:60px;border-radius:50%;background:linear-gradient(140deg,#2F80FF,#7C5CFF);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff">{{ me.ini }}</div>
-                  <div style="flex:1;display:flex;flex-direction:column;gap:3px"><span style="font-weight:600;font-size:18px">{{ me.name }}</span><span style="font-size:14px;color:var(--text2)">{{ me.login }} · {{ me.role }}</span></div>
-                </div>
-                <div style="display:flex;flex-direction:column;border-radius:20px;background:var(--surface2);overflow:hidden">
-                  <button onClick="{{ openPw }}" style="display:flex;align-items:center;gap:16px;min-height:60px;padding:8px 16px;text-align:left;border-bottom:1px solid var(--line)"><i style="color:var(--text2)">key</i><span style="flex:1;font-size:15px;font-weight:500">Сменить пароль</span><i style="color:var(--text3)">chevron_right</i></button>
-                  <div style="display:flex;align-items:center;gap:16px;min-height:60px;padding:8px 16px"><i style="color:var(--text2)">translate</i><span style="flex:1;font-size:15px;font-weight:500">Язык</span><div style="display:flex;gap:2px;padding:3px;border-radius:12px;background:var(--surface3)"><sc-for list="{{ langs }}" as="l"><button onClick="{{ l.onClick }}" style="height:34px;padding:0 12px;border-radius:9px;font-size:13px;font-weight:600;background:{{ l.bg }};color:{{ l.color }}">{{ l.label }}</button></sc-for></div></div>
-                </div>
-                <span style="padding:6px 8px 0;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)">Качество звука</span>
-                <div style="display:flex;flex-direction:column;border-radius:20px;background:var(--surface2);overflow:hidden">
-                  <sc-for list="{{ qualRows }}" as="r" hint-placeholder-count="3">
-                    <button onClick="{{ r.onClick }}" style="display:flex;align-items:center;gap:16px;min-height:64px;padding:8px 16px;text-align:left;border-bottom:1px solid var(--line)"><i style="color:var(--text2)">{{ r.icon }}</i><div style="flex:1;display:flex;flex-direction:column;gap:2px"><span style="font-size:15px;font-weight:500">{{ r.label }}</span><span style="font-size:13px;color:var(--accent2)">{{ r.value }}</span></div></button>
-                  </sc-for>
-                  <div onClick="{{ toggleWifiOnly }}" style="display:flex;align-items:center;gap:16px;min-height:64px;padding:8px 16px;cursor:pointer;border-bottom:1px solid var(--line)"><i style="color:var(--text2)">wifi</i><div style="flex:1;display:flex;flex-direction:column;gap:2px"><span style="font-size:15px;font-weight:500">Скачивать только по Wi-Fi</span></div><div style="width:52px;height:32px;border-radius:16px;background:{{ wifiOnly.bg }};position:relative;transition:background .2s"><div style="position:absolute;top:4px;left:{{ wifiOnly.x }};width:24px;height:24px;border-radius:50%;background:#fff;transition:left .2s"></div></div></div>
-                  <div style="display:flex;align-items:center;gap:16px;min-height:64px;padding:8px 16px"><i style="color:var(--text2)">cached</i><div style="flex:1;display:flex;flex-direction:column;gap:2px"><span style="font-size:15px;font-weight:500">Кэш недавних треков</span><span style="font-size:13px;color:var(--text2)">{{ cacheStr }} из 500 МБ</span></div><button onClick="{{ clearCache }}" style="height:40px;padding:0 14px;border-radius:20px;border:1px solid var(--line2);font-size:13px;font-weight:600">Очистить</button></div>
-                </div>
-                <span style="padding:6px 8px 0;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)">Приложение</span>
-                <div style="display:flex;flex-direction:column;border-radius:20px;background:var(--surface2);overflow:hidden">
-                  <button onClick="{{ checkUpdate }}" style="display:flex;align-items:center;gap:16px;min-height:64px;padding:8px 16px;text-align:left;border-bottom:1px solid var(--line)"><i style="color:var(--text2)">system_update</i><div style="flex:1;display:flex;flex-direction:column;gap:2px"><span style="font-size:15px;font-weight:500">Проверить обновления</span><span style="font-size:13px;color:var(--text2)">Версия {{ appVer }}</span></div><sc-if value="{{ updDot }}"><span style="height:24px;padding:0 9px;border-radius:12px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center">0.6.2</span></sc-if></button>
-                  <button onClick="{{ toConnect }}" style="display:flex;align-items:center;gap:16px;min-height:64px;padding:8px 16px;text-align:left;border-bottom:1px solid var(--line)"><i style="color:var(--text2)">dns</i><div style="flex:1;display:flex;flex-direction:column;gap:2px"><span style="font-size:15px;font-weight:500">Сервер</span><span style="font-size:13px;color:var(--text2);font-family:'JetBrains Mono'">{{ srv.addr }}</span></div><i style="color:var(--text3)">chevron_right</i></button>
-                  <sc-if value="{{ isStaff }}"><button onClick="{{ openAdmin }}" style="display:flex;align-items:center;gap:16px;min-height:64px;padding:8px 16px;text-align:left;border-bottom:1px solid var(--line)"><i style="color:var(--text2)">shield_person</i><div style="flex:1;display:flex;flex-direction:column;gap:2px"><span style="font-size:15px;font-weight:500">Админка</span><span style="font-size:13px;color:var(--text2)">Откроется в браузере</span></div><i style="color:var(--text3)">open_in_new</i></button></sc-if>
-                  <button onClick="{{ onLogout }}" style="display:flex;align-items:center;gap:16px;min-height:60px;padding:8px 16px;text-align:left;color:var(--danger)"><i>logout</i><span style="font-size:15px;font-weight:500">Выйти</span></button>
-                </div>
-              </div>
-            </sc-if>
-          </div>
-
-          <div onClick="{{ openFull }}" style="margin:0 8px 8px;display:flex;align-items:center;gap:12px;height:62px;padding:0 6px 0 8px;border-radius:16px;background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--line);position:relative;overflow:hidden;cursor:pointer;flex-shrink:0">
-            <div style="width:46px;height:46px;border-radius:10px;background:{{ cur.cover }};flex-shrink:0"></div>
-            <div style="flex:1;min-width:0;display:flex;flex-direction:column;gap:2px"><span style="font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ cur.title }}</span><span style="font-size:12px;color:{{ srcColor }};white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ miniSub }}</span></div>
-            <button onClick="{{ miniLike }}" aria-label="Лайк" style="width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center"><i style="font-size:22px;color:{{ cur.likeColor }};font-variation-settings:{{ cur.likeFill }}">favorite</i></button>
-            <button onClick="{{ miniPlay }}" aria-label="Пауза" style="width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center"><i style="font-size:32px;font-variation-settings:'FILL' 1">{{ playIcon }}</i></button>
-            <div style="position:absolute;left:8px;right:8px;bottom:0;height:2px;background:var(--line2)"><div style="height:100%;width:{{ pct }};background:var(--accent2)"></div></div>
-          </div>
-
-          <div style="display:grid;grid-template-columns:repeat(4,1fr);height:76px;background:var(--surface);border-top:1px solid var(--line);flex-shrink:0">
-            <sc-for list="{{ tabs }}" as="t" hint-placeholder-count="4">
-              <button onClick="{{ t.onClick }}" style="display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px">
-                <div style="width:60px;height:32px;border-radius:16px;background:{{ t.bg }};display:flex;align-items:center;justify-content:center"><i style="color:{{ t.ic }};font-variation-settings:{{ t.fill }}">{{ t.icon }}</i></div>
-                <span style="font-size:12px;font-weight:{{ t.w }};color:{{ t.color }}">{{ t.label }}</span>
-              </button>
-            </sc-for>
-          </div>
-        </div>
-
-        <sc-if value="{{ full }}">
-          <div style="position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;background:var(--bg);animation:pipuUp .28s cubic-bezier(.2,.8,.2,1)">
-            <div style="position:absolute;inset:0;background:{{ fp.tint }};pointer-events:none"></div>
-            <div style="position:relative;flex:1;display:flex;flex-direction:column;padding:8px 20px 20px;min-height:0">
-              <div style="display:flex;align-items:center;gap:8px;height:56px">
-                <button onClick="{{ closeFull }}" aria-label="Свернуть" style="width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:-8px"><i style="font-size:30px">keyboard_arrow_down</i></button>
-                <div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0"><span style="font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text2)">{{ fp.srcKind }}</span><span style="font-size:13px;font-weight:600;color:{{ srcColor }};white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%">{{ fp.srcName }}</span></div>
-                <button onClick="{{ openQueue }}" aria-label="Очередь" style="width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:-8px"><i>queue_music</i></button>
-              </div>
-              <sc-if value="{{ fpCover }}" hint-placeholder-val="{{ true }}">
-                <div style="flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:16px 0">
-                  <div onClick="{{ cur.onAlbum }}" style="width:100%;aspect-ratio:1;max-height:100%;border-radius:22px;background:{{ cur.cover }};box-shadow:0 30px 70px rgba(0,0,0,.5);cursor:pointer"></div>
-                </div>
-              </sc-if>
-              <sc-if value="{{ fpWave }}">
-                <div style="flex:1;display:flex;align-items:center;justify-content:center;min-height:0">
-                  <x-import component="WaveButton" from="./wave.js" variant="{{ waveVariant }}" playing="{{ playing }}" bpm="{{ cur.bpm }}" energy="{{ cur.energy }}" color="{{ waveC.c1 }}" color2="{{ fp.c1 }}" color3="{{ waveC.c3 }}" theme="{{ theme }}" size="{{ 230 }}" onClick="{{ miniPlay }}" hint-size="230px,230px">
-                    <div style="width:104px;height:104px;border-radius:50%;background:{{ cur.cover }};box-shadow:0 10px 30px rgba(0,0,0,.45);border:2px solid rgba(255,255,255,.25)"></div>
-                  </x-import>
-                </div>
-              </sc-if>
-              <div style="display:flex;align-items:center;gap:12px;padding:8px 0 16px">
-                <div style="flex:1;min-width:0;display:flex;flex-direction:column;gap:4px"><span style="font-size:22px;font-weight:700;letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ cur.title }}</span><span onClick="{{ cur.onArtist }}" style="font-size:16px;color:var(--text2);cursor:pointer">{{ cur.artist }}</span></div>
-                <sc-if value="{{ cur.dl }}"><i style="font-size:22px;color:var(--accent2)">download_done</i></sc-if>
-              </div>
-              <div onClick="{{ onSeek }}" style="height:24px;display:flex;align-items:center;cursor:pointer">
-                <div style="position:relative;width:100%;height:4px;border-radius:2px;background:var(--line2)">
-                  <div style="height:100%;width:{{ pct }};border-radius:2px;background:linear-gradient(90deg,var(--accent),#35D3FF)"></div>
-                  <div style="position:absolute;top:50%;left:{{ pct }};width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(47,128,255,.3)"></div>
-                </div>
-              </div>
-              <div style="display:flex;justify-content:space-between;font-size:12px;color:var(--text2);font-variant-numeric:tabular-nums;margin-top:2px"><span>{{ posStr }}</span><span>{{ durStr }}</span></div>
-              <div style="display:flex;align-items:center;justify-content:space-between;padding:18px 0 10px">
-                <button onClick="{{ cur.onDislike }}" aria-label="Дизлайк" style="width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center"><i style="font-size:26px;color:{{ cur.disColor }};font-variation-settings:{{ cur.disFill }}">thumb_down</i></button>
-                <button onClick="{{ prev }}" aria-label="Назад" style="width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center"><i style="font-size:40px;font-variation-settings:'FILL' 1">skip_previous</i></button>
-                <button onClick="{{ togglePlay }}" aria-label="Пауза" style="width:76px;height:76px;border-radius:50%;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center"><i style="font-size:44px;font-variation-settings:'FILL' 1">{{ playIcon }}</i></button>
-                <button onClick="{{ next }}" aria-label="Вперёд" style="width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center"><i style="font-size:40px;font-variation-settings:'FILL' 1">skip_next</i></button>
-                <button onClick="{{ cur.onLike }}" aria-label="Лайк" style="width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center"><i style="font-size:26px;color:{{ cur.likeColor }};font-variation-settings:{{ cur.likeFill }}">favorite</i></button>
-              </div>
-              <div style="display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--text3)"><i style="font-size:18px">phone_android</i>{{ fp.output }}</div>
-            </div>
-          </div>
-        </sc-if>
-      </sc-if>
-
-      <sc-if value="{{ sheet.any }}">
-        <div onClick="{{ closeSheet }}" style="position:absolute;inset:0;z-index:80;background:var(--overlay);display:flex;flex-direction:column;justify-content:flex-end;animation:pipuIn .15s ease-out">
-          <div onClick="{{ stop }}" style="display:flex;flex-direction:column;gap:16px;max-height:85%;padding:12px 20px 24px;border-radius:28px 28px 0 0;background:var(--elev);box-shadow:var(--shadow);animation:pipuUp .25s cubic-bezier(.2,.8,.2,1);overflow:auto">
-            <div style="align-self:center;width:36px;height:4px;border-radius:2px;background:var(--line2)"></div>
-
-            <sc-if value="{{ sheet.qual }}">
-              <div style="font-size:20px;font-weight:600">{{ qs.title }}</div>
-              <div style="display:flex;flex-direction:column">
-                <sc-for list="{{ qs.opts }}" as="o">
-                  <button onClick="{{ o.onClick }}" style="display:flex;align-items:center;gap:16px;min-height:56px;text-align:left"><div style="width:22px;height:22px;border-radius:50%;border:2px solid {{ o.ring }};display:flex;align-items:center;justify-content:center;box-sizing:border-box"><div style="width:10px;height:10px;border-radius:50%;background:{{ o.dot }}"></div></div><div style="flex:1;display:flex;flex-direction:column;gap:2px"><span style="font-size:15px;font-weight:500">{{ o.label }}</span><span style="font-size:13px;color:var(--text2)">{{ o.sub }}</span></div></button>
-                </sc-for>
-              </div>
-            </sc-if>
-
-            <sc-if value="{{ sheet.pw }}">
-              <div style="font-size:20px;font-weight:600">Смена пароля</div>
-              <input type="password" value="{{ f.cur }}" onChange="{{ fh.cur }}" placeholder="Текущий пароль" style="height:56px;padding:0 16px;border-radius:16px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-size:16px">
-              <input type="password" value="{{ f.np }}" onChange="{{ fh.np }}" placeholder="Новый пароль, от 8 символов" style="height:56px;padding:0 16px;border-radius:16px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-size:16px">
-              <input type="password" value="{{ f.np2 }}" onChange="{{ fh.np2 }}" placeholder="Ещё раз" style="height:56px;padding:0 16px;border-radius:16px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-size:16px">
-              <sc-if value="{{ pwErr }}"><span style="font-size:13px;color:var(--danger)">{{ pwErr }}</span></sc-if>
-              <button onClick="{{ onPw }}" style="height:52px;border-radius:26px;background:var(--accent);color:#fff;font-weight:600;font-size:15px">Сохранить</button>
-            </sc-if>
-
-            <sc-if value="{{ sheet.queue }}">
-              <div style="display:flex;flex-direction:column;gap:2px"><span style="font-size:20px;font-weight:600">Очередь</span><span style="font-size:13px;color:var(--text2)">{{ srcLabel }}</span></div>
-              <div style="display:flex;flex-direction:column">
-                <sc-for list="{{ queueRows }}" as="r">
-                  <div onClick="{{ r.onPlay }}" style="display:flex;align-items:center;gap:12px;min-height:56px;padding:4px;border-radius:12px;cursor:pointer;background:{{ r.bg }}">
-                    <div style="width:44px;height:44px;border-radius:8px;background:{{ r.cover }};display:flex;align-items:center;justify-content:center;flex-shrink:0"><sc-if value="{{ r.isCur }}">{{ r.eq }}</sc-if></div>
-                    <div style="flex:1;min-width:0;display:flex;flex-direction:column;gap:2px"><span style="font-size:15px;font-weight:500;color:{{ r.titleColor }};white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ r.title }}</span><span style="font-size:13px;color:var(--text2)">{{ r.artist }}</span></div>
-                    <span style="font-size:12px;color:var(--text3)">{{ r.dur }}</span>
-                  </div>
-                </sc-for>
-              </div>
-              <sc-if value="{{ waveOn }}"><div style="display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:var(--accent-soft);font-size:13px;line-height:1.45;color:var(--text2)"><i style="font-size:20px;color:var(--accent2)">all_inclusive</i>Волна бесконечна — дальше подберётся по ходу.</div></sc-if>
-            </sc-if>
-
-            <sc-if value="{{ sheet.update }}">
-              <div style="display:flex;align-items:center;gap:14px">
-                <div style="width:52px;height:52px;border-radius:16px;background:radial-gradient(circle at 35% 30%, #9CC6FF, #2F80FF 55%, #3A1FA8);display:flex;align-items:center;justify-content:center"><i style="color:#fff">system_update</i></div>
-                <div style="display:flex;flex-direction:column;gap:2px"><span style="font-size:20px;font-weight:600">{{ up.title }}</span><span style="font-size:13px;color:var(--text2)">{{ up.sub }}</span></div>
-              </div>
-              <sc-if value="{{ up.isAvail }}">
-                <div style="display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:var(--surface2)">
-                  <span style="font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)">Что нового</span>
-                  <sc-for list="{{ up.notes }}" as="n"><div style="display:flex;gap:10px;font-size:14px;line-height:1.45"><span style="color:var(--accent2)">•</span><span>{{ n }}</span></div></sc-for>
-                </div>
-                <div style="display:flex;gap:10px"><button onClick="{{ closeSheet }}" style="flex:1;height:52px;border-radius:26px;border:1px solid var(--line2);font-weight:600;font-size:15px">Позже</button><button onClick="{{ up.onUpdate }}" style="flex:1;height:52px;border-radius:26px;background:var(--accent);color:#fff;font-weight:600;font-size:15px">Обновить</button></div>
-              </sc-if>
-              <sc-if value="{{ up.isPerm }}">
-                <div style="display:flex;gap:12px;padding:16px;border-radius:16px;background:var(--warn-soft);font-size:14px;line-height:1.5"><i style="color:var(--warn)">shield</i><span>Приложение ставится не из Google Play. Android один раз попросит разрешить установку из этого источника.</span></div>
-                <button onClick="{{ up.onPerm }}" style="height:52px;border-radius:26px;background:var(--accent);color:#fff;font-weight:600;font-size:15px">Открыть настройки и продолжить</button>
-              </sc-if>
-              <sc-if value="{{ up.isDl }}">
-                <div style="display:flex;flex-direction:column;gap:10px">
-                  <div style="height:8px;border-radius:4px;background:var(--line2);overflow:hidden"><div style="height:100%;width:{{ up.w }};background:linear-gradient(90deg,var(--accent),#35D3FF)"></div></div>
-                  <div style="display:flex;justify-content:space-between;font-size:13px;color:var(--text2)"><span>{{ up.dlStr }}</span><span>{{ up.pctStr }}</span></div>
-                </div>
-              </sc-if>
-              <sc-if value="{{ up.isVerify }}">
-                <div style="display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--surface2);font-size:14px"><i style="animation:pipuSpin 1s linear infinite;color:var(--accent2)">progress_activity</i>Проверяем контрольную сумму SHA-256…</div>
-              </sc-if>
-              <sc-if value="{{ up.isReady }}">
-                <div style="display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--ok-soft);font-size:14px"><i style="color:var(--ok)">verified</i><div style="display:flex;flex-direction:column;gap:2px"><span style="font-weight:600">Подпись и SHA-256 совпали</span><span style="font-family:'JetBrains Mono';font-size:11px;color:var(--text2)">sha256 9f2c…e41a</span></div></div>
-                <button onClick="{{ up.onInstall }}" style="height:52px;border-radius:26px;background:var(--accent);color:#fff;font-weight:600;font-size:15px">Установить</button>
-              </sc-if>
-            </sc-if>
-          </div>
-        </div>
-      </sc-if>
-
-      <sc-if value="{{ toast }}">
-        <div style="position:absolute;left:12px;right:12px;bottom:{{ toastBottom }};z-index:90;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;background:var(--text);color:var(--bg);font-size:14px;font-weight:500;box-shadow:var(--shadow);animation:pipuIn .18s ease-out">{{ toast }}</div>
-      </sc-if>
-    </div>
-  </x-import>
-</div>
-</x-dc>
-<script type="text/x-dc" data-dc-script data-props="{&quot;theme&quot;:{&quot;editor&quot;:&quot;enum&quot;,&quot;options&quot;:[&quot;dark&quot;,&quot;light&quot;],&quot;default&quot;:&quot;dark&quot;,&quot;tsType&quot;:&quot;string&quot;,&quot;section&quot;:&quot;Вид&quot;},&quot;waveVariant&quot;:{&quot;editor&quot;:&quot;enum&quot;,&quot;options&quot;:[&quot;orb&quot;,&quot;rings&quot;,&quot;liquid&quot;],&quot;default&quot;:&quot;orb&quot;,&quot;tsType&quot;:&quot;string&quot;,&quot;section&quot;:&quot;Вид&quot;},&quot;playerLayout&quot;:{&quot;editor&quot;:&quot;enum&quot;,&quot;options&quot;:[&quot;cover&quot;,&quot;wave&quot;],&quot;default&quot;:&quot;cover&quot;,&quot;tsType&quot;:&quot;string&quot;,&quot;section&quot;:&quot;Варианты&quot;},&quot;ambient&quot;:{&quot;editor&quot;:&quot;boolean&quot;,&quot;default&quot;:true,&quot;tsType&quot;:&quot;boolean&quot;,&quot;section&quot;:&quot;Вид&quot;},&quot;offline&quot;:{&quot;editor&quot;:&quot;boolean&quot;,&quot;default&quot;:false,&quot;tsType&quot;:&quot;boolean&quot;,&quot;section&quot;:&quot;Прототип&quot;},&quot;role&quot;:{&quot;editor&quot;:&quot;enum&quot;,&quot;options&quot;:[&quot;user&quot;,&quot;moderator&quot;,&quot;admin&quot;],&quot;default&quot;:&quot;user&quot;,&quot;tsType&quot;:&quot;string&quot;,&quot;section&quot;:&quot;Прототип&quot;},&quot;startScreen&quot;:{&quot;editor&quot;:&quot;enum&quot;,&quot;options&quot;:[&quot;app&quot;,&quot;connect&quot;],&quot;default&quot;:&quot;app&quot;,&quot;tsType&quot;:&quot;string&quot;,&quot;section&quot;:&quot;Прототип&quot;}}">
-const F1 = "'FILL' 1", F0 = "'FILL' 0";
-const QOPT = [['low', 'Низкое', '96 кбит/с · экономит трафик'], ['normal', 'Нормальное', '160 кбит/с Opus'], ['high', 'Высокое', '320 кбит/с Opus'], ['orig', 'Оригинал', 'Без перекодирования, FLAC — как в библиотеке']];
-const QROWS = [['wifi', 'По Wi-Fi', 'wifi'], ['cell', 'В мобильной сети', 'signal_cellular_alt'], ['dl', 'Для загрузок', 'download']];
-const NOTES = {
-  connect: 'Адрес сервера вводится один раз; можно хранить несколько профилей серверов. «Проверить» обращается к /server-info. Попробуйте адрес со словом bad — увидите ошибку.',
-  login: 'Без регистрации. Язык переключается прямо здесь. Любой логин и пароль от 4 символов — вход.',
-  home: 'Нажмите волну — заиграет, пульс в такт BPM трека. Занятие и настроение меняют поток без остановки музыки.',
-  search: 'Ищет на лету по исполнителям, альбомам и трекам; прощает опечатки и раскладку.',
-  collection: 'История по дням, лайки, дизлайки (с отменой) и скачанное.',
-  downloads: 'Занятое место, авто-скачивание лайков, очередь загрузок (2 параллельно, только Wi-Fi), удаление по треку или альбомом.',
-  album: 'Кнопка со стрелкой скачивает альбом для офлайна — прогресс виден по каждому треку.',
-  artist: '«Волна по исполнителю» — поток, построенный вокруг артиста и похожих.',
-  profile: 'Качество для Wi-Fi, мобильной сети и загрузок раздельно, кэш, обновления, сервер. Админка — только ссылкой в браузер.',
-  player: 'Свайп/тап по мини-плееру. Два варианта полноэкранного плеера — переключаются в Tweaks (playerLayout).',
-  update: 'Самообновление через сервер Pipu: changelog → разрешение на установку → загрузка APK → проверка SHA-256 → установка.',
-  offline: 'Без сети играет только скачанное, волна строится из локальных треков, прослушивания копятся и уйдут на сервер позже.'
-};
-
-class Component extends DCLogic {
-  state = { ready: false };
-  scrollRef = React.createRef();
-  _fh = {};
-  componentDidMount() {
-    const wait = () => (window.PIPU ? this.init() : setTimeout(wait, 40)); wait();
-    this.iv = setInterval(() => this.tick(), 250);
-  }
-  componentWillUnmount() { clearInterval(this.iv); }
-  init() {
-    const D = window.PIPU;
-    let sv = null; try { sv = JSON.parse(localStorage.getItem('pipu-android-player') || 'null'); } catch (e) {}
-    const ok = sv && D.TR[sv.trackId];
-    const alb = D.ALB['ma-mz'].tracks;
-    const hist = []; let k = 5;
-    [['Сегодня', 5, 9], ['Вчера', 6, 21]].forEach(([d, n, h]) => { let m = 50; for (let j = 0; j < n; j++) { k = (k * 7 + 3) % D.ALL.length; hist.push({ id: D.ALL[k], day: d, time: String(h).padStart(2, '0') + ':' + String(m).padStart(2, '0') }); m -= 12; if (m < 0) { m += 60; h--; } } });
-    this.setState({
-      ready: true, auth: this.props.startScreen === 'connect' ? 'connect' : null,
-      tab: 'home', sub: null, colTab: 'history', full: false, sheet: null,
-      queue: ok && sv.queue ? sv.queue.filter(id => D.TR[id]) : alb, qi: ok ? sv.qi || 0 : 2, trackId: ok ? sv.trackId : alb[2], pos: ok ? sv.pos || 0 : 64, playing: false,
-      source: (ok && sv.source) || { label: 'Альбом · Mezzanine' }, waveOn: ok ? !!sv.waveOn : false, activity: null, mood: null,
-      likes: ['rh-ir-6', 'ma-mz-2', 'kino-gk-0', 'mod-2-1', 'bon-mg-2', 'dp-ram-4', 'zem-pm-0', 'kino-zs-4', 'rh-ir-3'], dislikes: ['dp-ram-1', 'spl-ga-3'], history: hist,
-      downloads: [...D.ALB['rh-ir'].tracks, ...D.ALB['ma-mz'].tracks, 'kino-gk-0', 'kino-zs-4', 'bon-mg-2', 'mod-2-1'], dlQueue: [], autoLikes: true, wifiOnly: true,
-      qual: { wifi: 'high', cell: 'normal', dl: 'high' }, cache: 312,
-      srvAddr: 'music.home.lan', srvState: 'ok', f: {}, loginErr: '', pwErr: '', lang: 'ru', q: '',
-      upd: 'available', updPct: 0, updSeen: false, offline: null, pending: 3, toast: null
-    });
-  }
-  tick() {
-    const s = this.state, D = window.PIPU; if (!s.ready) return;
-    const u = {};
-    if (s.playing && !s.auth) { const t = D.TR[s.trackId]; const np = s.pos + 0.25; if (np >= t.dur) { this.next(); return; } u.pos = np; }
-    if (s.dlQueue.length) {
-      const q = s.dlQueue.map((x, i) => i < 2 ? { ...x, p: x.p + 6 + Math.random() * 10 } : x);
-      const done = q.filter(x => x.p >= 100).map(x => x.id);
-      u.dlQueue = q.filter(x => x.p < 100);
-      if (done.length) u.downloads = [...s.downloads, ...done.filter(id => !s.downloads.includes(id))];
-    }
-    if (s.upd === 'downloading') { const p = s.updPct + 3 + Math.random() * 4; if (p >= 100) { u.updPct = 100; u.upd = 'verify'; setTimeout(() => this.setState({ upd: 'ready' }), 1200); } else u.updPct = p; }
-    if (Object.keys(u).length) this.setState(u);
-    this._t = (this._t || 0) + 1;
-    if (this._t % 4 === 0) { try { localStorage.setItem('pipu-android-player', JSON.stringify({ trackId: s.trackId, pos: s.pos, queue: s.queue.slice(0, 60), qi: s.qi, source: s.source, waveOn: s.waveOn })); } catch (e) {} }
-  }
-  isOff() { return this.state.offline ?? !!this.props.offline; }
-  toastMsg(m) { clearTimeout(this._tt); this.setState({ toast: m }); this._tt = setTimeout(() => this.setState({ toast: null }), 2600); }
-  fh(k) { return this._fh[k] || (this._fh[k] = e => this.setState(s => ({ f: { ...s.f, [k]: e.target.value } }))); }
-  goTab(tab) { this.setState({ tab, sub: null, full: false }); if (this.scrollRef.current) this.scrollRef.current.scrollTop = 0; }
-  goSub(sub) { this.setState({ sub, full: false }); if (this.scrollRef.current) this.scrollRef.current.scrollTop = 0; }
-  canPlay(id) { if (this.isOff() && !this.state.downloads.includes(id)) { this.toastMsg('Нет сети — этот трек не скачан'); return false; } return true; }
-  addHist(h, id) { if (h[0] && h[0].id === id) return h; const d = new Date(); return [{ id, day: 'Сегодня', time: String(d.getHours()).padStart(2, '0') + ':' + String(d.getMinutes()).padStart(2, '0') }, ...h]; }
-  setTrack(qi, queue, extra = {}) { const id = queue[qi]; this.setState(s => ({ queue, qi, trackId: id, pos: 0, playing: true, history: this.addHist(s.history, id), pending: this.isOff() ? s.pending + 1 : s.pending, ...extra })); }
-  playList(list, i, label) {
-    if (this.isOff()) { const dl = this.state.downloads; const id = list[i]; if (!this.canPlay(id)) return; list = list.filter(x => dl.includes(x)); i = list.indexOf(id); }
-    this.setTrack(i, list, { waveOn: false, source: { label } });
-  }
-  wopts(extra = {}) { const s = this.state; return { activity: s.activity, mood: s.mood, dislikes: s.dislikes, likes: s.likes, ...extra }; }
-  batch(n, extra) { const D = window.PIPU; let b = D.waveBatch(this.isOff() ? 200 : n, this.wopts(extra)); if (this.isOff()) b = b.filter(id => this.state.downloads.includes(id)).slice(0, n); return b; }
-  startWave(artistId) { const q = this.batch(12, { artistId }); if (!q.length) return this.toastMsg('Нет скачанных треков для офлайн-волны'); this.setTrack(0, q, { waveOn: true, source: { artistId: artistId || null } }); }
-  next() {
-    const s = this.state; let q = s.queue, i = s.qi + 1;
-    if (s.waveOn && i >= q.length - 2) q = [...q, ...this.batch(8, { recent: q.slice(-20), artistId: s.source.artistId })];
-    if (i >= q.length) { this.setState({ playing: false, pos: 0 }); return; }
-    this.setTrack(i, q);
-  }
-  prev() { const s = this.state; if (s.pos > 3 || s.qi === 0) return this.setState({ pos: 0 }); this.setTrack(s.qi - 1, s.queue); }
-  togglePlay() { this.setState(s => ({ playing: !s.playing })); }
-  setCtx(k, v) {
-    this.setState(s => ({ [k]: s[k] === v ? null : v }), () => {
-      const s = this.state; if (!s.waveOn) return;
-      const keep = s.queue.slice(0, s.qi + 1);
-      this.setState({ queue: [...keep, ...this.batch(10, { recent: keep.slice(-20) })] });
-    });
-  }
-  toggleLike(id) {
-    const s = this.state, on = s.likes.includes(id);
-    this.setState({ likes: on ? s.likes.filter(x => x !== id) : [id, ...s.likes], dislikes: s.dislikes.filter(x => x !== id) });
-    if (!on && s.autoLikes && !s.downloads.includes(id) && !this.isOff()) { this.setState(st => ({ dlQueue: [...st.dlQueue, { id, p: 0 }] })); this.toastMsg('Лайк · трек скачивается для офлайна'); }
-  }
-  toggleDislike(id) {
-    const s = this.state, was = s.dislikes.includes(id);
-    this.setState({ dislikes: was ? s.dislikes.filter(x => x !== id) : [id, ...s.dislikes], likes: s.likes.filter(x => x !== id) });
-    if (!was && id === s.trackId && s.waveOn) { setTimeout(() => this.next(), 0); this.toastMsg('Больше не попадётся в волне'); }
-    else this.toastMsg(was ? 'Дизлайк снят' : 'Трек скрыт из рекомендаций');
-  }
-  jump(k) {
-    const D = window.PIPU, base = { full: false, sheet: null, offline: null, sub: null };
-    const m = {
-      connect: { auth: 'connect', srvState: null }, login: { auth: 'login' },
-      home: { auth: null, tab: 'home' }, search: { auth: null, tab: 'search', q: 'кино' }, collection: { auth: null, tab: 'collection', colTab: 'history' },
-      downloads: { auth: null, tab: 'collection', colTab: 'downloads' }, album: { auth: null, tab: 'search', sub: { type: 'album', id: 'mod-2' } },
-      artist: { auth: null, tab: 'search', sub: { type: 'artist', id: 'radiohead' } }, profile: { auth: null, tab: 'profile' },
-      player: { auth: null, tab: 'home', full: true }, update: { auth: null, tab: 'profile', sheet: 'update', upd: 'available', updPct: 0 },
-      offline: { auth: null, tab: 'home', offline: true }
-    }[k];
-    this.setState({ ...base, ...m, jumpKey: k });
-    if (k === 'player' && !this.state.playing) this.setState({ playing: true });
-    if (this.scrollRef.current) this.scrollRef.current.scrollTop = 0;
-  }
-
-  ambient(c3) {
-    const blob = (k, bg, size, anim, pos) => React.createElement('div', { key: k, style: { position: 'absolute', ...pos, width: size, height: size, borderRadius: '50%', background: `radial-gradient(circle, ${bg} 0%, transparent 62%)`, filter: 'blur(24px)', animation: anim } });
-    return React.createElement('div', { 'aria-hidden': true, style: { position: 'absolute', inset: 0, overflow: 'hidden', pointerEvents: 'none', opacity: 'var(--amb-op)', zIndex: 0, animation: 'pipuHue 30s linear infinite' } }, [
-      blob('a', 'rgba(47,128,255,.6)', '560px', 'pipuDrift1 16s ease-in-out infinite alternate', { left: '-260px', top: '-240px' }),
-      blob('b', 'rgba(124,92,255,.45)', '480px', 'pipuDrift2 21s ease-in-out infinite alternate', { right: '-240px', top: '200px' }),
-      blob('c', c3 + '88', '460px', 'pipuDrift3 26s ease-in-out infinite alternate', { left: '-60px', bottom: '-280px' })
-    ]);
-  }
-
-  renderVals() {
-    const D = window.PIPU, s = this.state, P = this.props;
-    const theme = P.theme || 'dark';
-    const base = { theme, isDark: theme === 'dark', deviceBg: theme === 'dark' ? '#05070D' : '#F3F5FA', waveVariant: P.waveVariant || 'orb' };
-    const jk = s.jumpKey || (s.auth || (s.full ? 'player' : s.sub ? s.sub.type : s.tab === 'collection' && s.colTab === 'downloads' ? 'downloads' : s.tab));
-    const JL = [['connect', 'Подключение к серверу'], ['login', 'Вход'], ['home', 'Главная · Моя волна'], ['search', 'Поиск'], ['collection', 'Коллекция'], ['downloads', 'Скачанное'], ['album', 'Альбом'], ['artist', 'Исполнитель'], ['profile', 'Профиль'], ['player', 'Полноэкранный плеер'], ['update', 'Обновление приложения'], ['offline', 'Без сети']];
-    base.jumps = JL.map(([k, l], i) => ({ n: String(i + 1).padStart(2, '0'), label: l, onClick: () => this.jump(k), bg: jk === k ? 'rgba(47,128,255,.16)' : 'transparent', color: jk === k ? '#EDF1FF' : '#A0ABC6' }));
-    base.note = NOTES[jk] || '';
-    if (!s.ready || !D) return { ...base, scr: {}, ambient: null };
-    const { ART, ALB, TR, fmt, plural } = D;
-    const off = this.isOff();
-    const t = TR[s.trackId], al = ALB[t.albumId], ar = ART[t.artistId];
-    base.ambient = P.ambient === false ? null : this.ambient(s.playing ? al.c1 : '#35D3FF');
-    const role = P.role || 'user';
-    const me = role === 'admin' ? { name: 'Алексей Морозов', login: 'admin', ini: 'АМ', role: 'Администратор' } : role === 'moderator' ? { name: 'Илья Сафонов', login: 'ilya', ini: 'ИС', role: 'Модератор' } : { name: 'Анна Белова', login: 'anna', ini: 'АБ', role: 'Пользователь' };
-    const eq = React.createElement('div', { style: { display: 'flex', gap: 2, alignItems: 'flex-end', height: 14 } }, [0, 1, 2].map(i => React.createElement('span', { key: i, style: { width: 3, height: 14, borderRadius: 2, background: '#fff', boxShadow: '0 0 4px rgba(0,0,0,.4)', transformOrigin: 'bottom', animation: `pipuEq ${0.55 + i * 0.17}s ease-in-out ${i * 0.1}s infinite alternate`, animationPlayState: s.playing ? 'running' : 'paused' } })));
-    const eqA = React.createElement('div', { style: { display: 'flex', gap: 2, alignItems: 'flex-end', height: 14 } }, [0, 1, 2].map(i => React.createElement('span', { key: i, style: { width: 3, height: 14, borderRadius: 2, background: 'var(--accent2)', transformOrigin: 'bottom', animation: `pipuEq ${0.55 + i * 0.17}s ease-in-out ${i * 0.1}s infinite alternate`, animationPlayState: s.playing ? 'running' : 'paused' } })));
-    const row = (id, i, list, label, extra = {}) => {
-      const tr = TR[id], isCur = s.trackId === id, liked = s.likes.includes(id), dl = s.downloads.includes(id);
-      return { id, num: i + 1, title: tr.title, artist: ART[tr.artistId].name, album: ALB[tr.albumId].title, dur: fmt(tr.dur), cover: ALB[tr.albumId].cover, size: (tr.dur * 0.04).toFixed(1).replace('.', ',') + ' МБ',
-        isCur, notCur: !isCur, eq: extra.eqA ? eqA : eq, dl, dling: s.dlQueue.some(x => x.id === id), time: extra.time || '', op: off && !dl ? 0.38 : (extra.op ?? 1),
-        titleColor: isCur ? 'var(--accent2)' : 'var(--text)', likeColor: liked ? 'var(--accent2)' : 'var(--text3)', likeFill: liked ? F1 : F0, bg: isCur ? 'var(--accent-soft)' : 'transparent',
-        onPlay: extra.onPlay || (() => this.playList(list, i, label)),
-        onLike: e => { e.stopPropagation(); this.toggleLike(id); }, onUndo: e => { e.stopPropagation(); this.toggleDislike(id); },
-        onDel: e => { e.stopPropagation(); this.setState(st => ({ downloads: st.downloads.filter(x => x !== id) })); this.toastMsg('Удалено с устройства'); } };
-    };
-    const seg = (on, label, onClick) => ({ label, onClick, bg: on ? 'var(--accent)' : 'transparent', color: on ? '#fff' : 'var(--text2)' });
-    const fh = {}; ['login', 'pass', 'cur', 'np', 'np2'].forEach(k => { fh[k] = this.fh(k); });
-    const srv = {
-      addr: s.srvAddr, onAddr: e => this.setState({ srvAddr: e.target.value, srvState: null }),
-      checking: s.srvState === 'checking', ok: s.srvState === 'ok', err: s.srvState === 'err', border: s.srvState === 'err' ? 'var(--danger)' : s.srvState === 'ok' ? 'var(--ok)' : 'var(--line2)',
-      onCheck: () => { this.setState({ srvState: 'checking' }); setTimeout(() => this.setState(st => ({ srvState: /bad|^\s*$/.test(st.srvAddr) ? 'err' : 'ok' })), 900); },
-      onNext: () => { if (s.srvState === 'ok') this.setState({ auth: 'login', jumpKey: null }); else this.toastMsg('Сначала проверьте сервер'); },
-      nextBg: s.srvState === 'ok' ? 'var(--accent)' : 'var(--surface3)', nextColor: s.srvState === 'ok' ? '#fff' : 'var(--text3)',
-      profiles: [['Дом', 'music.home.lan', 'home'], ['Дача', '10.8.0.2:8443', 'cottage']].map(([n, a, ic]) => ({ name: n, addr: a, icon: ic, bg: s.srvAddr === a ? 'var(--accent-soft)' : 'var(--surface2)', border: s.srvAddr === a ? 'var(--accent)' : 'transparent', onClick: () => this.setState({ srvAddr: a, srvState: null }) }))
-    };
-    const common = { ...base, f: s.f, fh, srv, langs: [seg(s.lang === 'ru', 'RU', () => this.setState({ lang: 'ru' })), seg(s.lang === 'en', 'EN', () => this.setState({ lang: 'en' }))], toast: s.toast, stop: e => e.stopPropagation(),
-      toConnect: () => this.setState({ auth: 'connect', srvState: null, jumpKey: null }), onLogout: () => this.setState({ auth: 'login', playing: false, jumpKey: null }) };
-    const sheet = { any: !!s.sheet, qual: !!s.sheet && s.sheet.startsWith('q-'), pw: s.sheet === 'pw', queue: s.sheet === 'queue', update: s.sheet === 'update' };
-    const out = { ...common, sheet, closeSheet: () => this.setState({ sheet: null, pwErr: '' }) };
-    if (s.auth) {
-      return { ...out, scr: { connect: s.auth === 'connect', login: s.auth === 'login' }, loginErr: s.loginErr, toastBottom: '24px',
-        onLogin: () => { const l = (s.f.login || '').trim(), p = s.f.pass || ''; if (!l || p.length < 4) return this.setState({ loginErr: !l || !p ? 'Введите логин и пароль' : 'Неверный логин или пароль' }); this.setState({ auth: null, loginErr: '', f: {}, tab: 'home', jumpKey: null }); } };
-    }
-
-    const page = s.sub ? s.sub.type : s.tab;
-    const actLbl = s.activity && D.ACT.find(a => a[0] === s.activity)[1], moodRec = s.mood && D.MOOD.find(m => m[0] === s.mood);
-    const ctxLabel = [actLbl, moodRec && moodRec[1]].filter(Boolean).join(' · ') || (off ? 'Из скачанного' : 'Под ваш вкус');
-    const waveIsPlaying = s.waveOn && s.playing;
-    const wc = moodRec ? { c1: moodRec[4], c2: moodRec[5], c3: moodRec[6] } : { c1: '#2F80FF', c2: '#7C5CFF', c3: '#35D3FF' };
-    if (waveIsPlaying) wc.c2 = al.c1;
-    const chip = (on, icon, label, onClick) => ({ label, icon, onClick, bg: on ? 'var(--accent)' : 'var(--surface2)', color: on ? '#fff' : 'var(--text)', border: on ? 'var(--accent)' : 'var(--line)', ic: on ? '#fff' : 'var(--text2)' });
-    const srcLabel = s.waveOn ? (s.source.artistId ? 'Волна по исполнителю · ' + ART[s.source.artistId].name : 'Моя волна · ' + ctxLabel) : s.source.label;
-    const liked = s.likes.includes(t.id), dis = s.dislikes.includes(t.id);
-    const tabDef = [['home', 'Главная', 'home'], ['search', 'Поиск', 'search'], ['collection', 'Коллекция', 'library_music'], ['profile', 'Профиль', 'person']];
-    Object.assign(out, {
-      scr: { app: true }, me, offline: off, pendingEvents: s.pending, isStaff: role !== 'user',
-      pg: { [page]: true }, back: () => this.setState({ sub: null }),
-      tabs: tabDef.map(([k, l, ic]) => { const on = s.tab === k; return { label: l, icon: ic, onClick: () => this.goTab(k), bg: on ? 'var(--accent-soft)' : 'transparent', ic: on ? 'var(--accent2)' : 'var(--text2)', fill: on ? F1 : F0, color: on ? 'var(--text)' : 'var(--text2)', w: on ? '600' : '500' }; }),
-      cur: { title: t.title, artist: ar.name, cover: al.cover, bpm: t.bpm, energy: t.energy, dl: s.downloads.includes(t.id), likeColor: liked ? 'var(--accent2)' : 'var(--text2)', likeFill: liked ? F1 : F0, disColor: dis ? 'var(--danger)' : 'var(--text2)', disFill: dis ? F1 : F0,
-        onLike: () => this.toggleLike(t.id), onDislike: () => this.toggleDislike(t.id), onArtist: () => this.goSub({ type: 'artist', id: ar.id }), onAlbum: () => this.goSub({ type: 'album', id: al.id }) },
-      playing: s.playing, waveOn: s.waveOn, waveIsPlaying, waveC: wc, waveIcon: waveIsPlaying ? 'pause' : 'play_arrow', ctxLabel,
-      onWave: () => { if (s.waveOn && !s.source.artistId) this.togglePlay(); else this.startWave(); },
-      activities: D.ACT.map(a => chip(s.activity === a[0], a[2], a[1], () => this.setCtx('activity', a[0]))),
-      moods: D.MOOD.map(m => chip(s.mood === m[0], m[2], m[1], () => this.setCtx('mood', m[0]))),
-      playIcon: s.playing ? 'pause' : 'play_arrow', togglePlay: () => this.togglePlay(), next: () => this.next(), prev: () => this.prev(),
-      miniPlay: e => { e && e.stopPropagation && e.stopPropagation(); this.togglePlay(); }, miniLike: e => { e.stopPropagation(); this.toggleLike(t.id); },
-      miniSub: s.waveOn ? srcLabel : ar.name, srcLabel, srcColor: s.waveOn ? 'var(--accent2)' : 'var(--text2)',
-      posStr: fmt(s.pos), durStr: fmt(t.dur), pct: (s.pos / t.dur * 100).toFixed(2) + '%',
-      onSeek: e => { const b = e.currentTarget.getBoundingClientRect(); this.setState({ pos: D.clamp((e.clientX - b.left) / b.width, 0, 0.999) * t.dur }); },
-      full: s.full, openFull: () => this.setState({ full: true, jumpKey: null }), closeFull: () => this.setState({ full: false, jumpKey: null }),
-      fpCover: (P.playerLayout || 'cover') === 'cover', fpWave: P.playerLayout === 'wave',
-      fp: { tint: `linear-gradient(180deg, ${al.c1}55 0%, ${al.c2}44 45%, transparent 85%)`, c1: al.c1, srcKind: s.waveOn ? 'Играет волна' : 'Играет', srcName: s.waveOn ? ctxLabel : s.source.label, output: off || s.downloads.includes(t.id) ? 'Динамик телефона · из памяти' : 'Динамик телефона · ' + QOPT.find(q => q[0] === s.qual.wifi)[1].toLowerCase() + ' качество' },
-      openQueue: () => this.setState({ sheet: 'queue' }),
-      queueRows: s.queue.slice(s.qi, s.qi + 30).map((id, k) => row(id, k, s.queue, '', { onPlay: () => { this.setTrack(s.qi + k, s.queue); this.setState({ sheet: null }); } })),
-      toastBottom: s.full ? '40px' : '160px'
-    });
-
-    if (page === 'search') {
-      const q = s.q.trim(), r = q ? D.search(q) : null;
-      Object.assign(out, { q: s.q, hasQ: !!s.q, onQ: e => this.setState({ q: e.target.value }), clearQ: () => this.setState({ q: '' }), sEmpty: !q,
-        recent: ['Кино', 'Moderat', 'Teardrop', 'ршту'].map(l => ({ label: l, onClick: () => this.setState({ q: l }) })),
-        sr: r ? { fixed: r.fixed, hasArtists: r.artists.length > 0, hasAlbums: r.albums.length > 0, hasTracks: r.tracks.length > 0, none: !r.artists.length && !r.albums.length && !r.tracks.length,
-          artists: r.artists.map(a => ({ name: a.name, img: a.avatar, ini: a.name.split(/\s+/).map(w => w[0]).join('').slice(0, 2).toUpperCase(), onClick: () => this.goSub({ type: 'artist', id: a.id }) })),
-          albums: r.albums.slice(0, 4).map(a => ({ title: a.title, sub: 'Альбом · ' + ART[a.artistId].name + ' · ' + a.year, img: a.cover, onClick: () => this.goSub({ type: 'album', id: a.id }) })),
-          tracks: r.tracks.slice(0, 10).map((id, i) => row(id, i, r.tracks, 'Поиск · ' + q)) } : {} });
-    }
-    if (page === 'collection') {
-      const ct = s.colTab;
-      out.colTabs = [['history', 'История', 'history'], ['likes', 'Лайки', 'favorite'], ['dislikes', 'Дизлайки', 'heart_broken'], ['downloads', 'Скачанное', 'download_done']].map(([k, l, ic]) => ({ label: l, icon: ic, onClick: () => this.setState({ colTab: k, jumpKey: null }), bg: ct === k ? 'var(--accent)' : 'transparent', color: ct === k ? '#fff' : 'var(--text)', border: ct === k ? 'var(--accent)' : 'var(--line2)', fill: ct === k ? F1 : F0 }));
-      let groups = [];
-      if (ct === 'history') { const list = s.history.map(h => h.id); s.history.forEach((h, i) => { let g = groups.find(x => x.day === h.day); if (!g) { g = { day: h.day, rows: [] }; groups.push(g); } g.rows.push(row(h.id, i, list, 'История', { time: h.time })); }); }
-      if (ct === 'likes') groups = [{ day: '', rows: s.likes.map((id, i) => row(id, i, s.likes, 'Лайки')) }];
-      if (ct === 'dislikes') groups = [{ day: '', rows: s.dislikes.map((id, i) => row(id, i, s.dislikes, 'Дизлайки', { op: 0.6 })) }];
-      out.col = { isDl: ct === 'downloads', isList: ct !== 'downloads', isDis: ct === 'dislikes', notDis: ct !== 'dislikes', canPlay: ct === 'likes' && s.likes.length > 0, groups,
-        onPlay: () => this.playList(s.likes, 0, 'Лайки'), onShuffle: () => this.playList([...s.likes].sort(() => Math.random() - 0.5), 0, 'Лайки · вперемешку') };
-      if (ct === 'downloads') {
-        const mb = s.downloads.reduce((a, id) => a + TR[id].dur * 0.04, 0);
-        const byAlb = []; s.downloads.forEach(id => { const a = TR[id].albumId; let g = byAlb.find(x => x.id === a); if (!g) { g = { id: a, ids: [] }; byAlb.push(g); } g.ids.push(id); });
-        const left = s.likes.filter(id => !s.downloads.includes(id) && !s.dlQueue.some(x => x.id === id));
-        out.dl = {
-          usedStr: mb >= 1024 ? (mb / 1024).toFixed(1).replace('.', ',') + ' ГБ' : Math.round(mb) + ' МБ', count: s.downloads.length + ' ' + plural(s.downloads.length, ['трек', 'трека', 'треков']), pct: Math.min(100, mb / 4096 * 100) + '%',
-          auto: { bg: s.autoLikes ? 'var(--accent)' : 'var(--line2)', x: s.autoLikes ? '24px' : '4px' }, onAuto: () => this.setState({ autoLikes: !s.autoLikes }),
-          likesLeft: left.length ? 'ещё ' + left.length : 'всё скачано', onAllLikes: () => { if (!left.length) return this.toastMsg('Все лайки уже скачаны'); if (off) return this.toastMsg('Нет сети'); this.setState({ dlQueue: [...s.dlQueue, ...left.map(id => ({ id, p: 0 }))] }); },
-          hasQueue: s.dlQueue.length > 0, queue: s.dlQueue.map(x => ({ title: TR[x.id].title + ' — ' + ART[TR[x.id].artistId].name, cover: ALB[TR[x.id].albumId].cover, w: Math.min(100, x.p) + '%', pctStr: x.p > 0 ? Math.round(Math.min(100, x.p)) + '%' : 'ждёт' })),
-          albums: byAlb.map(g => { const A = ALB[g.id]; const m2 = g.ids.reduce((a, id) => a + TR[id].dur * 0.04, 0); return { title: A.title, cover: A.cover, sub: ART[A.artistId].name + ' · ' + g.ids.length + ' из ' + A.tracks.length + ' · ' + Math.round(m2) + ' МБ',
-            onDel: () => { this.setState(st => ({ downloads: st.downloads.filter(x => !g.ids.includes(x)) })); this.toastMsg('Альбом удалён с устройства'); }, rows: g.ids.map((id, i) => row(id, i, g.ids, 'Скачанное · ' + A.title, { eqA: true })) }; })
-        };
-      }
-    }
-    if (page === 'album') {
-      const B = ALB[s.sub.id], A = ART[B.artistId], tot = B.tracks.reduce((x, id) => x + TR[id].dur, 0);
-      const have = B.tracks.filter(id => s.downloads.includes(id)).length, inQ = B.tracks.some(id => s.dlQueue.some(x => x.id === id)), all = have === B.tracks.length;
-      const isThis = !s.waveOn && B.tracks.includes(s.trackId) && s.source.label === 'Альбом · ' + B.title;
-      out.alb = { title: B.title, cover: B.cover, artist: A.name, year: B.year, tint: `linear-gradient(180deg, ${B.c1}55, transparent 420px)`, meta: Math.round(tot / 60) + ' мин',
-        playIcon: isThis && s.playing ? 'pause' : 'play_arrow', onPlay: () => isThis ? this.togglePlay() : this.playList(B.tracks, 0, 'Альбом · ' + B.title),
-        onShuffle: () => this.playList([...B.tracks].sort(() => Math.random() - 0.5), 0, 'Альбом · ' + B.title), onArtist: () => this.goSub({ type: 'artist', id: A.id }),
-        dlIcon: all ? 'download_done' : inQ ? 'downloading' : 'download', dlColor: all || inQ ? 'var(--accent2)' : 'var(--text)',
-        dlLabel: all ? 'Альбом скачан · доступен без сети' : inQ ? 'Скачивается: ' + have + ' из ' + B.tracks.length : have ? 'Скачано ' + have + ' из ' + B.tracks.length : 'Скачайте, чтобы слушать без сети',
-        onDl: () => { if (all) { this.setState({ downloads: s.downloads.filter(x => !B.tracks.includes(x)) }); return this.toastMsg('Альбом удалён с устройства'); } if (off) return this.toastMsg('Нет сети'); this.setState({ dlQueue: [...s.dlQueue, ...B.tracks.filter(id => !s.downloads.includes(id) && !s.dlQueue.some(x => x.id === id)).map(id => ({ id, p: 0 }))] }); this.toastMsg(s.wifiOnly ? 'Скачиваем по Wi-Fi' : 'Скачиваем'); },
-        rows: B.tracks.map((id, i) => row(id, i, B.tracks, 'Альбом · ' + B.title, { eqA: true })) };
-    }
-    if (page === 'artist') {
-      const A = ART[s.sub.id], top = [...A.tracks].sort((a, b) => TR[b].pop - TR[a].pop).slice(0, 5);
-      out.art = { name: A.name, img: A.avatar, banner: `linear-gradient(180deg, ${A.c1}55, transparent 420px)`, ini: A.name.split(/\s+/).map(w => w[0]).join('').slice(0, 2).toUpperCase(), meta: A.genre + ' · ' + A.tracks.length + ' ' + plural(A.tracks.length, ['трек', 'трека', 'треков']),
-        onWave: () => { this.startWave(A.id); }, onPlay: () => this.playList(top, 0, 'Исполнитель · ' + A.name),
-        rows: top.map((id, i) => row(id, i, top, 'Исполнитель · ' + A.name)), albums: A.albums.map(id => ({ title: ALB[id].title, year: ALB[id].year, img: ALB[id].cover, onClick: () => this.goSub({ type: 'album', id }) })) };
-    }
-    if (page === 'profile') {
-      Object.assign(out, {
-        openPw: () => this.setState({ sheet: 'pw', f: {}, pwErr: '' }),
-        qualRows: QROWS.map(([k, l, ic]) => { const o = QOPT.find(q => q[0] === s.qual[k]); return { label: l, icon: ic, value: o[1] + ' · ' + o[2].split(' · ')[0], onClick: () => this.setState({ sheet: 'q-' + k }) }; }),
-        wifiOnly: { bg: s.wifiOnly ? 'var(--accent)' : 'var(--line2)', x: s.wifiOnly ? '24px' : '4px' }, toggleWifiOnly: () => this.setState({ wifiOnly: !s.wifiOnly }),
-        cacheStr: s.cache + ' МБ', clearCache: () => { this.setState({ cache: 0 }); this.toastMsg('Кэш очищен — скачанное не тронуто'); },
-        appVer: '0.6.1 · ' + (s.updSeen ? 'доступна 0.6.2' : 'проверено сегодня'), updDot: s.upd !== 'done',
-        checkUpdate: () => { if (s.upd === 'done') return this.toastMsg('У вас последняя версия'); this.setState({ sheet: 'update', updSeen: true }); },
-        openAdmin: () => this.toastMsg('Открываем https://' + s.srvAddr + '/admin в браузере')
-      });
-    }
-    if (sheet.qual) {
-      const k = s.sheet.slice(2), def = QROWS.find(r => r[0] === k);
-      out.qs = { title: 'Качество · ' + def[1].toLowerCase(), opts: QOPT.map(([v, l, sub]) => ({ label: l, sub, ring: s.qual[k] === v ? 'var(--accent)' : 'var(--line2)', dot: s.qual[k] === v ? 'var(--accent)' : 'transparent', onClick: () => this.setState({ qual: { ...s.qual, [k]: v }, sheet: null }) })) };
-    }
-    if (sheet.pw) {
-      out.pwErr = s.pwErr;
-      out.onPw = () => { const f = s.f; if (!f.cur) return this.setState({ pwErr: 'Введите текущий пароль' }); if ((f.np || '').length < 8) return this.setState({ pwErr: 'Новый пароль — минимум 8 символов' }); if (f.np !== f.np2) return this.setState({ pwErr: 'Пароли не совпадают' }); this.setState({ sheet: null, f: {} }); this.toastMsg('Пароль изменён'); };
-    }
-    if (sheet.update) {
-      const u = s.upd;
-      out.up = { isAvail: u === 'available', isPerm: u === 'perm', isDl: u === 'downloading', isVerify: u === 'verify', isReady: u === 'ready',
-        title: u === 'available' || u === 'perm' ? 'Доступна версия 0.6.2' : u === 'ready' ? 'Готово к установке' : 'Скачиваем обновление', sub: 'Сейчас 0.6.1 · APK 38,4 МБ · через сервер ' + s.srvAddr,
-        notes: ['Офлайн-волна учитывает выбранное настроение', 'Плавная докачка альбомов после обрыва сети', 'Исправлено: мини-плеер мигал при смене трека', 'Поддержка пользовательского CA для self-signed сертификатов'],
-        w: s.updPct + '%', pctStr: Math.round(s.updPct) + '%', dlStr: (s.updPct / 100 * 38.4).toFixed(1).replace('.', ',') + ' из 38,4 МБ',
-        onUpdate: () => this.setState({ upd: 'perm' }), onPerm: () => this.setState({ upd: 'downloading', updPct: 0 }),
-        onInstall: () => { this.setState({ sheet: null, upd: 'done' }); this.toastMsg('Открыт установщик Android — после установки приложение перезапустится'); } };
-    }
-    return out;
-  }
-}
-</script>
-</body>
-</html>
diff --git a/docs/Разработка дизайна приложения/Pipu Web.dc.html b/docs/Разработка дизайна приложения/Pipu Web.dc.html
deleted file mode 100644
index bd23910..0000000
--- a/docs/Разработка дизайна приложения/Pipu Web.dc.html	
+++ /dev/null
@@ -1,1614 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<script src="./support.js"></script>
-</head>
-<body>
-<x-dc>
-<helmet>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link href="https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&family=Unbounded:wght@500;600;700&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
-<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0..1,0&display=block" rel="stylesheet">
-<script src="pipu-data.js"></script>
-<style>
-:root{--bg:#05070D;--bg2:#080B14;--surface:#0B0F1A;--surface2:#121827;--surface3:#1A2236;--elev:#111726;--hover:rgba(120,150,255,.07);--line:rgba(130,160,255,.10);--line2:rgba(130,160,255,.18);--text:#EDF1FF;--text2:#A0ABC6;--text3:#737F9C;--accent:#2F80FF;--accent2:#5E9BFF;--accent-soft:rgba(47,128,255,.15);--violet:#9B7CFF;--violet-soft:rgba(124,92,255,.16);--ok:#2FD39A;--ok-soft:rgba(47,211,154,.14);--warn:#FFB547;--warn-soft:rgba(255,181,71,.14);--danger:#FF5C70;--danger-soft:rgba(255,92,112,.14);--overlay:rgba(3,5,10,.66);--shadow:0 24px 64px rgba(0,0,0,.55);--glass:rgba(12,16,28,.78);--glow:0 8px 28px rgba(47,128,255,.38);--surface-a:rgba(11,15,26,.70);--bar-a:rgba(6,9,16,.55);--amb-op:.8}
-[data-theme="light"]{--bg:#F3F5FA;--bg2:#EBEEF5;--surface:#FFFFFF;--surface2:#F0F3F9;--surface3:#E4E9F3;--elev:#FFFFFF;--hover:rgba(30,60,140,.06);--line:rgba(20,35,80,.10);--line2:rgba(20,35,80,.17);--text:#0A0F1E;--text2:#4B5675;--text3:#677290;--accent:#1F6FF2;--accent2:#1F6FF2;--accent-soft:rgba(31,111,242,.10);--violet:#6A47F0;--violet-soft:rgba(106,71,240,.10);--ok:#0E9465;--ok-soft:rgba(14,148,101,.10);--warn:#A86200;--warn-soft:rgba(168,98,0,.10);--danger:#D32F47;--danger-soft:rgba(211,47,71,.09);--overlay:rgba(20,30,60,.32);--shadow:0 24px 64px rgba(20,30,60,.18);--glass:rgba(255,255,255,.84);--glow:0 8px 24px rgba(31,111,242,.28);--surface-a:rgba(255,255,255,.74);--bar-a:rgba(255,255,255,.55);--amb-op:.45}
-[data-shell="classic"]{--side-w:240px;--gap:0px;--pad:0px;--pr:0px;--panel-bg:transparent;--panel-blur:none;--side-border:1px solid var(--line);--top-border:1px solid var(--line);--top-px:20px;--player-bg:var(--bar-a)}
-[data-shell="floating"]{--side-w:232px;--gap:8px;--pad:8px;--pr:18px;--panel-bg:var(--surface-a);--panel-blur:blur(28px) saturate(1.2);--side-border:0;--top-border:0;--top-px:8px;--player-bg:var(--surface-a)}
-[data-player="bar"]{--rows:60px minmax(0,1fr) 88px;--cpb:40px}
-[data-player="island"]{--rows:60px minmax(0,1fr);--cpb:132px}
-@keyframes pipuDrift1{0%{transform:translate(-6%,-4%) scale(1)}35%{transform:translate(45%,28%) scale(1.2)}70%{transform:translate(15%,60%) scale(.9)}100%{transform:translate(60%,-5%) scale(1.1)}}
-@keyframes pipuDrift2{0%{transform:translate(4%,0) scale(1.05)}40%{transform:translate(-50%,40%) scale(.9)}75%{transform:translate(-20%,-25%) scale(1.2)}100%{transform:translate(-60%,15%) scale(1)}}
-@keyframes pipuDrift3{0%{transform:translate(0,0) scale(.95)}30%{transform:translate(-40%,-45%) scale(1.15)}65%{transform:translate(45%,-25%) scale(1)}100%{transform:translate(10%,-55%) scale(1.2)}}
-@keyframes pipuHue{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(-35deg)}100%{filter:hue-rotate(0deg)}}
-@keyframes pipuEq{0%{transform:scaleY(.25)}100%{transform:scaleY(1)}}
-@keyframes pipuIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
-body{margin:0;background:#05070D;font-family:Onest,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
-a{color:var(--accent2);text-decoration:none}a:hover{color:var(--text)}
-button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
-input,textarea,select{font:inherit;color:inherit}
-i{font-family:'Material Symbols Rounded';font-style:normal;font-weight:normal;line-height:1;font-size:22px;display:inline-block;-webkit-font-smoothing:antialiased;font-feature-settings:'liga';user-select:none;flex-shrink:0}
-::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:rgba(130,160,255,.18);border-radius:10px;border:3px solid transparent;background-clip:padding-box}
-</style>
-</helmet>
-<div data-theme="{{ theme }}" data-shell="{{ shell }}" data-player="{{ playerV }}" style="height:100vh;background:var(--bg);color:var(--text);font-family:Onest,system-ui,sans-serif;position:relative;overflow:hidden">
-{{ ambient }}
-
-<sc-if value="{{ isAuth }}">
-  <div style="position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden">
-    <div style="position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.55">
-      <x-import component="WaveButton" from="./wave.js" variant="{{ waveVariant }}" playing="{{ false }}" interactive="{{ false }}" theme="{{ theme }}" size="{{ 620 }}" hint-size="620px,620px"></x-import>
-    </div>
-    <div style="position:absolute;top:24px;left:28px;display:flex;align-items:center;gap:10px">
-      <div style="width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%, #9CC6FF, #2F80FF 55%, #3A1FA8);box-shadow:0 0 18px rgba(47,128,255,.55)"></div>
-      <div style="font-family:Unbounded;font-weight:600;font-size:19px;letter-spacing:-0.02em">pipu</div>
-    </div>
-    <div style="position:absolute;top:22px;right:24px;display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--glass);border:1px solid var(--line)">
-      <sc-for list="{{ langs }}" as="l" hint-placeholder-count="2">
-        <button onClick="{{ l.onClick }}" style="height:30px;padding:0 12px;border-radius:8px;font-size:13px;font-weight:600;background:{{ l.bg }};color:{{ l.color }}">{{ l.label }}</button>
-      </sc-for>
-    </div>
-
-    <sc-if value="{{ auth.login }}" hint-placeholder-val="{{ true }}">
-      <div style="position:relative;width:400px;max-width:calc(100% - 32px);display:flex;flex-direction:column;gap:20px;padding:36px;border-radius:24px;background:var(--glass);backdrop-filter:blur(28px) saturate(1.3);border:1px solid var(--line2);box-shadow:var(--shadow);box-sizing:border-box">
-        <div style="display:flex;flex-direction:column;gap:8px">
-          <div style="font-family:Unbounded;font-size:26px;font-weight:600;letter-spacing:-0.01em">Вход</div>
-          <div style="font-size:14px;line-height:1.5;color:var(--text2)">Учётные записи выдаёт администратор сервера</div>
-        </div>
-        <div style="display:flex;flex-direction:column;gap:14px">
-          <label style="display:flex;flex-direction:column;gap:6px">
-            <span style="font-size:13px;font-weight:500;color:var(--text2)">Логин</span>
-            <input value="{{ f.login }}" onChange="{{ fh.login }}" onKeyDown="{{ onLoginKey }}" autocomplete="username" style="height:48px;padding:0 14px;border-radius:12px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-size:15px" style-focus="border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)">
-          </label>
-          <label style="display:flex;flex-direction:column;gap:6px">
-            <span style="font-size:13px;font-weight:500;color:var(--text2)">Пароль</span>
-            <div style="position:relative;display:flex">
-              <input type="{{ pwType }}" value="{{ f.pass }}" onChange="{{ fh.pass }}" onKeyDown="{{ onLoginKey }}" autocomplete="current-password" style="flex:1;height:48px;padding:0 48px 0 14px;border-radius:12px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-size:15px" style-focus="border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)">
-              <button onClick="{{ toggleShowPw }}" aria-label="Показать пароль" style="position:absolute;right:6px;top:6px;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text3)" style-hover="color:var(--text)"><i style="font-size:20px">{{ pwIcon }}</i></button>
-            </div>
-          </label>
-          <sc-if value="{{ err.login }}">
-            <div style="display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:var(--danger-soft);color:var(--danger);font-size:13px;font-weight:500"><i style="font-size:18px">error</i>{{ err.login }}</div>
-          </sc-if>
-        </div>
-        <button onClick="{{ onLogin }}" style="height:48px;border-radius:12px;background:var(--accent);color:#fff;font-weight:600;font-size:15px;box-shadow:var(--glow)" style-hover="filter:brightness(1.1)">Войти</button>
-        <div style="font-size:12px;line-height:1.5;color:var(--text3);text-align:center">Демо: <span style="font-family:'JetBrains Mono';color:var(--text2)">admin / admin</span> — первый вход администратора, пароль <span style="font-family:'JetBrains Mono';color:var(--text2)">reset</span> — после сброса</div>
-      </div>
-    </sc-if>
-
-    <sc-if value="{{ auth.setup }}">
-      <div style="position:relative;width:440px;max-width:calc(100% - 32px);display:flex;flex-direction:column;gap:20px;padding:36px;border-radius:24px;background:var(--glass);backdrop-filter:blur(28px) saturate(1.3);border:1px solid var(--line2);box-shadow:var(--shadow);box-sizing:border-box">
-        <div style="display:flex;flex-direction:column;gap:10px">
-          <div style="align-self:flex-start;display:flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:var(--warn-soft);color:var(--warn);font-size:12px;font-weight:600"><i style="font-size:16px">{{ setupBadgeIcon }}</i>{{ setupBadge }}</div>
-          <div style="font-family:Unbounded;font-size:24px;font-weight:600;letter-spacing:-0.01em;text-wrap:pretty">{{ setupTitle }}</div>
-          <div style="font-size:14px;line-height:1.5;color:var(--text2);text-wrap:pretty">{{ setupText }}</div>
-        </div>
-        <div style="display:flex;flex-direction:column;gap:14px">
-          <sc-if value="{{ auth.setupAdmin }}">
-            <label style="display:flex;flex-direction:column;gap:6px">
-              <span style="font-size:13px;font-weight:500;color:var(--text2)">Новый логин</span>
-              <input value="{{ f.nlogin }}" onChange="{{ fh.nlogin }}" placeholder="не admin" style="height:48px;padding:0 14px;border-radius:12px;background:var(--surface2);border:1px solid {{ errB.nlogin }};outline:none;font-size:15px" style-focus="border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)">
-              <sc-if value="{{ err.nlogin }}"><span style="font-size:12px;color:var(--danger)">{{ err.nlogin }}</span></sc-if>
-            </label>
-          </sc-if>
-          <label style="display:flex;flex-direction:column;gap:6px">
-            <span style="font-size:13px;font-weight:500;color:var(--text2)">Новый пароль</span>
-            <input type="password" value="{{ f.np }}" onChange="{{ fh.np }}" style="height:48px;padding:0 14px;border-radius:12px;background:var(--surface2);border:1px solid {{ errB.np }};outline:none;font-size:15px" style-focus="border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)">
-            <div style="display:flex;align-items:center;gap:10px;margin-top:2px">
-              <div style="flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px">
-                <sc-for list="{{ strength.bars }}" as="b" hint-placeholder-count="4"><div style="height:4px;border-radius:2px;background:{{ b.bg }}"></div></sc-for>
-              </div>
-              <span style="font-size:12px;font-weight:500;color:{{ strength.color }};min-width:72px;text-align:right">{{ strength.label }}</span>
-            </div>
-            <sc-if value="{{ err.np }}"><span style="font-size:12px;color:var(--danger)">{{ err.np }}</span></sc-if>
-          </label>
-          <label style="display:flex;flex-direction:column;gap:6px">
-            <span style="font-size:13px;font-weight:500;color:var(--text2)">Подтверждение</span>
-            <input type="password" value="{{ f.np2 }}" onChange="{{ fh.np2 }}" style="height:48px;padding:0 14px;border-radius:12px;background:var(--surface2);border:1px solid {{ errB.np2 }};outline:none;font-size:15px" style-focus="border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)">
-            <sc-if value="{{ err.np2 }}"><span style="font-size:12px;color:var(--danger)">{{ err.np2 }}</span></sc-if>
-          </label>
-        </div>
-        <button onClick="{{ onSetup }}" style="height:48px;border-radius:12px;background:var(--accent);color:#fff;font-weight:600;font-size:15px;box-shadow:var(--glow)" style-hover="filter:brightness(1.1)">Сохранить и продолжить</button>
-        <button onClick="{{ onLogout }}" style="height:20px;font-size:13px;color:var(--text3)" style-hover="color:var(--text)">Выйти</button>
-      </div>
-    </sc-if>
-  </div>
-</sc-if>
-
-<sc-if value="{{ isApp }}" hint-placeholder-val="{{ true }}">
-  <div style="position:relative;z-index:1;height:100%;display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);grid-template-rows:var(--rows);gap:var(--gap);padding:var(--pad);box-sizing:border-box">
-
-    <header style="grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:16px;padding:0 var(--top-px);border-bottom:var(--top-border);position:relative;z-index:30">
-      <div onClick="{{ nav.home }}" style="width:calc(var(--side-w) - 36px);display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0;padding-left:4px">
-        <div style="width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%, #9CC6FF, #2F80FF 55%, #3A1FA8);box-shadow:0 0 18px rgba(47,128,255,.55)"></div>
-        <div style="font-family:Unbounded;font-weight:600;font-size:19px;letter-spacing:-0.02em">pipu</div>
-      </div>
-      <div style="flex:1;max-width:620px;position:relative">
-        <div style="display:flex;align-items:center;gap:10px;height:42px;padding:0 8px 0 14px;border-radius:12px;background:var(--surface2);border:1px solid {{ sBorder }}">
-          <i style="font-size:20px;color:var(--text3)">search</i>
-          <input ref="{{ searchRef }}" value="{{ q }}" onChange="{{ onSearchInput }}" onFocus="{{ onSearchFocus }}" onBlur="{{ onSearchBlur }}" onKeyDown="{{ onSearchKey }}" placeholder="Исполнители, альбомы, треки" style="flex:1;min-width:0;height:100%;background:none;border:0;outline:none;font-size:15px">
-          <div style="height:24px;padding:0 7px;border-radius:6px;border:1px solid var(--line2);display:flex;align-items:center;font-family:'JetBrains Mono';font-size:12px;color:var(--text3)">/</div>
-        </div>
-        <sc-if value="{{ showDrop }}">
-          <div style="position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:60;display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--elev);border:1px solid var(--line2);border-radius:16px;box-shadow:var(--shadow);max-height:70vh;overflow:auto;animation:pipuIn .14s ease-out">
-            <sc-if value="{{ sFixed }}">
-              <div style="display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:13px;color:var(--text2)"><i style="font-size:16px;color:var(--accent2)">keyboard</i>Исправили раскладку: «{{ sFixed }}»</div>
-            </sc-if>
-            <sc-if value="{{ sHas.artists }}">
-              <div style="padding:8px 10px 4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)">Исполнители</div>
-              <sc-for list="{{ sArtists }}" as="it">
-                <div onMouseDown="{{ it.act }}" style="display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:10px;cursor:pointer;background:{{ it.bg }}" style-hover="background:var(--hover)">
-                  <div style="width:40px;height:40px;border-radius:50%;background:{{ it.img }};display:flex;align-items:center;justify-content:center;font-family:Unbounded;font-weight:600;font-size:14px;color:#fff">{{ it.ini }}</div>
-                  <div style="display:flex;flex-direction:column;gap:2px;min-width:0"><span style="font-size:15px;font-weight:500">{{ it.title }}</span><span style="font-size:13px;color:var(--text2)">{{ it.sub }}</span></div>
-                </div>
-              </sc-for>
-            </sc-if>
-            <sc-if value="{{ sHas.albums }}">
-              <div style="padding:8px 10px 4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)">Альбомы</div>
-              <sc-for list="{{ sAlbums }}" as="it">
-                <div onMouseDown="{{ it.act }}" style="display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:10px;cursor:pointer;background:{{ it.bg }}" style-hover="background:var(--hover)">
-                  <div style="width:40px;height:40px;border-radius:8px;background:{{ it.img }}"></div>
-                  <div style="display:flex;flex-direction:column;gap:2px;min-width:0"><span style="font-size:15px;font-weight:500">{{ it.title }}</span><span style="font-size:13px;color:var(--text2)">{{ it.sub }}</span></div>
-                </div>
-              </sc-for>
-            </sc-if>
-            <sc-if value="{{ sHas.tracks }}">
-              <div style="padding:8px 10px 4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)">Треки</div>
-              <sc-for list="{{ sTracks }}" as="it">
-                <div onMouseDown="{{ it.act }}" style="display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:10px;cursor:pointer;background:{{ it.bg }}" style-hover="background:var(--hover)">
-                  <div style="width:40px;height:40px;border-radius:8px;background:{{ it.img }};display:flex;align-items:center;justify-content:center"><i style="font-size:20px;color:#fff;font-variation-settings:'FILL' 1;opacity:.9">play_arrow</i></div>
-                  <div style="flex:1;display:flex;flex-direction:column;gap:2px;min-width:0"><span style="font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ it.title }}</span><span style="font-size:13px;color:var(--text2)">{{ it.sub }}</span></div>
-                  <span style="font-size:13px;color:var(--text3);font-variant-numeric:tabular-nums">{{ it.dur }}</span>
-                </div>
-              </sc-for>
-            </sc-if>
-            <sc-if value="{{ sNone }}">
-              <div style="padding:20px 10px;text-align:center;font-size:14px;color:var(--text2)">Ничего не нашлось</div>
-            </sc-if>
-            <div onMouseDown="{{ openSearch }}" style="display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding:10px;border-top:1px solid var(--line);font-size:14px;font-weight:500;color:var(--accent2);cursor:pointer">
-              <span>Все результаты по «{{ q }}»</span>
-              <span style="font-family:'JetBrains Mono';font-size:12px;color:var(--text3)">Enter ↵</span>
-            </div>
-          </div>
-        </sc-if>
-      </div>
-      <div style="flex:1"></div>
-      <div style="position:relative">
-        <button onClick="{{ toggleProfile }}" style="display:flex;align-items:center;gap:10px;height:42px;padding:0 6px 0 6px;border-radius:12px" style-hover="background:var(--hover)">
-          <div style="width:32px;height:32px;border-radius:50%;background:linear-gradient(140deg,#2F80FF,#7C5CFF);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff">{{ me.ini }}</div>
-          <i style="font-size:20px;color:var(--text3)">expand_more</i>
-        </button>
-        <sc-if value="{{ profileOpen }}">
-          <div style="position:absolute;right:0;top:calc(100% + 8px);width:260px;display:flex;flex-direction:column;padding:8px;background:var(--elev);border:1px solid var(--line2);border-radius:16px;box-shadow:var(--shadow);animation:pipuIn .14s ease-out;z-index:60">
-            <div style="display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:6px">
-              <span style="font-weight:600;font-size:15px">{{ me.name }}</span>
-              <span style="font-size:13px;color:var(--text2)">{{ me.login }} · {{ me.role }}</span>
-            </div>
-            <button onClick="{{ nav.settings }}" style="display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-radius:10px;font-size:14px;text-align:left" style-hover="background:var(--hover)"><i style="font-size:20px;color:var(--text2)">settings</i>Профиль и настройки</button>
-            <button onClick="{{ toggleTheme }}" style="display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-radius:10px;font-size:14px;text-align:left" style-hover="background:var(--hover)"><i style="font-size:20px;color:var(--text2)">{{ themeIcon }}</i>{{ themeLabel }}</button>
-            <button onClick="{{ onLogout }}" style="display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-radius:10px;font-size:14px;text-align:left;color:var(--danger)" style-hover="background:var(--danger-soft)"><i style="font-size:20px">logout</i>Выйти</button>
-          </div>
-        </sc-if>
-      </div>
-    </header>
-
-    <nav style="grid-row:2;grid-column:1;display:flex;flex-direction:column;gap:2px;padding:12px;background:var(--panel-bg);backdrop-filter:var(--panel-blur);border-radius:var(--pr);border-right:var(--side-border);overflow:auto;box-sizing:border-box">
-      <sc-for list="{{ navTop }}" as="n" hint-placeholder-count="1">
-        <button onClick="{{ n.onClick }}" style="display:flex;align-items:center;gap:12px;height:42px;padding:0 12px;border-radius:12px;font-size:15px;font-weight:500;text-align:left;background:{{ n.bg }};color:{{ n.color }}" style-hover="background:var(--hover);color:var(--text)">
-          <i style="font-size:22px;color:{{ n.ic }};font-variation-settings:{{ n.fill }}">{{ n.icon }}</i><span style="flex:1">{{ n.label }}</span>
-        </button>
-      </sc-for>
-      <div style="height:12px"></div>
-      <div style="display:flex;align-items:center;gap:12px;height:32px;padding:0 12px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)">Коллекция</div>
-      <sc-for list="{{ navCol }}" as="n" hint-placeholder-count="3">
-        <button onClick="{{ n.onClick }}" style="display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-radius:12px;font-size:15px;font-weight:500;text-align:left;background:{{ n.bg }};color:{{ n.color }}" style-hover="background:var(--hover);color:var(--text)">
-          <i style="font-size:21px;color:{{ n.ic }};font-variation-settings:{{ n.fill }}">{{ n.icon }}</i><span style="flex:1">{{ n.label }}</span><span style="font-size:12px;color:var(--text3);font-variant-numeric:tabular-nums">{{ n.count }}</span>
-        </button>
-      </sc-for>
-      <sc-if value="{{ showAdmin }}" hint-placeholder-val="{{ true }}">
-        <div style="height:12px"></div>
-        <div style="display:flex;align-items:center;gap:12px;height:32px;padding:0 12px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)">Админка</div>
-        <sc-for list="{{ navAdm }}" as="n" hint-placeholder-count="5">
-          <button onClick="{{ n.onClick }}" style="display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-radius:12px;font-size:15px;font-weight:500;text-align:left;background:{{ n.bg }};color:{{ n.color }}" style-hover="background:var(--hover);color:var(--text)">
-            <i style="font-size:21px;color:{{ n.ic }};font-variation-settings:{{ n.fill }}">{{ n.icon }}</i><span style="flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ n.label }}</span>
-            <sc-if value="{{ n.badge }}"><span style="min-width:22px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-sizing:border-box">{{ n.badge }}</span></sc-if>
-          </button>
-        </sc-for>
-      </sc-if>
-    </nav>
-
-    <div style="grid-row:2;grid-column:2;position:relative;border-radius:var(--pr);background:var(--panel-bg);backdrop-filter:var(--panel-blur);overflow:hidden;min-width:0">
-      <div ref="{{ mainRef }}" style="position:absolute;inset:0;overflow-y:auto;overflow-x:hidden">
-
-        <sc-if value="{{ pg.home }}" hint-placeholder-val="{{ true }}">
-          <sc-if value="{{ homeCenter }}" hint-placeholder-val="{{ true }}">
-            <div style="min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:44px;padding:48px 32px var(--cpb);box-sizing:border-box">
-              <x-import component="WaveButton" from="./wave.js" variant="{{ waveVariant }}" playing="{{ waveIsPlaying }}" bpm="{{ cur.bpm }}" energy="{{ cur.energy }}" color="{{ waveC.c1 }}" color2="{{ waveC.c2 }}" color3="{{ waveC.c3 }}" theme="{{ theme }}" size="{{ 340 }}" onClick="{{ onWave }}" ariaLabel="Моя волна" hint-size="340px,340px">
-                <i style="font-size:52px;color:#fff;font-variation-settings:'FILL' 1">{{ waveIcon }}</i>
-                <div style="font-family:Unbounded;font-weight:600;font-size:26px;color:#fff;margin-top:10px;letter-spacing:-0.01em">Моя волна</div>
-                <div style="font-size:14px;color:rgba(255,255,255,.78);margin-top:6px">{{ ctxLabel }}</div>
-              </x-import>
-              <div style="display:flex;flex-direction:column;gap:22px;align-items:center;max-width:860px">
-                <div style="display:flex;flex-direction:column;gap:10px;align-items:center">
-                  <div style="font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)">Занятие</div>
-                  <div style="display:flex;flex-wrap:wrap;gap:8px;justify-content:center">
-                    <sc-for list="{{ activities }}" as="c" hint-placeholder-count="7">
-                      <button onClick="{{ c.onClick }}" style="display:flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 12px;border-radius:999px;font-size:14px;font-weight:500;background:{{ c.bg }};color:{{ c.color }};border:1px solid {{ c.border }};box-shadow:{{ c.shadow }}" style-hover="border-color:var(--accent)"><i style="font-size:19px;color:{{ c.ic }}">{{ c.icon }}</i>{{ c.label }}</button>
-                    </sc-for>
-                  </div>
-                </div>
-                <div style="display:flex;flex-direction:column;gap:10px;align-items:center">
-                  <div style="font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)">Настроение</div>
-                  <div style="display:flex;flex-wrap:wrap;gap:8px;justify-content:center">
-                    <sc-for list="{{ moods }}" as="c" hint-placeholder-count="4">
-                      <button onClick="{{ c.onClick }}" style="display:flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 12px;border-radius:999px;font-size:14px;font-weight:500;background:{{ c.bg }};color:{{ c.color }};border:1px solid {{ c.border }};box-shadow:{{ c.shadow }}" style-hover="border-color:var(--accent)"><i style="font-size:19px;color:{{ c.ic }}">{{ c.icon }}</i>{{ c.label }}</button>
-                    </sc-for>
-                  </div>
-                </div>
-              </div>
-              <sc-if value="{{ waveOn }}">
-                <div style="display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text2)">
-                  <div style="width:6px;height:6px;border-radius:50%;background:var(--accent2);box-shadow:0 0 10px var(--accent)"></div>
-                  <span>Сейчас в волне: <span style="color:var(--text);font-weight:500">{{ cur.title }}</span> — {{ cur.artist }}</span>
-                </div>
-              </sc-if>
-            </div>
-          </sc-if>
-
-          <sc-if value="{{ homeSplit }}">
-            <div style="min-height:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));align-items:center;gap:40px 56px;padding:48px 56px var(--cpb);box-sizing:border-box;max-width:1280px;margin:0 auto">
-              <div style="display:flex;align-items:center;justify-content:center;min-height:480px">
-                <x-import component="WaveButton" from="./wave.js" variant="{{ waveVariant }}" playing="{{ waveIsPlaying }}" bpm="{{ cur.bpm }}" energy="{{ cur.energy }}" color="{{ waveC.c1 }}" color2="{{ waveC.c2 }}" color3="{{ waveC.c3 }}" theme="{{ theme }}" size="{{ 400 }}" onClick="{{ onWave }}" ariaLabel="Моя волна" hint-size="400px,400px">
-                  <i style="font-size:64px;color:#fff;font-variation-settings:'FILL' 1">{{ waveIcon }}</i>
-                </x-import>
-              </div>
-              <div style="display:flex;flex-direction:column;gap:28px;min-width:0">
-                <div style="display:flex;flex-direction:column;gap:12px">
-                  <div style="font-family:Unbounded;font-size:52px;font-weight:600;letter-spacing:-0.03em;line-height:1.05">Моя волна</div>
-                  <div style="font-size:17px;line-height:1.5;color:var(--text2);max-width:460px;text-wrap:pretty">Бесконечный поток под ваш вкус. Учится на лайках, пропусках и звучании треков — выберите, что вы делаете, и волна подстроится.</div>
-                </div>
-                <sc-if value="{{ waveOn }}">
-                  <div style="display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;background:var(--surface2);border:1px solid var(--line)">
-                    <div style="width:52px;height:52px;border-radius:10px;background:{{ cur.cover }}"></div>
-                    <div style="flex:1;min-width:0;display:flex;flex-direction:column;gap:3px"><span style="font-weight:600;font-size:15px">{{ cur.title }}</span><span style="font-size:13px;color:var(--text2)">{{ cur.artist }} · {{ ctxLabel }}</span></div>
-                    <button onClick="{{ next }}" style="width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text2)" style-hover="background:var(--hover);color:var(--text)"><i style="font-variation-settings:'FILL' 1">skip_next</i></button>
-                  </div>
-                </sc-if>
-                <div style="display:flex;flex-direction:column;gap:10px">
-                  <div style="display:flex;align-items:center;justify-content:space-between"><span style="font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)">Занятие</span>
-                    <sc-if value="{{ hasCtx }}"><button onClick="{{ clearCtx }}" style="font-size:13px;color:var(--accent2)" style-hover="color:var(--text)">Сбросить — просто под меня</button></sc-if>
-                  </div>
-                  <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px">
-                    <sc-for list="{{ activities }}" as="c" hint-placeholder-count="7">
-                      <button onClick="{{ c.onClick }}" style="display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:14px;border-radius:14px;font-size:14px;font-weight:500;text-align:left;background:{{ c.bg }};color:{{ c.color }};border:1px solid {{ c.border }};box-shadow:{{ c.shadow }}" style-hover="border-color:var(--accent)"><i style="font-size:24px;color:{{ c.ic }}">{{ c.icon }}</i>{{ c.label }}</button>
-                    </sc-for>
-                  </div>
-                </div>
-                <div style="display:flex;flex-direction:column;gap:10px">
-                  <span style="font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)">Настроение</span>
-                  <div style="display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px">
-                    <sc-for list="{{ moods }}" as="c" hint-placeholder-count="4">
-                      <button onClick="{{ c.onClick }}" style="display:flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 10px;border-radius:12px;font-size:14px;font-weight:500;background:{{ c.bg }};color:{{ c.color }};border:1px solid {{ c.border }};box-shadow:{{ c.shadow }}" style-hover="border-color:var(--accent)"><i style="font-size:19px;color:{{ c.ic }}">{{ c.icon }}</i>{{ c.label }}</button>
-                    </sc-for>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </sc-if>
-        </sc-if>
-
-        <sc-if value="{{ pg.search }}">
-          <div style="display:flex;flex-direction:column;gap:28px;padding:32px 36px var(--cpb);max-width:1200px">
-            <div style="display:flex;flex-direction:column;gap:6px">
-              <div style="font-size:14px;color:var(--text2)">Результаты поиска</div>
-              <div style="font-family:Unbounded;font-size:32px;font-weight:600;letter-spacing:-0.02em">«{{ sp.q }}»</div>
-              <sc-if value="{{ sp.fixed }}"><div style="font-size:14px;color:var(--text2)">Показаны результаты для «{{ sp.fixed }}» — запрос был набран в другой раскладке</div></sc-if>
-            </div>
-            <div style="display:flex;gap:6px;flex-wrap:wrap">
-              <sc-for list="{{ sp.tabs }}" as="t" hint-placeholder-count="4">
-                <button onClick="{{ t.onClick }}" style="height:36px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:500;background:{{ t.bg }};color:{{ t.color }};border:1px solid {{ t.border }}">{{ t.label }} <span style="opacity:.6">{{ t.count }}</span></button>
-              </sc-for>
-            </div>
-            <sc-if value="{{ sp.showArtists }}">
-              <div style="display:flex;flex-direction:column;gap:14px">
-                <div style="font-size:20px;font-weight:600">Исполнители</div>
-                <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px">
-                  <sc-for list="{{ sp.artists }}" as="a">
-                    <div onClick="{{ a.onClick }}" style="display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border-radius:16px;cursor:pointer;text-align:center" style-hover="background:var(--hover)">
-                      <div style="width:128px;height:128px;border-radius:50%;background:{{ a.img }};display:flex;align-items:center;justify-content:center;font-family:Unbounded;font-weight:600;font-size:34px;color:#fff">{{ a.ini }}</div>
-                      <div style="display:flex;flex-direction:column;gap:3px"><span style="font-weight:600;font-size:15px">{{ a.name }}</span><span style="font-size:13px;color:var(--text2)">{{ a.sub }}</span></div>
-                    </div>
-                  </sc-for>
-                </div>
-              </div>
-            </sc-if>
-            <sc-if value="{{ sp.showAlbums }}">
-              <div style="display:flex;flex-direction:column;gap:14px">
-                <div style="font-size:20px;font-weight:600">Альбомы</div>
-                <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px">
-                  <sc-for list="{{ sp.albums }}" as="a">
-                    <div onClick="{{ a.onClick }}" style="display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:16px;cursor:pointer" style-hover="background:var(--hover)">
-                      <div style="aspect-ratio:1;border-radius:12px;background:{{ a.img }}"></div>
-                      <div style="display:flex;flex-direction:column;gap:3px;min-width:0"><span style="font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ a.title }}</span><span style="font-size:13px;color:var(--text2)">{{ a.sub }}</span></div>
-                    </div>
-                  </sc-for>
-                </div>
-              </div>
-            </sc-if>
-            <sc-if value="{{ sp.showTracks }}">
-              <div style="display:flex;flex-direction:column;gap:8px">
-                <div style="font-size:20px;font-weight:600;margin-bottom:6px">Треки</div>
-                <sc-for list="{{ sp.tracks }}" as="r">
-                  <div onClick="{{ r.onPlay }}" style="display:grid;grid-template-columns:32px 44px minmax(0,1.4fr) minmax(0,1fr) 40px 52px;align-items:center;gap:14px;padding:6px 12px;border-radius:12px;cursor:pointer" style-hover="background:var(--hover)">
-                    <div style="display:flex;justify-content:center;font-size:14px;color:var(--text3);font-variant-numeric:tabular-nums"><sc-if value="{{ r.isCur }}">{{ r.eq }}</sc-if><sc-if value="{{ r.notCur }}">{{ r.num }}</sc-if></div>
-                    <div style="width:44px;height:44px;border-radius:8px;background:{{ r.cover }}"></div>
-                    <div style="min-width:0;display:flex;flex-direction:column;gap:2px"><span style="font-size:15px;font-weight:500;color:{{ r.titleColor }};white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ r.title }}</span><span onClick="{{ r.onArtist }}" style="font-size:13px;color:var(--text2);align-self:flex-start" style-hover="color:var(--text);text-decoration:underline">{{ r.artist }}</span></div>
-                    <span onClick="{{ r.onAlbum }}" style="font-size:14px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis" style-hover="color:var(--text)">{{ r.album }}</span>
-                    <button onClick="{{ r.onLike }}" aria-label="Лайк" style="width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center" style-hover="background:var(--hover)"><i style="font-size:20px;color:{{ r.likeColor }};font-variation-settings:{{ r.likeFill }}">favorite</i></button>
-                    <span style="text-align:right;font-size:14px;color:var(--text3);font-variant-numeric:tabular-nums">{{ r.dur }}</span>
-                  </div>
-                </sc-for>
-              </div>
-            </sc-if>
-            <sc-if value="{{ sp.none }}">
-              <div style="padding:64px 0;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text2)"><i style="font-size:40px;color:var(--text3)">search_off</i><span style="font-size:16px">Ничего не нашлось. Попробуйте другое написание.</span></div>
-            </sc-if>
-          </div>
-        </sc-if>
-
-        <sc-if value="{{ pg.artist }}">
-          <div style="display:flex;flex-direction:column">
-            <div style="position:relative;padding:56px 36px 32px;background:{{ ap.banner }};display:flex;align-items:flex-end;gap:28px;flex-wrap:wrap">
-              <div style="width:200px;height:200px;border-radius:50%;background:{{ ap.img }};box-shadow:0 20px 60px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;font-family:Unbounded;font-weight:600;font-size:56px;color:#fff;flex-shrink:0">{{ ap.ini }}</div>
-              <div style="display:flex;flex-direction:column;gap:12px;min-width:0;padding-bottom:6px">
-                <span style="font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text2)">Исполнитель · {{ ap.genre }}</span>
-                <div style="font-family:Unbounded;font-size:60px;font-weight:600;letter-spacing:-0.03em;line-height:1">{{ ap.name }}</div>
-                <span style="font-size:14px;color:var(--text2)">{{ ap.meta }}</span>
-              </div>
-            </div>
-            <div style="display:flex;flex-direction:column;gap:32px;padding:8px 36px var(--cpb)">
-              <div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap">
-                <button onClick="{{ ap.onWave }}" style="display:flex;align-items:center;gap:10px;height:48px;padding:0 22px 0 16px;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;font-size:15px;box-shadow:var(--glow)" style-hover="filter:brightness(1.1)"><i style="font-size:22px">graphic_eq</i>Волна по исполнителю</button>
-                <button onClick="{{ ap.onPlay }}" style="display:flex;align-items:center;gap:8px;height:48px;padding:0 20px 0 14px;border-radius:999px;background:var(--surface2);border:1px solid var(--line2);font-weight:600;font-size:15px" style-hover="background:var(--surface3)"><i style="font-variation-settings:'FILL' 1">play_arrow</i>Слушать</button>
-                <button onClick="{{ ap.onShuffle }}" aria-label="Перемешать" style="width:48px;height:48px;border-radius:50%;background:var(--surface2);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center" style-hover="background:var(--surface3)"><i>shuffle</i></button>
-              </div>
-              <div style="display:flex;flex-direction:column;gap:4px">
-                <div style="font-size:20px;font-weight:600;margin-bottom:10px">Популярные треки</div>
-                <sc-for list="{{ ap.tracks }}" as="r">
-                  <div onClick="{{ r.onPlay }}" style="display:grid;grid-template-columns:32px 44px minmax(0,1.4fr) minmax(0,1fr) 40px 52px;align-items:center;gap:14px;padding:6px 12px;border-radius:12px;cursor:pointer" style-hover="background:var(--hover)">
-                    <div style="display:flex;justify-content:center;font-size:14px;color:var(--text3);font-variant-numeric:tabular-nums"><sc-if value="{{ r.isCur }}">{{ r.eq }}</sc-if><sc-if value="{{ r.notCur }}">{{ r.num }}</sc-if></div>
-                    <div style="width:44px;height:44px;border-radius:8px;background:{{ r.cover }}"></div>
-                    <span style="font-size:15px;font-weight:500;color:{{ r.titleColor }};white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ r.title }}</span>
-                    <span onClick="{{ r.onAlbum }}" style="font-size:14px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis" style-hover="color:var(--text)">{{ r.album }}</span>
-                    <button onClick="{{ r.onLike }}" aria-label="Лайк" style="width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center" style-hover="background:var(--hover)"><i style="font-size:20px;color:{{ r.likeColor }};font-variation-settings:{{ r.likeFill }}">favorite</i></button>
-                    <span style="text-align:right;font-size:14px;color:var(--text3);font-variant-numeric:tabular-nums">{{ r.dur }}</span>
-                  </div>
-                </sc-for>
-              </div>
-              <div style="display:flex;flex-direction:column;gap:14px">
-                <div style="font-size:20px;font-weight:600">Альбомы</div>
-                <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px">
-                  <sc-for list="{{ ap.albums }}" as="a">
-                    <div onClick="{{ a.onClick }}" style="display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:16px;cursor:pointer" style-hover="background:var(--hover)">
-                      <div style="aspect-ratio:1;border-radius:12px;background:{{ a.img }};box-shadow:0 12px 32px rgba(0,0,0,.3)"></div>
-                      <div style="display:flex;flex-direction:column;gap:3px;min-width:0"><span style="font-weight:600;font-size:15px">{{ a.title }}</span><span style="font-size:13px;color:var(--text2)">{{ a.sub }}</span></div>
-                    </div>
-                  </sc-for>
-                </div>
-              </div>
-            </div>
-          </div>
-        </sc-if>
-
-        <sc-if value="{{ pg.album }}">
-          <div style="display:flex;flex-direction:column">
-            <div style="padding:48px 36px 28px;background:{{ alp.tint }};display:flex;align-items:flex-end;gap:28px;flex-wrap:wrap">
-              <div style="width:232px;height:232px;border-radius:16px;background:{{ alp.cover }};box-shadow:0 24px 64px rgba(0,0,0,.5);flex-shrink:0"></div>
-              <div style="display:flex;flex-direction:column;gap:12px;min-width:0;padding-bottom:4px">
-                <span style="font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text2)">Альбом</span>
-                <div style="font-family:Unbounded;font-size:48px;font-weight:600;letter-spacing:-0.03em;line-height:1.05;text-wrap:balance">{{ alp.title }}</div>
-                <div style="display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text2);flex-wrap:wrap">
-                  <div style="width:24px;height:24px;border-radius:50%;background:{{ alp.artistImg }}"></div>
-                  <span onClick="{{ alp.onArtist }}" style="color:var(--text);font-weight:600;cursor:pointer" style-hover="text-decoration:underline">{{ alp.artist }}</span>
-                  <span>· {{ alp.year }} · {{ alp.meta }}</span>
-                </div>
-              </div>
-            </div>
-            <div style="display:flex;flex-direction:column;gap:20px;padding:8px 36px var(--cpb)">
-              <div style="display:flex;align-items:center;gap:10px">
-                <button onClick="{{ alp.onPlay }}" aria-label="Слушать" style="width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow)" style-hover="filter:brightness(1.1)"><i style="font-size:32px;font-variation-settings:'FILL' 1">{{ alp.playIcon }}</i></button>
-                <button onClick="{{ alp.onShuffle }}" aria-label="Перемешать" style="width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text2)" style-hover="background:var(--hover);color:var(--text)"><i>shuffle</i></button>
-              </div>
-              <div style="display:flex;flex-direction:column">
-                <div style="display:grid;grid-template-columns:32px minmax(0,1fr) 40px 52px;gap:14px;padding:0 12px 10px;border-bottom:1px solid var(--line);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)"><span style="text-align:center">#</span><span>Название</span><span></span><span style="text-align:right"><i style="font-size:16px">schedule</i></span></div>
-                <div style="height:8px"></div>
-                <sc-for list="{{ alp.tracks }}" as="r">
-                  <div onClick="{{ r.onPlay }}" style="display:grid;grid-template-columns:32px minmax(0,1fr) 40px 52px;align-items:center;gap:14px;height:52px;padding:0 12px;border-radius:12px;cursor:pointer" style-hover="background:var(--hover)">
-                    <div style="display:flex;justify-content:center;font-size:14px;color:var(--text3);font-variant-numeric:tabular-nums"><sc-if value="{{ r.isCur }}">{{ r.eq }}</sc-if><sc-if value="{{ r.notCur }}">{{ r.num }}</sc-if></div>
-                    <div style="min-width:0;display:flex;flex-direction:column;gap:2px"><span style="font-size:15px;font-weight:500;color:{{ r.titleColor }};white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ r.title }}</span><span style="font-size:13px;color:var(--text2)">{{ r.artist }}</span></div>
-                    <button onClick="{{ r.onLike }}" aria-label="Лайк" style="width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center" style-hover="background:var(--hover)"><i style="font-size:20px;color:{{ r.likeColor }};font-variation-settings:{{ r.likeFill }}">favorite</i></button>
-                    <span style="text-align:right;font-size:14px;color:var(--text3);font-variant-numeric:tabular-nums">{{ r.dur }}</span>
-                  </div>
-                </sc-for>
-              </div>
-            </div>
-          </div>
-        </sc-if>
-
-        <sc-if value="{{ pg.collection }}">
-          <div style="display:flex;flex-direction:column;gap:24px;padding:32px 36px var(--cpb);max-width:1200px">
-            <div style="display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap">
-              <div style="width:120px;height:120px;border-radius:20px;background:{{ col.tile }};display:flex;align-items:center;justify-content:center;box-shadow:0 16px 40px rgba(0,0,0,.3)"><i style="font-size:52px;color:#fff;font-variation-settings:'FILL' 1">{{ col.icon }}</i></div>
-              <div style="display:flex;flex-direction:column;gap:8px;flex:1;min-width:240px">
-                <span style="font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text2)">Коллекция</span>
-                <div style="font-family:Unbounded;font-size:40px;font-weight:600;letter-spacing:-0.02em;line-height:1">{{ col.title }}</div>
-                <span style="font-size:14px;color:var(--text2);text-wrap:pretty">{{ col.sub }}</span>
-              </div>
-              <sc-if value="{{ col.canPlay }}">
-                <div style="display:flex;gap:10px">
-                  <button onClick="{{ col.onPlay }}" style="display:flex;align-items:center;gap:8px;height:44px;padding:0 20px 0 14px;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;font-size:15px;box-shadow:var(--glow)" style-hover="filter:brightness(1.1)"><i style="font-variation-settings:'FILL' 1">play_arrow</i>Слушать всё</button>
-                  <button onClick="{{ col.onShuffle }}" style="display:flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 14px;border-radius:999px;background:var(--surface2);border:1px solid var(--line2);font-weight:600;font-size:15px" style-hover="background:var(--surface3)"><i>shuffle</i>Перемешать</button>
-                </div>
-              </sc-if>
-            </div>
-            <div style="display:flex;gap:6px;border-bottom:1px solid var(--line)">
-              <sc-for list="{{ col.tabs }}" as="t" hint-placeholder-count="3">
-                <button onClick="{{ t.onClick }}" style="height:42px;padding:0 14px;font-size:15px;font-weight:500;color:{{ t.color }};border-bottom:2px solid {{ t.border }};margin-bottom:-1px">{{ t.label }}</button>
-              </sc-for>
-            </div>
-            <sc-for list="{{ col.groups }}" as="g">
-              <div style="display:flex;flex-direction:column;gap:2px">
-                <sc-if value="{{ g.day }}"><div style="font-size:14px;font-weight:600;color:var(--text2);padding:8px 12px">{{ g.day }}</div></sc-if>
-                <sc-for list="{{ g.rows }}" as="r">
-                  <div onClick="{{ r.onPlay }}" style="display:grid;grid-template-columns:44px 44px minmax(0,1.4fr) minmax(0,1fr) auto 52px;align-items:center;gap:14px;padding:6px 12px;border-radius:12px;cursor:pointer" style-hover="background:var(--hover)">
-                    <div style="display:flex;justify-content:center;font-size:13px;color:var(--text3);font-variant-numeric:tabular-nums"><sc-if value="{{ r.isCur }}">{{ r.eq }}</sc-if><sc-if value="{{ r.notCur }}">{{ r.num }}</sc-if></div>
-                    <div style="width:44px;height:44px;border-radius:8px;background:{{ r.cover }};opacity:{{ r.op }}"></div>
-                    <div style="min-width:0;display:flex;flex-direction:column;gap:2px;opacity:{{ r.op }}"><span style="font-size:15px;font-weight:500;color:{{ r.titleColor }};white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ r.title }}</span><span onClick="{{ r.onArtist }}" style="font-size:13px;color:var(--text2);align-self:flex-start" style-hover="color:var(--text);text-decoration:underline">{{ r.artist }}</span></div>
-                    <span onClick="{{ r.onAlbum }}" style="font-size:14px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:{{ r.op }}" style-hover="color:var(--text)">{{ r.album }}</span>
-                    <sc-if value="{{ col.isDis }}">
-                      <button onClick="{{ r.onUndo }}" style="display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);font-size:13px;font-weight:500;color:var(--text2)" style-hover="color:var(--text);border-color:var(--accent)"><i style="font-size:18px">undo</i>Убрать дизлайк</button>
-                    </sc-if>
-                    <sc-if value="{{ col.notDis }}">
-                      <button onClick="{{ r.onLike }}" aria-label="Лайк" style="width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center" style-hover="background:var(--hover)"><i style="font-size:20px;color:{{ r.likeColor }};font-variation-settings:{{ r.likeFill }}">favorite</i></button>
-                    </sc-if>
-                    <span style="text-align:right;font-size:14px;color:var(--text3);font-variant-numeric:tabular-nums">{{ r.dur }}</span>
-                  </div>
-                </sc-for>
-              </div>
-            </sc-for>
-            <sc-if value="{{ col.empty }}">
-              <div style="padding:56px 0;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text2)"><i style="font-size:40px;color:var(--text3)">{{ col.icon }}</i><span style="font-size:16px">{{ col.emptyText }}</span></div>
-            </sc-if>
-          </div>
-        </sc-if>
-
-        <sc-if value="{{ pg.settings }}">
-          <div style="display:flex;flex-direction:column;gap:28px;padding:32px 36px var(--cpb);max-width:760px">
-            <div style="font-family:Unbounded;font-size:32px;font-weight:600;letter-spacing:-0.02em">Профиль и настройки</div>
-            <div style="display:flex;align-items:center;gap:16px;padding:20px;border-radius:20px;background:var(--surface2);border:1px solid var(--line)">
-              <div style="width:56px;height:56px;border-radius:50%;background:linear-gradient(140deg,#2F80FF,#7C5CFF);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff">{{ me.ini }}</div>
-              <div style="flex:1;display:flex;flex-direction:column;gap:3px"><span style="font-weight:600;font-size:17px">{{ me.name }}</span><span style="font-size:14px;color:var(--text2)">Логин: {{ me.login }}</span></div>
-              <span style="height:28px;padding:0 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent2);font-size:13px;font-weight:600;display:flex;align-items:center">{{ me.role }}</span>
-            </div>
-            <div style="display:flex;flex-direction:column;gap:14px">
-              <div style="font-size:18px;font-weight:600">Смена пароля</div>
-              <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px">
-                <label style="display:flex;flex-direction:column;gap:6px"><span style="font-size:13px;color:var(--text2)">Текущий пароль</span><input type="password" value="{{ f.cur }}" onChange="{{ fh.cur }}" style="height:44px;padding:0 14px;border-radius:12px;background:var(--surface2);border:1px solid {{ errB.cur }};outline:none;font-size:15px" style-focus="border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)"></label>
-                <label style="display:flex;flex-direction:column;gap:6px"><span style="font-size:13px;color:var(--text2)">Новый пароль</span><input type="password" value="{{ f.sp }}" onChange="{{ fh.sp }}" style="height:44px;padding:0 14px;border-radius:12px;background:var(--surface2);border:1px solid {{ errB.sp }};outline:none;font-size:15px" style-focus="border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)"></label>
-                <label style="display:flex;flex-direction:column;gap:6px"><span style="font-size:13px;color:var(--text2)">Ещё раз</span><input type="password" value="{{ f.sp2 }}" onChange="{{ fh.sp2 }}" style="height:44px;padding:0 14px;border-radius:12px;background:var(--surface2);border:1px solid {{ errB.sp2 }};outline:none;font-size:15px" style-focus="border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)"></label>
-              </div>
-              <div style="display:flex;align-items:center;gap:14px;flex-wrap:wrap">
-                <button onClick="{{ onChangePw }}" style="height:42px;padding:0 18px;border-radius:12px;background:var(--surface3);border:1px solid var(--line2);font-weight:600;font-size:14px" style-hover="border-color:var(--accent)">Сменить пароль</button>
-                <sc-if value="{{ err.sp }}"><span style="font-size:13px;color:var(--danger)">{{ err.sp }}</span></sc-if>
-              </div>
-            </div>
-            <div style="display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--line);overflow:hidden">
-              <div style="display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)">
-                <i style="color:var(--text2)">translate</i>
-                <div style="flex:1;display:flex;flex-direction:column;gap:2px"><span style="font-weight:500">Язык интерфейса</span><span style="font-size:13px;color:var(--text2)">Словари ru / en, можно добавить другие</span></div>
-                <div style="display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--surface2)">
-                  <sc-for list="{{ langs }}" as="l" hint-placeholder-count="2"><button onClick="{{ l.onClick }}" style="height:32px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600;background:{{ l.bg }};color:{{ l.color }}">{{ l.full }}</button></sc-for>
-                </div>
-              </div>
-              <div style="display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)">
-                <i style="color:var(--text2)">contrast</i>
-                <div style="flex:1;display:flex;flex-direction:column;gap:2px"><span style="font-weight:500">Тема</span></div>
-                <div style="display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--surface2)">
-                  <sc-for list="{{ themes }}" as="l" hint-placeholder-count="2"><button onClick="{{ l.onClick }}" style="height:32px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600;background:{{ l.bg }};color:{{ l.color }}">{{ l.label }}</button></sc-for>
-                </div>
-              </div>
-              <div style="display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)">
-                <i style="color:var(--text2)">blur_linear</i>
-                <div style="flex:1;display:flex;flex-direction:column;gap:2px"><span style="font-weight:500">Кроссфейд</span><span style="font-size:13px;color:var(--text2)">Плавный переход между треками</span></div>
-                <input type="range" min="0" max="6" step="1" value="{{ crossfade }}" onChange="{{ onCrossfade }}" style="width:160px;accent-color:var(--accent)">
-                <span style="width:36px;text-align:right;font-size:14px;color:var(--text2);font-variant-numeric:tabular-nums">{{ crossfade }} с</span>
-              </div>
-              <div onClick="{{ toggleNormalize }}" style="display:flex;align-items:center;gap:16px;padding:16px 20px;cursor:pointer">
-                <i style="color:var(--text2)">equalizer</i>
-                <div style="flex:1;display:flex;flex-direction:column;gap:2px"><span style="font-weight:500">Выравнивание громкости</span><span style="font-size:13px;color:var(--text2)">По EBU R128, без перепадов между треками</span></div>
-                <div style="width:44px;height:26px;border-radius:13px;background:{{ normT.bg }};position:relative;transition:background .2s"><div style="position:absolute;top:3px;left:{{ normT.x }};width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px rgba(0,0,0,.3)"></div></div>
-              </div>
-            </div>
-            <button onClick="{{ onLogout }}" style="align-self:flex-start;display:flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:12px;color:var(--danger);font-weight:600;font-size:14px;border:1px solid var(--danger-soft)" style-hover="background:var(--danger-soft)"><i style="font-size:20px">logout</i>Выйти из аккаунта</button>
-          </div>
-        </sc-if>
-
-        <sc-if value="{{ pg.users }}">
-          <div onClick="{{ closeMenus }}" style="display:flex;flex-direction:column;gap:20px;padding:32px 36px var(--cpb);max-width:1100px;min-height:100%;box-sizing:border-box">
-            <div style="display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap">
-              <div style="display:flex;flex-direction:column;gap:6px"><div style="font-family:Unbounded;font-size:30px;font-weight:600;letter-spacing:-0.02em">Пользователи</div><div style="font-size:14px;color:var(--text2)">{{ uu.hint }}</div></div>
-              <button onClick="{{ uu.onCreate }}" style="display:flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 14px;border-radius:12px;background:var(--accent);color:#fff;font-weight:600;font-size:14px;box-shadow:var(--glow)" style-hover="filter:brightness(1.1)"><i style="font-size:20px">person_add</i>Создать пользователя</button>
-            </div>
-            <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap">
-              <div style="display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);flex:1;min-width:220px;max-width:340px"><i style="font-size:19px;color:var(--text3)">search</i><input value="{{ uu.q }}" onChange="{{ uu.onQ }}" placeholder="Имя или логин" style="flex:1;min-width:0;background:none;border:0;outline:none;font-size:14px"></div>
-              <div style="display:flex;gap:2px;padding:3px;border-radius:12px;background:var(--surface2);border:1px solid var(--line)">
-                <sc-for list="{{ uu.tabs }}" as="t" hint-placeholder-count="4"><button onClick="{{ t.onClick }}" style="height:32px;padding:0 12px;border-radius:9px;font-size:13px;font-weight:500;background:{{ t.bg }};color:{{ t.color }}">{{ t.label }} <span style="opacity:.55">{{ t.count }}</span></button></sc-for>
-              </div>
-            </div>
-            <div style="overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface-a)"><div style="display:flex;flex-direction:column;min-width:660px">
-              <div style="display:grid;grid-template-columns:minmax(200px,2fr) minmax(110px,1fr) minmax(120px,1fr) minmax(90px,.8fr) 44px;gap:16px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)"><span>Пользователь</span><span>Роль</span><span>Статус</span><span>Был в сети</span><span></span></div>
-              <sc-for list="{{ uu.rows }}" as="u">
-                <div style="display:grid;grid-template-columns:minmax(200px,2fr) minmax(110px,1fr) minmax(120px,1fr) minmax(90px,.8fr) 44px;gap:16px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line);position:relative">
-                  <div style="display:flex;align-items:center;gap:12px;min-width:0;opacity:{{ u.op }}">
-                    <div style="width:38px;height:38px;border-radius:50%;background:var(--surface3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text2);flex-shrink:0">{{ u.ini }}</div>
-                    <div style="display:flex;flex-direction:column;gap:2px;min-width:0"><span style="font-weight:500;font-size:15px">{{ u.name }}</span><span style="font-size:13px;color:var(--text3);font-family:'JetBrains Mono'">{{ u.login }}</span></div>
-                  </div>
-                  <span style="justify-self:start;height:26px;padding:0 10px;border-radius:999px;background:{{ u.roleBg }};color:{{ u.roleColor }};font-size:12px;font-weight:600;display:flex;align-items:center">{{ u.roleLabel }}</span>
-                  <span style="display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text2)"><span style="width:7px;height:7px;border-radius:50%;background:{{ u.stColor }}"></span>{{ u.stLabel }}</span>
-                  <span style="font-size:14px;color:var(--text2)">{{ u.last }}</span>
-                  <sc-if value="{{ u.canManage }}">
-                    <button onClick="{{ u.onMenu }}" aria-label="Действия" style="width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text2)" style-hover="background:var(--hover);color:var(--text)"><i>more_horiz</i></button>
-                  </sc-if>
-                  <sc-if value="{{ u.menuOpen }}">
-                    <div style="position:absolute;right:20px;top:calc(100% - 6px);z-index:30;width:240px;display:flex;flex-direction:column;padding:6px;background:var(--elev);border:1px solid var(--line2);border-radius:14px;box-shadow:var(--shadow);animation:pipuIn .14s ease-out">
-                      <sc-for list="{{ u.acts }}" as="a"><button onClick="{{ a.onClick }}" style="display:flex;align-items:center;gap:10px;height:38px;padding:0 10px;border-radius:9px;font-size:14px;text-align:left;color:{{ a.color }}" style-hover="background:var(--hover)"><i style="font-size:19px">{{ a.icon }}</i>{{ a.label }}</button></sc-for>
-                    </div>
-                  </sc-if>
-                </div>
-              </sc-for>
-            </div></div>
-          </div>
-        </sc-if>
-
-        <sc-if value="{{ pg.sources }}">
-          <div style="display:flex;flex-direction:column;gap:24px;padding:32px 36px var(--cpb);max-width:1180px">
-            <div style="display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap">
-              <div style="display:flex;flex-direction:column;gap:6px"><div style="font-family:Unbounded;font-size:30px;font-weight:600;letter-spacing:-0.02em">Хранилища</div><div style="font-size:14px;color:var(--text2)">Откуда берётся музыка и как из путей извлекаются данные о треках</div></div>
-              <button style="display:flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 14px;border-radius:12px;background:var(--surface2);border:1px solid var(--line2);font-weight:600;font-size:14px" style-hover="border-color:var(--accent)"><i style="font-size:20px">add</i>Добавить хранилище</button>
-            </div>
-            <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px">
-              <sc-for list="{{ src.list }}" as="x" hint-placeholder-count="3">
-                <div onClick="{{ x.onClick }}" style="display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:{{ x.bg }};border:1px solid {{ x.border }};cursor:pointer">
-                  <div style="display:flex;align-items:center;gap:10px"><i style="color:var(--text2)">hard_drive</i><span style="flex:1;font-weight:600;font-size:15px">{{ x.name }}</span><span style="display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:{{ x.stColor }}"><span style="width:7px;height:7px;border-radius:50%;background:{{ x.stColor }}"></span>{{ x.stLabel }}</span></div>
-                  <span style="font-family:'JetBrains Mono';font-size:12px;color:var(--text2);word-break:break-all">{{ x.addr }}</span>
-                  <div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--text3)"><span>{{ x.typeLabel }}</span><span>·</span><span>{{ x.tracks }}</span><sc-if value="{{ x.accepts }}"><span style="height:20px;padding:0 8px;border-radius:6px;background:var(--accent-soft);color:var(--accent2);font-weight:600;display:flex;align-items:center">принимает загрузки</span></sc-if></div>
-                  <sc-if value="{{ x.err }}"><span style="font-size:12px;line-height:1.4;color:var(--danger)">{{ x.err }}</span></sc-if>
-                </div>
-              </sc-for>
-            </div>
-
-            <div style="display:flex;flex-direction:column;gap:20px;padding:24px;border-radius:20px;border:1px solid var(--line);background:var(--surface-a)">
-              <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap">
-                <input value="{{ src.name }}" onChange="{{ src.onName }}" style="flex:1;min-width:200px;font-size:20px;font-weight:600;background:transparent;border:1px solid transparent;border-radius:8px;padding:4px 8px;margin-left:-9px;outline:none" style-hover="border-color:var(--line2)" style-focus="border-color:var(--accent)">
-                <div style="display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--surface2)"><sc-for list="{{ src.types }}" as="l" hint-placeholder-count="2"><button onClick="{{ l.onClick }}" style="height:32px;padding:0 12px;border-radius:8px;font-size:13px;font-weight:600;background:{{ l.bg }};color:{{ l.color }}">{{ l.label }}</button></sc-for></div>
-              </div>
-              <sc-if value="{{ src.isNfs }}">
-                <div style="display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1.4fr);gap:12px">
-                  <label style="display:flex;flex-direction:column;gap:6px"><span style="font-size:13px;color:var(--text2)">Адрес сервера</span><input value="{{ src.server }}" onChange="{{ src.onServer }}" style="height:42px;padding:0 12px;border-radius:10px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-family:'JetBrains Mono';font-size:13px" style-focus="border-color:var(--accent)"></label>
-                  <label style="display:flex;flex-direction:column;gap:6px"><span style="font-size:13px;color:var(--text2)">Путь экспорта</span><input value="{{ src.exp }}" onChange="{{ src.onExp }}" style="height:42px;padding:0 12px;border-radius:10px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-family:'JetBrains Mono';font-size:13px" style-focus="border-color:var(--accent)"></label>
-                  <label style="display:flex;flex-direction:column;gap:6px"><span style="font-size:13px;color:var(--text2)">Опции монтирования</span><input value="{{ src.opts }}" onChange="{{ src.onOpts }}" style="height:42px;padding:0 12px;border-radius:10px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-family:'JetBrains Mono';font-size:13px" style-focus="border-color:var(--accent)"></label>
-                </div>
-              </sc-if>
-              <sc-if value="{{ src.isLocal }}">
-                <label style="display:flex;flex-direction:column;gap:6px"><span style="font-size:13px;color:var(--text2)">Подпапка в /srv/pipu/library-host</span><input value="{{ src.path }}" onChange="{{ src.onPath }}" style="height:42px;padding:0 12px;border-radius:10px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-family:'JetBrains Mono';font-size:13px" style-focus="border-color:var(--accent)"></label>
-              </sc-if>
-              <div style="display:flex;align-items:center;gap:16px;flex-wrap:wrap">
-                <button onClick="{{ src.onTest }}" style="display:flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 12px;border-radius:10px;background:var(--surface3);border:1px solid var(--line2);font-weight:600;font-size:14px" style-hover="border-color:var(--accent)"><i style="font-size:19px">lan</i>{{ src.testLabel }}</button>
-                <div onClick="{{ src.onAcc }}" style="display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px"><div style="width:44px;height:26px;border-radius:13px;background:{{ src.acc.bg }};position:relative;transition:background .2s"><div style="position:absolute;top:3px;left:{{ src.acc.x }};width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s"></div></div>Принимает новые треки (монтируется на запись)</div>
-              </div>
-              <sc-if value="{{ src.testRes }}">
-                <div style="display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:{{ src.testRes.b }};color:{{ src.testRes.c }};font-size:14px;font-weight:500"><i style="font-size:20px">{{ src.testRes.icon }}</i>{{ src.testRes.text }}</div>
-              </sc-if>
-
-              <div style="height:1px;background:var(--line)"></div>
-              <div style="display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap">
-                <div style="display:flex;flex-direction:column;gap:4px"><span style="font-size:17px;font-weight:600">Шаблоны путей</span><span style="font-size:13px;color:var(--text2)">Регулярные выражения RE2 с именованными группами. Срабатывает первое совпавшее — порядок меняется перетаскиванием.</span></div>
-                <div style="display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--surface2)"><sc-for list="{{ src.tags }}" as="l" hint-placeholder-count="2"><button onClick="{{ l.onClick }}" style="height:32px;padding:0 12px;border-radius:8px;font-size:13px;font-weight:600;background:{{ l.bg }};color:{{ l.color }}">{{ l.label }}</button></sc-for></div>
-              </div>
-              <div style="display:flex;flex-direction:column;gap:8px">
-                <sc-for list="{{ src.patterns }}" as="p" hint-placeholder-count="4">
-                  <div draggable="true" onDragStart="{{ p.onDragStart }}" onDragOver="{{ p.onDragOver }}" onDrop="{{ p.onDrop }}" onDragEnd="{{ p.onDragEnd }}" style="display:flex;align-items:flex-start;gap:10px">
-                    <div style="display:flex;align-items:center;gap:4px;height:42px;color:var(--text3);cursor:grab"><i style="font-size:20px">drag_indicator</i><span style="font-family:'JetBrains Mono';font-size:12px;width:20px">#{{ p.n }}</span></div>
-                    <div style="flex:1;min-width:0;display:flex;flex-direction:column;gap:4px">
-                      <div style="position:relative;border-radius:10px;background:var(--surface2);border:1px solid {{ p.border }}">
-                        <div aria-hidden="true" style="padding:10px 12px;font-family:'JetBrains Mono';font-size:13px;line-height:20px;white-space:pre-wrap;word-break:break-all;min-height:20px"><sc-for list="{{ p.tokens }}" as="k"><span style="color:{{ k.c }};font-weight:{{ k.w }}">{{ k.t }}</span></sc-for></div>
-                        <textarea value="{{ p.text }}" onChange="{{ p.onChange }}" spellcheck="false" style="position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;padding:10px 12px;margin:0;border:0;outline:none;resize:none;overflow:hidden;background:transparent;color:transparent;caret-color:var(--text);font-family:'JetBrains Mono';font-size:13px;line-height:20px;white-space:pre-wrap;word-break:break-all"></textarea>
-                      </div>
-                      <sc-if value="{{ p.err }}"><span style="font-size:12px;color:var(--danger);font-family:'JetBrains Mono'">{{ p.err }}</span></sc-if>
-                    </div>
-                    <button onClick="{{ p.onDel }}" aria-label="Удалить" style="width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text3)" style-hover="background:var(--danger-soft);color:var(--danger)"><i style="font-size:20px">delete</i></button>
-                  </div>
-                </sc-for>
-                <button onClick="{{ src.onAddPattern }}" style="align-self:flex-start;display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;margin-left:56px;border-radius:10px;font-size:14px;font-weight:500;color:var(--accent2)" style-hover="background:var(--accent-soft)"><i style="font-size:19px">add</i>Добавить выражение</button>
-              </div>
-
-              <div style="display:flex;flex-direction:column;gap:10px">
-                <div style="display:flex;align-items:center;justify-content:space-between;gap:12px"><span style="font-size:15px;font-weight:600">Предпросмотр на реальных файлах</span><span style="font-size:13px;color:var(--text2)">{{ src.prevSummary }}</span></div>
-                <div style="display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden">
-                  <sc-for list="{{ src.prev }}" as="r">
-                    <div style="display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)">
-                      <div style="display:flex;align-items:flex-start;gap:12px">
-                        <div style="flex:1;min-width:0;font-family:'JetBrains Mono';font-size:13px;line-height:20px;word-break:break-all"><sc-for list="{{ r.segs }}" as="g"><span style="color:{{ g.c }}">{{ g.t }}</span></sc-for></div>
-                        <span style="flex-shrink:0;height:22px;padding:0 8px;border-radius:6px;background:{{ r.bb }};color:{{ r.bc }};font-size:12px;font-weight:600;display:flex;align-items:center">{{ r.badge }}</span>
-                      </div>
-                      <div style="display:flex;flex-wrap:wrap;gap:6px">
-                        <sc-for list="{{ r.fields }}" as="fl"><span style="display:flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:6px;background:var(--surface2);font-size:12px"><span style="color:{{ fl.c }};font-weight:600">{{ fl.k }}</span><span style="color:var(--text)">{{ fl.v }}</span></span></sc-for>
-                      </div>
-                    </div>
-                  </sc-for>
-                </div>
-              </div>
-
-              <div style="height:1px;background:var(--line)"></div>
-              <div style="display:flex;flex-direction:column;gap:10px">
-                <div style="display:flex;flex-direction:column;gap:4px"><span style="font-size:17px;font-weight:600">Шаблон раскладки новых треков</span><span style="font-size:13px;color:var(--text2)">По нему одобренные файлы записываются в хранилище — так же, как уже разложена музыка</span></div>
-                <div style="display:flex;gap:10px;flex-wrap:wrap">
-                  <input value="{{ src.tpl }}" onChange="{{ src.onTpl }}" spellcheck="false" style="flex:1;min-width:280px;height:42px;padding:0 12px;border-radius:10px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-family:'JetBrains Mono';font-size:13px" style-focus="border-color:var(--accent)">
-                  <button onClick="{{ src.onAutoTpl }}" style="display:flex;align-items:center;gap:6px;height:42px;padding:0 14px 0 10px;border-radius:10px;background:var(--surface3);border:1px solid var(--line2);font-weight:600;font-size:14px" style-hover="border-color:var(--accent)"><i style="font-size:19px">auto_fix_high</i>Подобрать автоматически</button>
-                  <button onClick="{{ src.onCheckTpl }}" style="display:flex;align-items:center;gap:6px;height:42px;padding:0 14px 0 10px;border-radius:10px;background:var(--surface3);border:1px solid var(--line2);font-weight:600;font-size:14px" style-hover="border-color:var(--accent)"><i style="font-size:19px">fact_check</i>Проверить</button>
-                </div>
-                <sc-if value="{{ src.checked }}">
-                  <div style="display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:{{ src.chkBg }}">
-                    <div style="display:flex;flex-direction:column;gap:2px"><span style="font-weight:600;font-size:14px;color:{{ src.chkColor }}">{{ src.chkSummary }}</span><span style="font-size:13px;color:var(--text2)">{{ src.chkNote }}</span></div>
-                    <sc-for list="{{ src.chk }}" as="c">
-                      <div style="display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;font-family:'JetBrains Mono';font-size:12px;line-height:18px">
-                        <i style="font-size:18px;color:{{ c.c }}">{{ c.icon }}</i>
-                        <div style="display:flex;flex-direction:column;gap:2px;min-width:0;word-break:break-all"><span style="color:var(--text2)">{{ c.real }}</span><span style="color:{{ c.c }}">→ {{ c.gen }}</span></div>
-                      </div>
-                    </sc-for>
-                  </div>
-                </sc-if>
-              </div>
-              <button onClick="{{ src.onSave }}" style="align-self:flex-start;height:44px;padding:0 20px;border-radius:12px;background:var(--accent);color:#fff;font-weight:600;font-size:14px;box-shadow:var(--glow)" style-hover="filter:brightness(1.1)">Сохранить и пересканировать</button>
-            </div>
-          </div>
-        </sc-if>
-
-        <sc-if value="{{ pg.library }}">
-          <div style="display:flex;flex-direction:column;gap:24px;padding:32px 36px var(--cpb);max-width:1180px">
-            <div style="display:flex;flex-direction:column;gap:6px"><div style="font-family:Unbounded;font-size:30px;font-weight:600;letter-spacing:-0.02em">Библиотека</div><div style="font-size:14px;color:var(--text2)">Состояние каталога, сканирования и аудиоанализа</div></div>
-            <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px">
-              <sc-for list="{{ lib.stats }}" as="x" hint-placeholder-count="4">
-                <div style="display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:var(--surface-a);border:1px solid var(--line)"><span style="font-size:13px;color:var(--text2)">{{ x.l }}</span><span style="font-family:Unbounded;font-size:28px;font-weight:600;letter-spacing:-0.02em">{{ x.v }}</span><span style="font-size:12px;color:var(--text3)">{{ x.n }}</span></div>
-              </sc-for>
-            </div>
-            <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px">
-              <div style="display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:18px;background:var(--surface-a);border:1px solid var(--line)">
-                <div style="display:flex;align-items:center;gap:10px"><i style="color:var(--accent2)">folder_open</i><span style="flex:1;font-weight:600">{{ lib.scanLabel }}</span><span style="font-family:Unbounded;font-weight:600">{{ lib.scanPct }}</span></div>
-                <div style="height:8px;border-radius:4px;background:var(--line2);overflow:hidden"><div style="height:100%;width:{{ lib.scanW }};border-radius:4px;background:linear-gradient(90deg,var(--accent),#35D3FF)"></div></div>
-                <div style="display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--text2)"><span>{{ lib.scanFiles }}</span><span>{{ lib.scanEta }}</span></div>
-                <button onClick="{{ lib.onRescan }}" style="align-self:flex-start;display:flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 8px;border-radius:10px;font-size:13px;font-weight:600;border:1px solid var(--line2)" style-hover="border-color:var(--accent)"><i style="font-size:18px">refresh</i>Пересканировать</button>
-              </div>
-              <div style="display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:18px;background:var(--surface-a);border:1px solid var(--line)">
-                <div style="display:flex;align-items:center;gap:10px"><i style="color:var(--violet)">graphic_eq</i><span style="flex:1;font-weight:600">Аудиоанализ звучания</span><span style="font-family:Unbounded;font-weight:600">{{ lib.anaPct }}</span></div>
-                <div style="height:8px;border-radius:4px;background:var(--line2);overflow:hidden"><div style="height:100%;width:{{ lib.anaW }};border-radius:4px;background:linear-gradient(90deg,#7C5CFF,#B39CFF)"></div></div>
-                <div style="display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--text2)"><span>{{ lib.anaFiles }}</span><span>{{ lib.anaEta }}</span></div>
-                <span style="font-size:13px;color:var(--text3)">Темп, энергия, настроение, жанры — нужны волне даже для треков, которые никто не слушал</span>
-              </div>
-            </div>
-            <div style="display:flex;flex-direction:column;gap:12px">
-              <span style="font-size:17px;font-weight:600">Качество «Моей волны» · 7 дней</span>
-              <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px">
-                <sc-for list="{{ lib.metrics }}" as="x" hint-placeholder-count="5">
-                  <div style="display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:14px;border:1px solid var(--line)"><span style="font-size:13px;color:var(--text2)">{{ x.l }}</span><span style="font-size:24px;font-weight:600">{{ x.v }}</span><span style="font-size:12px;color:var(--ok)">{{ x.n }}</span></div>
-                </sc-for>
-              </div>
-            </div>
-            <div style="display:flex;flex-direction:column;gap:12px">
-              <span style="font-size:17px;font-weight:600">Ошибки</span>
-              <div style="display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden">
-                <sc-for list="{{ lib.errors }}" as="x">
-                  <div style="display:grid;grid-template-columns:20px minmax(0,1fr) 110px;gap:12px;align-items:start;padding:12px 14px;border-bottom:1px solid var(--line)">
-                    <i style="font-size:19px;color:var(--danger)">error</i>
-                    <div style="display:flex;flex-direction:column;gap:3px;min-width:0"><span style="font-family:'JetBrains Mono';font-size:12px;color:var(--text);word-break:break-all">{{ x.p }}</span><span style="font-size:13px;color:var(--text2)">{{ x.e }}</span></div>
-                    <span style="font-size:12px;color:var(--text3);text-align:right">{{ x.w }}</span>
-                  </div>
-                </sc-for>
-              </div>
-            </div>
-          </div>
-        </sc-if>
-
-        <sc-if value="{{ pg.upload }}">
-          <div style="display:flex;flex-direction:column;gap:24px;padding:32px 36px var(--cpb);max-width:1000px">
-            <div style="display:flex;flex-direction:column;gap:6px"><div style="font-family:Unbounded;font-size:30px;font-weight:600;letter-spacing:-0.02em">Предложить треки</div><div style="font-size:14px;color:var(--text2);text-wrap:pretty">Файлы попадут в очередь на добавление. Дубли отсекаются до загрузки и не занимают место.</div></div>
-            <div style="display:flex;flex-direction:column;gap:10px;padding:18px 20px;border-radius:16px;background:var(--surface-a);border:1px solid var(--line)">
-              <div style="display:flex;align-items:baseline;justify-content:space-between;gap:12px"><span style="font-weight:600">Очередь на добавление</span><span style="font-size:14px;color:var(--text2)"><span style="font-family:Unbounded;font-weight:600;color:var(--text);font-size:18px">{{ up.usedStr }}</span> из {{ up.limStr }} ГБ · свободно {{ up.freeStr }} ГБ</span></div>
-              <div style="height:10px;border-radius:5px;background:var(--line2);overflow:hidden"><div style="height:100%;width:{{ up.pct }};border-radius:5px;background:{{ up.barC }};transition:width .3s"></div></div>
-            </div>
-            <div onClick="{{ up.onPick }}" onDragOver="{{ up.onDragOver }}" onDragLeave="{{ up.onDragLeave }}" onDrop="{{ up.onDrop }}" style="display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:44px 24px;border-radius:20px;border:2px dashed {{ up.dzBorder }};background:{{ up.dzBg }};cursor:pointer;text-align:center;transition:background .15s" style-hover="border-color:var(--accent)">
-              <div style="width:56px;height:56px;border-radius:50%;background:var(--accent-soft);display:flex;align-items:center;justify-content:center"><i style="font-size:28px;color:var(--accent2)">upload</i></div>
-              <span style="font-size:17px;font-weight:600">Перетащите файлы или папки альбомов</span>
-              <span style="font-size:13px;color:var(--text2)">flac, mp3, m4a, ogg, opus, wav, aiff, wv · до 2 ГБ на файл · cover.jpg привяжется к альбому</span>
-            </div>
-            <sc-if value="{{ up.hasCur }}">
-              <div style="display:flex;flex-direction:column;gap:10px">
-                <span style="font-size:17px;font-weight:600">Текущая загрузка</span>
-                <div style="display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden">
-                  <sc-for list="{{ up.cur }}" as="u">
-                    <div style="display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);opacity:{{ u.op }}">
-                      <div style="display:flex;align-items:center;gap:12px">
-                        <i style="font-size:20px;color:var(--text3)">audio_file</i>
-                        <div style="flex:1;min-width:0;display:flex;flex-direction:column;gap:2px"><span style="font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ u.name }}</span><span style="font-size:12px;color:var(--text3)">{{ u.folder }} · {{ u.size }}</span></div>
-                        <span style="height:24px;padding:0 9px;border-radius:999px;background:{{ u.stBg }};color:{{ u.stColor }};font-size:12px;font-weight:600;display:flex;align-items:center">{{ u.stLabel }}</span>
-                        <sc-if value="{{ u.canW }}"><button onClick="{{ u.onW }}" style="font-size:13px;color:var(--text2)" style-hover="color:var(--danger)">Отозвать</button></sc-if>
-                      </div>
-                      <sc-if value="{{ u.isUp }}"><div style="height:4px;border-radius:2px;background:var(--line2);overflow:hidden;margin-left:32px"><div style="height:100%;width:{{ u.w }};background:var(--accent);transition:width .25s"></div></div></sc-if>
-                      <sc-if value="{{ u.hasNote }}"><span style="margin-left:32px;font-size:12px;color:var(--text2)">{{ u.note }}</span></sc-if>
-                    </div>
-                  </sc-for>
-                </div>
-              </div>
-            </sc-if>
-            <div style="display:flex;flex-direction:column;gap:10px">
-              <span style="font-size:17px;font-weight:600">Мои предложения</span>
-              <div style="display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden">
-                <sc-for list="{{ up.props }}" as="p">
-                  <div style="display:flex;align-items:center;gap:14px;padding:14px;border-bottom:1px solid var(--line)">
-                    <i style="color:var(--text3)">album</i>
-                    <div style="flex:1;min-width:0;display:flex;flex-direction:column;gap:3px"><span style="font-size:15px;font-weight:500">{{ p.name }}</span><span style="font-size:13px;color:var(--text3)">{{ p.meta }}</span><sc-if value="{{ p.hasReason }}"><span style="font-size:13px;color:var(--text2)">{{ p.reason }}</span></sc-if></div>
-                    <span style="height:24px;padding:0 9px;border-radius:999px;background:{{ p.stBg }};color:{{ p.stColor }};font-size:12px;font-weight:600;display:flex;align-items:center;white-space:nowrap">{{ p.stLabel }}</span>
-                    <sc-if value="{{ p.canW }}"><button onClick="{{ p.onW }}" style="font-size:13px;color:var(--text2)" style-hover="color:var(--danger)">Отозвать</button></sc-if>
-                  </div>
-                </sc-for>
-              </div>
-            </div>
-          </div>
-        </sc-if>
-
-        <sc-if value="{{ pg.queue }}">
-          <div style="display:flex;flex-direction:column;gap:20px;padding:32px 36px var(--cpb);max-width:1280px">
-            <div style="display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap">
-              <div style="display:flex;flex-direction:column;gap:6px"><div style="font-family:Unbounded;font-size:30px;font-weight:600;letter-spacing:-0.02em">Очередь на добавление</div><div style="font-size:14px;color:var(--text2)">{{ qq.summary }}</div></div>
-              <div style="display:flex;gap:6px;flex-wrap:wrap"><sc-for list="{{ qq.filters }}" as="t" hint-placeholder-count="3"><button onClick="{{ t.onClick }}" style="height:34px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:500;background:{{ t.bg }};color:{{ t.color }};border:1px solid {{ t.border }}">{{ t.label }} <span style="opacity:.6">{{ t.count }}</span></button></sc-for></div>
-            </div>
-            <sc-if value="{{ qq.hasSel }}">
-              <div style="position:sticky;top:12px;z-index:10;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 18px;border-radius:14px;background:var(--elev);border:1px solid var(--accent);box-shadow:var(--shadow);animation:pipuIn .14s ease-out">
-                <span style="flex:1;font-weight:600;font-size:14px">{{ qq.selLabel }}</span>
-                <button onClick="{{ qq.onClearSel }}" style="height:36px;padding:0 12px;border-radius:10px;font-size:13px;color:var(--text2)" style-hover="background:var(--hover)">Снять выделение</button>
-                <button onClick="{{ qq.onBulkReject }}" style="display:flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 10px;border-radius:10px;font-size:13px;font-weight:600;color:var(--danger);border:1px solid var(--danger-soft)" style-hover="background:var(--danger-soft)"><i style="font-size:18px">close</i>Отклонить</button>
-                <button onClick="{{ qq.onBulkApprove }}" style="display:flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 10px;border-radius:10px;font-size:13px;font-weight:600;background:var(--ok);color:#04110B" style-hover="filter:brightness(1.08)"><i style="font-size:18px">check</i>Одобрить</button>
-              </div>
-            </sc-if>
-            <sc-if value="{{ qq.empty }}">
-              <div style="padding:64px 0;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text2)"><i style="font-size:44px;color:var(--ok)">task_alt</i><span style="font-size:16px">Всё рассмотрено — новых предложений нет</span></div>
-            </sc-if>
-
-            <sc-if value="{{ qq.grouped }}" hint-placeholder-val="{{ true }}">
-              <sc-for list="{{ qq.groups }}" as="g">
-                <div style="display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--line);background:var(--surface-a);overflow:hidden">
-                  <div style="display:flex;align-items:center;gap:18px;padding:18px 20px;flex-wrap:wrap;border-bottom:1px solid var(--line)">
-                    <div onClick="{{ g.onSelAll }}" style="width:20px;height:20px;border-radius:6px;border:1.5px solid {{ g.selBorder }};background:{{ g.selBg }};display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0"><i style="font-size:16px;color:#fff">{{ g.selIcon }}</i></div>
-                    <div style="position:relative;width:76px;height:76px;border-radius:12px;background:{{ g.cover }};flex-shrink:0;cursor:pointer" title="Заменить обложку"><div style="position:absolute;right:4px;bottom:4px;width:24px;height:24px;border-radius:7px;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center"><i style="font-size:15px;color:#fff">edit</i></div></div>
-                    <div style="flex:1;min-width:260px;display:flex;flex-direction:column;gap:2px">
-                      <div style="display:flex;align-items:center;gap:4px;flex-wrap:wrap">
-                        <input value="{{ g.artist }}" onChange="{{ g.onArtist }}" style="width:{{ g.aw }};max-width:100%;font-size:19px;font-weight:600;background:transparent;border:1px solid transparent;border-radius:8px;padding:2px 8px;margin-left:-9px;outline:none" style-hover="border-color:var(--line2)" style-focus="border-color:var(--accent);background:var(--surface2)">
-                        <span style="color:var(--text3)">—</span>
-                        <input value="{{ g.album }}" onChange="{{ g.onAlbum }}" style="width:{{ g.alw }};max-width:100%;font-size:19px;font-weight:600;background:transparent;border:1px solid transparent;border-radius:8px;padding:2px 8px;outline:none" style-hover="border-color:var(--line2)" style-focus="border-color:var(--accent);background:var(--surface2)">
-                        <input value="{{ g.year }}" onChange="{{ g.onYear }}" style="width:70px;font-size:16px;color:var(--text2);background:transparent;border:1px solid transparent;border-radius:8px;padding:2px 8px;outline:none" style-hover="border-color:var(--line2)" style-focus="border-color:var(--accent);background:var(--surface2)">
-                      </div>
-                      <span style="font-size:13px;color:var(--text2)">{{ g.count }} · {{ g.sizeStr }} · {{ g.quality }} · от {{ g.by }}, {{ g.when }}</span>
-                      <span style="font-size:13px;color:var(--accent2)">{{ g.note }}</span>
-                    </div>
-                    <div style="display:flex;gap:8px">
-                      <button onClick="{{ g.onReject }}" style="height:38px;padding:0 14px;border-radius:10px;font-size:13px;font-weight:600;color:var(--danger);border:1px solid var(--danger-soft)" style-hover="background:var(--danger-soft)">Отклонить</button>
-                      <button onClick="{{ g.onApprove }}" style="display:flex;align-items:center;gap:6px;height:38px;padding:0 14px 0 10px;border-radius:10px;font-size:13px;font-weight:600;background:var(--ok);color:#04110B" style-hover="filter:brightness(1.08)"><i style="font-size:18px">done_all</i>Одобрить альбом</button>
-                    </div>
-                  </div>
-                  <sc-for list="{{ g.tracks }}" as="t">
-                    <div style="display:grid;grid-template-columns:20px 34px 26px minmax(0,1fr) 64px 76px;gap:12px;align-items:center;padding:8px 20px;border-bottom:1px solid var(--line)" style-hover="background:var(--hover)">
-                      <div onClick="{{ t.onSel }}" style="width:20px;height:20px;border-radius:6px;border:1.5px solid {{ t.selBorder }};background:{{ t.selBg }};display:flex;align-items:center;justify-content:center;cursor:pointer"><i style="font-size:16px;color:#fff">{{ t.selIcon }}</i></div>
-                      <button onClick="{{ t.onPlay }}" aria-label="Прослушать" style="width:32px;height:32px;border-radius:50%;background:{{ t.playBg }};color:{{ t.playC }};display:flex;align-items:center;justify-content:center"><i style="font-size:20px;font-variation-settings:'FILL' 1">{{ t.playIcon }}</i></button>
-                      <span style="font-size:13px;color:var(--text3);font-variant-numeric:tabular-nums">{{ t.n }}</span>
-                      <div style="display:flex;flex-direction:column;gap:3px;min-width:0">
-                        <input value="{{ t.title }}" onChange="{{ t.onTitle }}" style="font-size:14px;font-weight:500;background:transparent;border:1px solid transparent;border-radius:6px;padding:2px 6px;margin-left:-7px;outline:none;min-width:0" style-hover="border-color:var(--line2)" style-focus="border-color:var(--accent);background:var(--surface2)">
-                        <sc-if value="{{ t.hasFlag }}"><span style="align-self:flex-start;display:flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:6px;background:{{ t.flagBg }};color:{{ t.flagColor }};font-size:11px;font-weight:600"><i style="font-size:13px">{{ t.flagIcon }}</i>{{ t.flagLabel }}</span></sc-if>
-                        <sc-if value="{{ t.hasNote }}"><span style="font-size:12px;color:var(--text2)">{{ t.note }}</span></sc-if>
-                        <div style="display:flex;align-items:flex-start;gap:6px;font-family:'JetBrains Mono';font-size:12px;line-height:17px;overflow-wrap:anywhere"><i style="font-size:15px;color:var(--text3);margin-top:1px">subdirectory_arrow_right</i><span><sc-for list="{{ t.segs }}" as="sg"><span style="color:{{ sg.c }}">{{ sg.t }}</span></sc-for></span></div>
-                      </div>
-                      <span style="font-size:12px;color:var(--text3);text-align:right">{{ t.size }}</span>
-                      <div style="display:flex;gap:4px;justify-content:flex-end">
-                        <button onClick="{{ t.onReject }}" aria-label="Отклонить" style="width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--text3)" style-hover="background:var(--danger-soft);color:var(--danger)"><i style="font-size:19px">close</i></button>
-                        <button onClick="{{ t.onApprove }}" aria-label="Одобрить" style="width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--text3)" style-hover="background:var(--ok-soft);color:var(--ok)"><i style="font-size:19px">check</i></button>
-                      </div>
-                    </div>
-                  </sc-for>
-                </div>
-              </sc-for>
-              <div style="display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text3)"><span style="display:flex;align-items:center;gap:6px"><span style="width:10px;height:10px;border-radius:3px;background:var(--text2)"></span>папка уже есть</span><span style="display:flex;align-items:center;gap:6px"><span style="width:10px;height:10px;border-radius:3px;background:var(--accent2)"></span>будет создана</span></div>
-            </sc-if>
-
-            <sc-if value="{{ qq.split }}">
-              <div style="display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start">
-                <div style="display:flex;flex-direction:column;gap:6px;position:sticky;top:12px">
-                  <sc-for list="{{ qq.groups }}" as="g">
-                    <div onClick="{{ g.onPick }}" style="display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:{{ g.bg }};border:1px solid {{ g.border }};cursor:pointer" style-hover="background:var(--hover)">
-                      <div style="width:52px;height:52px;border-radius:10px;background:{{ g.cover }};flex-shrink:0"></div>
-                      <div style="flex:1;min-width:0;display:flex;flex-direction:column;gap:2px"><span style="font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ g.album }}</span><span style="font-size:13px;color:var(--text2)">{{ g.artist }}</span><span style="font-size:12px;color:var(--text3)">{{ g.count }} · {{ g.by }}</span></div>
-                    </div>
-                  </sc-for>
-                </div>
-                <sc-if value="{{ qq.hasCur }}">
-                  <div style="display:flex;flex-direction:column;gap:20px;padding:24px;border-radius:20px;border:1px solid var(--line);background:var(--surface-a)">
-                    <div style="display:flex;gap:20px;flex-wrap:wrap">
-                      <div style="position:relative;width:160px;height:160px;border-radius:16px;background:{{ qq.cur.cover }};flex-shrink:0"><button style="position:absolute;left:8px;bottom:8px;display:flex;align-items:center;gap:4px;height:28px;padding:0 10px 0 6px;border-radius:8px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;font-weight:600"><i style="font-size:16px">image</i>Заменить</button></div>
-                      <div style="flex:1;min-width:260px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-content:start">
-                        <label style="display:flex;flex-direction:column;gap:6px"><span style="font-size:12px;color:var(--text2)">Исполнитель альбома</span><input value="{{ qq.cur.artist }}" onChange="{{ qq.cur.onArtist }}" style="height:40px;padding:0 12px;border-radius:10px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-size:14px" style-focus="border-color:var(--accent)"></label>
-                        <label style="display:flex;flex-direction:column;gap:6px"><span style="font-size:12px;color:var(--text2)">Альбом</span><input value="{{ qq.cur.album }}" onChange="{{ qq.cur.onAlbum }}" style="height:40px;padding:0 12px;border-radius:10px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-size:14px" style-focus="border-color:var(--accent)"></label>
-                        <label style="display:flex;flex-direction:column;gap:6px"><span style="font-size:12px;color:var(--text2)">Год</span><input value="{{ qq.cur.year }}" onChange="{{ qq.cur.onYear }}" style="height:40px;padding:0 12px;border-radius:10px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-size:14px" style-focus="border-color:var(--accent)"></label>
-                        <div style="display:flex;flex-direction:column;gap:6px"><span style="font-size:12px;color:var(--text2)">Качество</span><span style="height:40px;display:flex;align-items:center;font-size:14px">{{ qq.cur.quality }}</span></div>
-                        <span style="grid-column:1/-1;font-size:13px;color:var(--text2)">{{ qq.cur.count }} · {{ qq.cur.sizeStr }} · от {{ qq.cur.by }}, {{ qq.cur.when }} · <span style="color:var(--accent2)">{{ qq.cur.note }}</span></span>
-                      </div>
-                    </div>
-                    <div style="display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:14px;background:var(--surface2)">
-                      <span style="font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)">Куда ляжет в хранилище</span>
-                      <sc-for list="{{ qq.cur.tree }}" as="n">
-                        <div style="display:flex;align-items:center;gap:8px;padding-left:{{ n.pad }};font-family:'JetBrains Mono';font-size:13px;color:{{ n.c }}"><i style="font-size:17px">{{ n.icon }}</i><span>{{ n.t }}</span><span style="font-family:Onest;font-size:12px;color:var(--text3)">{{ n.note }}</span></div>
-                      </sc-for>
-                    </div>
-                    <div style="display:flex;flex-direction:column">
-                      <sc-for list="{{ qq.cur.tracks }}" as="t">
-                        <div style="display:grid;grid-template-columns:20px 34px 26px minmax(0,1fr) 64px 76px;gap:12px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--line)">
-                          <div onClick="{{ t.onSel }}" style="width:20px;height:20px;border-radius:6px;border:1.5px solid {{ t.selBorder }};background:{{ t.selBg }};display:flex;align-items:center;justify-content:center;cursor:pointer"><i style="font-size:16px;color:#fff">{{ t.selIcon }}</i></div>
-                          <button onClick="{{ t.onPlay }}" aria-label="Прослушать" style="width:32px;height:32px;border-radius:50%;background:{{ t.playBg }};color:{{ t.playC }};display:flex;align-items:center;justify-content:center"><i style="font-size:20px;font-variation-settings:'FILL' 1">{{ t.playIcon }}</i></button>
-                          <span style="font-size:13px;color:var(--text3)">{{ t.n }}</span>
-                          <div style="display:flex;flex-direction:column;gap:3px;min-width:0">
-                            <input value="{{ t.title }}" onChange="{{ t.onTitle }}" style="font-size:14px;font-weight:500;background:transparent;border:1px solid transparent;border-radius:6px;padding:2px 6px;margin-left:-7px;outline:none;min-width:0" style-hover="border-color:var(--line2)" style-focus="border-color:var(--accent);background:var(--surface2)">
-                            <sc-if value="{{ t.hasFlag }}"><span style="align-self:flex-start;display:flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:6px;background:{{ t.flagBg }};color:{{ t.flagColor }};font-size:11px;font-weight:600"><i style="font-size:13px">{{ t.flagIcon }}</i>{{ t.flagLabel }}</span></sc-if>
-                            <sc-if value="{{ t.hasNote }}"><span style="font-size:12px;color:var(--text2)">{{ t.note }}</span></sc-if>
-                          </div>
-                          <span style="font-size:12px;color:var(--text3);text-align:right">{{ t.size }}</span>
-                          <div style="display:flex;gap:4px;justify-content:flex-end">
-                            <button onClick="{{ t.onReject }}" aria-label="Отклонить" style="width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--text3)" style-hover="background:var(--danger-soft);color:var(--danger)"><i style="font-size:19px">close</i></button>
-                            <button onClick="{{ t.onApprove }}" aria-label="Одобрить" style="width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--text3)" style-hover="background:var(--ok-soft);color:var(--ok)"><i style="font-size:19px">check</i></button>
-                          </div>
-                        </div>
-                      </sc-for>
-                    </div>
-                    <div style="display:flex;justify-content:flex-end;gap:8px">
-                      <button onClick="{{ qq.cur.onReject }}" style="height:42px;padding:0 16px;border-radius:12px;font-size:14px;font-weight:600;color:var(--danger);border:1px solid var(--danger-soft)" style-hover="background:var(--danger-soft)">Отклонить альбом</button>
-                      <button onClick="{{ qq.cur.onApprove }}" style="display:flex;align-items:center;gap:6px;height:42px;padding:0 18px 0 14px;border-radius:12px;font-size:14px;font-weight:600;background:var(--ok);color:#04110B" style-hover="filter:brightness(1.08)"><i style="font-size:19px">done_all</i>Одобрить и разложить</button>
-                    </div>
-                  </div>
-                </sc-if>
-              </div>
-            </sc-if>
-          </div>
-        </sc-if>
-
-        <sc-if value="{{ pg.aset }}">
-          <div style="display:flex;flex-direction:column;gap:24px;padding:32px 36px var(--cpb);max-width:760px">
-            <div style="display:flex;flex-direction:column;gap:6px"><div style="font-family:Unbounded;font-size:30px;font-weight:600;letter-spacing:-0.02em">Настройки</div><div style="font-size:14px;color:var(--text2)">Очередь на добавление и запись в хранилище</div></div>
-            <div style="display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--line);background:var(--surface-a);overflow:hidden">
-              <div style="display:flex;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)">
-                <div style="flex:1;display:flex;flex-direction:column;gap:2px"><span style="font-weight:500">Лимит очереди</span><span style="font-size:13px;color:var(--text2)">Общий объём файлов на рассмотрении</span></div>
-                <div style="display:flex;align-items:center;gap:8px"><input type="number" min="1" value="{{ as.limit }}" onChange="{{ as.onLimit }}" style="width:80px;height:40px;padding:0 10px;border-radius:10px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-size:15px;text-align:right" style-focus="border-color:var(--accent)"><span style="color:var(--text2)">ГБ</span></div>
-              </div>
-              <div style="display:flex;flex-direction:column;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)">
-                <div onClick="{{ as.onPerUser }}" style="display:flex;align-items:center;gap:16px;cursor:pointer">
-                  <div style="flex:1;display:flex;flex-direction:column;gap:2px"><span style="font-weight:500">Лимит на модератора</span><span style="font-size:13px;color:var(--text2)">Чтобы один человек не занял всю очередь</span></div>
-                  <div style="width:44px;height:26px;border-radius:13px;background:{{ as.perUser.bg }};position:relative;transition:background .2s"><div style="position:absolute;top:3px;left:{{ as.perUser.x }};width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s"></div></div>
-                </div>
-                <sc-if value="{{ as.showPer }}"><div style="display:flex;align-items:center;gap:8px"><input type="number" min="1" value="{{ as.perUserLimit }}" onChange="{{ as.onPerUserLimit }}" style="width:80px;height:40px;padding:0 10px;border-radius:10px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-size:15px;text-align:right"><span style="color:var(--text2)">ГБ на человека</span></div></sc-if>
-              </div>
-              <div style="display:flex;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)">
-                <div style="flex:1;display:flex;flex-direction:column;gap:2px"><span style="font-weight:500">Максимальный размер файла</span></div>
-                <div style="display:flex;align-items:center;gap:8px"><input type="number" min="1" value="{{ as.maxFile }}" onChange="{{ as.onMaxFile }}" style="width:80px;height:40px;padding:0 10px;border-radius:10px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-size:15px;text-align:right" style-focus="border-color:var(--accent)"><span style="color:var(--text2)">ГБ</span></div>
-              </div>
-              <div style="display:flex;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)">
-                <div style="flex:1;display:flex;flex-direction:column;gap:2px"><span style="font-weight:500">Хранилище для новых треков</span><span style="font-size:13px;color:var(--text2)">При одобрении можно выбрать другое</span></div>
-                <select value="{{ as.defSrc }}" onChange="{{ as.onDefSrc }}" style="height:40px;padding:0 10px;border-radius:10px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-size:14px">
-                  <sc-for list="{{ as.srcOpts }}" as="o"><option value="{{ o.v }}">{{ o.l }}</option></sc-for>
-                </select>
-              </div>
-              <div onClick="{{ as.onUpgrade }}" style="display:flex;align-items:center;gap:16px;padding:18px 20px;cursor:pointer">
-                <div style="flex:1;display:flex;flex-direction:column;gap:2px"><span style="font-weight:500">Принимать замену на лучшее качество</span><span style="font-size:13px;color:var(--text2)">Тот же трек в lossless пойдёт на рассмотрение, а не отсеется как дубль</span></div>
-                <div style="width:44px;height:26px;border-radius:13px;background:{{ as.upgrade.bg }};position:relative;transition:background .2s"><div style="position:absolute;top:3px;left:{{ as.upgrade.x }};width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s"></div></div>
-              </div>
-            </div>
-            <button onClick="{{ as.onSave }}" style="align-self:flex-start;height:44px;padding:0 20px;border-radius:12px;background:var(--accent);color:#fff;font-weight:600;font-size:14px;box-shadow:var(--glow)" style-hover="filter:brightness(1.1)">Сохранить</button>
-          </div>
-        </sc-if>
-
-      </div>
-
-      <sc-if value="{{ isIsland }}">
-        <div style="position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:min(860px, calc(100% - 32px));background:var(--glass);backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--line2);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;z-index:20">
-          <div style="display:flex;align-items:center;gap:14px;padding:10px 14px 12px 10px">
-            <div onClick="{{ cur.onAlbum }}" style="width:52px;height:52px;border-radius:12px;background:{{ cur.cover }};cursor:pointer;flex-shrink:0"></div>
-            <div style="flex:1;min-width:0;display:flex;flex-direction:column;gap:3px">
-              <span style="font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ cur.title }}</span>
-              <div style="display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text2);min-width:0"><span onClick="{{ cur.onArtist }}" style="cursor:pointer;white-space:nowrap" style-hover="color:var(--text)">{{ cur.artist }}</span><sc-if value="{{ waveOn }}"><span style="color:var(--accent2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis">· {{ srcLabel }}</span></sc-if></div>
-            </div>
-            <button onClick="{{ prev }}" aria-label="Назад" style="width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center" style-hover="background:var(--hover)"><i style="font-size:26px;font-variation-settings:'FILL' 1">skip_previous</i></button>
-            <button onClick="{{ togglePlay }}" aria-label="Пауза" style="width:48px;height:48px;border-radius:50%;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center" style-hover="transform:scale(1.05)"><i style="font-size:30px;font-variation-settings:'FILL' 1">{{ playIcon }}</i></button>
-            <button onClick="{{ next }}" aria-label="Вперёд" style="width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center" style-hover="background:var(--hover)"><i style="font-size:26px;font-variation-settings:'FILL' 1">skip_next</i></button>
-            <span style="width:92px;text-align:center;font-size:13px;color:var(--text2);font-variant-numeric:tabular-nums">{{ posStr }} / {{ durStr }}</span>
-            <button onClick="{{ cur.onLike }}" aria-label="Лайк" style="width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center" style-hover="background:var(--hover)"><i style="font-size:22px;color:{{ cur.likeColor }};font-variation-settings:{{ cur.likeFill }}">favorite</i></button>
-            <button onClick="{{ cur.onDislike }}" aria-label="Дизлайк" style="width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center" style-hover="background:var(--hover)"><i style="font-size:22px;color:{{ cur.disColor }};font-variation-settings:{{ cur.disFill }}">thumb_down</i></button>
-            <button onClick="{{ toggleQueue }}" aria-label="Очередь" style="width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:{{ queueColor }}" style-hover="background:var(--hover)"><i style="font-size:22px">queue_music</i></button>
-            <button onClick="{{ toggleMute }}" aria-label="Громкость" style="width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text2)" style-hover="background:var(--hover)"><i style="font-size:22px">{{ volIcon }}</i></button>
-          </div>
-          <div onClick="{{ onSeek }}" style="position:absolute;left:0;right:0;bottom:0;height:10px;cursor:pointer;display:flex;align-items:flex-end">
-            <div style="width:100%;height:3px;background:var(--line2)"><div style="height:100%;width:{{ pct }};background:linear-gradient(90deg,var(--accent),#35D3FF);box-shadow:0 0 8px var(--accent)"></div></div>
-          </div>
-        </div>
-      </sc-if>
-    </div>
-
-    <sc-if value="{{ isBar }}" hint-placeholder-val="{{ true }}">
-      <footer style="grid-row:3;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:24px;padding:0 20px;background:var(--player-bg);backdrop-filter:blur(28px) saturate(1.2);border-top:var(--top-border);border-radius:var(--pr)">
-        <div style="display:flex;align-items:center;gap:14px;min-width:0">
-          <div onClick="{{ cur.onAlbum }}" style="width:56px;height:56px;border-radius:10px;background:{{ cur.cover }};cursor:pointer;flex-shrink:0"></div>
-          <div style="min-width:0;display:flex;flex-direction:column;gap:3px">
-            <span style="font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ cur.title }}</span>
-            <span onClick="{{ cur.onArtist }}" style="font-size:13px;color:var(--text2);cursor:pointer;align-self:flex-start" style-hover="color:var(--text);text-decoration:underline">{{ cur.artist }}</span>
-            <div style="display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:{{ srcColor }};white-space:nowrap;overflow:hidden"><i style="font-size:15px">{{ srcIcon }}</i><span style="overflow:hidden;text-overflow:ellipsis">{{ srcLabel }}</span></div>
-          </div>
-        </div>
-        <div style="display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0">
-          <div style="display:flex;align-items:center;gap:14px">
-            <button onClick="{{ cur.onDislike }}" aria-label="Дизлайк" style="width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center" style-hover="background:var(--hover)"><i style="font-size:20px;color:{{ cur.disColor }};font-variation-settings:{{ cur.disFill }}">thumb_down</i></button>
-            <button onClick="{{ prev }}" aria-label="Назад" style="width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center" style-hover="background:var(--hover)"><i style="font-size:28px;font-variation-settings:'FILL' 1">skip_previous</i></button>
-            <button onClick="{{ togglePlay }}" aria-label="Пауза" style="width:44px;height:44px;border-radius:50%;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center" style-hover="transform:scale(1.06)"><i style="font-size:30px;font-variation-settings:'FILL' 1">{{ playIcon }}</i></button>
-            <button onClick="{{ next }}" aria-label="Вперёд" style="width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center" style-hover="background:var(--hover)"><i style="font-size:28px;font-variation-settings:'FILL' 1">skip_next</i></button>
-            <button onClick="{{ cur.onLike }}" aria-label="Лайк" style="width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center" style-hover="background:var(--hover)"><i style="font-size:20px;color:{{ cur.likeColor }};font-variation-settings:{{ cur.likeFill }}">favorite</i></button>
-          </div>
-          <div style="width:100%;max-width:560px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text3);font-variant-numeric:tabular-nums">
-            <span style="width:36px;text-align:right">{{ posStr }}</span>
-            <div onClick="{{ onSeek }}" style="flex:1;height:14px;display:flex;align-items:center;cursor:pointer">
-              <div style="position:relative;width:100%;height:4px;border-radius:2px;background:var(--line2)">
-                <div style="height:100%;width:{{ pct }};border-radius:2px;background:linear-gradient(90deg,var(--accent),#35D3FF)"></div>
-                <div style="position:absolute;top:50%;left:{{ pct }};width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(47,128,255,.35)"></div>
-              </div>
-            </div>
-            <span style="width:36px">{{ durStr }}</span>
-          </div>
-        </div>
-        <div style="display:flex;align-items:center;justify-content:flex-end;gap:6px">
-          <button onClick="{{ toggleQueue }}" aria-label="Очередь" style="width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:{{ queueColor }}" style-hover="background:var(--hover)"><i style="font-size:22px">queue_music</i></button>
-          <button onClick="{{ toggleMute }}" aria-label="Громкость" style="width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text2)" style-hover="background:var(--hover)"><i style="font-size:22px">{{ volIcon }}</i></button>
-          <div onClick="{{ onVol }}" style="width:110px;height:14px;display:flex;align-items:center;cursor:pointer">
-            <div style="width:100%;height:4px;border-radius:2px;background:var(--line2)"><div style="height:100%;width:{{ volPct }};border-radius:2px;background:var(--text2)"></div></div>
-          </div>
-        </div>
-      </footer>
-    </sc-if>
-  </div>
-
-  <sc-if value="{{ queueOpen }}">
-    <div style="position:absolute;top:68px;right:8px;bottom:{{ drawerBottom }};width:380px;display:flex;flex-direction:column;background:var(--elev);border:1px solid var(--line2);border-radius:20px;box-shadow:var(--shadow);z-index:40;animation:pipuIn .16s ease-out;overflow:hidden">
-      <div style="display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px 20px">
-        <div style="display:flex;flex-direction:column;gap:2px"><span style="font-weight:600;font-size:17px">Очередь</span><span style="font-size:13px;color:var(--text2)">{{ srcLabel }}</span></div>
-        <button onClick="{{ toggleQueue }}" aria-label="Закрыть" style="width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text2)" style-hover="background:var(--hover)"><i>close</i></button>
-      </div>
-      <div style="flex:1;overflow:auto;padding:0 8px 8px">
-        <sc-for list="{{ queueRows }}" as="r">
-          <div onClick="{{ r.onPlay }}" style="display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:12px;cursor:pointer;background:{{ r.bg }}" style-hover="background:var(--hover)">
-            <div style="width:40px;height:40px;border-radius:8px;background:{{ r.cover }};display:flex;align-items:center;justify-content:center"><sc-if value="{{ r.isCur }}">{{ r.eq }}</sc-if></div>
-            <div style="flex:1;min-width:0;display:flex;flex-direction:column;gap:2px"><span style="font-size:14px;font-weight:500;color:{{ r.titleColor }};white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ r.title }}</span><span style="font-size:12px;color:var(--text2)">{{ r.artist }}</span></div>
-            <span style="font-size:12px;color:var(--text3);font-variant-numeric:tabular-nums">{{ r.dur }}</span>
-          </div>
-        </sc-for>
-        <sc-if value="{{ waveOn }}">
-          <div style="display:flex;align-items:center;gap:10px;margin:8px 10px 4px;padding:12px;border-radius:12px;background:var(--accent-soft);font-size:13px;line-height:1.45;color:var(--text2)"><i style="font-size:20px;color:var(--accent2)">all_inclusive</i>Волна бесконечна — следующие треки подбираются по ходу, с учётом ваших реакций.</div>
-        </sc-if>
-      </div>
-    </div>
-  </sc-if>
-
-  <sc-if value="{{ dlg.any }}">
-    <div onClick="{{ dlg.close }}" style="position:absolute;inset:0;z-index:100;background:var(--overlay);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:pipuIn .14s ease-out">
-      <div onClick="{{ dlg.stop }}" style="width:440px;max-width:calc(100% - 32px);display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:22px;background:var(--elev);border:1px solid var(--line2);box-shadow:var(--shadow);box-sizing:border-box">
-        <sc-if value="{{ dlg.create }}">
-          <div style="font-family:Unbounded;font-size:22px;font-weight:600">Новый пользователь</div>
-          <label style="display:flex;flex-direction:column;gap:6px"><span style="font-size:13px;color:var(--text2)">Логин</span><input value="{{ f.nuLogin }}" onChange="{{ fh.nuLogin }}" placeholder="например, katya" style="height:44px;padding:0 14px;border-radius:12px;background:var(--surface2);border:1px solid {{ nu.border }};outline:none;font-size:15px;font-family:'JetBrains Mono'" style-focus="border-color:var(--accent)"><sc-if value="{{ nu.err }}"><span style="font-size:12px;color:var(--danger)">{{ nu.err }}</span></sc-if></label>
-          <label style="display:flex;flex-direction:column;gap:6px"><span style="font-size:13px;color:var(--text2)">Имя</span><input value="{{ f.nuName }}" onChange="{{ fh.nuName }}" placeholder="Как показывать в списке" style="height:44px;padding:0 14px;border-radius:12px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-size:15px" style-focus="border-color:var(--accent)"></label>
-          <sc-if value="{{ nu.canRole }}">
-            <div style="display:flex;flex-direction:column;gap:6px"><span style="font-size:13px;color:var(--text2)">Роль</span><div style="display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--surface2);align-self:flex-start"><sc-for list="{{ nu.roles }}" as="l"><button onClick="{{ l.onClick }}" style="height:32px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600;background:{{ l.bg }};color:{{ l.color }}">{{ l.label }}</button></sc-for></div></div>
-          </sc-if>
-          <span style="font-size:13px;line-height:1.5;color:var(--text2)">Пароль сгенерируется автоматически. При первом входе пользователь задаст свой.</span>
-          <div style="display:flex;justify-content:flex-end;gap:8px"><button onClick="{{ dlg.close }}" style="height:42px;padding:0 16px;border-radius:12px;font-size:14px;font-weight:500;color:var(--text2)" style-hover="background:var(--hover)">Отмена</button><button onClick="{{ nu.onCreate }}" style="height:42px;padding:0 18px;border-radius:12px;background:var(--accent);color:#fff;font-weight:600;font-size:14px">Создать</button></div>
-        </sc-if>
-        <sc-if value="{{ dlg.temp }}">
-          <div style="display:flex;flex-direction:column;gap:6px"><div style="font-family:Unbounded;font-size:22px;font-weight:600">Временный пароль</div><span style="font-size:14px;color:var(--text2)">Для: {{ tp.who }}</span></div>
-          <div style="display:flex;align-items:center;gap:10px;padding:14px 14px 14px 18px;border-radius:14px;background:var(--surface2);border:1px solid var(--line2)"><span style="flex:1;font-family:'JetBrains Mono';font-size:20px;font-weight:600;letter-spacing:.04em">{{ tp.pw }}</span><button onClick="{{ tp.onCopy }}" style="display:flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 8px;border-radius:10px;background:var(--accent);color:#fff;font-size:13px;font-weight:600"><i style="font-size:18px">content_copy</i>Копировать</button></div>
-          <div style="display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;color:var(--warn)"><i style="font-size:18px">visibility_off</i>Пароль показывается один раз. При входе пользователь обязан будет задать новый.</div>
-          <button onClick="{{ dlg.close }}" style="align-self:flex-end;height:42px;padding:0 18px;border-radius:12px;background:var(--surface3);font-weight:600;font-size:14px">Готово</button>
-        </sc-if>
-        <sc-if value="{{ dlg.reject }}">
-          <div style="font-family:Unbounded;font-size:22px;font-weight:600">{{ rj.title }}</div>
-          <div style="display:flex;flex-wrap:wrap;gap:6px"><sc-for list="{{ rj.quick }}" as="r"><button onClick="{{ r.onClick }}" style="height:32px;padding:0 12px;border-radius:999px;font-size:13px;background:{{ r.bg }};border:1px solid {{ r.border }}">{{ r.label }}</button></sc-for></div>
-          <textarea value="{{ rj.reason }}" onChange="{{ fh.reason }}" placeholder="Причина — её увидит автор предложения" rows="3" style="padding:12px 14px;border-radius:12px;background:var(--surface2);border:1px solid var(--line2);outline:none;font-size:14px;resize:vertical" style-focus="border-color:var(--accent)"></textarea>
-          <div style="display:flex;justify-content:flex-end;gap:8px"><button onClick="{{ dlg.close }}" style="height:42px;padding:0 16px;border-radius:12px;font-size:14px;font-weight:500;color:var(--text2)" style-hover="background:var(--hover)">Отмена</button><button onClick="{{ rj.onConfirm }}" style="height:42px;padding:0 18px;border-radius:12px;background:var(--danger);color:#fff;font-weight:600;font-size:14px">Отклонить</button></div>
-        </sc-if>
-      </div>
-    </div>
-  </sc-if>
-
-  <sc-if value="{{ toast }}">
-    <div style="position:absolute;left:50%;bottom:{{ toastBottom }};transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;background:var(--text);color:var(--bg);font-size:14px;font-weight:500;box-shadow:var(--shadow);z-index:200;animation:pipuIn .18s ease-out;max-width:560px"><i style="font-size:20px">check_circle</i>{{ toast }}</div>
-  </sc-if>
-</sc-if>
-</div>
-</x-dc>
-<script type="text/x-dc" data-dc-script data-props="{&quot;theme&quot;:{&quot;editor&quot;:&quot;enum&quot;,&quot;options&quot;:[&quot;dark&quot;,&quot;light&quot;],&quot;default&quot;:&quot;dark&quot;,&quot;tsType&quot;:&quot;string&quot;,&quot;section&quot;:&quot;Вид&quot;},&quot;waveVariant&quot;:{&quot;editor&quot;:&quot;enum&quot;,&quot;options&quot;:[&quot;orb&quot;,&quot;rings&quot;,&quot;liquid&quot;],&quot;default&quot;:&quot;orb&quot;,&quot;tsType&quot;:&quot;string&quot;,&quot;section&quot;:&quot;Вид&quot;},&quot;ambient&quot;:{&quot;editor&quot;:&quot;boolean&quot;,&quot;default&quot;:true,&quot;tsType&quot;:&quot;boolean&quot;,&quot;section&quot;:&quot;Вид&quot;},&quot;homeLayout&quot;:{&quot;editor&quot;:&quot;enum&quot;,&quot;options&quot;:[&quot;center&quot;,&quot;split&quot;],&quot;default&quot;:&quot;center&quot;,&quot;tsType&quot;:&quot;string&quot;,&quot;section&quot;:&quot;Варианты&quot;},&quot;shell&quot;:{&quot;editor&quot;:&quot;enum&quot;,&quot;options&quot;:[&quot;classic&quot;,&quot;floating&quot;],&quot;default&quot;:&quot;classic&quot;,&quot;tsType&quot;:&quot;string&quot;,&quot;section&quot;:&quot;Варианты&quot;},&quot;player&quot;:{&quot;editor&quot;:&quot;enum&quot;,&quot;options&quot;:[&quot;bar&quot;,&quot;island&quot;],&quot;default&quot;:&quot;bar&quot;,&quot;tsType&quot;:&quot;string&quot;,&quot;section&quot;:&quot;Варианты&quot;},&quot;queueLayout&quot;:{&quot;editor&quot;:&quot;enum&quot;,&quot;options&quot;:[&quot;grouped&quot;,&quot;split&quot;],&quot;default&quot;:&quot;grouped&quot;,&quot;tsType&quot;:&quot;string&quot;,&quot;section&quot;:&quot;Варианты&quot;},&quot;role&quot;:{&quot;editor&quot;:&quot;enum&quot;,&quot;options&quot;:[&quot;admin&quot;,&quot;moderator&quot;,&quot;user&quot;],&quot;default&quot;:&quot;admin&quot;,&quot;tsType&quot;:&quot;string&quot;,&quot;section&quot;:&quot;Прототип&quot;},&quot;startScreen&quot;:{&quot;editor&quot;:&quot;enum&quot;,&quot;options&quot;:[&quot;login&quot;,&quot;app&quot;],&quot;default&quot;:&quot;app&quot;,&quot;tsType&quot;:&quot;string&quot;,&quot;section&quot;:&quot;Прототип&quot;}}">
-const USERS0 = [
-  { id: 1, name: 'Алексей Морозов', login: 'admin', role: 'admin', status: 'active', last: 'сейчас в сети' },
-  { id: 2, name: 'Илья Сафонов', login: 'ilya', role: 'moderator', status: 'active', last: '12 мин назад' },
-  { id: 3, name: 'Мария Котова', login: 'masha', role: 'moderator', status: 'active', last: 'вчера' },
-  { id: 4, name: 'Анна Белова', login: 'anna', role: 'user', status: 'active', last: '2 ч назад' },
-  { id: 5, name: 'Дмитрий Орлов', login: 'dima', role: 'user', status: 'active', last: '3 дня назад' },
-  { id: 6, name: 'Олег Ким', login: 'oleg', role: 'user', status: 'blocked', last: '2 нед. назад' },
-  { id: 7, name: 'Света Ли', login: 'sveta', role: 'user', status: 'mustchange', last: '—' },
-  { id: 8, name: 'Никита Громов', login: 'nik', role: 'user', status: 'active', last: '5 ч назад' }
-];
-const SOURCES0 = [
-  { id: 'nas', name: 'NAS — музыка', type: 'nfs', server: '192.168.1.20', export: '/volume1/music', opts: 'nfsvers=4.1,soft,timeo=150', path: '', status: 'ok', tracks: '11 284', accepts: true, last: 'сегодня, 04:00' },
-  { id: 'old', name: 'Старый NAS', type: 'nfs', server: '192.168.1.31', export: '/export/flac', opts: 'nfsvers=4.1,soft', path: '', status: 'error', msg: 'stat: нет ответа за 15 с — треки помечены недоступными', tracks: '2 140', accepts: false, last: '3 дня назад' },
-  { id: 'vinyl', name: 'Оцифровка винила', type: 'local', server: '', export: '', opts: '', path: 'vinyl', status: 'ok', tracks: '412', accepts: false, last: 'вчера, 04:00' }
-];
-const PATTERNS0 = [
-  '^(?P<artist>[^/]+)/(?P<year>\\d{4}) - (?P<album>[^/]+)/(?:(?P<disc>\\d)-)?(?P<track>\\d{1,3}) - (?P<title>[^/]+)\\.\\w+$',
-  '^(?P<genre>[^/]+)/(?P<artist>[^/]+)/(?P<album>.+?) \\((?P<year>\\d{4})\\)/(?P<track>\\d+)\\. (?P<title>[^/]+)\\.\\w+$',
-  '^Compilations/(?P<album>[^/]+)/(?P<track>\\d+) - (?P<artist>.+?) - (?P<title>[^/]+)\\.\\w+$',
-  '^(?P<skip>_incoming)/'
-];
-const PREVIEW = [
-  'Radiohead/2007 - In Rainbows/04 - Weird Fishes_Arpeggi.flac',
-  'Кино/1988 - Группа крови/01 - Группа крови.flac',
-  'Daft Punk/2013 - Random Access Memories/1-08 - Get Lucky.flac',
-  'Электроника/Bonobo/Migration (2017)/03. Outlier.mp3',
-  'Compilations/Ночь на Петроградке/07 - Сплин - Орбит без сахара.mp3',
-  '_incoming/rip/track03.wav',
-  'Земфира/Прости меня моя любовь/Хочешь.flac'
-];
-const DEF_TPL = '{albumartist}/{year} - {album}/{disc:1-}{track:02} - {title}.{ext}';
-const Q0 = [
-  { id: 'q1', artist: 'Moderat', album: 'III', year: '2016', c1: '#E6E1D6', c2: '#2E2E33', by: 'Илья Сафонов', when: '2 ч назад', note: 'Исполнитель уже есть · новый альбом', fmt: 'FLAC', q: '16 бит / 44,1 кГц', ext: 'flac', tracks: ['Eating Hooks', 'Running', 'Finder', 'Ghostmother', 'Reminder', 'The Fool', 'Intruder', 'Animal Trails'] },
-  { id: 'q2', artist: 'Molchat Doma', album: 'Этажи', year: '2018', c1: '#9AA6B2', c2: '#161B21', by: 'Илья Сафонов', when: 'вчера', note: 'Новый исполнитель · новый альбом', fmt: 'FLAC', q: '24 бит / 48 кГц', ext: 'flac', tracks: ['Тоска', 'Клетка', 'Судно (Борис Рыжий)', 'Танцевать', 'Discoteque', 'Звёзды'] },
-  { id: 'q3', artist: 'Земфира', album: 'Live в Олимпийском', year: '2007', c1: '#E0507F', c2: '#1E0A1A', by: 'Мария Котова', when: '3 дня назад', note: 'Исполнитель уже есть · новый альбом', fmt: 'MP3', q: '320 кбит/с', ext: 'mp3', tracks: [['Хочешь?', 'dup', 'Похоже на «Хочешь?» · Прости меня моя любовь, 2000 — другая версия?'], ['Искала', 'dup', 'Похоже на «Искала» · Прости меня моя любовь, 2000'], 'Небо Лондона', 'Бесконечность'] },
-  { id: 'q4', artist: 'Radiohead', album: 'In Rainbows', year: '2007', c1: '#F2A23A', c2: '#1C3B6E', by: 'Мария Котова', when: '3 дня назад', note: 'Альбом уже есть · замена файла', fmt: 'FLAC', q: '24 бит / 96 кГц', ext: 'flac', tracks: [['Nude', 'better', 'Сейчас в библиотеке MP3 320 кбит/с — заменится на FLAC 24/96', 3]] }
-];
-const PROP0 = [
-  { id: 'p1', name: 'Moderat — III (2016)', files: 8, size: '312 МБ', status: 'pending_review', date: 'сегодня, 10:14' },
-  { id: 'p2', name: 'Molchat Doma — Этажи (2018)', files: 6, size: '248 МБ', status: 'pending_review', date: 'вчера, 22:40' },
-  { id: 'p3', name: 'Bonobo — Fragments (2022)', files: 12, size: '486 МБ', status: 'imported', date: '12 окт' },
-  { id: 'p4', name: 'Сплин — Сигнал из космоса (2009)', files: 11, size: '98 МБ', status: 'rejected', reason: 'Низкое качество: MP3 128 кбит/с — нужен lossless', date: '10 окт' },
-  { id: 'p5', name: 'Daft Punk — Get Lucky (Radio Edit).mp3', files: 1, size: '9 МБ', status: 'duplicate', reason: 'Уже есть: Daft Punk — Get Lucky', date: '9 окт' },
-  { id: 'p6', name: 'Massive Attack — 100th Window (2003)', files: 9, size: '402 МБ', status: 'withdrawn', date: '2 окт' }
-];
-const BATCHES = [
-  [['Pompeya — Tropical (2012)/01 - Power.flac', 34], ['Pompeya — Tropical (2012)/02 - Y.A.H.F..flac', 29], ['Pompeya — Tropical (2012)/03 - Tropical.flac', 31], ['Pompeya — Tropical (2012)/04 - 90.flac', 27], ['Pompeya — Tropical (2012)/05 - Slaves.flac', 33], ['Pompeya — Tropical (2012)/01 - Power (копия).flac', 34, 'Дубль файла в этой же пачке: 01 - Power.flac'], ['Radiohead - Nude.mp3', 9, 'Уже есть: Radiohead — Nude · In Rainbows']],
-  [['Kedr Livanskiy — Your Need (2019)/01 - Your Need.flac', 38], ['Kedr Livanskiy — Your Need (2019)/02 - Sky Kisses.flac', 41], ['Kedr Livanskiy — Your Need (2019)/03 - Kiska.flac', 36], ['Кино - Война.mp3', 8, 'Уже есть: Кино — Война · Группа крови']]
-];
-const ST = {
-  uploading: ['Загружается', 'var(--accent2)', 'var(--accent-soft)'], processing: ['Обработка', 'var(--violet)', 'var(--violet-soft)'],
-  pending_review: ['На рассмотрении', 'var(--warn)', 'var(--warn-soft)'], approved: ['Одобрено', 'var(--ok)', 'var(--ok-soft)'],
-  imported: ['Добавлено', 'var(--ok)', 'var(--ok-soft)'], rejected: ['Отклонено', 'var(--danger)', 'var(--danger-soft)'],
-  duplicate: ['Уже есть', 'var(--text2)', 'var(--hover)'], withdrawn: ['Отозвано', 'var(--text3)', 'var(--hover)']
-};
-const ROLE = { admin: ['Администратор', 'var(--violet)', 'var(--violet-soft)'], moderator: ['Модератор', 'var(--accent2)', 'var(--accent-soft)'], user: ['Пользователь', 'var(--text2)', 'var(--hover)'] };
-const USTAT = { active: ['Активен', 'var(--ok)'], blocked: ['Заблокирован', 'var(--danger)'], mustchange: ['Ждёт смены пароля', 'var(--warn)'] };
-const F1 = "'FILL' 1", F0 = "'FILL' 0";
-const ini = n => n.split(/\s+/).map(w => w[0]).join('').slice(0, 2).toUpperCase();
-const genPw = () => { const c = 'abcdefghjkmnpqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789'; let s = ''; for (let i = 0; i < 12; i++) s += c[Math.floor(Math.random() * c.length)]; return s.slice(0, 4) + '-' + s.slice(4, 8) + '-' + s.slice(8); };
-
-class Component extends DCLogic {
-  state = { ready: false };
-  mainRef = React.createRef();
-  searchRef = React.createRef();
-  _fh = {};
-
-  componentDidMount() {
-    const wait = () => (window.PIPU ? this.init() : setTimeout(wait, 40));
-    wait();
-    this.iv = setInterval(() => this.tick(), 250);
-    this.kd = e => this.onKey(e);
-    window.addEventListener('keydown', this.kd);
-  }
-  componentWillUnmount() { clearInterval(this.iv); window.removeEventListener('keydown', this.kd); }
-
-  init() {
-    const D = window.PIPU;
-    let sv = null; try { sv = JSON.parse(localStorage.getItem('pipu-web-player') || 'null'); } catch (e) {}
-    const ok = sv && D.TR[sv.trackId];
-    const alb = D.ALB['rh-ir'].tracks;
-    const hist = []; let k = 3;
-    [['Сегодня', 5, 18], ['Вчера', 7, 22], ['17 октября', 6, 21]].forEach(([d, n, h]) => { let m = 40; for (let j = 0; j < n; j++) { k = (k * 7 + 5) % D.ALL.length; hist.push({ id: D.ALL[k], day: d, time: String(h).padStart(2, '0') + ':' + String(m).padStart(2, '0') }); m -= 13; if (m < 0) { m += 60; h--; } } });
-    const qg = Q0.map(g => ({ ...g, tracks: g.tracks.map((t, i) => { const a = Array.isArray(t) ? t : [t]; const h = D.H(g.id + a[0]); return { id: g.id + '-' + i, title: a[0], flag: a[1] || null, note: a[2] || '', n: a[3] || i + 1, size: g.fmt === 'MP3' ? 8 + h % 5 : g.q.startsWith('24') ? 70 + h % 50 : 24 + h % 18 }; }) }));
-    this.setState({
-      ready: true, auth: this.props.startScreen === 'app' ? null : 'login', page: 'home', params: {},
-      queue: ok && sv.queue ? sv.queue.filter(id => D.TR[id]) : alb, qi: ok ? sv.qi || 0 : 3, trackId: ok ? sv.trackId : alb[3], pos: ok ? sv.pos || 0 : 83,
-      source: (ok && sv.source) || { type: 'list', label: 'Альбом · In Rainbows' }, waveOn: ok ? !!sv.waveOn : false, playing: false, vol: 0.7, muted: false,
-      activity: null, mood: null,
-      likes: ['rh-ir-6', 'ma-mz-2', 'kino-gk-0', 'mod-2-1', 'bon-mg-2', 'dp-ram-4', 'zem-pm-0', 'kino-zs-4', 'spl-ga-0', 'rh-ir-3', 'bon-mg-0', 'ma-mz-0'],
-      dislikes: ['dp-ram-1', 'spl-ga-3', 'kino-gk-5'], history: hist,
-      q: '', sOpen: false, sIdx: -1, searchTab: 'all', queueOpen: false, profileOpen: false, theme: null, lang: 'ru', crossfade: 2, normalize: true,
-      f: {}, err: {}, showPw: false,
-      users: USERS0, uq: '', uRole: 'all', uMenu: null, dlg: null, tempPw: null, tempFor: '',
-      sources: SOURCES0, srcSel: 'nas', patterns: PATTERNS0, tagPrio: 'tags', writeTpl: DEF_TPL, tplChecked: false, testing: false, testRes: null, dragIdx: null,
-      scan: { pct: 62, running: true }, ana: 8912,
-      uploads: [], batchN: 0, proposals: PROP0, dragOver: false,
-      qGroups: qg, qSel: {}, qFilter: 'all', qGroup: 'q1', qPlay: null, rejectIds: [],
-      adm: { limit: 10, perUser: false, perUserLimit: 3, maxFile: 2, defSrc: 'nas', upgrade: false },
-      toast: null
-    });
-  }
-
-  tick() {
-    const s = this.state, D = window.PIPU; if (!s.ready) return;
-    const u = {};
-    if (s.playing && !s.auth) { const t = D.TR[s.trackId]; const np = s.pos + 0.25; if (np >= t.dur) { this.next(); return; } u.pos = np; }
-    if (s.page === 'library' && s.scan.running) { const p = s.scan.pct + 0.12; u.scan = p >= 100 ? { pct: 100, running: false } : { pct: p, running: true }; u.ana = Math.min(11284, s.ana + (Math.random() < 0.6 ? 1 : 0)); }
-    if (s.uploads.some(x => x.status === 'uploading' || x.status === 'processing')) {
-      let active = 0;
-      u.uploads = s.uploads.map(x => {
-        if (x.status === 'uploading') { if (active++ >= 4) return x; return x.progress >= 100 ? { ...x, status: 'processing', pt: 0 } : { ...x, progress: Math.min(100, x.progress + 4 + Math.random() * 9) }; }
-        if (x.status === 'processing') return x.pt >= 6 ? { ...x, status: 'pending_review' } : { ...x, pt: x.pt + 1 };
-        return x;
-      });
-    }
-    if (Object.keys(u).length) this.setState(u);
-    this._t = (this._t || 0) + 1;
-    if (this._t % 4 === 0) { try { localStorage.setItem('pipu-web-player', JSON.stringify({ trackId: s.trackId, pos: s.pos, queue: s.queue.slice(0, 60), qi: s.qi, source: s.source, waveOn: s.waveOn })); } catch (e) {} }
-  }
-
-  onKey(e) {
-    const s = this.state; if (!s.ready || s.auth) return;
-    const tag = (e.target.tagName || '').toLowerCase(), typing = tag === 'input' || tag === 'textarea' || tag === 'select';
-    if ((e.key === '/' && !typing) || ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 'k')) { e.preventDefault(); this.searchRef.current && this.searchRef.current.focus(); return; }
-    if (typing) return;
-    if (e.code === 'Space') { e.preventDefault(); this.togglePlay(); }
-    else if (e.key === 'ArrowRight') { e.shiftKey ? this.next() : this.seekBy(10); }
-    else if (e.key === 'ArrowLeft') { e.shiftKey ? this.prev() : this.seekBy(-10); }
-    else if (e.key === 'l' || e.key === 'L' || e.key === 'д') this.toggleLike(s.trackId);
-    else if (e.key === 'Escape') this.setState({ queueOpen: false, profileOpen: false, dlg: null, uMenu: null });
-  }
-
-  toastMsg(m) { clearTimeout(this._tt); this.setState({ toast: m }); this._tt = setTimeout(() => this.setState({ toast: null }), 2800); }
-  go(page, params = {}) { this.setState({ page, params, sOpen: false, profileOpen: false, queueOpen: false, uMenu: null }); if (this.mainRef.current) this.mainRef.current.scrollTop = 0; }
-  fh(k) { return this._fh[k] || (this._fh[k] = e => this.setState(s => ({ f: { ...s.f, [k]: e.target.value }, err: { ...s.err, [k]: null } }))); }
-
-  addHist(h, id) { if (h[0] && h[0].id === id) return h; const d = new Date(); return [{ id, day: 'Сегодня', time: String(d.getHours()).padStart(2, '0') + ':' + String(d.getMinutes()).padStart(2, '0') }, ...h]; }
-  setTrack(qi, queue, extra = {}) { const id = queue[qi]; this.setState(s => ({ queue, qi, trackId: id, pos: 0, playing: true, qPlay: null, history: this.addHist(s.history, id), ...extra })); }
-  playList(list, i, label) { this.setTrack(i, list, { waveOn: false, source: { type: 'list', label } }); }
-  wopts(extra = {}) { const s = this.state; return { activity: s.activity, mood: s.mood, dislikes: s.dislikes, likes: s.likes, ...extra }; }
-  startWave(artistId) { const q = window.PIPU.waveBatch(12, this.wopts({ artistId })); this.setTrack(0, q, { waveOn: true, source: { type: 'wave', artistId: artistId || null } }); }
-  next() {
-    const s = this.state, D = window.PIPU; let q = s.queue, i = s.qi + 1;
-    if (s.waveOn && i >= q.length - 2) q = [...q, ...D.waveBatch(8, this.wopts({ recent: q.slice(-20), artistId: s.source.artistId }))];
-    if (i >= q.length) { this.setState({ playing: false, pos: 0 }); return; }
-    this.setTrack(i, q);
-  }
-  prev() { const s = this.state; if (s.pos > 3 || s.qi === 0) { this.setState({ pos: 0 }); return; } this.setTrack(s.qi - 1, s.queue); }
-  togglePlay() { this.setState(s => ({ playing: !s.playing, qPlay: null })); }
-  seekBy(d) { const D = window.PIPU; this.setState(s => ({ pos: D.clamp(s.pos + d, 0, D.TR[s.trackId].dur - 1) })); }
-  onWave() { const s = this.state; if (s.waveOn && !s.source.artistId) this.togglePlay(); else this.startWave(); }
-  setCtx(k, v) {
-    this.setState(s => ({ [k]: s[k] === v ? null : v }), () => {
-      const s = this.state; if (!s.waveOn) return;
-      const keep = s.queue.slice(0, s.qi + 1);
-      this.setState({ queue: [...keep, ...window.PIPU.waveBatch(10, this.wopts({ recent: keep.slice(-20) }))] });
-    });
-  }
-  toggleLike(id) { this.setState(s => ({ likes: s.likes.includes(id) ? s.likes.filter(x => x !== id) : [id, ...s.likes], dislikes: s.dislikes.filter(x => x !== id) })); }
-  toggleDislike(id) {
-    const s = this.state, was = s.dislikes.includes(id);
-    this.setState({ dislikes: was ? s.dislikes.filter(x => x !== id) : [id, ...s.dislikes], likes: s.likes.filter(x => x !== id) });
-    if (!was && id === s.trackId && s.waveOn) { setTimeout(() => this.next(), 0); this.toastMsg('Больше не попадётся в волне — включаем следующий'); }
-    else if (!was) this.toastMsg('Трек скрыт из рекомендаций');
-    else this.toastMsg('Дизлайк снят — трек снова может попасть в волну');
-  }
-  openSearch() { const q = this.state.q.trim(); if (!q) return; this.go('search', { q }); this.setState({ searchTab: 'all' }); this.searchRef.current && this.searchRef.current.blur(); }
-
-  doLogin() {
-    const f = this.state.f, l = (f.login || '').trim(), p = f.pass || '';
-    if (!l || !p) return this.setState({ err: { login: 'Введите логин и пароль' } });
-    if (l === 'admin' && p === 'admin') return this.setState({ auth: 'setupAdmin', f: {}, err: {} });
-    if (p === 'reset') return this.setState({ auth: 'setupPassword', f: {}, err: {} });
-    if (p.length < 4) return this.setState({ err: { login: 'Неверный логин или пароль' } });
-    this.setState({ auth: null, f: {}, err: {}, page: 'home' });
-  }
-  doSetup() {
-    const s = this.state, f = s.f, e = {};
-    if (s.auth === 'setupAdmin') { if (!(f.nlogin || '').trim()) e.nlogin = 'Придумайте логин'; else if (f.nlogin.trim() === 'admin') e.nlogin = 'Стандартный логин нужно сменить'; }
-    if ((f.np || '').length < 8) e.np = 'Минимум 8 символов';
-    if (f.np !== f.np2) e.np2 = 'Пароли не совпадают';
-    if (Object.keys(e).length) return this.setState({ err: e });
-    this.setState({ auth: null, f: {}, err: {}, page: 'home' }); this.toastMsg('Готово — данные сохранены');
-  }
-  strength(p) {
-    p = p || ''; let sc = 0; if (p.length >= 8) sc++; if (p.length >= 12) sc++; if (/[a-zа-я]/.test(p) && /[A-ZА-Я]/.test(p)) sc++; if (/\d/.test(p) && /[^\w]/.test(p)) sc++;
-    const lv = [['Слишком короткий', 'var(--text3)'], ['Слабый', 'var(--danger)'], ['Средний', 'var(--warn)'], ['Хороший', 'var(--accent2)'], ['Надёжный', 'var(--ok)']][p ? Math.max(1, sc) : 0];
-    return { label: p ? lv[0] : '', color: lv[1], bars: [0, 1, 2, 3].map(i => ({ bg: p && i < Math.max(1, sc) ? lv[1] : 'var(--line2)' })) };
-  }
-
-  qPath(g, tr) {
-    const D = window.PIPU, s = this.state;
-    const p = D.fillTpl(s.writeTpl, { albumartist: g.artist, artist: g.artist, year: g.year, album: g.album, disc: '', track: tr.n, title: tr.title, ext: g.ext }).split('/');
-    const A = Object.values(D.ART).find(a => a.name.toLowerCase() === (p[0] || '').toLowerCase());
-    if (A) p[0] = A.name;
-    const albEx = !!A && p.length > 2 && A.albums.some(id => (D.ALB[id].year + ' - ' + D.ALB[id].title) === p[1]);
-    return { parts: p, artEx: !!A, albEx };
-  }
-  approve(ids, verb) {
-    const set = new Set(ids);
-    this.setState(s => ({ qGroups: s.qGroups.map(g => ({ ...g, tracks: g.tracks.filter(t => !set.has(t.id)) })).filter(g => g.tracks.length), qSel: {}, dlg: null, f: { ...s.f, reason: '' } }));
-    const n = ids.length, P = window.PIPU.plural;
-    this.toastMsg(verb === 'reject' ? `${n} ${P(n, ['трек отклонён', 'трека отклонены', 'треков отклонено'])} — автор увидит причину` : `${n} ${P(n, ['трек одобрен', 'трека одобрено', 'треков одобрено'])} — файлы раскладываются в хранилище`);
-  }
-  addBatch() {
-    const s = this.state, b = BATCHES[s.batchN % BATCHES.length];
-    const ups = b.map(([path, mb, dup], i) => ({ id: 'u' + Date.now() + i, path, size: mb, status: dup ? 'duplicate' : 'uploading', progress: 0, dupOf: dup || '' }));
-    const d = ups.filter(u => u.status === 'duplicate').length;
-    this.setState({ uploads: [...ups, ...s.uploads], batchN: s.batchN + 1, dragOver: false });
-    this.toastMsg(`Проверено ${ups.length} файлов: ${ups.length - d} загружаются, ${d} — уже есть, место не занято`);
-  }
-
-  adminVals({ D, s, P, isAdmin, isMod, seg, plural }) {
-    const o = {};
-    const box = (on) => ({ selBg: on ? 'var(--accent)' : 'transparent', selBorder: on ? 'var(--accent)' : 'var(--line2)', selIcon: on ? 'check' : '' });
-    const tg = (on) => ({ bg: on ? 'var(--accent)' : 'var(--line2)', x: on ? '21px' : '3px' });
-    const stb = k => ({ stLabel: ST[k][0], stColor: ST[k][1], stBg: ST[k][2] });
-    const pg = s.page;
-    if (pg === 'users') {
-      const canManage = u => u.role !== 'admin' && (isAdmin || u.role === 'user');
-      const list = s.users.filter(u => (s.uRole === 'all' || u.role === s.uRole) && (!s.uq || (u.name + ' ' + u.login).toLowerCase().includes(s.uq.toLowerCase())));
-      o.uu = {
-        q: s.uq, onQ: e => this.setState({ uq: e.target.value }),
-        tabs: [['all', 'Все'], ['admin', 'Админы'], ['moderator', 'Модераторы'], ['user', 'Пользователи']].map(([k, l]) => ({ label: l, count: k === 'all' ? s.users.length : s.users.filter(u => u.role === k).length, onClick: () => this.setState({ uRole: k }), bg: s.uRole === k ? 'var(--surface3)' : 'transparent', color: s.uRole === k ? 'var(--text)' : 'var(--text2)' })),
-        hint: isAdmin ? 'Создание пользователей и модераторов, роли, сброс пароля, блокировка' : 'Как модератор вы можете создавать обычных пользователей, сбрасывать им пароль и блокировать',
-        onCreate: () => this.setState({ dlg: 'create', nuRole: 'user', f: { ...s.f, nuLogin: '', nuName: '' }, err: {} }),
-        rows: list.map(u => {
-          const bl = u.status === 'blocked', acts = [
-            { icon: 'lock_reset', label: 'Сбросить пароль', color: 'var(--text)', onClick: () => this.setState({ users: s.users.map(x => x.id === u.id ? { ...x, status: 'mustchange' } : x), dlg: 'temp', tempPw: genPw(), tempFor: u.name, uMenu: null }) },
-            { icon: bl ? 'lock_open' : 'block', label: bl ? 'Разблокировать' : 'Заблокировать', color: bl ? 'var(--text)' : 'var(--danger)', onClick: () => { this.setState({ users: s.users.map(x => x.id === u.id ? { ...x, status: bl ? 'active' : 'blocked' } : x), uMenu: null }); this.toastMsg(bl ? u.name + ' снова может входить' : u.name + ' заблокирован, сессии завершены'); } }
-          ];
-          if (isAdmin) acts.splice(1, 0, { icon: 'shield_person', label: u.role === 'moderator' ? 'Снять роль модератора' : 'Сделать модератором', color: 'var(--text)', onClick: () => { this.setState({ users: s.users.map(x => x.id === u.id ? { ...x, role: u.role === 'moderator' ? 'user' : 'moderator' } : x), uMenu: null }); } });
-          return { name: u.name, login: u.login, ini: ini(u.name), last: u.last, roleLabel: ROLE[u.role][0], roleColor: ROLE[u.role][1], roleBg: ROLE[u.role][2], stLabel: USTAT[u.status][0], stColor: USTAT[u.status][1], op: bl ? 0.55 : 1, canManage: canManage(u), menuOpen: s.uMenu === u.id, onMenu: e => { e.stopPropagation(); this.setState({ uMenu: s.uMenu === u.id ? null : u.id }); }, acts };
-        })
-      };
-    }
-    if (pg === 'sources') {
-      const src = s.sources.find(x => x.id === s.srcSel) || s.sources[0];
-      const upd = (k, v) => this.setState(st => ({ sources: st.sources.map(x => x.id === src.id ? { ...x, [k]: v } : x), testRes: null }));
-      const res = s.patterns.map(p => D.compile(p));
-      const prev = PREVIEW.map(path => {
-        for (let k = 0; k < res.length; k++) {
-          const re = res[k]; if (re instanceof Error) continue;
-          const m = re.exec(path);
-          if (m) { const g = m.groups || {}; const skip = g.skip != null; return { path, g, k, segs: D.segments(path, m), skip, badge: skip ? 'Пропуск' : 'Выражение #' + (k + 1), bc: skip ? 'var(--text2)' : 'var(--ok)', bb: skip ? 'var(--hover)' : 'var(--ok-soft)', fields: skip ? [] : Object.entries(g).filter(([, v]) => v != null).map(([n, v]) => ({ k: D.GL[n] || n, v, c: D.GC[n] || 'var(--text)' })) }; }
-        }
-        return { path, segs: [{ t: path, c: 'var(--danger)' }], badge: 'Не совпало', bc: 'var(--danger)', bb: 'var(--danger-soft)', fields: [], none: true };
-      });
-      const chk = prev.filter(r => !r.none && !r.skip).map(r => { const gen = D.fillTpl(s.writeTpl, { ...r.g, ext: r.path.split('.').pop() }); return { real: r.path, gen, ok: gen === r.path, icon: gen === r.path ? 'check_circle' : 'cancel', c: gen === r.path ? 'var(--ok)' : 'var(--warn)' }; });
-      const okN = chk.filter(c => c.ok).length, pct = chk.length ? Math.round(okN / chk.length * 100) : 0;
-      o.src = {
-        list: s.sources.map(x => { const sel = x.id === src.id; return { name: x.name, addr: x.type === 'nfs' ? x.server + ':' + x.export : '/srv/pipu/library-host/' + x.path, typeLabel: x.type === 'nfs' ? 'NFS' : 'Папка на сервере', tracks: x.tracks + ' треков', stLabel: x.status === 'ok' ? 'Подключено' : 'Ошибка', stColor: x.status === 'ok' ? 'var(--ok)' : 'var(--danger)', accepts: x.accepts, err: x.status === 'error' ? x.msg : '', bg: sel ? 'var(--accent-soft)' : 'var(--surface2)', border: sel ? 'var(--accent)' : 'var(--line)', onClick: () => this.setState({ srcSel: x.id, testRes: null }) }; }),
-        name: src.name, server: src.server, exp: src.export, opts: src.opts, path: src.path, isNfs: src.type === 'nfs', isLocal: src.type === 'local',
-        onName: e => upd('name', e.target.value), onServer: e => upd('server', e.target.value), onExp: e => upd('export', e.target.value), onOpts: e => upd('opts', e.target.value), onPath: e => upd('path', e.target.value),
-        types: [seg(src.type === 'nfs', 'Сетевая папка NFS', () => upd('type', 'nfs')), seg(src.type === 'local', 'Папка на сервере', () => upd('type', 'local'))],
-        acc: tg(src.accepts), onAcc: () => upd('accepts', !src.accepts),
-        testLabel: s.testing ? 'Проверяем…' : 'Проверить подключение',
-        onTest: () => { this.setState({ testing: true, testRes: null }); setTimeout(() => { const ok = src.status === 'ok'; this.setState({ testing: false, testRes: ok ? { icon: 'check_circle', c: 'var(--ok)', b: 'var(--ok-soft)', text: 'Подключено: чтение OK' + (src.accepts ? ', запись OK' : '') + ' · в первых 50 каталогах найдено 1 248 аудиофайлов' } : { icon: 'error', c: 'var(--danger)', b: 'var(--danger-soft)', text: 'Не удалось смонтировать ' + src.server + ':' + src.export + ' — сервер не отвечает (timeo=150)' } }); }, 1100); },
-        testRes: s.testRes,
-        patterns: s.patterns.map((p, i) => {
-          const re = res[i];
-          return { n: i + 1, text: p, tokens: D.tokens(p), err: re instanceof Error ? re.message.replace(/^Invalid regular expression: /, '') : '', border: s.dragIdx === i ? 'var(--accent)' : (re instanceof Error ? 'var(--danger)' : 'var(--line2)'),
-            onChange: e => { const v = e.target.value; this.setState(st => ({ patterns: st.patterns.map((x, j) => j === i ? v : x), tplChecked: false })); },
-            onDel: () => this.setState(st => ({ patterns: st.patterns.filter((x, j) => j !== i) })),
-            onDragStart: e => { e.dataTransfer.effectAllowed = 'move'; this.setState({ dragIdx: i }); }, onDragOver: e => e.preventDefault(), onDragEnd: () => this.setState({ dragIdx: null }),
-            onDrop: e => { e.preventDefault(); const from = this.state.dragIdx; if (from == null || from === i) return this.setState({ dragIdx: null }); const a = [...this.state.patterns]; const [x] = a.splice(from, 1); a.splice(i, 0, x); this.setState({ patterns: a, dragIdx: null }); } };
-        }),
-        onAddPattern: () => this.setState(st => ({ patterns: [...st.patterns, '^(?P<artist>[^/]+)/(?P<album>[^/]+)/(?P<title>[^/]+)\\.\\w+$'] })),
-        prev, prevSummary: (prev.length - prev.filter(r => r.none).length) + ' из ' + prev.length + ' путей распознаны',
-        tags: [seg(s.tagPrio === 'tags', 'Теги файла важнее', () => this.setState({ tagPrio: 'tags' })), seg(s.tagPrio === 'path', 'Структура папок важнее', () => this.setState({ tagPrio: 'path' }))],
-        tpl: s.writeTpl, onTpl: e => this.setState({ writeTpl: e.target.value, tplChecked: false }),
-        onAutoTpl: () => { this.setState({ writeTpl: DEF_TPL, tplChecked: false }); this.toastMsg('Шаблон подобран: выражение #1 описывает 94% файлов хранилища'); },
-        onCheckTpl: () => this.setState({ tplChecked: true }), checked: s.tplChecked, chk,
-        chkSummary: okN + ' из ' + chk.length + ' путей совпали (' + pct + '%)', chkColor: pct >= 90 ? 'var(--ok)' : 'var(--warn)', chkBg: pct >= 90 ? 'var(--ok-soft)' : 'var(--warn-soft)',
-        chkNote: pct >= 90 ? 'Новые файлы лягут так же, как существующие' : 'Ниже порога 90%: часть хранилища разложена по другой схеме — новые файлы пойдут по шаблону выше',
-        onSave: () => { this.setState({ scan: { pct: 0, running: true } }); this.toastMsg('Сохранено — запущено полное пересканирование «' + src.name + '»'); }
-      };
-    }
-    if (pg === 'library') {
-      const sc = s.scan, tot = 11284;
-      o.lib = {
-        stats: [['Треков', '11 284', '+38 за неделю'], ['Исполнителей', '1 046', ''], ['Альбомов', '2 318', ''], ['Объём', '412 ГБ', 'в 3 хранилищах']].map(([l, v, n]) => ({ l, v, n })),
-        scanPct: sc.pct.toFixed(1) + '%', scanW: sc.pct + '%', scanFiles: Math.round(sc.pct / 100 * tot).toLocaleString('ru') + ' / ' + tot.toLocaleString('ru') + ' файлов', scanRunning: sc.running,
-        scanLabel: sc.running ? 'Сканирование «NAS — музыка»' : 'Сканирование завершено', scanEta: sc.running ? 'осталось ~' + Math.max(1, Math.round((100 - sc.pct) / 8)) + ' мин' : 'новых: 38 · переименовано: 4 · пропало: 0',
-        anaPct: Math.round(s.ana / tot * 100) + '%', anaW: (s.ana / tot * 100) + '%', anaFiles: s.ana.toLocaleString('ru') + ' / ' + tot.toLocaleString('ru') + ' треков', anaEta: '~1 ч 10 мин · 4 воркера',
-        onRescan: () => this.setState({ scan: { pct: 0, running: true } }),
-        metrics: [['Дослушивания', '74%', 'цель > 70%'], ['Ранние пропуски', '17%', 'цель < 20%'], ['Лайков на 100 треков', '6,2', 'растёт'], ['Открытия', '28%', 'цель 20–40%'], ['Медиана сессии', '42 мин', 'растёт']].map(([l, v, n]) => ({ l, v, n })),
-        errors: [['Radiohead/2003 - Hail to the Thief/07 - Sit Down. Stand Up.flac', 'ffprobe: повреждён заголовок FLAC', 'Сканер'], ['Земфира/2002 - 14 недель тишины/05 - Infinity.mp3', 'Теги ID3v2.4 не читаются — взяты из пути', 'Сканер'], ['Сплин/1999 - Альтависта/09 - Романс.flac', 'Таймаут анализа (120 с)', 'Аудиоанализ'], ['Старый NAS', 'Хранилище недоступно: 2 140 треков скрыты', 'Хранилище']].map(([p, e, w]) => ({ p, e, w }))
-      };
-    }
-    if (pg === 'upload') {
-      const act = s.uploads.filter(u => ['uploading', 'processing', 'pending_review'].includes(u.status));
-      const used = 6.2 + act.reduce((a, u) => a + u.size, 0) / 1024, lim = s.adm.limit, pct = Math.min(100, used / lim * 100);
-      o.up = {
-        usedStr: used.toFixed(1).replace('.', ','), limStr: String(lim), freeStr: Math.max(0, lim - used).toFixed(1).replace('.', ','), pct: pct + '%', barC: pct > 85 ? 'var(--warn)' : 'var(--accent)',
-        dzBorder: s.dragOver ? 'var(--accent)' : 'var(--line2)', dzBg: s.dragOver ? 'var(--accent-soft)' : 'var(--surface2)',
-        onDragOver: e => { e.preventDefault(); if (!this.state.dragOver) this.setState({ dragOver: true }); }, onDragLeave: () => this.setState({ dragOver: false }), onDrop: e => { e.preventDefault(); this.addBatch(); }, onPick: () => this.addBatch(),
-        hasCur: s.uploads.length > 0,
-        cur: s.uploads.map(u => ({ name: u.path.split('/').pop(), folder: u.path.includes('/') ? u.path.split('/')[0] : 'Отдельный файл', size: u.size + ' МБ', ...stb(u.status), isUp: u.status === 'uploading', w: u.progress + '%', note: u.dupOf, hasNote: !!u.dupOf, op: u.status === 'duplicate' ? 0.7 : 1,
-          canW: u.status === 'pending_review', onW: () => this.setState(st => ({ uploads: st.uploads.map(x => x.id === u.id ? { ...x, status: 'withdrawn' } : x) })) })),
-        props: s.proposals.map(p => ({ name: p.name, meta: p.files + ' ' + plural(p.files, ['файл', 'файла', 'файлов']) + ' · ' + p.size + ' · ' + p.date, ...stb(p.status), reason: p.reason || '', hasReason: !!p.reason, canW: p.status === 'pending_review',
-          onW: () => { this.setState(st => ({ proposals: st.proposals.map(x => x.id === p.id ? { ...x, status: 'withdrawn' } : x) })); this.toastMsg('Предложение отозвано — место в очереди освобождено'); } }))
-      };
-    }
-    if (pg === 'queue') {
-      const flt = s.qFilter, all = s.qGroups.flatMap(g => g.tracks);
-      const groups = s.qGroups.map(g => ({ ...g, vis: g.tracks.filter(t => flt === 'all' || t.flag === flt) })).filter(g => g.vis.length);
-      const sel = Object.keys(s.qSel).filter(k => s.qSel[k]);
-      const gUpd = (gid, k) => e => { const v = e.target.value; this.setState(st => ({ qGroups: st.qGroups.map(x => x.id === gid ? { ...x, [k]: v } : x) })); };
-      const FL = { dup: ['Возможно, уже есть', 'var(--warn)', 'var(--warn-soft)', 'content_copy'], better: ['Лучшее качество', 'var(--ok)', 'var(--ok-soft)', 'high_quality'] };
-      const cur = groups.find(g => g.id === s.qGroup) || groups[0];
-      const mapG = g => {
-        const ids = g.vis.map(t => t.id), allOn = ids.every(id => s.qSel[id]);
-        const size = g.tracks.reduce((a, t) => a + t.size, 0);
-        const tracks = g.vis.map(t => {
-          const qp = this.qPath(g, t), on = !!s.qSel[t.id], pl = s.qPlay === t.id, fl = FL[t.flag];
-          return { id: t.id, n: String(t.n).padStart(2, '0'), title: t.title, size: t.size + ' МБ', ...box(on), onSel: () => this.setState(st => ({ qSel: { ...st.qSel, [t.id]: !st.qSel[t.id] } })),
-            onTitle: e => { const v = e.target.value; this.setState(st => ({ qGroups: st.qGroups.map(x => x.id === g.id ? { ...x, tracks: x.tracks.map(y => y.id === t.id ? { ...y, title: v } : y) } : x) })); },
-            hasFlag: !!fl, flagLabel: fl ? fl[0] : '', flagColor: fl ? fl[1] : '', flagBg: fl ? fl[2] : '', flagIcon: fl ? fl[3] : '', note: t.note, hasNote: !!t.note,
-            playIcon: pl ? 'pause' : 'play_arrow', playBg: pl ? 'var(--accent)' : 'var(--surface3)', playC: pl ? '#fff' : 'var(--text)', onPlay: () => this.setState({ qPlay: pl ? null : t.id, playing: false }),
-            segs: [{ t: '…/', c: 'var(--text3)' }, ...qp.parts.slice(0, -1).map((x, i) => ({ t: x + '/', c: (i === 0 ? qp.artEx : qp.albEx) ? 'var(--text2)' : 'var(--accent2)' })), { t: qp.parts[qp.parts.length - 1], c: 'var(--text)' }],
-            onApprove: () => this.approve([t.id]), onReject: () => this.setState({ dlg: 'reject', rejectIds: [t.id] }) };
-        });
-        const qp0 = this.qPath(g, g.tracks[0]);
-        const tree = [{ pad: '0px', icon: 'hard_drive', t: 'NAS — музыка · /volume1/music', c: 'var(--text3)', note: '' }];
-        qp0.parts.slice(0, -1).forEach((x, i) => { const ex = i === 0 ? qp0.artEx : qp0.albEx; tree.push({ pad: (i + 1) * 20 + 'px', icon: ex ? 'folder' : 'create_new_folder', t: x + '/', c: ex ? 'var(--text2)' : 'var(--accent2)', note: ex ? 'уже есть' : 'будет создана' }); });
-        g.tracks.slice(0, 4).forEach(t => { const p = this.qPath(g, t).parts; tree.push({ pad: qp0.parts.length * 20 + 'px', icon: 'music_note', t: p[p.length - 1], c: 'var(--text)', note: '' }); });
-        if (g.tracks.length > 4) tree.push({ pad: qp0.parts.length * 20 + 'px', icon: 'more_horiz', t: 'ещё ' + (g.tracks.length - 4), c: 'var(--text3)', note: '' });
-        const isSel = cur && cur.id === g.id;
-        return { id: g.id, artist: g.artist, album: g.album, year: g.year, aw: 'calc(' + Math.max(3, g.artist.length + 1) + 'ch + 20px)', alw: 'calc(' + Math.max(3, g.album.length + 1) + 'ch + 20px)', cover: `radial-gradient(circle at 28% 22%, rgba(255,255,255,.3), rgba(255,255,255,0) 55%), linear-gradient(140deg, ${g.c1}, ${g.c2})`, by: g.by, when: g.when, note: g.note, quality: g.fmt + ' · ' + g.q,
-          count: g.tracks.length + ' ' + plural(g.tracks.length, ['трек', 'трека', 'треков']), sizeStr: size >= 1024 ? (size / 1024).toFixed(1) + ' ГБ' : size + ' МБ',
-          onArtist: gUpd(g.id, 'artist'), onAlbum: gUpd(g.id, 'album'), onYear: gUpd(g.id, 'year'), ...box(allOn),
-          onSelAll: () => this.setState(st => { const q = { ...st.qSel }; ids.forEach(id => { q[id] = !allOn; }); return { qSel: q }; }),
-          onApprove: () => this.approve(ids), onReject: () => this.setState({ dlg: 'reject', rejectIds: ids }),
-          tracks, tree, bg: isSel ? 'var(--accent-soft)' : 'transparent', border: isSel ? 'var(--accent)' : 'var(--line)', onPick: () => this.setState({ qGroup: g.id }) };
-      };
-      const mg = groups.map(mapG);
-      o.qq = {
-        grouped: (P.queueLayout || 'grouped') === 'grouped', split: P.queueLayout === 'split',
-        filters: [['all', 'Все', all.length], ['dup', 'Возможные дубли', all.filter(t => t.flag === 'dup').length], ['better', 'Лучшее качество', all.filter(t => t.flag === 'better').length]].map(([k, l, c]) => ({ label: l, count: c, onClick: () => this.setState({ qFilter: k }), bg: flt === k ? 'var(--text)' : 'transparent', color: flt === k ? 'var(--bg)' : 'var(--text)', border: flt === k ? 'var(--text)' : 'var(--line2)' })),
-        summary: all.length + ' ' + plural(all.length, ['трек', 'трека', 'треков']) + ' · ' + s.qGroups.length + ' ' + plural(s.qGroups.length, ['пачка', 'пачки', 'пачек']) + ' на рассмотрении',
-        groups: mg, cur: mg.find(g => g.id === (cur && cur.id)) || null, hasCur: !!cur, empty: !mg.length,
-        hasSel: sel.length > 0, selLabel: 'Выбрано: ' + sel.length,
-        onBulkApprove: () => this.approve(sel), onBulkReject: () => this.setState({ dlg: 'reject', rejectIds: sel }), onClearSel: () => this.setState({ qSel: {} })
-      };
-    }
-    if (pg === 'aset') {
-      const a = s.adm, upd = (k, v) => this.setState(st => ({ adm: { ...st.adm, [k]: v } }));
-      o.as = {
-        limit: a.limit, onLimit: e => upd('limit', Math.max(1, +e.target.value || 1)), perUser: tg(a.perUser), onPerUser: () => upd('perUser', !a.perUser), showPer: a.perUser,
-        perUserLimit: a.perUserLimit, onPerUserLimit: e => upd('perUserLimit', Math.max(1, +e.target.value || 1)), maxFile: a.maxFile, onMaxFile: e => upd('maxFile', Math.max(1, +e.target.value || 1)),
-        upgrade: tg(a.upgrade), onUpgrade: () => upd('upgrade', !a.upgrade), defSrc: a.defSrc, onDefSrc: e => upd('defSrc', e.target.value),
-        srcOpts: s.sources.filter(x => x.accepts || x.id === a.defSrc).map(x => ({ v: x.id, l: x.name })),
-        onSave: () => this.toastMsg('Настройки сохранены')
-      };
-    }
-    const f = s.f;
-    o.dlg = { create: s.dlg === 'create', temp: s.dlg === 'temp', reject: s.dlg === 'reject', any: !!s.dlg, close: () => this.setState({ dlg: null }), stop: e => e.stopPropagation() };
-    if (s.dlg === 'create') {
-      o.nu = { roles: [seg((s.nuRole || 'user') === 'user', 'Пользователь', () => this.setState({ nuRole: 'user' })), seg(s.nuRole === 'moderator', 'Модератор', () => this.setState({ nuRole: 'moderator' }))], canRole: isAdmin,
-        err: s.err.nuLogin || '', border: s.err.nuLogin ? 'var(--danger)' : 'var(--line2)',
-        onCreate: () => {
-          const l = (f.nuLogin || '').trim();
-          if (!/^[a-z0-9._-]{2,}$/.test(l)) return this.setState({ err: { nuLogin: 'Латиница, цифры и . _ - — минимум 2 символа' } });
-          if (s.users.some(u => u.login === l)) return this.setState({ err: { nuLogin: 'Такой логин уже есть' } });
-          const name = (f.nuName || '').trim() || l;
-          this.setState({ users: [...s.users, { id: Date.now(), name, login: l, role: isAdmin ? (s.nuRole || 'user') : 'user', status: 'mustchange', last: '—' }], dlg: 'temp', tempPw: genPw(), tempFor: name, err: {} });
-        } };
-    }
-    if (s.dlg === 'temp') o.tp = { pw: s.tempPw, who: s.tempFor, onCopy: () => { try { navigator.clipboard.writeText(s.tempPw); } catch (e) {} this.toastMsg('Временный пароль скопирован'); } };
-    if (s.dlg === 'reject') {
-      const n = s.rejectIds.length;
-      o.rj = { title: 'Отклонить ' + n + ' ' + plural(n, ['трек', 'трека', 'треков']), reason: f.reason || '',
-        quick: ['Низкое качество', 'Уже есть в библиотеке', 'Неполный альбом', 'Неверные метаданные'].map(r => ({ label: r, onClick: () => this.setState({ f: { ...f, reason: r } }), bg: f.reason === r ? 'var(--accent-soft)' : 'transparent', border: f.reason === r ? 'var(--accent)' : 'var(--line2)' })),
-        onConfirm: () => this.approve(s.rejectIds, 'reject') };
-    }
-    o.closeMenus = () => { if (s.uMenu) this.setState({ uMenu: null }); };
-    return o;
-  }
-
-  ambient(c3) {
-    if (!c3) return null;
-    const blob = (k, bg, size, anim, pos) => React.createElement('div', { key: k, style: { position: 'absolute', ...pos, width: size, height: size, borderRadius: '50%', background: `radial-gradient(circle, ${bg} 0%, transparent 62%)`, filter: 'blur(30px)', animation: anim, willChange: 'transform' } });
-    return React.createElement('div', { 'aria-hidden': true, style: { position: 'absolute', inset: 0, overflow: 'hidden', pointerEvents: 'none', opacity: 'var(--amb-op)', zIndex: 0, animation: 'pipuHue 30s linear infinite' } }, [
-      blob('a', 'rgba(47,128,255,.75)', '70vmax', 'pipuDrift1 16s ease-in-out infinite alternate', { left: '-22vmax', top: '-28vmax' }),
-      blob('b', 'rgba(124,92,255,.6)', '60vmax', 'pipuDrift2 21s ease-in-out infinite alternate', { right: '-20vmax', top: '8vh' }),
-      blob('c', c3 + '99', '55vmax', 'pipuDrift3 26s ease-in-out infinite alternate', { left: '22vw', bottom: '-32vmax' })
-    ]);
-  }
-
-  renderVals() {
-    const D = window.PIPU, s = this.state, P = this.props;
-    const theme = s.theme || P.theme || 'dark';
-    const base = { theme, shell: P.shell || 'classic', playerV: P.player || 'bar', waveVariant: P.waveVariant || 'orb', ambient: this.ambient(P.ambient === false ? null : (s.ready && D && s.playing ? D.ALB[D.TR[s.trackId].albumId].c1 : '#35D3FF')) };
-    if (!s.ready || !D) return { ...base, isAuth: false, isApp: false };
-    const { ART, ALB, TR, fmt, plural } = D;
-    const role = P.role || 'admin', isAdmin = role === 'admin', isMod = role === 'moderator';
-    const me = isAdmin ? { name: 'Алексей Морозов', login: 'admin', ini: 'АМ', role: 'Администратор' } : isMod ? { name: 'Илья Сафонов', login: 'ilya', ini: 'ИС', role: 'Модератор' } : { name: 'Анна Белова', login: 'anna', ini: 'АБ', role: 'Пользователь' };
-    const t = TR[s.trackId], al = ALB[t.albumId], ar = ART[t.artistId];
-    const eq = React.createElement('div', { style: { display: 'flex', gap: 2, alignItems: 'flex-end', height: 14 } }, [0, 1, 2].map(i => React.createElement('span', { key: i, style: { width: 3, height: 14, borderRadius: 2, background: 'var(--accent2)', transformOrigin: 'bottom', animation: `pipuEq ${0.55 + i * 0.17}s ease-in-out ${i * 0.1}s infinite alternate`, animationPlayState: s.playing ? 'running' : 'paused' } })));
-    const row = (id, i, list, label, extra = {}) => {
-      const tr = TR[id], isCur = s.trackId === id, liked = s.likes.includes(id);
-      return {
-        id, num: extra.num ?? i + 1, title: tr.title, artist: ART[tr.artistId].name, album: ALB[tr.albumId].title, dur: fmt(tr.dur), cover: ALB[tr.albumId].cover,
-        isCur, notCur: !isCur, eq, op: extra.op ?? 1, titleColor: isCur ? 'var(--accent2)' : 'var(--text)', likeColor: liked ? 'var(--accent2)' : 'var(--text3)', likeFill: liked ? F1 : F0,
-        bg: isCur ? 'var(--accent-soft)' : 'transparent',
-        onPlay: extra.onPlay || (() => this.playList(list, i, label)),
-        onLike: e => { e.stopPropagation(); this.toggleLike(id); },
-        onUndo: e => { e.stopPropagation(); this.toggleDislike(id); },
-        onArtist: e => { e.stopPropagation(); this.go('artist', { id: tr.artistId }); },
-        onAlbum: e => { e.stopPropagation(); this.go('album', { id: tr.albumId }); }
-      };
-    };
-    const seg = (on, label, onClick, extra = {}) => ({ label, onClick, bg: on ? 'var(--accent)' : 'transparent', color: on ? '#fff' : 'var(--text2)', ...extra });
-    const langs = [seg(s.lang === 'ru', 'RU', () => this.setState({ lang: 'ru' }), { full: 'Русский' }), seg(s.lang === 'en', 'EN', () => this.setState({ lang: 'en' }), { full: 'English' })];
-    const err = s.err || {}, errB = {};
-    ['nlogin', 'np', 'np2', 'cur', 'sp', 'sp2'].forEach(k => { errB[k] = err[k] ? 'var(--danger)' : 'var(--line2)'; });
-    const fh = {}; ['login', 'pass', 'nlogin', 'np', 'np2', 'cur', 'sp', 'sp2', 'nuLogin', 'nuName', 'reason'].forEach(k => { fh[k] = this.fh(k); });
-    const common = { ...base, langs, f: s.f, fh, err, errB, onLogout: () => this.setState({ auth: 'login', playing: false, profileOpen: false, f: {}, err: {} }) };
-
-    if (s.auth) {
-      const adm = s.auth === 'setupAdmin';
-      return {
-        ...common, isAuth: true, isApp: false,
-        auth: { login: s.auth === 'login', setup: s.auth !== 'login', setupAdmin: adm },
-        pwType: s.showPw ? 'text' : 'password', pwIcon: s.showPw ? 'visibility_off' : 'visibility', toggleShowPw: () => this.setState({ showPw: !s.showPw }),
-        onLogin: () => this.doLogin(), onLoginKey: e => { if (e.key === 'Enter') this.doLogin(); },
-        setupBadge: adm ? 'Первый вход администратора' : 'Пароль сброшен', setupBadgeIcon: adm ? 'shield_person' : 'lock_reset',
-        setupTitle: adm ? 'Смените стандартные логин и пароль' : 'Задайте новый пароль',
-        setupText: adm ? 'Без этого шага доступ к серверу закрыт. Стандартные данные admin / admin знает кто угодно.' : 'Администратор сбросил ваш пароль. Придумайте новый — временный больше не подойдёт.',
-        strength: this.strength(s.f.np), onSetup: () => this.doSetup()
-      };
-    }
-
-    const pg = { [s.page]: true }; pg.collection = ['history', 'likes', 'dislikes'].includes(s.page);
-    const navItem = (key, label, icon, extra = {}) => { const on = s.page === key; return { label, icon, count: '', badge: null, onClick: () => this.go(key), bg: on ? 'var(--accent-soft)' : 'transparent', color: on ? 'var(--text)' : 'var(--text2)', ic: on ? 'var(--accent2)' : 'var(--text3)', fill: on ? F1 : F0, ...extra }; };
-    const pending = s.qGroups.reduce((a, g) => a + g.tracks.length, 0);
-    const navAdm = [navItem('users', 'Пользователи', 'group')];
-    if (isAdmin) navAdm.push(navItem('sources', 'Хранилища', 'hard_drive'));
-    navAdm.push(navItem('library', 'Библиотека', 'monitoring'), navItem('upload', 'Предложить треки', 'upload'));
-    if (isAdmin) navAdm.push(navItem('queue', 'Очередь', 'inbox', { badge: pending || null }), navItem('aset', 'Настройки', 'tune'));
-
-    const actLbl = s.activity && D.ACT.find(a => a[0] === s.activity)[1], moodRec = s.mood && D.MOOD.find(m => m[0] === s.mood);
-    const ctxLabel = [actLbl, moodRec && moodRec[1]].filter(Boolean).join(' · ') || 'Под ваш вкус';
-    const waveIsPlaying = s.waveOn && s.playing;
-    const wc = moodRec ? { c1: moodRec[4], c2: moodRec[5], c3: moodRec[6] } : { c1: '#2F80FF', c2: '#7C5CFF', c3: '#35D3FF' };
-    if (waveIsPlaying) wc.c2 = al.c1;
-    const chip = (on, icon, label, onClick) => ({ label, icon, onClick, bg: on ? 'var(--accent)' : 'var(--surface2)', color: on ? '#fff' : 'var(--text)', border: on ? 'var(--accent)' : 'var(--line)', ic: on ? '#fff' : 'var(--text2)', shadow: on ? 'var(--glow)' : 'none' });
-    const srcLabel = s.waveOn ? (s.source.artistId ? 'Волна по исполнителю · ' + ART[s.source.artistId].name : 'Моя волна · ' + ctxLabel) : s.source.label;
-    const liked = s.likes.includes(t.id), dis = s.dislikes.includes(t.id);
-    const vol = s.muted ? 0 : s.vol;
-
-    const out = {
-      ...common, isAuth: false, isApp: true, me, pg, showAdmin: isAdmin || isMod,
-      homeCenter: (P.homeLayout || 'center') === 'center', homeSplit: P.homeLayout === 'split',
-      isBar: (P.player || 'bar') === 'bar', isIsland: P.player === 'island',
-      nav: { home: () => this.go('home'), settings: () => this.go('settings') },
-      navTop: [navItem('home', 'Главная', 'home')],
-      navCol: [navItem('history', 'История', 'history'), navItem('likes', 'Лайки', 'favorite', { count: s.likes.length }), navItem('dislikes', 'Дизлайки', 'heart_broken', { count: s.dislikes.length })],
-      navAdm,
-      cur: { title: t.title, artist: ar.name, cover: al.cover, bpm: t.bpm, energy: t.energy, likeColor: liked ? 'var(--accent2)' : 'var(--text2)', likeFill: liked ? F1 : F0, disColor: dis ? 'var(--danger)' : 'var(--text2)', disFill: dis ? F1 : F0,
-        onLike: () => this.toggleLike(t.id), onDislike: () => this.toggleDislike(t.id), onArtist: () => this.go('artist', { id: ar.id }), onAlbum: () => this.go('album', { id: al.id }) },
-      waveOn: s.waveOn, waveIsPlaying, waveC: wc, waveIcon: waveIsPlaying ? 'pause' : 'play_arrow', ctxLabel, hasCtx: !!(s.activity || s.mood),
-      clearCtx: () => { this.setState({ activity: null, mood: null }); },
-      onWave: () => this.onWave(),
-      activities: D.ACT.map(a => chip(s.activity === a[0], a[2], a[1], () => this.setCtx('activity', a[0]))),
-      moods: D.MOOD.map(m => chip(s.mood === m[0], m[2], m[1], () => this.setCtx('mood', m[0]))),
-      playIcon: s.playing ? 'pause' : 'play_arrow', togglePlay: () => this.togglePlay(), next: () => this.next(), prev: () => this.prev(),
-      posStr: fmt(s.pos), durStr: fmt(t.dur), pct: (s.pos / t.dur * 100).toFixed(2) + '%',
-      onSeek: e => { const b = e.currentTarget.getBoundingClientRect(); this.setState({ pos: D.clamp((e.clientX - b.left) / b.width, 0, 0.999) * t.dur }); },
-      onVol: e => { const b = e.currentTarget.getBoundingClientRect(); this.setState({ vol: D.clamp((e.clientX - b.left) / b.width, 0, 1), muted: false }); },
-      volPct: vol * 100 + '%', volIcon: vol === 0 ? 'volume_off' : vol < 0.5 ? 'volume_down' : 'volume_up', toggleMute: () => this.setState({ muted: !s.muted }),
-      srcLabel, srcIcon: s.waveOn ? 'graphic_eq' : 'album', srcColor: s.waveOn ? 'var(--accent2)' : 'var(--text3)',
-      queueOpen: s.queueOpen, toggleQueue: () => this.setState({ queueOpen: !s.queueOpen, profileOpen: false }), queueColor: s.queueOpen ? 'var(--accent2)' : 'var(--text2)',
-      drawerBottom: (P.player || 'bar') === 'bar' ? '100px' : '8px', toastBottom: (P.player || 'bar') === 'bar' ? '112px' : '120px',
-      queueRows: s.queue.slice(s.qi, s.qi + 40).map((id, k) => row(id, k, s.queue, '', { onPlay: () => this.setTrack(s.qi + k, s.queue) })),
-      profileOpen: s.profileOpen, toggleProfile: () => this.setState({ profileOpen: !s.profileOpen, queueOpen: false }),
-      toggleTheme: () => this.setState({ theme: theme === 'dark' ? 'light' : 'dark' }), themeIcon: theme === 'dark' ? 'light_mode' : 'dark_mode', themeLabel: theme === 'dark' ? 'Светлая тема' : 'Тёмная тема',
-      themes: [seg(theme === 'dark', 'Тёмная', () => this.setState({ theme: 'dark' })), seg(theme === 'light', 'Светлая', () => this.setState({ theme: 'light' }))],
-      crossfade: s.crossfade, onCrossfade: e => this.setState({ crossfade: +e.target.value }),
-      normT: { bg: s.normalize ? 'var(--accent)' : 'var(--line2)', x: s.normalize ? '21px' : '3px' }, toggleNormalize: () => this.setState({ normalize: !s.normalize }),
-      onChangePw: () => { const f = s.f; if (!f.cur) return this.setState({ err: { sp: 'Введите текущий пароль', cur: 1 } }); if ((f.sp || '').length < 8) return this.setState({ err: { sp: 'Новый пароль — минимум 8 символов', sp: 'Новый пароль — минимум 8 символов' } }); if (f.sp !== f.sp2) return this.setState({ err: { sp: 'Пароли не совпадают', sp2: 1 } }); this.setState({ f: { ...f, cur: '', sp: '', sp2: '' }, err: {} }); this.toastMsg('Пароль изменён. Другие сессии завершены'); },
-      toast: s.toast, mainRef: this.mainRef, searchRef: this.searchRef, q: s.q
-    };
-
-    // search dropdown
-    const sr = s.q.trim() ? D.search(s.q) : null, items = [];
-    const mk = (title, sub, img, act, extra = {}) => { const it = { title, sub, img, act: e => { e && e.preventDefault && e.preventDefault(); act(); this.setState({ sOpen: false }); this.searchRef.current && this.searchRef.current.blur(); }, ...extra }; items.push(it); return it; };
-    const sArtists = sr ? sr.artists.slice(0, 3).map(a => mk(a.name, 'Исполнитель · ' + a.genre, a.avatar, () => this.go('artist', { id: a.id }), { ini: ini(a.name) })) : [];
-    const sAlbums = sr ? sr.albums.slice(0, 3).map(a => mk(a.title, ART[a.artistId].name + ' · ' + a.year, a.cover, () => this.go('album', { id: a.id }))) : [];
-    const sTracks = sr ? sr.tracks.slice(0, 5).map(id => mk(TR[id].title, ART[TR[id].artistId].name, ALB[TR[id].albumId].cover, () => this.playList(sr.tracks, sr.tracks.indexOf(id), 'Поиск · ' + s.q), { dur: fmt(TR[id].dur) })) : [];
-    items.forEach((it, i) => { it.bg = i === s.sIdx ? 'var(--hover)' : 'transparent'; });
-    this._sItems = items;
-    Object.assign(out, {
-      showDrop: s.sOpen && !!s.q.trim(), sArtists, sAlbums, sTracks, sHas: { artists: sArtists.length > 0, albums: sAlbums.length > 0, tracks: sTracks.length > 0 }, sNone: !!sr && !items.length, sFixed: sr && sr.fixed,
-      sBorder: s.sOpen ? 'var(--accent)' : 'var(--line)',
-      onSearchInput: e => this.setState({ q: e.target.value, sOpen: true, sIdx: -1 }), onSearchFocus: () => this.setState({ sOpen: true, profileOpen: false }), onSearchBlur: () => this.setState({ sOpen: false }),
-      onSearchKey: e => {
-        if (e.key === 'ArrowDown') { e.preventDefault(); this.setState(x => ({ sIdx: Math.min(items.length - 1, x.sIdx + 1) })); }
-        else if (e.key === 'ArrowUp') { e.preventDefault(); this.setState(x => ({ sIdx: Math.max(-1, x.sIdx - 1) })); }
-        else if (e.key === 'Enter') { if (s.sIdx >= 0 && items[s.sIdx]) items[s.sIdx].act(); else this.openSearch(); }
-        else if (e.key === 'Escape') { e.target.blur(); }
-      },
-      openSearch: e => { e && e.preventDefault(); this.openSearch(); }
-    });
-
-    if (pg.search) {
-      const q = s.params.q || '', r = D.search(q), tab = s.searchTab;
-      const tabs = [['all', 'Всё', ''], ['artists', 'Исполнители', r.artists.length], ['albums', 'Альбомы', r.albums.length], ['tracks', 'Треки', r.tracks.length]].map(([k, l, c]) => ({ label: l, count: c, onClick: () => this.setState({ searchTab: k }), bg: tab === k ? 'var(--text)' : 'transparent', color: tab === k ? 'var(--bg)' : 'var(--text)', border: tab === k ? 'var(--text)' : 'var(--line2)' }));
-      out.sp = {
-        q, fixed: r.fixed, tabs,
-        showArtists: (tab === 'all' || tab === 'artists') && r.artists.length > 0, showAlbums: (tab === 'all' || tab === 'albums') && r.albums.length > 0, showTracks: (tab === 'all' || tab === 'tracks') && r.tracks.length > 0,
-        none: !r.artists.length && !r.albums.length && !r.tracks.length,
-        artists: r.artists.map(a => ({ name: a.name, sub: a.genre, img: a.avatar, ini: ini(a.name), onClick: () => this.go('artist', { id: a.id }) })),
-        albums: r.albums.map(a => ({ title: a.title, sub: ART[a.artistId].name + ' · ' + a.year, img: a.cover, onClick: () => this.go('album', { id: a.id }) })),
-        tracks: r.tracks.slice(0, tab === 'tracks' ? 50 : 8).map((id, i) => row(id, i, r.tracks, 'Поиск · ' + q))
-      };
-    }
-    if (pg.artist) {
-      const A = ART[s.params.id] || ar, top = [...A.tracks].sort((a, b) => TR[b].pop - TR[a].pop).slice(0, 6);
-      out.ap = {
-        name: A.name, genre: A.genre, img: A.avatar, banner: A.banner, ini: ini(A.name), meta: A.albums.length + ' ' + plural(A.albums.length, ['альбом', 'альбома', 'альбомов']) + ' · ' + A.tracks.length + ' ' + plural(A.tracks.length, ['трек', 'трека', 'треков']),
-        onWave: () => { this.startWave(A.id); this.toastMsg('Волна по исполнителю ' + A.name); }, onPlay: () => this.playList(top, 0, 'Исполнитель · ' + A.name),
-        onShuffle: () => { const l = [...A.tracks].sort(() => Math.random() - 0.5); this.playList(l, 0, 'Исполнитель · ' + A.name); },
-        tracks: top.map((id, i) => row(id, i, top, 'Исполнитель · ' + A.name)),
-        albums: A.albums.map(id => ({ title: ALB[id].title, sub: ALB[id].year + ' · Альбом', img: ALB[id].cover, onClick: () => this.go('album', { id }) }))
-      };
-    }
-    if (pg.album) {
-      const B = ALB[s.params.id] || al, A = ART[B.artistId], tot = B.tracks.reduce((x, id) => x + TR[id].dur, 0);
-      const isThis = !s.waveOn && B.tracks.includes(s.trackId) && s.source.label === 'Альбом · ' + B.title;
-      out.alp = {
-        title: B.title, cover: B.cover, artist: A.name, artistImg: A.avatar, year: B.year, tint: `linear-gradient(180deg, ${B.c1}66, transparent)`,
-        meta: B.tracks.length + ' ' + plural(B.tracks.length, ['трек', 'трека', 'треков']) + ', ' + Math.round(tot / 60) + ' мин',
-        playIcon: isThis && s.playing ? 'pause' : 'play_arrow',
-        onPlay: () => isThis ? this.togglePlay() : this.playList(B.tracks, 0, 'Альбом · ' + B.title),
-        onShuffle: () => { const l = [...B.tracks].sort(() => Math.random() - 0.5); this.playList(l, 0, 'Альбом · ' + B.title); },
-        onArtist: () => this.go('artist', { id: A.id }),
-        tracks: B.tracks.map((id, i) => row(id, i, B.tracks, 'Альбом · ' + B.title))
-      };
-    }
-    if (pg.collection) {
-      const tabs = [['history', 'История'], ['likes', 'Лайки'], ['dislikes', 'Дизлайки']].map(([k, l]) => ({ label: l, onClick: () => this.go(k), color: s.page === k ? 'var(--text)' : 'var(--text2)', border: s.page === k ? 'var(--accent)' : 'transparent' }));
-      let groups = [], c;
-      if (s.page === 'history') {
-        const list = s.history.map(h => h.id), by = [];
-        s.history.forEach((h, i) => { let g = by.find(x => x.day === h.day); if (!g) { g = { day: h.day, rows: [] }; by.push(g); } g.rows.push(row(h.id, i, list, 'История', { num: h.time })); });
-        groups = by;
-        c = { title: 'История', icon: 'history', tile: 'linear-gradient(140deg,#35D3FF,#2F80FF 60%,#1B3FA8)', sub: 'Всё, что вы слушали, по дням. Нажмите на трек, чтобы включить.', canPlay: false, emptyText: 'Здесь появятся прослушанные треки' };
-      } else if (s.page === 'likes') {
-        groups = [{ day: '', rows: s.likes.map((id, i) => row(id, i, s.likes, 'Лайки')) }];
-        c = { title: 'Лайки', icon: 'favorite', tile: 'linear-gradient(140deg,#5E9BFF,#2F80FF 50%,#7C5CFF)', sub: s.likes.length + ' ' + plural(s.likes.length, ['трек', 'трека', 'треков']) + ' · влияют на «Мою волну» сильнее всего', canPlay: s.likes.length > 0, emptyText: 'Ставьте ♥ трекам, чтобы собрать их здесь',
-          onPlay: () => this.playList(s.likes, 0, 'Лайки'), onShuffle: () => this.playList([...s.likes].sort(() => Math.random() - 0.5), 0, 'Лайки · вперемешку') };
-      } else {
-        groups = [{ day: '', rows: s.dislikes.map((id, i) => row(id, i, s.dislikes, 'Дизлайки', { op: 0.6 })) }];
-        c = { title: 'Дизлайки', icon: 'heart_broken', tile: 'linear-gradient(140deg,#4A5572,#1A2236)', sub: 'Эти треки не попадают в волну и рекомендации. Снимите дизлайк, если передумали.', canPlay: false, emptyText: 'Нет скрытых треков' };
-      }
-      out.col = { ...c, tabs, groups: groups.filter(g => g.rows.length), empty: !groups.some(g => g.rows.length), isDis: s.page === 'dislikes', notDis: s.page !== 'dislikes' };
-    }
-    if (this.adminVals) Object.assign(out, this.adminVals({ D, s, P, isAdmin, isMod, seg, fh, plural, fmt, eq }));
-    return out;
-  }
-}
-</script>
-</body>
-</html>
diff --git a/docs/Разработка дизайна приложения/Wave Options.dc.html b/docs/Разработка дизайна приложения/Wave Options.dc.html
deleted file mode 100644
index 3515a7c..0000000
--- a/docs/Разработка дизайна приложения/Wave Options.dc.html	
+++ /dev/null
@@ -1,66 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<script src="./support.js"></script>
-</head>
-<body>
-<x-dc>
-<helmet>
-<meta name="design_doc_mode" content="canvas">
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link href="https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&family=Unbounded:wght@500;600;700&display=swap" rel="stylesheet">
-<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0..1,0&display=block" rel="stylesheet">
-<style>
-body{margin:0;background:#05070D;color:#EDF1FF;font-family:Onest,system-ui,sans-serif}
-a{color:#5E9BFF}a:hover{color:#8FB4FF}
-i{font-family:'Material Symbols Rounded';font-style:normal;font-weight:normal;line-height:1;font-size:22px;display:inline-block;-webkit-font-smoothing:antialiased;font-feature-settings:'liga';user-select:none}
-</style>
-</helmet>
-<section style="padding:56px 64px;display:flex;flex-direction:column;gap:32px">
-  <div style="display:flex;flex-direction:column;gap:8px;max-width:720px">
-    <div style="font-family:Unbounded;font-size:28px;font-weight:600;letter-spacing:-0.01em">Кнопка «Моя волна» — 3 варианта</div>
-    <div style="font-size:16px;line-height:1.5;color:#A0ABC6;text-wrap:pretty">Наведите курсор — волны ускоряются и тянутся к нему; зажмите — сжатие с отскоком; кликните — включение/пауза (пульс в такт BPM). Выбранный вариант переключается и в прототипе через Tweaks.</div>
-  </div>
-  <div style="display:flex;flex-wrap:wrap;gap:24px">
-    <sc-for list="{{ variants }}" as="v" hint-placeholder-count="3">
-      <div id="{{ v.id }}" style="width:440px;display:flex;flex-direction:column;gap:20px;padding:24px;border-radius:24px;background:#0B0F1A;border:1px solid rgba(130,160,255,.10)">
-        <div style="display:flex;align-items:center;gap:12px">
-          <div style="padding:4px 10px;border-radius:999px;background:rgba(47,128,255,.14);color:#5E9BFF;font-weight:600;font-size:13px">{{ v.id }}</div>
-          <div style="font-weight:600;font-size:17px">{{ v.name }}</div>
-        </div>
-        <div style="height:400px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:radial-gradient(circle at 50% 50%, #0A1020, #05070D 70%);overflow:hidden">
-          <x-import component="WaveButton" from="./wave.js" variant="{{ v.key }}" playing="{{ v.playing }}" bpm="{{ 118 }}" energy="{{ 0.75 }}" size="{{ 260 }}" onClick="{{ v.toggle }}" hint-size="260px,260px">
-            <i style="font-size:44px;color:#fff;font-variation-settings:'FILL' 1">{{ v.icon }}</i>
-            <div style="font-family:Unbounded;font-weight:600;font-size:18px;color:#fff;margin-top:6px">Моя волна</div>
-          </x-import>
-        </div>
-        <div style="font-size:14px;line-height:1.5;color:#A0ABC6;text-wrap:pretty">{{ v.desc }}</div>
-      </div>
-    </sc-for>
-  </div>
-</section>
-</x-dc>
-<script type="text/x-dc" data-dc-script>
-class Component extends DCLogic {
-  state = { playing: {} };
-  renderVals() {
-    const defs = [
-      { id: '1a', key: 'orb', name: 'Сфера с шумом', desc: 'Живая сфера: перетекающие цветовые пятна и синусоидальные волны внутри. Ближе всего к шейдеру из документации.' },
-      { id: '1b', key: 'rings', name: 'Кольца', desc: 'Плотное ядро и расходящиеся кольца-волны. Самый «читаемый» ритм: на каждый бит — выброс кольца.' },
-      { id: '1c', key: 'liquid', name: 'Жидкая форма', desc: 'Три слоя мягкого блоба меняют силуэт; на ховере форма вытягивается к курсору.' }
-    ];
-    return {
-      variants: defs.map(d => ({
-        ...d,
-        playing: !!this.state.playing[d.key],
-        icon: this.state.playing[d.key] ? 'pause' : 'play_arrow',
-        toggle: () => this.setState(s => ({ playing: { ...s.playing, [d.key]: !s.playing[d.key] } }))
-      }))
-    };
-  }
-}
-</script>
-</body>
-</html>
diff --git a/docs/Разработка дизайна приложения/android-frame.jsx b/docs/Разработка дизайна приложения/android-frame.jsx
deleted file mode 100644
index d3ba6dc..0000000
--- a/docs/Разработка дизайна приложения/android-frame.jsx	
+++ /dev/null
@@ -1,229 +0,0 @@
-// @ds-adherence-ignore -- omelette starter scaffold (raw elements/hex/px by design)
-// Copied omelette starter. Re-running copy_starter_component with this kind overwrites this file with the latest version (page content is unaffected).
-
-/* BEGIN USAGE */
-// Android.jsx — Simplified Android (Material 3) device frame
-// Status bar + top app bar + content + gesture nav + keyboard.
-// Based on Figma M3 spec. No dependencies, no image assets.
-// Exports (to window): AndroidDevice, AndroidStatusBar, AndroidAppBar, AndroidListItem, AndroidNavBar, AndroidKeyboard
-//
-// Usage — wrap your screen content in <AndroidDevice> to get the bezel, status
-// bar and gesture nav (props: title, large, keyboard, dark):
-//
-//   <AndroidDevice title="Inbox" large>
-//     ...your screen content...
-//   </AndroidDevice>
-//   <AndroidDevice title="Compose" keyboard>…</AndroidDevice>
-/* END USAGE */
-
-const MD_C = {
-  surface: '#f4fbf8',
-  surfaceVariant: '#dae5e1',
-  inverseOnSurface: '#ecf2ef',
-  secondaryContainer: '#cde8e1',
-  primaryFixedDim: '#83d5c6',
-  onSurface: '#171d1b',
-  onSurfaceVar: '#49454f',
-  onPrimaryContainer: '#00201c',
-  primary: '#006a60',
-  frameBorder: 'rgba(116,119,117,0.5)',
-};
-
-// ─────────────────────────────────────────────────────────────
-// Status bar (time left, wifi/cell/battery right)
-// ─────────────────────────────────────────────────────────────
-function AndroidStatusBar({ dark = false }) {
-  const c = dark ? '#fff' : MD_C.onSurface;
-  return (
-    <div style={{
-      height: 40, display: 'flex', alignItems: 'center',
-      justifyContent: 'space-between', padding: '0 16px',
-      position: 'relative',
-      fontFamily: 'Roboto, system-ui, sans-serif',
-    }}>
-      {/* time left */}
-      <div style={{ width: 128, display: 'flex', alignItems: 'center', gap: 8 }}>
-        <span style={{ fontSize: 14, fontWeight: 400, letterSpacing: 0.25, lineHeight: '20px', color: c }}>9:30</span>
-      </div>
-      {/* camera punch-hole (center) */}
-      <div style={{
-        position: 'absolute', left: '50%', top: 8, transform: 'translateX(-50%)',
-        width: 24, height: 24, borderRadius: 100, background: '#2e2e2e',
-      }} />
-      {/* status icons right */}
-      <div style={{ display: 'flex', alignItems: 'center' }}>
-        <div style={{ display: 'flex', paddingRight: 2 }}>
-          <svg width="16" height="16" viewBox="0 0 16 16" style={{ marginRight: -2 }}>
-            <path d="M8 13.3L.67 5.97a10.37 10.37 0 0114.66 0L8 13.3z" fill={c}/>
-          </svg>
-          <svg width="16" height="16" viewBox="0 0 16 16" style={{ marginRight: -2 }}>
-            <path d="M14.67 14.67V1.33L1.33 14.67h13.34z" fill={c}/>
-          </svg>
-        </div>
-        <svg width="16" height="16" viewBox="0 0 16 16">
-          <rect x="3.75" y="2" width="8.5" height="13" rx="1.5" fill={c}/>
-          <rect x="5.5" y="0.9" width="5" height="2" rx="0.5" fill={c}/>
-        </svg>
-      </div>
-    </div>
-  );
-}
-
-// ─────────────────────────────────────────────────────────────
-// Top app bar (Material 3 small/medium)
-// ─────────────────────────────────────────────────────────────
-function AndroidAppBar({ title = 'Title', large = false }) {
-  const iconDot = (
-    <div style={{
-      width: 48, height: 48, display: 'flex', alignItems: 'center', justifyContent: 'center',
-    }}>
-      <div style={{ width: 22, height: 22, borderRadius: '50%', background: MD_C.onSurfaceVar, opacity: 0.3 }} />
-    </div>
-  );
-  return (
-    <div style={{ background: MD_C.surface, padding: '4px 4px 0' }}>
-      <div style={{ height: 56, display: 'flex', alignItems: 'center', gap: 4 }}>
-        {iconDot}
-        {!large && (
-          <span style={{
-            flex: 1, fontSize: 22, fontWeight: 400, color: MD_C.onSurface,
-            fontFamily: 'Roboto, system-ui, sans-serif',
-          }}>{title}</span>
-        )}
-        {large && <div style={{ flex: 1 }} />}
-        {iconDot}
-      </div>
-      {large && (
-        <div style={{
-          padding: '16px 16px 20px',
-          fontSize: 28, fontWeight: 400, color: MD_C.onSurface,
-          fontFamily: 'Roboto, system-ui, sans-serif',
-        }}>{title}</div>
-      )}
-    </div>
-  );
-}
-
-// ─────────────────────────────────────────────────────────────
-// List item (Material 3)
-// ─────────────────────────────────────────────────────────────
-function AndroidListItem({ headline, supporting, leading }) {
-  return (
-    <div style={{
-      display: 'flex', alignItems: 'center', gap: 16,
-      padding: '12px 16px', minHeight: 56, boxSizing: 'border-box',
-      fontFamily: 'Roboto, system-ui, sans-serif',
-    }}>
-      {leading && (
-        <div style={{
-          width: 40, height: 40, borderRadius: '50%',
-          background: MD_C.primary, color: '#fff',
-          display: 'flex', alignItems: 'center', justifyContent: 'center',
-          fontSize: 18, fontWeight: 500, flexShrink: 0,
-        }}>{leading}</div>
-      )}
-      <div style={{ flex: 1, minWidth: 0 }}>
-        <div style={{ fontSize: 16, color: MD_C.onSurface, lineHeight: '24px' }}>{headline}</div>
-        {supporting && (
-          <div style={{ fontSize: 14, color: MD_C.onSurfaceVar, lineHeight: '20px' }}>{supporting}</div>
-        )}
-      </div>
-    </div>
-  );
-}
-
-// ─────────────────────────────────────────────────────────────
-// Gesture nav bar (pill)
-// ─────────────────────────────────────────────────────────────
-function AndroidNavBar({ dark = false }) {
-  return (
-    <div style={{
-      height: 24, display: 'flex', alignItems: 'center', justifyContent: 'center',
-    }}>
-      <div style={{
-        width: 108, height: 4, borderRadius: 2,
-        background: dark ? '#fff' : MD_C.onSurface, opacity: 0.4,
-      }} />
-    </div>
-  );
-}
-
-// ─────────────────────────────────────────────────────────────
-// Device frame — wraps everything
-// ─────────────────────────────────────────────────────────────
-function AndroidDevice({
-  children, width = 412, height = 892, dark = false,
-  title, large = false, keyboard = false, bg,
-}) {
-  return (
-    // data-om-starter: inert presence marker — Claude Design's starter-usage
-    // probe reads it; it renders nothing. Keep it on this root element.
-    <div data-om-starter="android-frame" style={{
-      width, height, borderRadius: 18, overflow: 'hidden',
-      background: bg || (dark ? '#1d1b20' : MD_C.surface),
-      border: `8px solid ${MD_C.frameBorder}`, position: 'relative',
-      boxShadow: '0 30px 80px rgba(0,0,0,0.25)',
-      display: 'flex', flexDirection: 'column', boxSizing: 'border-box',
-    }}>
-      <AndroidStatusBar dark={dark} />
-      {title !== undefined && <AndroidAppBar title={title} large={large} />}
-      <div style={{ flex: 1, overflow: 'hidden', position: 'relative', minHeight: 0 }}>
-        {children}
-      </div>
-      {keyboard && <AndroidKeyboard />}
-      <AndroidNavBar dark={dark} />
-    </div>
-  );
-}
-
-// ─────────────────────────────────────────────────────────────
-// Keyboard — Gboard (Material 3)
-// ─────────────────────────────────────────────────────────────
-function AndroidKeyboard() {
-  let _k = 0;
-  const key = (l, { flex = 1, bg = MD_C.surface, r = 6, minW, fs = 21 } = {}) => (
-    <div key={_k++} style={{
-      height: 46, borderRadius: r, flex, minWidth: minW,
-      background: bg, display: 'flex', alignItems: 'center', justifyContent: 'center',
-      fontFamily: 'Roboto, system-ui', fontSize: fs,
-      color: MD_C.onPrimaryContainer,
-    }}>{l}</div>
-  );
-  const row = (keys, style = {}) => (
-    <div style={{ display: 'flex', gap: 6, justifyContent: 'center', ...style }}>
-      {keys.map(l => key(l))}
-    </div>
-  );
-  return (
-    <div style={{
-      background: MD_C.inverseOnSurface, padding: '0 8px 8px',
-      display: 'flex', flexDirection: 'column', gap: 4,
-    }}>
-      {/* navbar spacer (icons omitted) */}
-      <div style={{ height: 44 }} />
-      {/* key rows */}
-      <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
-        {row(['q','w','e','r','t','y','u','i','o','p'])}
-        {row(['a','s','d','f','g','h','j','k','l'], { padding: '0 20px' })}
-        <div style={{ display: 'flex', gap: 6 }}>
-          {key('', { bg: MD_C.surfaceVariant })}
-          <div style={{ display: 'flex', gap: 6, flex: 7, minWidth: 274 }}>
-            {['z','x','c','v','b','n','m'].map(l => key(l))}
-          </div>
-          {key('', { bg: MD_C.surfaceVariant })}
-        </div>
-        <div style={{ display: 'flex', gap: 6 }}>
-          {key('?123', { bg: MD_C.secondaryContainer, r: 100, minW: 58, fs: 14 })}
-          {key(',', { bg: MD_C.surfaceVariant })}
-          {key('', { flex: 3, minW: 154 })}
-          {key('.', { bg: MD_C.surfaceVariant })}
-          {key('', { bg: MD_C.primaryFixedDim, r: 100, minW: 58 })}
-        </div>
-      </div>
-    </div>
-  );
-}
-
-Object.assign(window, {
-  AndroidDevice, AndroidStatusBar, AndroidAppBar, AndroidListItem, AndroidNavBar, AndroidKeyboard,
-});
diff --git a/docs/Разработка дизайна приложения/pipu-data.js b/docs/Разработка дизайна приложения/pipu-data.js
deleted file mode 100644
index deb213c..0000000
--- a/docs/Разработка дизайна приложения/pipu-data.js	
+++ /dev/null
@@ -1,104 +0,0 @@
-(function () {
-  const H = s => { let h = 2166136261; for (let i = 0; i < s.length; i++) { h ^= s.charCodeAt(i); h = Math.imul(h, 16777619); } return h >>> 0; };
-  const clamp = (v, a, b) => Math.max(a, Math.min(b, v));
-  const fmt = s => { s = Math.max(0, Math.floor(s)); return Math.floor(s / 60) + ':' + String(s % 60).padStart(2, '0'); };
-  const plural = (n, f) => { const a = n % 10, b = n % 100; return f[(a === 1 && b !== 11) ? 0 : (a >= 2 && a <= 4 && (b < 10 || b >= 20)) ? 1 : 2]; };
-
-  const AR = {
-    kino: ['Кино', 'Русский рок', 0.62], zemfira: ['Земфира', 'Рок', 0.55], radiohead: ['Radiohead', 'Альтернатива', 0.45],
-    massive: ['Massive Attack', 'Трип-хоп', 0.38], moderat: ['Moderat', 'Электроника', 0.66], bonobo: ['Bonobo', 'Даунтемпо', 0.48],
-    daftpunk: ['Daft Punk', 'Электроника', 0.78], splean: ['Сплин', 'Русский рок', 0.56]
-  };
-  const AL = [
-    ['rh-ir', 'In Rainbows', 'radiohead', 2007, '#F2A23A', '#1C3B6E', ['15 Step', 'Bodysnatchers', 'Nude', 'Weird Fishes/Arpeggi', 'All I Need', 'Faust Arp', 'Reckoner', 'House of Cards', 'Jigsaw Falling into Place', 'Videotape']],
-    ['kino-gk', 'Группа крови', 'kino', 1988, '#C2412D', '#2A0E0A', ['Группа крови', 'Закрой за мной дверь, я ухожу', 'Война', 'Спокойная ночь', 'Мама, мы все сошли с ума', 'Бошетунмай', 'Попробуй спеть вместе со мной', 'Звезда']],
-    ['kino-zs', 'Звезда по имени Солнце', 'kino', 1989, '#E39B2D', '#3A1A05', ['Звезда по имени Солнце', 'Песня без слов', 'Место для шага вперёд', 'Невесёлая песня', 'Апрель', 'Пачка сигарет']],
-    ['zem-pm', 'Прости меня моя любовь', 'zemfira', 2000, '#D9467A', '#2B0B23', ['Хочешь?', 'Искала', 'Ромашки', 'Непошлое', 'Прости меня моя любовь', 'Город']],
-    ['ma-mz', 'Mezzanine', 'massive', 1998, '#6A7385', '#0E1116', ['Angel', 'Risingson', 'Teardrop', 'Inertia Creeps', 'Exchange', 'Dissolved Girl']],
-    ['mod-2', 'II', 'moderat', 2013, '#3A7BFF', '#0A1636', ['The Mark', 'Bad Kingdom', 'Versions', 'Let in the Light', 'Milk', 'Damage Done']],
-    ['bon-mg', 'Migration', 'bonobo', 2017, '#2FB6A0', '#0B2730', ['Migration', 'Break Apart', 'Outlier', 'Kerala', 'Grains', 'No Reason']],
-    ['dp-ram', 'Random Access Memories', 'daftpunk', 2013, '#A7AFBF', '#141821', ['Give Life Back to Music', 'The Game of Love', 'Instant Crush', 'Lose Yourself to Dance', 'Get Lucky', "Doin' It Right"]],
-    ['spl-ga', 'Гранатовый альбом', 'splean', 1998, '#B4233A', '#1D0710', ['Орбит без сахара', 'Пластмассовая жизнь', 'Иди через лес', 'Феллини']]
-  ];
-  const ART = {}, ALB = {}, TR = {}, ALL = [];
-  Object.keys(AR).forEach(k => { ART[k] = { id: k, name: AR[k][0], genre: AR[k][1], energy: AR[k][2], albums: [], tracks: [] }; });
-  AL.forEach(([id, title, ar, year, c1, c2, list]) => {
-    const cover = `radial-gradient(circle at 28% 22%, rgba(255,255,255,.32), rgba(255,255,255,0) 55%), linear-gradient(140deg, ${c1}, ${c2})`;
-    ALB[id] = { id, title, artistId: ar, year, c1, c2, cover, tracks: [] };
-    const A = ART[ar];
-    A.albums.push(id);
-    if (!A.c1) { A.c1 = c1; A.c2 = c2; A.avatar = `radial-gradient(circle at 35% 28%, ${c1}, ${c2} 78%)`; A.banner = `radial-gradient(ellipse at 20% 0%, ${c1}55, transparent 60%), linear-gradient(180deg, ${c2}cc, transparent)`; }
-    list.forEach((t, i) => {
-      const h = H(id + t), tid = id + '-' + i;
-      TR[tid] = { id: tid, title: t, artistId: ar, albumId: id, n: i + 1, dur: 150 + h % 170, bpm: 72 + h % 74, energy: clamp(AR[ar][2] + ((h >> 3) % 40 - 20) / 100, 0.05, 0.98), pop: h % 100 };
-      ALB[id].tracks.push(tid); A.tracks.push(tid); ALL.push(tid);
-    });
-  });
-
-  const ACT = [['run', 'Бегаю', 'directions_run', 0.85], ['wake', 'Просыпаюсь', 'wb_twilight', 0.55], ['focus', 'Работаю', 'center_focus_strong', 0.4], ['gym', 'Тренировка', 'fitness_center', 0.92], ['road', 'В дороге', 'directions_car', 0.6], ['rest', 'Отдыхаю', 'weekend', 0.35], ['sleep', 'Засыпаю', 'bedtime', 0.15]];
-  const MOOD = [['energy', 'Энергичное', 'bolt', 0.85, '#2F80FF', '#35D3FF', '#7CF0FF'], ['happy', 'Весёлое', 'sentiment_satisfied', 0.7, '#2F80FF', '#35D3FF', '#9B7CFF'], ['calm', 'Спокойное', 'spa', 0.3, '#2F80FF', '#6C7CFF', '#5AD1E6'], ['sad', 'Грустное', 'water_drop', 0.22, '#3B5BFF', '#7C5CFF', '#24317A']];
-
-  function waveBatch(n, opts) {
-    const { activity, mood, dislikes = [], likes = [], recent = [], artistId } = opts || {};
-    const tg = [];
-    if (activity) tg.push(ACT.find(a => a[0] === activity)[3]);
-    if (mood) tg.push(MOOD.find(m => m[0] === mood)[3]);
-    const target = tg.length ? tg.reduce((a, b) => a + b, 0) / tg.length : 0.55;
-    return ALL.filter(id => !dislikes.includes(id) && !recent.includes(id))
-      .map(id => {
-        const t = TR[id];
-        let sc = -Math.abs(t.energy - target) * 1.4 + (likes.includes(id) ? 0.2 : 0) + Math.random() * 0.35;
-        if (artistId) sc += t.artistId === artistId ? 0.8 : (ART[t.artistId].genre === ART[artistId].genre ? 0.35 : 0);
-        return [id, sc];
-      })
-      .sort((a, b) => b[1] - a[1]).slice(0, n).map(x => x[0]);
-  }
-
-  const EN = "qwertyuiop[]asdfghjkl;'zxcvbnm,.`", RU = 'йцукенгшщзхъфывапролджэячсмитьбюё';
-  const swapLayout = q => q.split('').map(c => { const l = c.toLowerCase(); const i = EN.indexOf(l); if (i >= 0) return RU[i]; const j = RU.indexOf(l); if (j >= 0) return EN[j]; return c; }).join('');
-  const TL = { а: 'a', б: 'b', в: 'v', г: 'g', д: 'd', е: 'e', ж: 'zh', з: 'z', и: 'i', й: 'y', к: 'k', л: 'l', м: 'm', н: 'n', о: 'o', п: 'p', р: 'r', с: 's', т: 't', у: 'u', ф: 'f', х: 'h', ц: 'c', ч: 'ch', ш: 'sh', щ: 'sch', ъ: '', ы: 'y', ь: '', э: 'e', ю: 'yu', я: 'ya' };
-  const norm = s => s.toLowerCase().replace(/ё/g, 'е').replace(/[^a-zа-я0-9 ]/g, ' ').replace(/\s+/g, ' ').trim();
-  const tl = s => s.split('').map(c => TL[c] ?? c).join('');
-  const lev = (a, b) => { const d = Array.from({ length: a.length + 1 }, (_, i) => [i]); for (let j = 1; j <= b.length; j++) d[0][j] = j; for (let i = 1; i <= a.length; i++) for (let j = 1; j <= b.length; j++) d[i][j] = Math.min(d[i - 1][j] + 1, d[i][j - 1] + 1, d[i - 1][j - 1] + (a[i - 1] === b[j - 1] ? 0 : 1)); return d[a.length][b.length]; };
-  const m1 = (n, q) => { if (n.includes(q)) return true; if (q.length >= 4) return n.split(' ').some(w => lev(w.slice(0, q.length), q) <= 1) || lev(n.slice(0, q.length), q) <= 1; return false; };
-  const match = (name, q) => { const n = norm(name), qq = norm(q); if (!qq) return false; return m1(n, qq) || m1(tl(n), tl(qq)); };
-  function searchRaw(q) {
-    const artists = Object.values(ART).filter(a => match(a.name, q));
-    const albums = Object.values(ALB).filter(a => match(a.title, q) || match(ART[a.artistId].name, q));
-    const tracks = ALL.filter(id => match(TR[id].title, q) || match(ART[TR[id].artistId].name, q)).sort((a, b) => TR[b].pop - TR[a].pop);
-    return { artists, albums, tracks };
-  }
-  function search(q) {
-    let r = searchRaw(q), fixed = null;
-    if (q.trim() && !r.artists.length && !r.albums.length && !r.tracks.length) {
-      const q2 = swapLayout(q), r2 = searchRaw(q2);
-      if (r2.artists.length || r2.albums.length || r2.tracks.length) { r = r2; fixed = q2; }
-    }
-    return { ...r, fixed };
-  }
-
-  const sanitize = v => String(v ?? '').replace(/[\/\\:*?"<>|]/g, '_').replace(/[. ]+$/, '');
-  function fillTpl(tpl, f) {
-    let out = tpl.replace(/\[([^\]]*)\]/g, (m, inner) => [...inner.matchAll(/\{(\w+)(?::[^}]*)?\}/g)].every(x => f[x[1]]) ? inner : '');
-    return out.replace(/\{(\w+)(?::([^}]*))?\}/g, (m, k, mod) => {
-      let v = f[k]; if (k === 'albumartist' && !v) v = f.artist;
-      v = v == null ? '' : (k === 'ext' ? v : sanitize(v));
-      if (mod === '02') v = String(v).padStart(2, '0');
-      if (mod === '1-') v = v ? v + '-' : '';
-      return v;
-    });
-  }
-  const GC = { artist: '#5E9BFF', albumartist: '#8FB4FF', album: '#A08BFF', year: '#FFB547', disc: '#FF8FB1', track: '#35D3FF', title: '#2FD39A', genre: '#FF9F5A', skip: '#FF5C70' };
-  const GL = { artist: 'исполнитель', albumartist: 'исп. альбома', album: 'альбом', year: 'год', disc: 'диск', track: '№', title: 'название', genre: 'жанр', skip: 'пропуск' };
-  function compile(p) { try { return new RegExp(p.replace(/\(\?P</g, '(?<'), 'd'); } catch (e) { return e; } }
-  function tokens(p) { return p.split(/(\(\?P<\w+>)/).filter(Boolean).map(t => { const m = t.match(/^\(\?P<(\w+)>$/); return { t, c: m ? (GC[m[1]] || 'var(--accent2)') : 'var(--text)', w: m ? '600' : '400' }; }); }
-  function segments(path, m) {
-    const g = m.indices && m.indices.groups ? Object.entries(m.indices.groups).filter(([, v]) => v).sort((a, b) => a[1][0] - b[1][0]) : [];
-    const out = []; let i = 0;
-    g.forEach(([k, [s, e]]) => { if (s > i) out.push({ t: path.slice(i, s), c: 'var(--text3)' }); out.push({ t: path.slice(s, e), c: GC[k] || 'var(--text)' }); i = e; });
-    if (i < path.length) out.push({ t: path.slice(i), c: 'var(--text3)' });
-    return out;
-  }
-
-  window.PIPU = { H, clamp, fmt, plural, ART, ALB, TR, ALL, ACT, MOOD, waveBatch, search, swapLayout, fillTpl, sanitize, compile, tokens, segments, GC, GL };
-})();
diff --git a/docs/Разработка дизайна приложения/support.js b/docs/Разработка дизайна приложения/support.js
deleted file mode 100644
index cb009b6..0000000
--- a/docs/Разработка дизайна приложения/support.js	
+++ /dev/null
@@ -1,1911 +0,0 @@
-// GENERATED from dc-runtime/src/*.ts — do not edit. Rebuild with `cd dc-runtime && bun run build`.
-"use strict";
-(() => {
-  var __defProp = Object.defineProperty;
-  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-
-  // src/react.ts
-  function getReact() {
-    const R = window.React;
-    if (!R) throw new Error("dc-runtime: window.React is not available yet");
-    return R;
-  }
-  function getReactDOM() {
-    const RD = window.ReactDOM;
-    if (!RD) throw new Error("dc-runtime: window.ReactDOM is not available yet");
-    return RD;
-  }
-  var h = ((...args) => getReact().createElement(
-    ...args
-  ));
-
-  // src/parse.ts
-  function parseDcDocument(doc) {
-    const dc = doc.querySelector("x-dc");
-    if (!dc) return null;
-    const scriptEl = doc.querySelector("script[data-dc-script]");
-    const { props, preview } = parseDataProps(
-      scriptEl?.getAttribute("data-props") ?? null
-    );
-    return {
-      template: dc.innerHTML,
-      js: scriptEl ? scriptEl.textContent || "" : "",
-      props,
-      preview
-    };
-  }
-  function parseDcText(src) {
-    const openMatch = /<x-dc(?:\s[^>]*)?>/.exec(src);
-    if (!openMatch) return null;
-    const close = src.lastIndexOf("</x-dc>");
-    if (close === -1 || close < openMatch.index) return null;
-    const template = src.slice(openMatch.index + openMatch[0].length, close);
-    const doc = new DOMParser().parseFromString(src, "text/html");
-    const scriptEl = doc.querySelector("script[data-dc-script]");
-    const { props, preview } = parseDataProps(
-      scriptEl?.getAttribute("data-props") ?? null
-    );
-    return {
-      template,
-      js: scriptEl ? scriptEl.textContent || "" : "",
-      props,
-      preview
-    };
-  }
-  function parseDataProps(raw) {
-    if (!raw) return { props: null, preview: null };
-    let parsed;
-    try {
-      parsed = JSON.parse(raw);
-    } catch {
-      return { props: null, preview: null };
-    }
-    if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) {
-      return { props: null, preview: null };
-    }
-    const obj = parsed;
-    const preview = obj.$preview && typeof obj.$preview === "object" ? obj.$preview : null;
-    const rest = {};
-    for (const k of Object.keys(obj)) {
-      if (k[0] !== "$") rest[k] = obj[k];
-    }
-    return { props: Object.keys(rest).length ? rest : null, preview };
-  }
-  function dcNameFromPath(pathname) {
-    let p = pathname || "";
-    try {
-      p = decodeURIComponent(p);
-    } catch {
-    }
-    const base = p.split("/").pop() || "Root";
-    return base.replace(/\.dc\.html$/, "").replace(/\.html?$/, "") || "Root";
-  }
-
-  // src/boot.ts
-  var BASE_CSS = `
-    .sc-placeholder{background:color-mix(in srgb,currentColor 8%,transparent);
-      border:1px solid color-mix(in srgb,currentColor 50%,transparent);
-      border-radius:2px;box-sizing:border-box;overflow:hidden}
-    @keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}
-    html.sc-dc-streaming .sc-placeholder,
-    html.sc-dc-streaming .sc-interp.sc-missing{position:relative;
-      background:color-mix(in srgb,currentColor 5%,transparent);
-      border-color:transparent}
-    html.sc-dc-streaming .sc-placeholder::before,
-    html.sc-dc-streaming .sc-interp.sc-missing::before{content:'';
-      position:absolute;inset:0;pointer-events:none;
-      background:linear-gradient(90deg,rgba(217,119,87,0) 25%,rgba(247,225,211,.95) 37%,rgba(217,119,87,0) 63%);
-      background-size:400% 100%;animation:sc-shine 1.4s ease infinite}
-    html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,
-    html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before{animation:none;
-      background:color-mix(in srgb,currentColor 8%,transparent)}
-    .sc-placeholder-error{padding:4px 8px;font:11px/1.4 ui-monospace,monospace;
-      color:color-mix(in srgb,currentColor 70%,transparent);word-break:break-word}
-    .sc-interp.sc-missing{display:inline-block;width:2em;height:1em;overflow:hidden;
-      vertical-align:text-bottom;background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5);
-      border-radius:2px;box-sizing:border-box;color:transparent;
-      user-select:none}
-    .sc-interp.sc-unresolved{font-family:ui-monospace,monospace;font-size:.85em;
-      color:color-mix(in srgb,currentColor 50%,transparent);
-      background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px;
-      padding:0 3px}
-    .sc-host.sc-has-error{position:relative}
-    .sc-logic-error{position:absolute;top:8px;left:8px;z-index:2147483647;max-width:60ch;
-      padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
-      border-radius:4px;white-space:pre-wrap;pointer-events:none}
-    /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
-    @media print {
-      @page { margin: 0.5cm; }
-      figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
-      *, *::before, *::after {
-        print-color-adjust: exact; -webkit-print-color-adjust: exact;
-        backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
-        animation-delay: -99s !important; animation-duration: .001s !important;
-        animation-iteration-count: 1 !important; animation-fill-mode: both !important;
-        animation-play-state: running !important; transition-duration: 0s !important;
-      }
-    }
-  `;
-  var FULL_PAGE_CSS = "html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%}";
-  function rootNameForDocument(doc, loc) {
-    let bootPath = loc.pathname || "";
-    if (!/\.dc\.html?$/i.test(safeDecode(bootPath))) {
-      try {
-        bootPath = new URL(doc.baseURI || "/").pathname;
-      } catch {
-      }
-    }
-    return dcNameFromPath(bootPath);
-  }
-  function safeDecode(s) {
-    try {
-      return decodeURIComponent(s);
-    } catch {
-      return s;
-    }
-  }
-  function boot(runtime, doc = document) {
-    const parsed = parseDcDocument(doc);
-    if (!parsed) return null;
-    const React = getReact();
-    const rootName = rootNameForDocument(doc, location);
-    runtime.markFetched(rootName);
-    runtime.setRootName(rootName);
-    runtime.adoptParsed(rootName, parsed);
-    if (!window.__resources) {
-      fetch(location.href).then((res) => res.ok ? res.text() : "").then((t) => {
-        const raw = t ? parseDcText(t) : null;
-        if (raw?.template) runtime.updateHtml(rootName, raw.template);
-      }).catch(() => {
-      });
-    }
-    const dc = doc.querySelector("x-dc");
-    const hostEl = doc.createElement("div");
-    hostEl.id = "dc-root";
-    dc.replaceWith(hostEl);
-    if (!parsed.preview) {
-      const s = doc.createElement("style");
-      s.textContent = FULL_PAGE_CSS;
-      doc.head.appendChild(s);
-    }
-    const Root = runtime.getDC(rootName);
-    const entry = runtime.registry.get(rootName);
-    function StandaloneRoot() {
-      const [, setTick] = React.useState(0);
-      React.useEffect(() => {
-        const sub = () => setTick((n) => n + 1);
-        entry.subs.add(sub);
-        return () => {
-          entry.subs.delete(sub);
-        };
-      }, []);
-      const defaults = React.useMemo(() => {
-        const d = {};
-        for (const k in entry.propsMeta || {}) {
-          const v = entry.propsMeta?.[k]?.default;
-          if (v !== void 0) d[k] = v;
-        }
-        return d;
-      }, [entry.propsMeta]);
-      return h(Root, { ...defaults, ...entry.propOverrides || {} });
-    }
-    const ReactDOM = getReactDOM();
-    if (ReactDOM.createRoot)
-      ReactDOM.createRoot(hostEl).render(h(StandaloneRoot));
-    else ReactDOM.render(h(StandaloneRoot), hostEl);
-    return rootName;
-  }
-
-  // src/expr.ts
-  var IDENT_RE = /^[A-Za-z_$][A-Za-z0-9_$]*/;
-  var NUMBER_RE = /^-?\d+(\.\d+)?$/;
-  function resolve(vals, src) {
-    const expr = String(src).trim();
-    if (!expr) return void 0;
-    if (expr[0] === "(" && expr[expr.length - 1] === ")" && parensWrapWhole(expr)) {
-      return resolve(vals, expr.slice(1, -1));
-    }
-    const eq = findTopLevelEquality(expr);
-    if (eq) {
-      const lv = resolve(vals, expr.slice(0, eq.index));
-      const rv = resolve(vals, expr.slice(eq.index + eq.op.length));
-      switch (eq.op) {
-        case "===":
-          return lv === rv;
-        case "!==":
-          return lv !== rv;
-        case "==":
-          return lv == rv;
-        default:
-          return lv != rv;
-      }
-    }
-    if (expr[0] === "!") return !resolve(vals, expr.slice(1));
-    if (expr === "true") return true;
-    if (expr === "false") return false;
-    if (expr === "null") return null;
-    if (expr === "undefined") return void 0;
-    if (NUMBER_RE.test(expr)) return Number(expr);
-    if (expr.length >= 2 && (expr[0] === '"' || expr[0] === "'") && expr[expr.length - 1] === expr[0]) {
-      return expr.slice(1, -1);
-    }
-    return resolvePath(vals, expr);
-  }
-  function parensWrapWhole(expr) {
-    let depth = 0;
-    for (let i = 0; i < expr.length - 1; i++) {
-      if (expr[i] === "(") depth++;
-      else if (expr[i] === ")") {
-        depth--;
-        if (depth === 0) return false;
-      }
-    }
-    return true;
-  }
-  function findTopLevelEquality(expr) {
-    let depth = 0;
-    for (let i = 0; i < expr.length; i++) {
-      const c = expr[i];
-      if (c === "[" || c === "(") depth++;
-      else if (c === "]" || c === ")") depth--;
-      else if (depth === 0 && (c === "=" || c === "!") && expr[i + 1] === "=") {
-        if (i > 0 && (expr[i - 1] === "=" || expr[i - 1] === "!")) continue;
-        if (!expr.slice(0, i).trim()) continue;
-        const op = expr[i + 2] === "=" ? c + "==" : c + "=";
-        return { index: i, op };
-      }
-    }
-    return null;
-  }
-  function resolvePath(vals, expr) {
-    const head = expr.match(IDENT_RE);
-    if (!head) return void 0;
-    let cur = vals == null ? void 0 : vals[head[0]];
-    let i = head[0].length;
-    while (i < expr.length) {
-      if (expr[i] === ".") {
-        const m = expr.slice(i + 1).match(IDENT_RE) || expr.slice(i + 1).match(/^\d+/);
-        if (!m) return void 0;
-        cur = cur == null ? void 0 : cur[m[0]];
-        i += 1 + m[0].length;
-      } else if (expr[i] === "[") {
-        let depth = 1;
-        let j = i + 1;
-        while (j < expr.length && depth > 0) {
-          if (expr[j] === "[") depth++;
-          else if (expr[j] === "]") {
-            depth--;
-            if (depth === 0) break;
-          }
-          j++;
-        }
-        if (depth !== 0) return void 0;
-        const key = resolve(vals, expr.slice(i + 1, j));
-        cur = cur == null ? void 0 : cur[key];
-        i = j + 1;
-      } else {
-        return void 0;
-      }
-    }
-    return cur;
-  }
-
-  // src/encode.ts
-  var CAMEL_ATTR = "sc-camel-";
-  var INLINE_TEXT_TAGS = new Set(
-    "a abbr b bdi bdo br cite code del dfn em i ins kbd mark q s samp small span strike strong sub sup u var wbr".split(
-      " "
-    )
-  );
-  var RAW_WRAP = {
-    select: "sc-raw-select",
-    table: "sc-raw-table",
-    tbody: "sc-raw-tbody",
-    thead: "sc-raw-thead",
-    tfoot: "sc-raw-tfoot",
-    tr: "sc-raw-tr",
-    td: "sc-raw-td",
-    th: "sc-raw-th",
-    caption: "sc-raw-caption"
-  };
-  var RAW_UNWRAP = Object.fromEntries(
-    Object.entries(RAW_WRAP).map(([k, v]) => [v, k])
-  );
-  var EVENT_MAP = {
-    onclick: "onClick",
-    onchange: "onChange",
-    oninput: "onInput",
-    onsubmit: "onSubmit",
-    onkeydown: "onKeyDown",
-    onkeyup: "onKeyUp",
-    onkeypress: "onKeyPress",
-    onmousedown: "onMouseDown",
-    onmouseup: "onMouseUp",
-    onmouseenter: "onMouseEnter",
-    onmouseleave: "onMouseLeave",
-    onfocus: "onFocus",
-    onblur: "onBlur",
-    ondoubleclick: "onDoubleClick",
-    oncontextmenu: "onContextMenu",
-    onmousemove: "onMouseMove",
-    onmouseover: "onMouseOver",
-    onmouseout: "onMouseOut",
-    onpointerdown: "onPointerDown",
-    onpointerup: "onPointerUp",
-    onpointermove: "onPointerMove",
-    onpointerenter: "onPointerEnter",
-    onpointerleave: "onPointerLeave",
-    onpointercancel: "onPointerCancel",
-    onpointerover: "onPointerOver",
-    onpointerout: "onPointerOut",
-    ongotpointercapture: "onGotPointerCapture",
-    onlostpointercapture: "onLostPointerCapture",
-    ontouchstart: "onTouchStart",
-    ontouchend: "onTouchEnd",
-    ontouchmove: "onTouchMove",
-    ontouchcancel: "onTouchCancel",
-    ondragstart: "onDragStart",
-    ondragend: "onDragEnd",
-    ondragenter: "onDragEnter",
-    ondragleave: "onDragLeave",
-    ondragover: "onDragOver",
-    onanimationstart: "onAnimationStart",
-    onanimationend: "onAnimationEnd",
-    onanimationiteration: "onAnimationIteration",
-    ontransitionend: "onTransitionEnd"
-  };
-  var ATTRS = `(?:[^>"']|"[^"]*"|'[^']*')*`;
-  var IMPORT_SELF_CLOSE_RE = new RegExp(
-    "<(x-import|dc-import)(" + ATTRS + ")/>",
-    "gi"
-  );
-  var CAMEL_ATTR_RE = /(\s)([a-z]+[A-Z][A-Za-z0-9]*)(\s*=)/g;
-  function encodeCamelAttrs(html) {
-    return html.replace(
-      CAMEL_ATTR_RE,
-      (_, sp, name, eq) => sp + CAMEL_ATTR + name.replace(/[A-Z]/g, (c) => "-" + c.toLowerCase()) + eq
-    );
-  }
-  function encodeCase(html) {
-    html = html.replace(
-      IMPORT_SELF_CLOSE_RE,
-      (_, t, a) => "<" + t + a + "></" + t + ">"
-    );
-    html = html.replace(/<helmet(\s|>)/gi, "<sc-helmet$1");
-    html = html.replace(/<\/helmet\s*>/gi, "</sc-helmet>");
-    html = encodeCamelAttrs(html);
-    for (const [real, alias] of Object.entries(RAW_WRAP)) {
-      html = html.replace(
-        new RegExp("(</?)" + real + "(?=[\\s>])", "gi"),
-        "$1" + alias
-      );
-    }
-    return html;
-  }
-  function kebabToCamel(s) {
-    return s.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
-  }
-  function cssToObj(css) {
-    const o = {};
-    for (const decl of css.split(";")) {
-      const i = decl.indexOf(":");
-      if (i < 0) continue;
-      const prop = decl.slice(0, i).trim();
-      o[prop.startsWith("--") ? prop : kebabToCamel(prop)] = decl.slice(i + 1).trim();
-    }
-    return o;
-  }
-  function compileAttr(raw) {
-    const whole = raw.match(/^\s*\{\{([\s\S]+?)\}\}\s*$/);
-    if (whole) {
-      const path = whole[1];
-      return (vals) => resolve(vals, path);
-    }
-    if (raw.includes("{{")) {
-      const parts = raw.split(/\{\{([\s\S]+?)\}\}/g);
-      return (vals) => parts.map((s, i) => i & 1 ? resolve(vals, s) ?? "" : s).join("");
-    }
-    return () => raw;
-  }
-
-  // src/compile.ts
-  function collectProps(node, kind, host) {
-    const propGetters = [];
-    const pseudoClasses = [];
-    let hintSize = null;
-    for (const { name, value } of [...node.attributes]) {
-      if (name === "sc-name" || name === "data-dc-tpl") continue;
-      let key = name;
-      if (key.startsWith(CAMEL_ATTR))
-        key = kebabToCamel(key.slice(CAMEL_ATTR.length));
-      if (key === "hint-size") {
-        hintSize = value;
-        continue;
-      }
-      if (key.startsWith("style-")) {
-        pseudoClasses.push(host.pseudoClass(key.slice(6), value));
-        continue;
-      }
-      if (kind !== "dom") {
-        if (key.includes("-") && !(kind === "x-import" && (key.startsWith("aria-") || key.startsWith("data-"))))
-          key = kebabToCamel(key);
-      } else {
-        if (key === "class") key = "className";
-        else if (key === "for") key = "htmlFor";
-        else if (key.startsWith("on"))
-          key = EVENT_MAP[key] || "on" + key[2].toUpperCase() + key.slice(3);
-      }
-      propGetters.push([key, compileAttr(value)]);
-    }
-    return { propGetters, pseudoClasses, hintSize };
-  }
-  var HOST_STYLE_PROPS = /* @__PURE__ */ new Set([
-    "position",
-    "left",
-    "right",
-    "top",
-    "bottom",
-    "inset",
-    "width",
-    "height",
-    "z-index",
-    "transform"
-  ]);
-  function hostPositionStyle(style) {
-    const all = typeof style === "string" ? cssToObj(style) : style != null && typeof style === "object" ? style : null;
-    if (!all) return void 0;
-    const out = {};
-    for (const [k, v] of Object.entries(all)) {
-      const kebab = k.replace(/[A-Z]/g, (c) => "-" + c.toLowerCase());
-      if (HOST_STYLE_PROPS.has(kebab)) out[k] = v;
-    }
-    return Object.keys(out).length ? out : void 0;
-  }
-  function compileTemplate(html, host) {
-    const tpl = document.createElement("template");
-    //! nosemgrep: direct-inner-html-assignment
-    tpl.innerHTML = encodeCase(html);
-    let tplN = 0;
-    (function stamp(node) {
-      if (node.nodeType === Node.ELEMENT_NODE) {
-        node.setAttribute("data-dc-tpl", String(tplN++));
-      }
-      for (const c of node.childNodes) stamp(c);
-    })(tpl.content);
-    const builders = walkChildren(tpl.content, host);
-    const render = ((vals, ctx) => builders.map((b, i) => b(vals || {}, ctx, i)));
-    render.__annotated = tpl.innerHTML;
-    return render;
-  }
-  function walkChildren(node, host) {
-    return [...node.childNodes].map((c) => walk(c, host)).filter((b) => b != null);
-  }
-  var SLIDE_ID_VALUE_RE = /^[0-9a-f]{8}$/;
-  var DECK_CONTROL_FLOW_RE = /^(sc-if|sc-for|sc-else|dc-import|x-import)$/;
-  var DECK_AUX_RE = /^(template|script|style|sc-helmet|helmet)$/;
-  function isDeckMountTag(el) {
-    if (el.localName === "deck-stage") return true;
-    return el.localName === "x-import" && (el.getAttribute("component-from-global-scope") || "") === "deck-stage";
-  }
-  function walkDeckChildren(el, host) {
-    const pairs = [...el.childNodes].map((c) => ({ c, b: walk(c, host) })).filter((p) => p.b !== null);
-    const kids = pairs.map((p) => p.b);
-    const seen = /* @__PURE__ */ new Set();
-    const wsSeen = /* @__PURE__ */ new Map();
-    const keys = [];
-    const nextSlideId = new Array(pairs.length);
-    {
-      let upcoming = null;
-      for (let j = pairs.length - 1; j >= 0; j--) {
-        const n = pairs[j].c;
-        if (n.nodeType === Node.ELEMENT_NODE) {
-          const t = n.localName;
-          upcoming = !DECK_AUX_RE.test(t) && !DECK_CONTROL_FLOW_RE.test(t) ? n.getAttribute("data-om-slide-id") : null;
-        }
-        nextSlideId[j] = upcoming;
-      }
-    }
-    for (let j = 0; j < pairs.length; j++) {
-      const { c } = pairs[j];
-      if (c.nodeType === Node.TEXT_NODE) {
-        if ((c.nodeValue ?? "").trim() === "") {
-          const base = nextSlideId[j] ? "omid-ws:" + nextSlideId[j] : "omid-ws:aux";
-          const n = wsSeen.get(base) ?? 0;
-          wsSeen.set(base, n + 1);
-          keys.push(n === 0 ? base : base + ":" + n);
-          continue;
-        }
-        return { kids, keys: null };
-      }
-      if (c.nodeType !== Node.ELEMENT_NODE) {
-        keys.push(j);
-        continue;
-      }
-      const child = c;
-      const tag = child.localName;
-      if (DECK_AUX_RE.test(tag)) {
-        keys.push(j);
-        continue;
-      }
-      if (DECK_CONTROL_FLOW_RE.test(tag)) return { kids, keys: null };
-      const v = child.getAttribute("data-om-slide-id");
-      if (!v || !SLIDE_ID_VALUE_RE.test(v) || seen.has(v)) {
-        return { kids, keys: null };
-      }
-      seen.add(v);
-      keys.push("omid:" + v);
-    }
-    return { kids, keys };
-  }
-  function renderDeckKids(kids, kidKeys, vals, ctx) {
-    return kids.map((b, j) => {
-      const k = kidKeys ? kidKeys[j] : j;
-      const out = b(vals, ctx, k);
-      return kidKeys != null && typeof out === "string" ? h(getReact().Fragment, { key: k }, out) : out;
-    });
-  }
-  function walk(node, host) {
-    if (node.nodeType === Node.TEXT_NODE) return walkText(node);
-    if (node.nodeType !== Node.ELEMENT_NODE) return null;
-    const el = node;
-    const tag = el.tagName.toLowerCase();
-    if (tag === "sc-for") return walkFor(el, host);
-    if (tag === "sc-if") return walkIf(el, host);
-    if (tag === "x-import") return walkXImport(el, host);
-    if (tag === "sc-helmet") return host.helmet(el);
-    if (tag === "dc-import") return walkComponent(el, host);
-    return walkElement(el, host);
-  }
-  var warnedHoles = /* @__PURE__ */ new Set();
-  function warnUnresolved(ctx, what) {
-    const key = (ctx?.__name || "?") + "\0" + what;
-    if (warnedHoles.has(key)) return;
-    warnedHoles.add(key);
-    console.warn("[dc-runtime] " + (ctx?.__name || "template") + ": " + what);
-  }
-  function walkText(node) {
-    const txt = node.nodeValue ?? "";
-    if (!txt.includes("{{")) {
-      if (!txt.trim() && !txt.includes(" ")) return null;
-      return () => txt;
-    }
-    const parts = txt.split(/\{\{([\s\S]+?)\}\}/g);
-    return (vals, ctx, key) => h(
-      getReact().Fragment,
-      { key },
-      ...parts.map((p, i) => {
-        if (!(i & 1)) return p;
-        const v = resolve(vals, p);
-        if (v === void 0) {
-          if (!ctx?.__streamingNow) {
-            if (document.body?.hasAttribute("data-dc-editor-on")) {
-              return h(
-                "span",
-                { key: i, className: "sc-interp sc-unresolved" },
-                "{{ " + p.trim() + " }}"
-              );
-            }
-            warnUnresolved(
-              ctx,
-              "{{ " + p.trim() + " }} never resolved \u2014 rendered as empty"
-            );
-            return null;
-          }
-          return h(
-            "span",
-            { key: i, className: "sc-interp sc-missing" },
-            p.trim()
-          );
-        }
-        if (getReact().isValidElement(v) || Array.isArray(v)) {
-          return h(getReact().Fragment, { key: i }, v);
-        }
-        if (v === null || typeof v === "boolean") return null;
-        return h("span", { key: i, className: "sc-interp" }, String(v));
-      })
-    );
-  }
-  function walkFor(el, host) {
-    const listGet = compileAttr(el.getAttribute("list") || "");
-    const asName = el.getAttribute("as") || "item";
-    const hintN = parseInt(el.getAttribute("hint-placeholder-count") || "0", 10);
-    const kids = walkChildren(el, host);
-    const listSrc = el.getAttribute("list") || "";
-    return (vals, ctx, key) => {
-      let list = listGet(vals);
-      if (!Array.isArray(list)) {
-        if (!ctx?.__streamingNow) {
-          if (list !== void 0 && list !== null) {
-            warnUnresolved(
-              ctx,
-              'sc-for list="' + listSrc + '" is not an array (' + typeof list + ")"
-            );
-          }
-          list = [];
-        } else {
-          list = hintN > 0 ? Array(hintN).fill(void 0) : [];
-        }
-      }
-      return h(
-        getReact().Fragment,
-        { key },
-        list.map((item, i) => {
-          const sub = { ...vals, [asName]: item, $index: i };
-          return h(
-            getReact().Fragment,
-            { key: i },
-            kids.map((b, j) => b(sub, ctx, j))
-          );
-        })
-      );
-    };
-  }
-  function walkIf(el, host) {
-    const valGet = compileAttr(el.getAttribute("value") || "");
-    const hintRaw = el.getAttribute("hint-placeholder-val");
-    const hintGet = hintRaw != null ? compileAttr(hintRaw) : null;
-    const kids = walkChildren(el, host);
-    return (vals, ctx, key) => {
-      let v = valGet(vals);
-      if (v === void 0 && hintGet && ctx?.__streamingNow) v = hintGet(vals);
-      return v ? h(
-        getReact().Fragment,
-        { key },
-        kids.map((b, j) => b(vals, ctx, j))
-      ) : null;
-    };
-  }
-  function walkComponent(el, host) {
-    const name = el.getAttribute("name") || el.getAttribute("component") || "";
-    el.removeAttribute("name");
-    el.removeAttribute("component");
-    const tplId = el.getAttribute("data-dc-tpl");
-    const styleRaw = el.getAttribute("style");
-    el.removeAttribute("style");
-    const styleGet = styleRaw != null ? compileAttr(styleRaw) : null;
-    const { propGetters, hintSize } = collectProps(el, "dc-import", host);
-    const kids = walkChildren(el, host);
-    return (vals, ctx, key) => {
-      const props = {
-        key,
-        __hintSize: hintSize,
-        __tplId: tplId,
-        __hostStyle: styleGet ? hostPositionStyle(styleGet(vals)) : void 0
-      };
-      for (const [k, g] of propGetters) {
-        const v = g(vals);
-        if (k === "dcProps") {
-          if (v && typeof v === "object") Object.assign(props, v);
-          continue;
-        }
-        props[k] = v;
-      }
-      if (kids.length) props.children = kids.map((b, j) => b(vals, ctx, j));
-      return h(host.component(name), props);
-    };
-  }
-  function walkXImport(el, host) {
-    const globalNameGet = compileAttr(
-      el.getAttribute("component-from-global-scope") || ""
-    );
-    const exportNameGet = compileAttr(
-      el.getAttribute("component") || el.getAttribute("name") || ""
-    );
-    const fromRaw = el.getAttribute("from") || (el.getAttribute("component-from-global-scope") ? "" : el.getAttribute("src") || el.getAttribute("import") || "");
-    const urls = fromRaw.trim() ? fromRaw.trim().split(/\s+/) : [];
-    const url = urls.length ? urls[urls.length - 1] : "";
-    const kindOf = (u) => /\.(jsx|tsx)(\?|#|$)/i.test(u) ? "jsx" : "js";
-    const tplId = el.getAttribute("data-dc-tpl");
-    const styleRaw = el.getAttribute("style");
-    el.removeAttribute("style");
-    const styleGet = styleRaw != null ? compileAttr(styleRaw) : null;
-    const wrap = tplId != null || styleGet != null;
-    const { propGetters, hintSize } = collectProps(el, "x-import", host);
-    const hasContent = el.children.length > 0 || !!(el.textContent || "").trim();
-    const deckKeyed = hasContent && isDeckMountTag(el) ? walkDeckChildren(el, host) : null;
-    const kids = deckKeyed ? deckKeyed.kids : hasContent ? walkChildren(el, host) : [];
-    const kidKeys = deckKeyed?.keys ?? null;
-    const urlBindable = fromRaw.includes("{{");
-    if (urls.length && !urlBindable) {
-      let prev;
-      for (const u of urls) prev = host.loadExternal(kindOf(u), u, prev);
-    }
-    const evalName = (g, vals) => {
-      const v = g(vals);
-      const s = v == null ? "" : String(v);
-      return s.includes("{{") ? "" : s;
-    };
-    return (vals, ctx, key) => {
-      const globalName = evalName(globalNameGet, vals);
-      const name = globalName || evalName(exportNameGet, vals);
-      const C = !name || urlBindable ? null : globalName ? host.resolveExternalGlobal(url, globalName) : host.resolveExternal(url, name);
-      const hostStyle = styleGet ? hostPositionStyle(styleGet(vals)) : void 0;
-      const wrapper = wrap ? {
-        key,
-        className: "sc-host-x",
-        "data-dc-tpl": tplId,
-        style: hostStyle || { display: "contents" }
-      } : null;
-      if (!C) {
-        const error = urlBindable ? "x-import `from` cannot contain {{ \u2026 }} \u2014 module URLs are resolved at parse time; use a literal URL" : host.resolveExternalError(url, name);
-        const ph = host.placeholder({
-          key: wrapper ? void 0 : key,
-          name,
-          hintSize,
-          error
-        });
-        return wrapper ? h("div", wrapper, ph) : ph;
-      }
-      const props = wrapper ? {} : { key };
-      let unresolvedHole = false;
-      for (const [k, g] of propGetters) {
-        if (k === "component" || k === "componentFromGlobalScope" || k === "from") {
-          continue;
-        }
-        const v = g(vals);
-        if (v === void 0) unresolvedHole = true;
-        if (k === "dcProps") {
-          if (v && typeof v === "object") Object.assign(props, v);
-          continue;
-        }
-        props[k] = v;
-      }
-      if (unresolvedHole && ctx?.__htmlStreamingNow) {
-        const ph = host.placeholder({
-          key: wrapper ? void 0 : key,
-          name,
-          hintSize,
-          error: null
-        });
-        return wrapper ? h("div", wrapper, ph) : ph;
-      }
-      if (kids.length) {
-        props.children = renderDeckKids(kids, kidKeys, vals, ctx);
-      }
-      return wrapper ? h("div", wrapper, h(C, props)) : h(C, props);
-    };
-  }
-  function contentKey(el) {
-    const clone = el.cloneNode(true);
-    for (const d of clone.querySelectorAll("*")) {
-      while (d.attributes.length) d.removeAttribute(d.attributes[0].name);
-    }
-    const s = clone.innerHTML;
-    let h2 = 5381;
-    for (let i = 0; i < s.length; i++) h2 = (h2 << 5) + h2 + s.charCodeAt(i) | 0;
-    return s.length + "." + (h2 >>> 0).toString(36);
-  }
-  var NEVER_CONTENT_KEYED = new Set(
-    "script style textarea option title select canvas iframe video audio".split(
-      " "
-    )
-  );
-  var NOT_INLINE_SELECTOR = ":not(" + [...INLINE_TEXT_TAGS].join(",") + ")";
-  function walkElement(el, host) {
-    const realTag = RAW_UNWRAP[el.localName] || el.localName;
-    const tplId = el.getAttribute("data-dc-tpl");
-    const inlineOnly = el.childNodes.length > 0 && !NEVER_CONTENT_KEYED.has(realTag) && el.querySelector(NOT_INLINE_SELECTOR) === null;
-    const keySuffix = inlineOnly ? "|" + contentKey(el) : "";
-    const { propGetters, pseudoClasses } = collectProps(el, "dom", host);
-    const deckKeyed = isDeckMountTag(el) ? walkDeckChildren(el, host) : null;
-    const kids = deckKeyed ? deckKeyed.kids : walkChildren(el, host);
-    const kidKeys = deckKeyed?.keys ?? null;
-    return (vals, ctx, key) => {
-      const props = {
-        key: key + keySuffix,
-        "data-dc-tpl": tplId
-      };
-      for (const [k, g] of propGetters) {
-        let v = g(vals);
-        if (k === "style" && typeof v === "string") v = cssToObj(v);
-        if ((k === "value" || k === "checked") && v === void 0) {
-          v = k === "checked" ? false : "";
-        }
-        props[k] = v;
-      }
-      if (pseudoClasses.length) {
-        props.className = [props.className, ...pseudoClasses].filter(Boolean).join(" ");
-      }
-      return h(realTag, props, ...renderDeckKids(kids, kidKeys, vals, ctx));
-    };
-  }
-
-  // src/logic.ts
-  var StreamableLogic = class {
-    constructor(props) {
-      __publicField(this, "props");
-      __publicField(this, "state", {});
-      /** Back-pointer to the wrapper component, installed after construction. */
-      __publicField(this, "__host");
-      this.props = props || {};
-    }
-    setState(update, cb) {
-      this.__host && this.__host.__setLogicState(update, cb);
-    }
-    forceUpdate() {
-      this.__host && this.__host.forceUpdate();
-    }
-    componentDidMount() {
-    }
-    componentDidUpdate(_prevProps) {
-    }
-    componentWillUnmount() {
-    }
-    /** The flat object the template renders against (merged over props). */
-    renderVals() {
-      return {};
-    }
-  };
-  function evalDcLogic(src) {
-    //! nosemgrep: eval-and-function-constructor
-    const fn = new Function(
-      "DCLogic",
-      "StreamableLogic",
-      "React",
-      src + '\n;return (typeof Component!=="undefined"&&Component)||undefined;'
-    );
-    return fn(StreamableLogic, StreamableLogic, getReact());
-  }
-
-  // src/component.ts
-  function shallowEqual(a, b) {
-    if (!b) return false;
-    const ak = Object.keys(a).filter((k) => k !== "children");
-    const bk = Object.keys(b).filter((k) => k !== "children");
-    if (ak.length !== bk.length) return false;
-    for (const k of ak) if (a[k] !== b[k]) return false;
-    return true;
-  }
-  function Placeholder({
-    name,
-    hintSize,
-    streaming,
-    error
-  }) {
-    const [w, hgt] = (hintSize || "100%,60px").split(",");
-    return h(
-      "div",
-      {
-        className: "sc-placeholder" + (streaming ? " sc-streaming" : ""),
-        style: { width: w.trim(), height: hgt && hgt.trim() },
-        title: name
-      },
-      error ? h(
-        "div",
-        { className: "sc-placeholder-error" },
-        (name ? name + ": " : "") + error
-      ) : null
-    );
-  }
-  function hintToMin(hint) {
-    if (!hint) return void 0;
-    const [w, hgt] = hint.split(",");
-    return { minWidth: w.trim(), minHeight: hgt && hgt.trim() };
-  }
-  function createComponentFactory(registry, ensureFetched) {
-    const React = getReact();
-    const AncestorContext = React.createContext([]);
-    class StreamableComponent extends React.Component {
-      constructor(props) {
-        super(props);
-        __publicField(this, "__name");
-        __publicField(this, "__sub");
-        __publicField(this, "__needsDidMount", false);
-        /** Snapshot of the registry's streaming flags taken at render time —
-         *  builders read it off the RenderCtx (this) to pick placeholder vs
-         *  render-nothing for unresolved values. */
-        __publicField(this, "__streamingNow", false);
-        __publicField(this, "__htmlStreamingNow", false);
-        /** When a construct throws, remember the (class, registry.ver, props)
-         *  triple so render-time reconcile doesn't re-attempt it on every parent
-         *  re-render. A registry bump (new class, template, external module
-         *  resolving via bumpAll) changes `ver` and breaks the memo so an
-         *  env-dependent constructor can self-heal. */
-        __publicField(this, "__failedLogic", null);
-        __publicField(this, "__failedUserProps", null);
-        __publicField(this, "__failedVer", -1);
-        /** Per-instance constructor error — kept here (not on the registry entry)
-         *  so one instance's successful construct can't hide a sibling's failure,
-         *  and a construct can never wipe an eval error `updateJs` recorded on
-         *  `r.logicError`. */
-        __publicField(this, "__ctorError", null);
-        __publicField(this, "logic");
-        this.__name = props.__name;
-        this.state = { __v: 0, __err: null };
-        this.__sub = () => {
-          if (this.state.__err) this.setState({ __err: null });
-          this.forceUpdate();
-        };
-        this.__makeLogic(registry.get(this.__name).Logic, null);
-        ensureFetched(this.__name);
-      }
-      /** Error-boundary hook: a render crash anywhere in this DC's subtree
-       *  (its own template, an x-import'd component, a child DC without its
-       *  own deeper boundary) lands here instead of unmounting the page. */
-      static getDerivedStateFromError(e) {
-        return { __err: e instanceof Error && e.message ? e.message : String(e) };
-      }
-      componentDidCatch(e, info) {
-        console.error(
-          "[dc-runtime] render error in <" + this.__name + ">:",
-          e,
-          info?.componentStack || ""
-        );
-      }
-      /** Instantiate the logic class (or the no-op base) and adopt `prevState`
-       *  over its initial state — used both at mount and on hot-swap. */
-      __makeLogic(Logic, prevState) {
-        const L = Logic || StreamableLogic;
-        try {
-          this.logic = new L(this.__userProps());
-          this.__failedLogic = null;
-          this.__failedUserProps = null;
-          this.__ctorError = null;
-        } catch (e) {
-          console.error(e);
-          this.__failedLogic = Logic;
-          this.__failedUserProps = this.__userProps();
-          this.__failedVer = registry.get(this.__name).ver;
-          this.__ctorError = this.__name + ": " + (e instanceof Error && e.message ? e.message : String(e));
-          this.logic = new StreamableLogic(
-            this.__userProps()
-          );
-        }
-        this.logic.__host = this;
-        if (prevState)
-          this.logic.state = { ...this.logic.state || {}, ...prevState };
-      }
-      /** The props the author's logic + template see — internal __-prefixed
-       *  wiring stripped. */
-      __userProps() {
-        const { __name, __hintSize, __tplId, __hostStyle, ...rest } = this.props;
-        return rest;
-      }
-      __setLogicState(update, cb) {
-        const prev = this.logic.state;
-        const patch = typeof update === "function" ? update(prev) : update;
-        this.logic.state = { ...prev, ...patch };
-        this.setState((s) => ({ __v: s.__v + 1 }), cb);
-      }
-      /** Swap the logic instance when the registry's Logic class changed
-       *  (streaming completion, hot reload). State carries over; didMount
-       *  re-fires after the swap commits so refs exist. */
-      __reconcileLogic() {
-        const r = registry.get(this.__name);
-        const Next = r.Logic;
-        const Cur = this.logic.constructor;
-        if (Next === Cur || !Next && Cur === StreamableLogic || Next === this.__failedLogic && r.ver === this.__failedVer && shallowEqual(this.__userProps(), this.__failedUserProps)) {
-          return;
-        }
-        if (!this.__needsDidMount) {
-          try {
-            this.logic.componentWillUnmount();
-          } catch (e) {
-            console.error(e);
-          }
-        }
-        this.__makeLogic(Next, this.logic.state);
-        this.__needsDidMount = true;
-      }
-      componentDidMount() {
-        registry.get(this.__name).subs.add(this.__sub);
-        try {
-          this.logic.componentDidMount();
-        } catch (e) {
-          console.error(e);
-        }
-      }
-      componentDidUpdate(prevProps) {
-        this.logic.props = this.__userProps();
-        if (this.__needsDidMount) {
-          if (this.state.__err || !registry.get(this.__name).tpl) return;
-          this.__needsDidMount = false;
-          try {
-            this.logic.componentDidMount();
-          } catch (e) {
-            console.error(e);
-          }
-        } else {
-          try {
-            this.logic.componentDidUpdate(prevProps);
-          } catch (e) {
-            console.error(e);
-          }
-        }
-      }
-      componentWillUnmount() {
-        registry.get(this.__name).subs.delete(this.__sub);
-        if (!this.__needsDidMount) {
-          try {
-            this.logic.componentWillUnmount();
-          } catch (e) {
-            console.error(e);
-          }
-        }
-      }
-      render() {
-        const r = registry.get(this.__name);
-        const cls = "sc-host" + (r.htmlStreaming ? " sc-streaming-html" : "") + (r.jsStreaming ? " sc-streaming-js" : "");
-        const hintStyle = r.htmlStreaming ? hintToMin(this.props.__hintSize) : void 0;
-        const hostStyle = this.props.__hostStyle || hintStyle ? { ...hintStyle || {}, ...this.props.__hostStyle || {} } : void 0;
-        const hostBase = {
-          className: cls,
-          style: hostStyle,
-          "data-sc-name": this.__name,
-          "data-dc-tpl": this.props.__tplId
-        };
-        const chain = Array.isArray(this.context) ? this.context : [];
-        if (chain.includes(this.__name)) {
-          const cycle = [
-            ...chain.slice(chain.indexOf(this.__name)),
-            this.__name
-          ].join(" \u2192 ");
-          return h(
-            "div",
-            { ...hostBase, className: cls + " sc-has-error" },
-            h(Placeholder, {
-              name: this.__name,
-              hintSize: this.props.__hintSize,
-              error: "circular import: " + cycle
-            })
-          );
-        }
-        if (this.state.__err) {
-          return h(
-            "div",
-            { ...hostBase, className: cls + " sc-has-error" },
-            h(
-              "div",
-              { className: "sc-logic-error", "data-omelette-chrome": "" },
-              this.__name + ": " + this.state.__err
-            ),
-            h(Placeholder, {
-              name: this.__name,
-              hintSize: this.props.__hintSize,
-              error: this.state.__err
-            })
-          );
-        }
-        this.__reconcileLogic();
-        if (!r.tpl) {
-          return h(
-            "div",
-            hostBase,
-            h(Placeholder, { name: this.__name, hintSize: this.props.__hintSize })
-          );
-        }
-        const userProps = this.__userProps();
-        this.logic.props = userProps;
-        let vals = userProps;
-        let renderErr = r.logicError || this.__ctorError;
-        try {
-          vals = { ...userProps, ...this.logic.renderVals() || {} };
-        } catch (e) {
-          console.error(e);
-          renderErr = this.__name + ".renderVals(): " + (e instanceof Error && e.message ? e.message : String(e));
-        }
-        this.__streamingNow = !!(r.htmlStreaming || r.jsStreaming);
-        this.__htmlStreamingNow = !!r.htmlStreaming;
-        return h(
-          "div",
-          { ...hostBase, className: cls + (renderErr ? " sc-has-error" : "") },
-          renderErr && h(
-            "div",
-            { className: "sc-logic-error", "data-omelette-chrome": "" },
-            renderErr
-          ),
-          h(
-            AncestorContext.Provider,
-            { value: [...chain, this.__name] },
-            r.tpl(vals, this)
-          )
-        );
-      }
-    }
-    __publicField(StreamableComponent, "contextType", AncestorContext);
-    const named = /* @__PURE__ */ new Map();
-    function getDC(name) {
-      const hit = named.get(name);
-      if (hit) return hit;
-      function Dispatcher(p) {
-        const [, setTick] = React.useState(0);
-        React.useEffect(() => {
-          const sub = () => setTick((n) => n + 1);
-          registry.get(name).subs.add(sub);
-          return () => {
-            registry.get(name).subs.delete(sub);
-          };
-        }, []);
-        ensureFetched(name);
-        return h(StreamableComponent, { ...p, __name: name });
-      }
-      Dispatcher.displayName = name;
-      named.set(name, Dispatcher);
-      return Dispatcher;
-    }
-    return {
-      getDC,
-      StreamableComponent
-    };
-  }
-
-  // src/bundled.ts
-  function bundledBlob(url) {
-    const blobs = window.__resourceBlobs;
-    const b = blobs ? blobs[url.split("#")[0]] : void 0;
-    return b instanceof Blob ? b : null;
-  }
-
-  // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
-  var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
-  var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
-  function cdnScriptFor(url, sri) {
-    const res = window.__resources;
-    const v = res ? res[url] : void 0;
-    return typeof v === "string" && v ? { src: v } : { src: url, integrity: sri };
-  }
-
-  // src/external.ts
-  var isCustomElementName = (n) => !n.includes(".") && n.includes("-");
-  function isRenderableType(g) {
-    if (typeof g === "function") return !isElementClass(g);
-    return typeof g === "object" && g !== null && typeof g.$$typeof === "symbol";
-  }
-  function resolveDottedPath(root, name) {
-    let cur = root;
-    for (const seg of name.split(".")) {
-      if (cur == null) return void 0;
-      cur = cur[seg];
-    }
-    return cur;
-  }
-  var GLOBAL_POLL_INTERVAL_MS = 50;
-  var GLOBAL_POLL_TIMEOUT_MS = 3e4;
-  function createExternalModules(onResolved) {
-    const cache = /* @__PURE__ */ new Map();
-    let babelLoading = null;
-    const reportedMissing = /* @__PURE__ */ new Map();
-    const polling = /* @__PURE__ */ new Set();
-    function ensureBabel() {
-      if (window.Babel) return Promise.resolve();
-      if (babelLoading) return babelLoading;
-      const babel = cdnScriptFor(BABEL_URL, BABEL_SRI);
-      babelLoading = new Promise((res, rej) => {
-        const s = document.createElement("script");
-        s.src = babel.src;
-        if (babel.integrity) {
-          s.integrity = babel.integrity;
-          s.crossOrigin = "anonymous";
-        }
-        s.onload = () => res();
-        s.onerror = rej;
-        document.head.appendChild(s);
-      });
-      return babelLoading;
-    }
-    const pending = /* @__PURE__ */ new Map();
-    function load(kind, url, after) {
-      const existing = pending.get(url);
-      if (existing) return existing;
-      cache.set(url, null);
-      console.info("[dc-runtime] x-import: loading", url, "(" + kind + ")");
-      const ready = Promise.all([
-        kind === "jsx" ? ensureBabel() : Promise.resolve(),
-        after ?? Promise.resolve()
-      ]);
-      const p = ready.then(() => {
-        const pre = bundledBlob(url);
-        if (pre) return pre.text();
-        return fetch(url).then((r) => {
-          if (!r.ok) throw new Error("HTTP " + r.status);
-          return r.text();
-        });
-      }).then((src) => {
-        const code = kind === "jsx" ? window.Babel.transform(src, {
-          filename: url,
-          presets: ["react", "typescript"]
-        }).code : src;
-        const module = { exports: {} };
-        const before = new Set(Object.keys(window));
-        //! nosemgrep: eval-and-function-constructor
-        new Function("React", "module", "exports", "require", code)(
-          getReact(),
-          module,
-          module.exports,
-          () => ({})
-        );
-        const globals = {};
-        for (const k of Object.keys(window)) {
-          if (!before.has(k) && typeof window[k] === "function") {
-            globals[k] = window[k];
-          }
-        }
-        cache.set(url, { mod: module.exports, globals });
-        console.info(
-          "[dc-runtime] x-import: loaded",
-          url,
-          "\u2014 exports:",
-          Object.keys(module.exports),
-          "window globals:",
-          Object.keys(globals)
-        );
-        onResolved();
-      }).catch((e) => {
-        cache.set(url, {
-          mod: {},
-          globals: {},
-          error: "failed to load: " + (e instanceof Error && e.message ? e.message : String(e))
-        });
-        console.error(
-          "[dc-runtime] x-import: FAILED to load",
-          url,
-          "(" + kind + ")",
-          e
-        );
-        onResolved();
-      });
-      pending.set(url, p);
-      return p;
-    }
-    function resolve2(url, name) {
-      const entry = cache.get(url);
-      if (!entry) return null;
-      const { mod, globals } = entry;
-      const C = mod && mod[name] || globals && globals[name] || typeof window !== "undefined" && window[name] || mod && mod.default;
-      if (typeof C === "function") return C;
-      const key = url + "\0" + name;
-      if (!reportedMissing.has(key)) {
-        reportedMissing.set(
-          key,
-          entry.error || 'no export named "' + name + '" (has: ' + Object.keys(mod).join(", ") + ")"
-        );
-        console.error(
-          "[dc-runtime] x-import: module",
-          url,
-          "loaded but has no component named",
-          JSON.stringify(name),
-          "\u2014 available exports:",
-          Object.keys(mod),
-          "window globals:",
-          Object.keys(globals),
-          ". The module must `module.exports = {" + name + "}` or set `window." + name + "`."
-        );
-      }
-      return null;
-    }
-    function waitForGlobal(name) {
-      if (polling.has(name)) return;
-      polling.add(name);
-      const started = Date.now();
-      const isCE = isCustomElementName(name);
-      const tick = () => {
-        const found = isCE ? customElements.get(name) : isRenderableType(resolveDottedPath(window, name));
-        if (found) {
-          polling.delete(name);
-          onResolved();
-          return;
-        }
-        if (Date.now() - started >= GLOBAL_POLL_TIMEOUT_MS) {
-          console.warn(
-            "[dc-runtime] x-import: global",
-            JSON.stringify(name),
-            "never appeared on window after " + GLOBAL_POLL_TIMEOUT_MS + "ms"
-          );
-          return;
-        }
-        setTimeout(tick, GLOBAL_POLL_INTERVAL_MS);
-      };
-      setTimeout(tick, GLOBAL_POLL_INTERVAL_MS);
-    }
-    function resolveGlobal(url, name) {
-      const isCE = isCustomElementName(name);
-      if (!url) {
-        if (isCE) {
-          if (customElements.get(name)) return name;
-          waitForGlobal(name);
-          return null;
-        }
-        const g2 = resolveDottedPath(window, name);
-        if (isRenderableType(g2)) return g2;
-        waitForGlobal(name);
-        return null;
-      }
-      const entry = cache.get(url);
-      if (!entry) return null;
-      if (isCE && customElements.get(name)) return name;
-      const g = entry.globals[name] ?? resolveDottedPath(window, name);
-      if (isRenderableType(g)) return g;
-      if (name.includes(".")) return null;
-      const key = url + "\0global\0" + name;
-      if (!reportedMissing.has(key)) {
-        reportedMissing.set(key, null);
-        if (isCE && !customElements.get(name)) {
-          console.warn(
-            "[dc-runtime] x-import:",
-            url,
-            "loaded but no custom element",
-            JSON.stringify(name),
-            "is registered and window." + name + " is not a function \u2014 rendering <" + name + "> as an unknown element."
-          );
-        }
-      }
-      return name;
-    }
-    function getError(url, name) {
-      const entry = cache.get(url);
-      if (entry?.error) return entry.error;
-      return reportedMissing.get(url + "\0" + name) || null;
-    }
-    return { load, resolve: resolve2, resolveGlobal, getError };
-  }
-  function isElementClass(g) {
-    try {
-      return typeof g === "function" && typeof HTMLElement !== "undefined" && g.prototype instanceof HTMLElement;
-    } catch {
-      return false;
-    }
-  }
-
-  // src/atomics.ts
-  var ATOMIC_CSS = (
-    // layout
-    ".fx{display:flex}.col{display:flex;flex-direction:column}.grid{display:grid}.ac{align-items:center}.jc{justify-content:center}.jb{justify-content:space-between}.f1{flex:1}.noshrink{flex-shrink:0}.wrap{flex-wrap:wrap}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fs11{font-size:11px}.fs12{font-size:12px}.fs13{font-size:13px}.fs14{font-size:14px}.fs15{font-size:15px}.fs16{font-size:16px}.fs20{font-size:20px}.fs22{font-size:22px}.upper{text-transform:uppercase}.tc{text-align:center}.nowrap{white-space:nowrap}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap16{gap:16px}.gap24{gap:24px}.m0{margin:0}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}.posrel{position:relative}.posabs{position:absolute}.round{border-radius:50%}.ohide{overflow:hidden}.bbox{box-sizing:border-box}.pointer{cursor:pointer}.w100{width:100%}.b0{border:none}"
-  );
-
-  // src/helmet.ts
-  var DESIGN_DOC_MODE_RE = /<meta\b[^>]*\bname\s*=\s*["']design_doc_mode["'][^>]*\b(?:content|value)\s*=\s*["'](\w+)["']/i;
-  var CANVAS_BG_LIGHT = "#f0eee6";
-  var CANVAS_BG_DARK = "#2e2c26";
-  function createHelmetManager(doc, isStreaming) {
-    const mounted = /* @__PURE__ */ new Set();
-    const live = /* @__PURE__ */ new Map();
-    let designDocMode = null;
-    let canvasStyleEl = null;
-    let appTheme = "light";
-    try {
-      const ds = doc.documentElement.dataset.theme;
-      appTheme = ds === "dark" || ds === "light" ? ds : new URLSearchParams(doc.defaultView?.location.search ?? "").get(
-        "theme"
-      ) === "dark" ? "dark" : "light";
-    } catch {
-    }
-    function applyCanvasBg() {
-      if (!canvasStyleEl) return;
-      const bg = appTheme === "dark" ? CANVAS_BG_DARK : CANVAS_BG_LIGHT;
-      canvasStyleEl.textContent = `html,body{background:${bg}}#dc-root>.sc-host{position:relative}`;
-    }
-    function postDesignMode(mode) {
-      if (window.parent === window) return;
-      try {
-        window.parent.postMessage({ type: "__dc_design_mode", mode }, "*");
-      } catch {
-      }
-    }
-    function setDesignDocMode(mode) {
-      if (mode === designDocMode) return;
-      designDocMode = mode;
-      postDesignMode(mode);
-      if (mode === "canvas") {
-        doc.documentElement.setAttribute("data-dc-canvas", "");
-        canvasStyleEl = doc.createElement("style");
-        canvasStyleEl.setAttribute("data-dc-canvas", "");
-        applyCanvasBg();
-        doc.head.appendChild(canvasStyleEl);
-      } else {
-        doc.documentElement.removeAttribute("data-dc-canvas");
-        canvasStyleEl?.remove();
-        canvasStyleEl = null;
-      }
-    }
-    window.addEventListener("message", (e) => {
-      const type = e.data && e.data.type;
-      if (type === "__dc_theme") {
-        const t = e.data.theme;
-        if (t === "light" || t === "dark") {
-          appTheme = t;
-          applyCanvasBg();
-        }
-        return;
-      }
-      if (!designDocMode || type !== "__dc_probe") return;
-      postDesignMode(designDocMode);
-    });
-    function compile(node) {
-      const raw = [...node.children];
-      const helmetClosed = node.nextSibling != null || node.parentNode?.nextSibling != null;
-      if (node.hasAttribute("data-dc-atomics") && !mounted.has("__dc-atomics")) {
-        mounted.add("__dc-atomics");
-        const el = doc.createElement("style");
-        el.id = "__dc-atomics";
-        el.textContent = ATOMIC_CSS;
-        doc.head.appendChild(el);
-      }
-      return (_vals, ctx) => {
-        const name = ctx && ctx.__name || "";
-        const streaming = !!(name && isStreaming(name));
-        for (let i = 0; i < raw.length; i++) {
-          const child = raw[i];
-          const tag = child.tagName;
-          const mayBePartial = streaming && !helmetClosed && i === raw.length - 1;
-          if (tag === "SCRIPT") {
-            if (mayBePartial) continue;
-            const key = "SCRIPT|" + (child.getAttribute("src") || child.textContent || "");
-            if (mounted.has(key)) continue;
-            mounted.add(key);
-            const el = doc.createElement("script");
-            for (const { name: an, value } of [...child.attributes])
-              el.setAttribute(an, value);
-            if (child.textContent) el.textContent = child.textContent;
-            doc.head.appendChild(el);
-          } else if (tag === "LINK" || tag === "META") {
-            if (mayBePartial) continue;
-            const key = tag + "|" + (child.getAttribute("href") || child.getAttribute("src") || child.outerHTML);
-            if (mounted.has(key)) continue;
-            mounted.add(key);
-            if (tag === "LINK") {
-              const rel = (child.getAttribute("rel") || "").toLowerCase().split(/\s+/);
-              const href = (child.getAttribute("href") || "").trim();
-              const res = window.__resources;
-              const pre = res && rel.includes("stylesheet") && !rel.includes("alternate") ? res[href] : void 0;
-              const blob = typeof pre === "string" && pre ? bundledBlob(pre) : null;
-              if (blob) {
-                const el = doc.createElement("style");
-                if (child.hasAttribute("disabled")) {
-                  el.setAttribute("media", "not all");
-                } else if (child.getAttribute("media")) {
-                  el.setAttribute("media", child.getAttribute("media"));
-                }
-                if (child.getAttribute("title"))
-                  el.setAttribute("title", child.getAttribute("title"));
-                void blob.text().then((css) => {
-                  el.textContent = css;
-                });
-                doc.head.appendChild(el);
-                continue;
-              }
-            }
-            doc.head.appendChild(child.cloneNode(true));
-          } else {
-            const key = name + "|" + i;
-            let el = live.get(key);
-            if (!el || el.tagName !== tag) {
-              if (el) el.remove();
-              el = doc.createElement(tag.toLowerCase());
-              live.set(key, el);
-              doc.head.appendChild(el);
-            }
-            for (const { name: an, value } of [...child.attributes]) {
-              if (el.getAttribute(an) !== value) el.setAttribute(an, value);
-            }
-            if (el.textContent !== child.textContent)
-              el.textContent = child.textContent;
-          }
-        }
-        return null;
-      };
-    }
-    return { compile, setDesignDocMode };
-  }
-
-  // src/pseudo.ts
-  function scanUnquotedUrl(css, i) {
-    if (css[i] !== "u" && css[i] !== "U" || css.slice(i, i + 4).toLowerCase() !== "url(" || /[a-z0-9_-]/i.test(css[i - 1] ?? "")) {
-      return -1;
-    }
-    let j = i + 4;
-    while (j < css.length && /\s/.test(css[j])) j++;
-    if (css[j] === '"' || css[j] === "'") return -1;
-    while (j < css.length && css[j] !== ")") {
-      if (css[j] === "\\") j++;
-      j++;
-    }
-    return j < css.length ? j + 1 : css.length;
-  }
-  function stripComments(css) {
-    let out = "";
-    let quote = "";
-    for (let i = 0; i < css.length; i++) {
-      const c = css[i];
-      if (quote) {
-        if (c === "\\") {
-          out += c + (css[i + 1] ?? "");
-          i++;
-          continue;
-        }
-        if (c === quote) quote = "";
-        out += c;
-      } else if (c === "'" || c === '"') {
-        quote = c;
-        out += c;
-      } else if (c === "/" && css[i + 1] === "*") {
-        const end = css.indexOf("*/", i + 2);
-        i = end === -1 ? css.length : end + 1;
-        out += " ";
-      } else {
-        const end = scanUnquotedUrl(css, i);
-        if (end === -1) out += c;
-        else {
-          out += css.slice(i, end);
-          i = end - 1;
-        }
-      }
-    }
-    return out;
-  }
-  function importantify(css) {
-    css = stripComments(css);
-    const decls = [];
-    let start = 0;
-    let depth = 0;
-    let quote = "";
-    for (let i = 0; i < css.length; i++) {
-      const c = css[i];
-      if (quote) {
-        if (c === "\\") i++;
-        else if (c === quote) quote = "";
-      } else if (c === "'" || c === '"') quote = c;
-      else if (c === "(") depth++;
-      else if (c === ")") depth = Math.max(0, depth - 1);
-      else if (c === ";" && depth === 0) {
-        decls.push(css.slice(start, i));
-        start = i + 1;
-      } else {
-        const end = scanUnquotedUrl(css, i);
-        if (end !== -1) i = end - 1;
-      }
-    }
-    decls.push(css.slice(start));
-    return decls.map((d) => d.trim()).filter(Boolean).map((d) => /!\s*important$/i.test(d) ? d : d + " !important").join(";");
-  }
-  function createPseudoSheet(doc) {
-    let el = null;
-    const cache = /* @__PURE__ */ new Map();
-    let n = 0;
-    return (pseudo, css) => {
-      const k = pseudo + "|" + css;
-      const hit = cache.get(k);
-      if (hit) return hit;
-      if (!el) {
-        el = doc.createElement("style");
-        doc.head.appendChild(el);
-      }
-      const cls = "scp" + (n++).toString(36);
-      const isPseudoElement = pseudo === "before" || pseudo === "after";
-      const sel = isPseudoElement ? "." + cls + "::" + pseudo : "." + cls + ":" + pseudo;
-      el.sheet.insertRule(
-        sel + "{" + (isPseudoElement ? css : importantify(css)) + "}",
-        el.sheet.cssRules.length
-      );
-      cache.set(k, cls);
-      return cls;
-    };
-  }
-
-  // src/registry.ts
-  function createRegistry() {
-    const entries = /* @__PURE__ */ Object.create(null);
-    function get(name) {
-      return entries[name] || (entries[name] = {
-        html: "",
-        tpl: null,
-        Logic: null,
-        jsStreaming: false,
-        htmlStreaming: false,
-        ver: 0,
-        subs: /* @__PURE__ */ new Set(),
-        fetched: false
-      });
-    }
-    function bump(name) {
-      const r = get(name);
-      r.ver++;
-      for (const fn of r.subs) fn();
-    }
-    return {
-      entries,
-      get,
-      bump,
-      bumpAll() {
-        for (const n in entries) bump(n);
-      }
-    };
-  }
-
-  // src/runtime.ts
-  var COMPONENT_DIR = ".";
-  function createRuntime(doc = document) {
-    const registry = createRegistry();
-    const pseudoClass = createPseudoSheet(doc);
-    const helmet = createHelmetManager(
-      doc,
-      (name) => registry.get(name).htmlStreaming
-    );
-    const external = createExternalModules(() => registry.bumpAll());
-    const factory = createComponentFactory(registry, ensureFetched);
-    const host = {
-      component: (name) => factory.getDC(name),
-      placeholder: (props) => h(Placeholder, props),
-      helmet: (node) => helmet.compile(node),
-      loadExternal: (kind, url, after) => external.load(kind, url, after),
-      resolveExternal: (url, name) => external.resolve(url, name),
-      resolveExternalGlobal: (url, name) => external.resolveGlobal(url, name),
-      resolveExternalError: (url, name) => external.getError(url, name),
-      pseudoClass
-    };
-    function ensureFetched(name) {
-      const r = registry.get(name);
-      if (r.fetched) return;
-      r.fetched = true;
-      const url = COMPONENT_DIR + "/" + encodeURIComponent(name) + ".dc.html";
-      const res = window.__resources;
-      const pre = res ? res[url] : void 0;
-      const target = typeof pre === "string" && pre ? pre : url;
-      const blob = bundledBlob(target);
-      (blob ? blob.text() : fetch(target).then((res2) => {
-        if (!res2.ok) {
-          console.error(
-            '[dc-runtime] sibling fetch for "' + name + '" failed:',
-            url,
-            "returned",
-            res2.status,
-            "\u2014 the reference renders as an empty placeholder."
-          );
-          return "";
-        }
-        return res2.text();
-      })).then((t) => {
-        if (!t) return;
-        const parsed = parseDcText(t);
-        if (!parsed) {
-          console.error(
-            '[dc-runtime] sibling fetch for "' + name + '":',
-            url,
-            "has no <x-dc> block \u2014 not a Design Component."
-          );
-          return;
-        }
-        if (parsed.props) r.propsMeta = parsed.props;
-        if (parsed.preview) r.preview = parsed.preview;
-        if (parsed.template && !r.html) updateHtml(name, parsed.template);
-        if (parsed.js && !r.Logic) updateJs(name, parsed.js);
-      }).catch(
-        (e) => console.error(
-          '[dc-runtime] sibling fetch for "' + name + '" threw:',
-          url,
-          e
-        )
-      );
-    }
-    let rootName = null;
-    function updateHtml(name, html) {
-      const r = registry.get(name);
-      r.html = html;
-      if (name === rootName) {
-        const mode = DESIGN_DOC_MODE_RE.exec(html)?.[1] ?? null;
-        if (mode || !r.htmlStreaming) helmet.setDesignDocMode(mode);
-      }
-      try {
-        r.tpl = compileTemplate(html, host);
-      } catch (e) {
-        console.error("[dc-runtime] template compile FAILED for", name, e);
-      }
-      registry.bump(name);
-    }
-    function updateJs(name, src) {
-      const r = registry.get(name);
-      const seq = r.jsSeq = (r.jsSeq || 0) + 1;
-      try {
-        const Cls = evalDcLogic(src);
-        if (r.jsSeq !== seq) return;
-        if (typeof Cls !== "function") {
-          r.logicError = name + ".dc.html: <script data-dc-script> must define `class Component extends DCLogic`";
-        } else {
-          r.logicError = null;
-          r.Logic = Cls;
-        }
-      } catch (e) {
-        if (r.jsSeq !== seq) return;
-        console.error(
-          "[dc-runtime] logic class eval FAILED for",
-          name,
-          "\u2014 the template renders with props only.",
-          e
-        );
-        r.logicError = name + ": " + (e instanceof Error && e.message ? e.message : String(e));
-      }
-      registry.bump(name);
-    }
-    function setStreaming(name, kind, on) {
-      const r = registry.get(name);
-      if (kind === "html") r.htmlStreaming = !!on;
-      else r.jsStreaming = !!on;
-      let any = false;
-      for (const n in registry.entries) {
-        const e = registry.entries[n];
-        if (e && (e.htmlStreaming || e.jsStreaming)) {
-          any = true;
-          break;
-        }
-      }
-      doc.documentElement.classList.toggle("sc-dc-streaming", any);
-      registry.bump(name);
-    }
-    function dcUpdate(name, kind, content, streaming) {
-      if (streaming) registry.get(name).fetched = true;
-      if (kind === "html") {
-        setStreaming(name, "html", !!streaming);
-        updateHtml(name, content);
-      } else if (kind === "js") {
-        setStreaming(name, "js", !!streaming);
-        if (!streaming) updateJs(name, content);
-      } else if (kind === "props") {
-        const { props, preview } = parseDataProps(content);
-        const r = registry.get(name);
-        r.propsMeta = props ?? void 0;
-        r.preview = preview;
-        registry.bump(name);
-      }
-    }
-    function setProps(name, overrides) {
-      registry.get(name).propOverrides = overrides && typeof overrides === "object" ? { ...overrides } : null;
-      registry.bump(name);
-    }
-    function adoptParsed(name, parsed) {
-      if (!parsed) return;
-      const r = registry.get(name);
-      if (parsed.props) r.propsMeta = parsed.props;
-      if (parsed.preview) r.preview = parsed.preview;
-      if (parsed.template) updateHtml(name, parsed.template);
-      if (parsed.js) updateJs(name, parsed.js);
-    }
-    return {
-      registry,
-      getDC: factory.getDC,
-      updateHtml,
-      updateJs,
-      dcUpdate,
-      setProps,
-      adoptParsed,
-      setRootName: (name) => {
-        rootName = name;
-      },
-      markFetched: (name) => {
-        registry.get(name).fetched = true;
-      },
-      annotatedTemplate: (name) => {
-        const r = registry.get(name);
-        return r.tpl && r.tpl.__annotated || null;
-      },
-      templateSource: (name) => registry.get(name).html || null,
-      StreamableLogic
-    };
-  }
-
-  // src/stream-state.ts
-  function createStreamTracker(staleMs = 6e4, now = Date.now) {
-    const since = /* @__PURE__ */ new Map();
-    const liveOne = (n) => {
-      const t = since.get(n);
-      if (t === void 0) return false;
-      if (now() - t > staleMs) {
-        since.delete(n);
-        return false;
-      }
-      return true;
-    };
-    return {
-      push(name, streaming, viewportKey) {
-        if (viewportKey === "dc-model") return;
-        if (streaming) since.set(name, now());
-        else since.delete(name);
-      },
-      live(name) {
-        if (name !== void 0) return liveOne(name);
-        for (const n of [...since.keys()]) if (liveOne(n)) return true;
-        return false;
-      }
-    };
-  }
-
-  // src/index.ts
-  function hideRawTemplate() {
-    const s = document.createElement("style");
-    s.textContent = "x-dc{display:none!important}";
-    document.head.appendChild(s);
-  }
-  function loadScript(src, integrity) {
-    return new Promise((resolve2, reject) => {
-      //! nosemgrep: create-script-element
-      const s = document.createElement("script");
-      s.src = src;
-      if (integrity) {
-        s.integrity = integrity;
-        s.crossOrigin = "anonymous";
-      }
-      s.async = false;
-      s.onload = () => resolve2();
-      s.onerror = () => reject(new Error(`failed to load ${src}`));
-      document.head.appendChild(s);
-    });
-  }
-  function loadReactUmd() {
-    const w = window;
-    if (w.React && w.ReactDOM) return Promise.resolve();
-    const react = cdnScriptFor(REACT_URL, REACT_SRI);
-    const reactDom = cdnScriptFor(REACT_DOM_URL, REACT_DOM_SRI);
-    return Promise.all([
-      loadScript(react.src, react.integrity),
-      loadScript(reactDom.src, reactDom.integrity)
-    ]).then(() => void 0);
-  }
-  function init() {
-    const runtime = createRuntime(document);
-    let rootName = "Root";
-    const baseCss = document.createElement("style");
-    baseCss.textContent = BASE_CSS;
-    document.head.prepend(baseCss);
-    const notifyHost = () => {
-      if (window.parent === window) return;
-      const r = runtime.registry.entries[rootName];
-      try {
-        window.parent.postMessage(
-          {
-            type: "__dc_booted",
-            rootName,
-            propsMeta: r && r.propsMeta || null,
-            preview: r && r.preview || null
-          },
-          "*"
-        );
-      } catch {
-      }
-    };
-    const streams = createStreamTracker();
-    const api = {
-      __dcUpdate: (name, kind, content, streaming, viewportKey) => {
-        streams.push(name, streaming, viewportKey);
-        runtime.dcUpdate(name, kind, content, streaming);
-        if (name === rootName && !streaming && kind === "props") notifyHost();
-      },
-      __dcStreaming: (name) => streams.live(name),
-      __dcSetProps: (name, overrides) => runtime.setProps(name, overrides),
-      /** Name of the component currently mounted as the page root — DC tools
-       *  push their template-stream here when targeting "the open page". */
-      __dcRootName: () => rootName,
-      /** Editor bridge — the encoded, `data-dc-tpl`-annotated template source.
-       *  The host editor parses this into its own template DOM so it can map a
-       *  rendered node (carrying the same `data-dc-tpl`) back to the source
-       *  node that emitted it. Returns the encoded form (`sc-camel-*` attrs,
-       *  `<sc-raw-*>`/`<sc-helmet>` tags); the editor decodes on serialize. */
-      __dcAnnotatedTemplate: (name) => runtime.annotatedTemplate(name),
-      /** Editor bridge — the *original* (decoded) template source. */
-      __dcTemplateSource: (name) => runtime.templateSource(name),
-      __dcBoot: () => {
-        rootName = boot(runtime, document) ?? rootName;
-        notifyHost();
-      },
-      __dcRegistry: runtime.registry.entries,
-      getDC: (name) => runtime.getDC(name),
-      // `DCLogic` is the documented base class name; `StreamableLogic` is the
-      // implementation alias kept for any project that already references it.
-      DCLogic: runtime.StreamableLogic,
-      StreamableLogic: runtime.StreamableLogic
-    };
-    Object.assign(window, api);
-    window.__dcContentKeyed = true;
-    if (document.readyState !== "loading") api.__dcBoot();
-    else document.addEventListener("DOMContentLoaded", () => api.__dcBoot());
-  }
-  hideRawTemplate();
-  loadReactUmd().then(init).catch((err) => {
-    console.error("[dc] failed to load React or boot:", err);
-    throw err;
-  });
-})();
diff --git a/docs/Разработка дизайна приложения/wave.js b/docs/Разработка дизайна приложения/wave.js
deleted file mode 100644
index 0cff7c7..0000000
--- a/docs/Разработка дизайна приложения/wave.js	
+++ /dev/null
@@ -1,209 +0,0 @@
-(function () {
-  const R = window.React;
-  const { useRef, useEffect } = R;
-
-  function rgb(hex) {
-    const h = hex.replace('#', '');
-    const n = parseInt(h.length === 3 ? h.split('').map(c => c + c).join('') : h, 16);
-    return [(n >> 16) & 255, (n >> 8) & 255, n & 255];
-  }
-  const rgba = (c, a) => `rgba(${c[0]},${c[1]},${c[2]},${a})`;
-  const mix = (a, b, k) => [a[0] + (b[0] - a[0]) * k, a[1] + (b[1] - a[1]) * k, a[2] + (b[2] - a[2]) * k].map(Math.round);
-
-  function drawOrb(ctx, cx, cy, r, s, t) {
-    const c1 = rgb(s.color), c2 = rgb(s.color2), c3 = rgb(s.color3);
-    const glow = ctx.createRadialGradient(cx, cy, r * 0.6, cx, cy, r * 1.65);
-    glow.addColorStop(0, rgba(c1, 0.32 + s.pulse * 0.35 + s.hover * 0.12));
-    glow.addColorStop(0.5, rgba(c2, 0.10 + s.pulse * 0.12));
-    glow.addColorStop(1, rgba(c1, 0));
-    ctx.fillStyle = glow;
-    ctx.beginPath(); ctx.arc(cx, cy, r * 1.65, 0, Math.PI * 2); ctx.fill();
-
-    ctx.save();
-    ctx.beginPath(); ctx.arc(cx, cy, r, 0, Math.PI * 2); ctx.clip();
-    ctx.fillStyle = s.dark ? '#060B1C' : '#0B1533';
-    ctx.fillRect(cx - r, cy - r, r * 2, r * 2);
-    ctx.globalCompositeOperation = 'lighter';
-    const blobs = [c1, c2, c3, c1, c2];
-    for (let i = 0; i < blobs.length; i++) {
-      const a = t * (0.25 + i * 0.07) + i * 1.7;
-      const bx = cx + Math.cos(a) * r * (0.35 + 0.12 * Math.sin(t * 0.3 + i)) + s.mx * r * 0.18 * s.hover;
-      const by = cy + Math.sin(a * 1.3) * r * 0.38 + s.my * r * 0.18 * s.hover;
-      const br = r * (0.75 + 0.15 * Math.sin(t * 0.7 + i) + s.pulse * 0.2);
-      const g = ctx.createRadialGradient(bx, by, 0, bx, by, br);
-      g.addColorStop(0, rgba(blobs[i], 0.55));
-      g.addColorStop(1, rgba(blobs[i], 0));
-      ctx.fillStyle = g;
-      ctx.fillRect(cx - r, cy - r, r * 2, r * 2);
-    }
-    const lines = 9;
-    for (let l = 0; l < lines; l++) {
-      const yy = cy - r * 0.75 + (l / (lines - 1)) * r * 1.5;
-      const amp = r * (0.03 + 0.05 * s.amp + 0.09 * s.pulse + 0.03 * s.hover);
-      ctx.beginPath();
-      for (let x = -r; x <= r; x += 4) {
-        const y = yy + Math.sin(x / r * (3 + l * 0.4) + t * (1.2 + l * 0.15) + l) * amp * Math.cos(x / r * 1.4);
-        x === -r ? ctx.moveTo(cx + x, y) : ctx.lineTo(cx + x, y);
-      }
-      ctx.strokeStyle = `rgba(255,255,255,${0.05 + 0.05 * s.amp + (l % 3 === 0 ? 0.05 : 0)})`;
-      ctx.lineWidth = 1.5;
-      ctx.stroke();
-    }
-    ctx.globalCompositeOperation = 'source-over';
-    const hl = ctx.createRadialGradient(cx - r * 0.35, cy - r * 0.45, 0, cx - r * 0.35, cy - r * 0.45, r * 0.9);
-    hl.addColorStop(0, 'rgba(255,255,255,0.18)');
-    hl.addColorStop(1, 'rgba(255,255,255,0)');
-    ctx.fillStyle = hl;
-    ctx.fillRect(cx - r, cy - r, r * 2, r * 2);
-    ctx.restore();
-    ctx.beginPath(); ctx.arc(cx, cy, r - 0.5, 0, Math.PI * 2);
-    ctx.strokeStyle = rgba(mix(c1, [255, 255, 255], 0.4), 0.35 + s.pulse * 0.3);
-    ctx.lineWidth = 1; ctx.stroke();
-  }
-
-  function drawRings(ctx, cx, cy, r, s, t) {
-    const c1 = rgb(s.color), c2 = rgb(s.color2), c3 = rgb(s.color3);
-    const N = 8;
-    for (let i = 0; i < N; i++) {
-      const k = ((t * 0.12 * s.speed + i / N) % 1);
-      const rr = r * (0.58 + k * 0.95);
-      const a = Math.pow(1 - k, 1.6) * (0.5 + 0.3 * s.amp);
-      ctx.beginPath();
-      for (let j = 0; j <= 120; j++) {
-        const th = (j / 120) * Math.PI * 2;
-        const pull = s.hover * Math.pow(Math.max(0, Math.cos(th - s.ang)), 4) * r * 0.08 * (1 - k);
-        const d = Math.sin(th * 6 + t * 2 + i) * r * 0.012 * (1 + s.amp * 2 + s.pulse * 4) + pull;
-        const x = cx + Math.cos(th) * (rr + d), y = cy + Math.sin(th) * (rr + d);
-        j ? ctx.lineTo(x, y) : ctx.moveTo(x, y);
-      }
-      ctx.strokeStyle = rgba(mix(c1, c3, k), a);
-      ctx.lineWidth = 1.5 + (1 - k) * 2;
-      ctx.stroke();
-    }
-    const cr = r * (0.58 + s.pulse * 0.07 + 0.015 * Math.sin(t * 1.4));
-    const glow = ctx.createRadialGradient(cx, cy, cr * 0.5, cx, cy, cr * 1.9);
-    glow.addColorStop(0, rgba(c1, 0.45 + s.pulse * 0.3));
-    glow.addColorStop(1, rgba(c1, 0));
-    ctx.fillStyle = glow;
-    ctx.beginPath(); ctx.arc(cx, cy, cr * 1.9, 0, Math.PI * 2); ctx.fill();
-    const g = ctx.createLinearGradient(cx - cr, cy - cr, cx + cr, cy + cr);
-    g.addColorStop(0, rgba(mix(c1, [255, 255, 255], 0.15), 1));
-    g.addColorStop(0.6, rgba(c1, 1));
-    g.addColorStop(1, rgba(c2, 1));
-    ctx.fillStyle = g;
-    ctx.beginPath(); ctx.arc(cx + s.mx * 4 * s.hover, cy + s.my * 4 * s.hover, cr, 0, Math.PI * 2); ctx.fill();
-  }
-
-  function drawLiquid(ctx, cx, cy, r, s, t) {
-    const cols = [rgb(s.color), rgb(s.color2), rgb(s.color3)];
-    const glow = ctx.createRadialGradient(cx, cy, r * 0.4, cx, cy, r * 1.6);
-    glow.addColorStop(0, rgba(cols[0], 0.3 + s.pulse * 0.3));
-    glow.addColorStop(1, rgba(cols[0], 0));
-    ctx.fillStyle = glow;
-    ctx.beginPath(); ctx.arc(cx, cy, r * 1.6, 0, Math.PI * 2); ctx.fill();
-    ctx.globalCompositeOperation = s.dark ? 'lighter' : 'source-over';
-    for (let L = 0; L < 3; L++) {
-      ctx.beginPath();
-      const P = 140;
-      for (let j = 0; j <= P; j++) {
-        const th = (j / P) * Math.PI * 2;
-        const w = 1
-          + 0.06 * Math.sin(3 * th + t * (0.9 + L * 0.2) + L * 2)
-          + 0.04 * Math.sin(5 * th - t * (1.3 + L * 0.1) + L)
-          + 0.03 * Math.sin(7 * th + t * 1.7) * (0.5 + s.amp)
-          + 0.08 * s.pulse * Math.sin(2 * th + L)
-          + 0.16 * s.hover * Math.pow(Math.max(0, Math.cos(th - s.ang)), 3);
-        const rr = r * (0.86 - L * 0.07) * w;
-        const x = cx + Math.cos(th) * rr, y = cy + Math.sin(th) * rr;
-        j ? ctx.lineTo(x, y) : ctx.moveTo(x, y);
-      }
-      const ox = Math.cos(t * 0.4 + L * 2) * r * 0.3, oy = Math.sin(t * 0.5 + L) * r * 0.3;
-      const g = ctx.createRadialGradient(cx + ox, cy + oy, 0, cx, cy, r * 1.1);
-      g.addColorStop(0, rgba(mix(cols[L], [255, 255, 255], 0.25), 0.85));
-      g.addColorStop(1, rgba(cols[L], 0.25));
-      ctx.fillStyle = g;
-      ctx.globalAlpha = s.dark ? 0.6 : 0.75;
-      ctx.fill();
-    }
-    ctx.globalAlpha = 1;
-    ctx.globalCompositeOperation = 'source-over';
-  }
-
-  function WaveButton(props) {
-    const size = props.size || 360;
-    const canvasRef = useRef(null), labelRef = useRef(null), wrapRef = useRef(null);
-    const st = useRef({ hover: 0, hoverT: 0, press: 0, pressV: 0, pressT: 0, mx: 0, my: 0, ang: 0, t: 0, amp: 0, pulse: 0, speed: 1, phase: 0 });
-    const p = st.current;
-    p.variant = props.variant || 'orb';
-    p.playing = !!props.playing;
-    p.bpm = props.bpm || 100;
-    p.energy = props.energy == null ? 0.6 : props.energy;
-    p.color = props.color || '#2F80FF';
-    p.color2 = props.color2 || '#7C5CFF';
-    p.color3 = props.color3 || '#35D3FF';
-    p.dark = props.theme !== 'light';
-    p.reduced = !!props.reduced;
-    p.size = size;
-
-    useEffect(() => {
-      let raf, last = performance.now();
-      const cv = canvasRef.current, ctx = cv.getContext('2d');
-      const loop = (now) => {
-        const dt = Math.min(0.05, (now - last) / 1000); last = now;
-        const s = st.current;
-        const S = s.size * 1.6, dpr = window.devicePixelRatio || 1;
-        if (cv.width !== Math.round(S * dpr)) { cv.width = Math.round(S * dpr); cv.height = Math.round(S * dpr); }
-        s.hover += (s.hoverT - s.hover) * 0.08;
-        s.pressV += (s.pressT - s.press) * 0.35; s.pressV *= 0.62; s.press += s.pressV;
-        s.amp += ((s.playing ? 1 : 0) - s.amp) * 0.04;
-        s.speed = s.reduced ? 0.15 : 1 + s.hover * 1.4 + s.amp * 0.7;
-        s.t += dt * s.speed;
-        if (s.playing && !s.reduced) {
-          s.phase = (s.phase + dt * s.bpm / 60) % 1;
-          s.pulse += (Math.pow(1 - s.phase, 4) * (0.35 + s.energy * 0.65) - s.pulse) * 0.5;
-        } else {
-          s.pulse += ((s.reduced ? 0 : (Math.sin(s.t * 1.1) * 0.5 + 0.5) * 0.12) - s.pulse) * 0.1;
-        }
-        ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
-        ctx.clearRect(0, 0, S, S);
-        const sc = 1 - s.press * 0.07 + s.hover * 0.02;
-        const r = s.size * 0.5 * sc;
-        const cx = S / 2 + s.mx * s.hover * 6, cy = S / 2 + s.my * s.hover * 6;
-        if (s.variant === 'rings') drawRings(ctx, cx, cy, r * 0.62, s, s.t);
-        else if (s.variant === 'liquid') drawLiquid(ctx, cx, cy, r, s, s.t);
-        else drawOrb(ctx, cx, cy, r, s, s.t);
-        if (labelRef.current) labelRef.current.style.transform = `scale(${sc + s.pulse * 0.03})`;
-        raf = requestAnimationFrame(loop);
-      };
-      raf = requestAnimationFrame(loop);
-      return () => cancelAnimationFrame(raf);
-    }, []);
-
-    const onMove = (e) => {
-      const b = wrapRef.current.getBoundingClientRect();
-      const x = (e.clientX - b.left) / b.width * 2 - 1, y = (e.clientY - b.top) / b.height * 2 - 1;
-      p.mx = x; p.my = y; p.ang = Math.atan2(y, x);
-    };
-    const interactive = props.interactive !== false;
-    return R.createElement('div', {
-      ref: wrapRef,
-      role: interactive ? 'button' : undefined,
-      tabIndex: interactive ? 0 : undefined,
-      'aria-label': props.ariaLabel || 'Моя волна',
-      onMouseMove: interactive ? onMove : undefined,
-      onMouseEnter: interactive ? () => { p.hoverT = 1; } : undefined,
-      onMouseLeave: interactive ? () => { p.hoverT = 0; p.pressT = 0; } : undefined,
-      onMouseDown: interactive ? () => { p.pressT = 1; } : undefined,
-      onMouseUp: interactive ? () => { p.pressT = 0; p.pressV -= 0.12; } : undefined,
-      onClick: interactive ? props.onClick : undefined,
-      onKeyDown: interactive ? (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); props.onClick && props.onClick(); } } : undefined,
-      style: { position: 'relative', width: size, height: size, borderRadius: '50%', cursor: interactive ? 'pointer' : 'default', outline: 'none', flexShrink: 0, pointerEvents: interactive ? 'auto' : 'none' }
-    },
-      R.createElement('canvas', { ref: canvasRef, style: { position: 'absolute', left: -size * 0.3, top: -size * 0.3, width: size * 1.6, height: size * 1.6, pointerEvents: 'none' } }),
-      R.createElement('div', { ref: labelRef, style: { position: 'absolute', inset: 0, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', pointerEvents: 'none' } }, props.children)
-    );
-  }
-
-  window.WaveButton = WaveButton;
-  if (typeof module !== 'undefined') module.exports = { WaveButton };
-})();
diff --git a/packages/i18n/locales/en/admin.json b/packages/i18n/locales/en/admin.json
index c70956a..174447f 100644
--- a/packages/i18n/locales/en/admin.json
+++ b/packages/i18n/locales/en/admin.json
@@ -200,7 +200,9 @@
     "suggest_title": "Suggest tracks",
     "suggest_subtitle": "Files go to the upload queue; an administrator reviews them and places them into a storage",
     "drop_title": "Drop music files or folders here",
-    "drop_hint": "Formats: {{formats}}. Folder structure helps guess the artist and album.",
+    "drop_hint": "Use FLAC or WAV. MP3 only as a last resort: the quality is worse, and the queue marks that file “needs attention”.",
+    "drop_folders": "Folder structure helps guess the artist and album.",
+    "format_attention": "Not FLAC or WAV. Send MP3 only when there is no lossless file.",
     "pick_files": "Choose files",
     "pick_folder": "Choose folder",
     "files": "Files to send",
@@ -286,6 +288,7 @@
     "edited": "edited",
     "flag_possible": "possible duplicate",
     "flag_quality": "better quality",
+    "flag_attention": "needs attention",
     "listen": "Listen to {{name}}",
     "edit_batch": "Whole batch",
     "batch_edit_title": "Edit batch",
diff --git a/packages/i18n/locales/ru/admin.json b/packages/i18n/locales/ru/admin.json
index 50b88f6..4779400 100644
--- a/packages/i18n/locales/ru/admin.json
+++ b/packages/i18n/locales/ru/admin.json
@@ -200,7 +200,9 @@
     "suggest_title": "Предложить треки",
     "suggest_subtitle": "Файлы попадут в очередь на добавление; администратор проверит и разложит их в хранилище",
     "drop_title": "Перетащите сюда файлы или папки с музыкой",
-    "drop_hint": "Форматы: {{formats}}. Структура папок поможет угадать исполнителя и альбом.",
+    "drop_hint": "Нужны FLAC или WAV. MP3 — только в крайнем случае: качество хуже, и в очереди такой файл помечается «обратить внимание».",
+    "drop_folders": "Структура папок поможет угадать исполнителя и альбом.",
+    "format_attention": "Не FLAC и не WAV. MP3 присылайте, только если lossless нет.",
     "pick_files": "Выбрать файлы",
     "pick_folder": "Выбрать папку",
     "files": "Файлы для отправки",
@@ -286,6 +288,7 @@
     "edited": "правлено",
     "flag_possible": "возможный дубль",
     "flag_quality": "лучше по качеству",
+    "flag_attention": "обратить внимание",
     "listen": "Слушать {{name}}",
     "edit_batch": "На всю пачку",
     "batch_edit_title": "Правка пачки",
diff --git a/scripts/release.mjs b/scripts/release.mjs
index def3c11..d9d768b 100644
--- a/scripts/release.mjs
+++ b/scripts/release.mjs
@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-// Релиз в Gitea (docs/ci-cd.md#релиз): сначала создаётся релиз с заметками, потом сборка Android
+// Релиз в Gitea: сначала создаётся релиз с заметками, потом сборка Android
 // докладывает в него APK и переписывает блок статуса в тексте.
 //   node scripts/release.mjs create                          — создать релиз по тегу (при перезапуске — обновить)
 //   node scripts/release.mjs android building|failure|cancelled — статус сборки APK в тексте релиза
diff --git a/scripts/version.mjs b/scripts/version.mjs
index 7b445fa..493e6d5 100644
--- a/scripts/version.mjs
+++ b/scripts/version.mjs
@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-// Вычисляет версию продукта из git-тега (docs/ci-cd.md#версионирование).
+// Вычисляет версию продукта из git-тега.
 //   node scripts/version.mjs v1.2.3        → печатает KEY=VALUE (для $GITHUB_ENV / $GITHUB_OUTPUT);
 //                                            тег не по формату — ошибка (релиз не должен стать 0.0.0-dev)
 //   node scripts/version.mjs               → берёт GITHUB_REF_NAME, если это релизный тег, иначе 0.0.0-dev
diff --git a/services/api/internal/auth/admin_test.go b/services/api/internal/auth/admin_test.go
index fe6a3e6..6281844 100644
--- a/services/api/internal/auth/admin_test.go
+++ b/services/api/internal/auth/admin_test.go
@@ -33,7 +33,7 @@ func (e *env) createUser(token, username, role string) resp {
 		map[string]any{"username": username, "role": role, "display_name": "  " + username + "  "}, bearer(token))
 }
 
-// Сценарий 2 из docs/testing.md: админ создаёт модератора, модератор — пользователя,
+// Админ создаёт модератора, модератор — пользователя,
 // но не модератора.
 func TestAdminCreatesModeratorWhoCreatesUser(t *testing.T) {
 	e := newEnv(t)
@@ -261,7 +261,7 @@ func TestNoOpPatch(t *testing.T) {
 		map[string]any{"display_name": "x"}, bearer(admin)).code())
 }
 
-// Сценарий 10 из docs/testing.md: сброс пароля → обязательная смена при входе.
+// Сброс пароля → обязательная смена при входе.
 func TestResetPassword(t *testing.T) {
 	e := newEnv(t)
 	e.addUser("mod", "moderator-pass-1", auth.RoleModerator)
diff --git a/services/api/internal/platform/sign/sign.go b/services/api/internal/platform/sign/sign.go
index a9828f9..acce5a0 100644
--- a/services/api/internal/platform/sign/sign.go
+++ b/services/api/internal/platform/sign/sign.go
@@ -1,5 +1,5 @@
 // Package sign — HMAC-подписи ссылок, которые клиент открывает без заголовка Authorization
-// (обложки в <img>, стрим в <audio>; docs/decisions.md, ADR-006).
+// (обложки в <img>, стрим в <audio>).
 package sign
 
 import (