feat(upload): enhance audio upload handling and user feedback

- Introduced a new warning for users uploading non-FLAC or WAV formats, indicating that these formats should only be used as a last resort.
- Added functionality to highlight files needing format attention in the upload queue.
- Updated the UI to provide clearer guidance on acceptable audio formats during uploads.
- Improved documentation to reflect changes in upload requirements and user interface updates.

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`. Тосты — внизу над плеером.
 
-Экраны, которые есть в прототипе, и документы, где описана логика:
+Экраны и документы, где описана логика:
 
 | Экран | Логика |
 |---|---|