diff --git a/.gitignore b/.gitignore
index b9276bc..3d87e97 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,5 +2,11 @@ node_modules/
 out/
 dist/
 *.log
+.DS_Store
 .claude/
 *.autosave.kadr
+scripts/__pycache__/
+.codebase-memory/
+projects/
+scripts/build_editable_quiz.mjs
+VOICEOVER_STUDIO.md
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 0000000..ef1dc17
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,36 @@
+# Project Instructions
+
+## Codebase Knowledge Graph
+
+This project uses codebase-memory-mcp to maintain a knowledge graph of the codebase.
+Always prefer MCP graph tools over grep, glob, or file search for code discovery.
+
+Use the tools in this order:
+
+1. `search_graph` to find functions, classes, routes, and variables by pattern.
+2. `trace_path` to trace callers and callees.
+3. `get_code_snippet` to read specific function or class source code.
+4. `query_graph` for complex Cypher queries.
+5. `get_architecture` for a high-level project summary.
+
+Fall back to grep, glob, or file search for string literals, error messages,
+configuration values, non-code files, or when graph results are insufficient.
+
+## Commits After Changes
+
+After completing requested project changes and the relevant checks, create a Git
+commit without waiting for a separate request.
+
+- Commit only files changed for the current task. Preserve unrelated existing
+  changes in the working tree.
+- Use a conventional commit type such as `feat`, `fix`, `docs`, `ref`, `test`,
+  `build`, `ci`, `chore`, `style`, `perf`, `meta`, or `license`.
+- Write a meaningful bilingual commit message in Russian and English.
+- Format the subject as `<type>(<scope>): <Russian summary> / <English summary>`;
+  omit the scope when it does not add useful context.
+- For non-trivial changes, add a body that explains what changed and why in both
+  Russian and English.
+- Keep every message line under 100 characters and the subject under 70
+  characters whenever practical.
+- Do not commit when the user explicitly asks not to, when the task is read-only,
+  or when the requested change is not complete.
diff --git a/CLAUDE.md b/CLAUDE.md
index 570cd19..bf64190 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -43,7 +43,7 @@ mixes audio and muxes/transcodes per preset.
   black. Startup sweeps leftover helper processes; shutdown force-exits
   (window-all-closed → app.exit failsafe, render-process-gone → exit).
 - `electron/ffmpeg.ts` — ffprobe probing (+ thumbnails + peak/RMS waveform
-  bins), `makeProxy` (540p preview proxies), `makeReversed` (backwards
+  bins), `makeProxy` (validated adaptive 720p preview proxies), `makeReversed` (backwards
   render of a clip's source range, RAM-bounded chunks), `ExportMuxer`
   (per-segment `volume,atempo*,afade,adelay,apad,atrim` → `amix` with
   exact level compensation), `RawVideoEncoder` (fallback raw-frame
@@ -56,8 +56,9 @@ mixes audio and muxes/transcodes per preset.
   `userData/claude-mcp.json`; `sweepStaleSessions()` clears leftovers of
   hard-killed runs at startup.
 - `electron/mcp-bridge.cjs` — MCP stdio server (SDK) that claude receives
-  via a generated `--mcp-config`; tools: kadr_state / kadr_eval /
-  kadr_export / kadr_transcribe / kadr_fragment_create.
+  via a generated `--mcp-config`; tools: kadr_capabilities / kadr_state /
+  kadr_snapshot / kadr_eval / kadr_export / kadr_transcribe / kadr_voices /
+  kadr_fragment_create.
 - `electron/transcribe.ts` + `scripts/transcribe.py` — faster-whisper
   runner (VAD, anti-hallucination thresholds and post-filters, NDJSON
   segments with word timestamps); audio comes from an ExportMuxer mixdown
@@ -86,7 +87,7 @@ mixes audio and muxes/transcodes per preset.
   x-moz-url / DownloadURL → portal key), `importDrop` (paths → URLs →
   raw blobs), window-level catch-all drop in App.tsx, drop forensics to
   `window.__dragLog` + `userData/drop-log.jsonl`.
-- Clip speed UX (`Timeline.tsx`): Ctrl-drag on either extend grip or
+- Clip speed UX (`Timeline.tsx`): primary-modifier drag on either extend grip or
   clip edge = 0.02–100× with ~16 px snapping to round multipliers AND
   neighbouring clip edges/playhead; a cursor-following ×N badge lights up
   when snapped. Preview clamps element playbackRate to Chromium's hard
diff --git a/FEATURES.md b/FEATURES.md
index f39d24c..140f2cb 100644
--- a/FEATURES.md
+++ b/FEATURES.md
@@ -111,10 +111,10 @@ npm run typecheck    # проверка типов (рендерер + main-пр
 | ↶ / ↷ | Отмена / повтор (в подсказке — что именно отменится) |
 | Новый проект | Чистый проект (несохранённые изменения теряются) |
 | Открыть проект | Диалог открытия `.kadr` |
-| Сохранить | Ctrl+S — в текущий файл (или диалог, если не сохранялся) |
-| Сохранить как… | Ctrl+Shift+S — всегда диалог; проект «переезжает» по новому пути |
+| Сохранить | ⌘S на macOS / Ctrl+S на Windows и Linux — в текущий файл (или диалог, если не сохранялся) |
+| Сохранить как… | ⇧⌘S на macOS / Ctrl+Shift+S на Windows и Linux — всегда диалог; проект «переезжает» по новому пути |
 | Экспорт | Диалог рендера |
-| 🤖 Claude | Встроенная сессия Claude Code (повторное нажатие — закрыть) |
+| 🤖 Claude | Встроенная сессия Claude Code (повторное нажатие — свернуть без завершения сессии) |
 | RU/EN | Переключение языка интерфейса |
 
 ### Зоны можно растягивать
@@ -152,12 +152,21 @@ npm run typecheck    # проверка типов (рендерер + main-пр
 дорожки, клипы, ссылки на медиафайлы (по абсолютным путям), ключевые
 кадры, эффекты, тексты, фрагменты. Медиафайлы в проект не копируются.
 
+Установленная macOS-версия регистрирует `.kadr` в LaunchServices. Двойной
+клик по проекту в Finder или перенос проекта на иконку Kadr в Dock открывает
+его сразу в редакторе. Каждый новый файл получает отдельное независимое окно;
+повторное открытие уже открытого пути переводит фокус на существующее окно.
+
+**⌘N / «Файл → Новое окно» / меню Kadr в Dock** создаёт пустое окно для
+параллельного проекта. **⇧⌘N / «Новый проект»** очищает активное окно.
+
 ### Сохранение
 
-- **Ctrl+S / «Сохранить»** — в текущий файл; если проект ещё не имеет
+- **⌘S на macOS / Ctrl+S на Windows и Linux / «Сохранить»** — в текущий файл; если проект ещё не имеет
   файла, откроется диалог.
-- **Ctrl+Shift+S / «Сохранить как…»** — всегда диалог; после сохранения
-  проект продолжает жить по новому пути (последующие Ctrl+S — туда).
+- **⇧⌘S на macOS / Ctrl+Shift+S на Windows и Linux / «Сохранить как…»** —
+  всегда диалог; после сохранения проект продолжает жить по новому пути
+  (последующие ⌘S / Ctrl+S — туда).
 - Все диалоги (проекты, импорт, экспорт) запоминают последнюю папку;
   первый запуск открывается в «Видео»/«Загрузки».
 
@@ -167,7 +176,8 @@ npm run typecheck    # проверка типов (рендерер + main-пр
 
 - **раз в 5 минут**, и только если проект менялся с прошлого раза;
 - файл `<имя>.autosave.kadr` **в той же папке, что и основной** (для ещё
-  не сохранённых проектов — в «Загрузках»), перезаписывается;
+  не сохранённых проектов — уникальный для окна файл в «Загрузках»),
+  перезаписывается;
 - запись **атомарная** (временный файл + переименование) — сбой в момент
   записи не может оставить битый автосейв;
 - **пропускается**, пока идёт экспорт или открыта сессия встроенного
@@ -182,7 +192,8 @@ npm run typecheck    # проверка типов (рендерер + main-пр
 - История на 50 шагов, каждый шаг подписан («перемещение клипа»,
   «разрезание», «выбор перехода»…) — подпись видна в подсказке кнопок
   ↶/↷.
-- Ctrl+Z — отмена, Ctrl+Shift+Z или Ctrl+Y — повтор.
+- ⌘Z на macOS / Ctrl+Z на Windows и Linux — отмена; повтор — ⇧⌘Z на
+  macOS, Ctrl+Shift+Z или Ctrl+Y на Windows и Linux.
 - Откатывается всё: правки клипов, ключевые кадры, эффекты, переходы,
   тексты, применение пресетов.
 
@@ -203,7 +214,8 @@ npm run typecheck    # проверка типов (рендерер + main-пр
   оно скачается (кэш по URL в `userData/imported`) и встанет клипом.
   Понимаются и `data:`-миниатюры, и перетаскивания из песочных
   приложений через XDG-портал, и файлы из панели загрузок Chrome.
-- **Ctrl+V — вставка из буфера обмена** (когда внутри редактора ничего
+- **⌘V на macOS / Ctrl+V на Windows и Linux — вставка из буфера обмена**
+  (когда внутри редактора ничего
   не скопировано): скопированные файлы или скопированное изображение
   (например, «Копировать изображение» в Telegram — перетаскиванием
   tdesktop фото не отдаёт). Изображение сохраняется как PNG и ложится
@@ -239,7 +251,8 @@ npm run typecheck    # проверка типов (рендерер + main-пр
   - `⚙ 47%` — строится прокси;
   - `P` — прокси готов, превью идёт через него;
   - `📝` — кнопка транскрибации (для медиа со звуком).
-- **Выделение и удаление**: клик выделяет карточку, Ctrl+клик добавляет,
+- **Выделение и удаление**: клик выделяет карточку, ⌘+клик на macOS или
+  Ctrl+клик на Windows/Linux добавляет,
   Shift+клик — диапазон. Крестик на карточке (при наведении) удаляет
   файл из проекта, кнопка «✕ N» в шапке — всю выборку. Клипы на
   таймлайне, использующие удаляемые файлы (включая связанные AV-пары),
@@ -258,9 +271,13 @@ npm run typecheck    # проверка типов (рендерер + main-пр
 
 Тяжёлые исходники тормозили бы превью, поэтому:
 
-- каждое видео с коротком стороной **≥720p** автоматически получает
-  фоновую облегчённую копию: H.264 540p + AAC 96k;
+- каждое видео с короткой стороной **≥720p** автоматически получает
+  фоновую облегчённую копию: H.264 CRF 22 + AAC 96k; горизонтальные
+  ролики вписываются в 1280×720, вертикальные — в 720×1280;
 - прокси строятся **по одному** (очередь), прогресс виден на карточке;
+- готовый файл проверяется по длительности и декодированию кадров в начале,
+  середине и конце; битый или недостроенный кэш автоматически пересобирается
+  (до трёх попыток), а на карточке появляется кнопка повторной сборки;
 - кэш: `userData/proxies/`, ключ — путь+размер+mtime файла (изменился
   исходник — прокси перестроится);
 - превью декодирует прокси, **экспорт всегда читает оригинал** — качество
@@ -270,6 +287,12 @@ npm run typecheck    # проверка типов (рендерер + main-пр
 
 ## 6. Таймлайн и дорожки
 
+Внутри видеоклипов показывается адаптивная «плёнка» кадров. При увеличении
+масштаба кадров становится больше, при уменьшении остаётся один или несколько
+опорных. Генерируется только видимая область с небольшим запасом; запросы идут
+в фоновой очереди, используют прокси, дисковый и оперативный кэш. Для
+Remotion-фрагментов кэш привязан к хешу исходников и обновляется после правок.
+
 ### Тулбар таймлайна
 
 | Кнопка | Действие |
@@ -305,7 +328,8 @@ npm run typecheck    # проверка типов (рендерер + main-пр
   жёлтая зона. Диапазон используется экспортом, транскрипцией,
   авто-субтитрами, копированием/удалением фрагмента.
 - **Esc** — снять диапазон.
-- **Ctrl+клик по пустому месту дорожки** — сомкнуть клипы (закрыть дыру
+- **⌘+клик на macOS / Ctrl+клик на Windows и Linux по пустому месту
+  дорожки** — сомкнуть клипы (закрыть дыру
   слева от места клика).
 
 ### Маркеры
@@ -352,13 +376,14 @@ npm run typecheck    # проверка типов (рендерер + main-пр
   `inPoint` (откуда играть исходник).
 - **Верхние уголки** — ручки **фейдов**: потяните внутрь — плавное
   появление/затухание (видео — прозрачность, звук — громкость).
-- **Перетаскивание края с зажатым Ctrl** — изменение **скорости** клипа
+- **Перетаскивание края с зажатым ⌘ на macOS или Ctrl на Windows/Linux** —
+  изменение **скорости** клипа
   (растяжение/сжатие по времени с пересчётом темпа). Работает за **оба**
   края: правый якорит начало, левый — конец клипа. Диапазон ×0.02–×100;
   значение прилипает к круглым множителям (×0.5, ×1, ×2…) и к краям
   соседних клипов/плейхеду, рядом с курсором — живой бейдж «×N»
   (подсвечивается в момент прилипания). Синие ручки на середине обоих
-  краёв делают то же самое; без Ctrl левая ручка подрезает клип
+  краёв делают то же самое; без модификатора левая ручка подрезает клип
   (контент остаётся на месте), правая — растягивает/зацикливает.
 - **Нижние фиолетовые уголки** — «кончики» торцевых переходов (§16).
 - **Двойной клик** — открыть редактор анимации (§9).
@@ -405,24 +430,28 @@ npm run typecheck    # проверка типов (рендерер + main-пр
 - **D / Delete / Backspace** — удалить выделенные клипы; если выделения
   нет, но есть диапазон — **вырезать диапазон** из всех дорожек со
   смыканием.
-- **Ctrl+C / Ctrl+V** — копирование клипов (или содержимого диапазона) и
+- **⌘C / ⌘V на macOS, Ctrl+C / Ctrl+V на Windows и Linux** —
+  копирование клипов (или содержимого диапазона) и
   вставка на плейхед.
 
 ---
 
 ## 8. Горячие клавиши
 
+В таблице первое сочетание указано для macOS, второе — для Windows/Linux.
+На macOS основной модификатор — ⌘, на остальных системах — Ctrl.
+
 | Клавиша | Действие |
 |---|---|
 | **Space** | Воспроизведение / пауза |
 | **S** | Разрезать по плейхеду |
-| **Ctrl+S** | Сохранить проект |
-| **Ctrl+Shift+S** | Сохранить как… |
+| **⌘S / Ctrl+S** | Сохранить проект |
+| **⇧⌘S / Ctrl+Shift+S** | Сохранить как… |
 | **D / Delete / Backspace** | Удалить выделение (или вырезать диапазон) |
-| **Ctrl+Z** | Отменить |
-| **Ctrl+Shift+Z / Ctrl+Y** | Повторить |
-| **Ctrl+C** | Копировать выделение / диапазон |
-| **Ctrl+V** | Вставить на плейхеде |
+| **⌘Z / Ctrl+Z** | Отменить |
+| **⇧⌘Z / Ctrl+Shift+Z; также Ctrl+Y на Windows/Linux** | Повторить |
+| **⌘C / Ctrl+C** | Копировать выделение / диапазон |
+| **⌘V / Ctrl+V** | Вставить на плейхеде |
 | **M** | Поставить маркер на плейхеде |
 | **U** | Связать/развязать видео+аудио |
 | **← / →** | Шаг на кадр назад/вперёд |
@@ -611,7 +640,7 @@ Remotion-фрагментах — и в превью, и в рендере од
   именем;
 - **Применить** — клик по имени заменяет эффекты выделенного клипа
   набором из пресета (с новыми внутренними id); ложится в историю —
-  отменяется Ctrl+Z;
+  отменяется ⌘Z / Ctrl+Z;
 - **Удалить** — ✕;
 - хранение: `fx-presets.json` в данных приложения, общее для всех
   проектов, переживает перезапуск.
@@ -847,7 +876,7 @@ Whisper отдаёт время **каждого слова**. Реплики н
 
 - **перетаскивание рамки** — позиция;
 - **уголок** или **колесо мыши** — масштаб;
-- каждый жест — шаг истории (Ctrl+Z работает).
+- каждый жест — шаг истории (⌘Z / Ctrl+Z работает).
 
 Гизмо работает для **любых** Remotion-фрагментов, не только субтитров.
 
@@ -960,7 +989,10 @@ WYSIWYG-конвейер. Рендеры кэшируются **по хешу с
   не забыв `NO_PROXY=localhost` для локального MCP-моста;
 - при первом запуске Claude спросит «Do you trust this folder?» — Enter;
 - рабочая папка — папка `.kadr`-файла (или домашняя);
-- повторное нажатие 🤖 или ✕ — сессия и мост убиваются;
+- повторное нажатие 🤖 сворачивает панель без завершения сессии; следующее
+  нажатие возвращает её с сохранённым контекстом;
+- ✕ показывает подтверждение; «Да» закрывает панель и завершает сессию и мост,
+  «Нет» возвращает в активный терминал;
 - окно панели **перетаскивается за заголовок и растягивается за края и
   нижние углы**; позиция и размер запоминаются между запусками;
 - переопределение запуска: `~/.config/kadr/claude-env.json` —
@@ -995,12 +1027,44 @@ WYSIWYG-конвейер. Рендеры кэшируются **по хешу с
 
 Полный список инструментов сервера `kadr`:
 
+### kadr_capabilities
+
+Авторитетный контракт текущей версии редактора. Возвращает все разделы
+сразу или один раздел: модель и файлы проекта, таймлайн, анимация, трансформации,
+маски, эффекты, переходы, звук и речь, субтитры, фрагменты, озвучка,
+экспорт и действия store. Списки переходов и пресетов строятся из тех же
+runtime-реестров, что использует интерфейс, поэтому агенту не нужно
+угадывать имена полей, диапазоны и допустимые значения.
+
 ### kadr_state
 
 Снимок живого состояния: проект целиком (дорожки → клипы со всеми
 параметрами; ассеты с абсолютными путями; texts — транскрипты с путями к
 файлам), путь проекта, выделение, плейхед, доступные пресеты экспорта.
 
+### kadr_tasks / kadr_task_start / kadr_task_complete
+
+Очередь аннотаций-задач на специальных нерендерящихся дорожках. Агент
+получает актуальные тайминги, берёт задачу в работу по постоянному случайному
+id, применяет финальную пачку правок одним undo-шагом, записывает результат и
+закрывает задачу. MCP не принимает тайминг при обновлении: если пользователь
+передвинул аннотацию во время работы агента, её новая позиция не затирается.
+
+### kadr_snapshot
+
+Сохранить WYSIWYG-кадр проекта в PNG на выбранном времени. Используется
+агентом для визуальной проверки композиции, эффектов, переходов и
+анимации; при необходимости кадр можно сразу добавить в медиатеку.
+
+### kadr_storyboard
+
+Создать раскадровку диапазона без ручной выгрузки PNG: один контактный лист
+с таймкодами и до 24 отдельных полноразмерных кадров (по умолчанию 9).
+Захват временно использует оригиналы вместо прокси, включает Remotion и затем
+восстанавливает плейхед и воспроизведение. Результат повторно используется
+только пока точный визуальный fingerprint проекта, медиа и фрагментов не
+изменился; `refresh: force` принудительно обновляет кадры.
+
 ### kadr_eval
 
 Выполнить JavaScript в странице редактора (тело async-функции,
@@ -1220,13 +1284,15 @@ vsync-меткам кадров, дрожание таймера не накап
 | `~/.config/kadr/last-dirs.json` | последние папки диалогов |
 | `~/.config/kadr/claude-env.json` | переопределение запуска Claude (опц.) |
 | `~/.config/kadr/proxies/` | кэш превью-прокси |
+| `~/.config/kadr/timeline-thumbnails/` | кэш кадров-плёнки таймлайна |
+| `~/.config/kadr/storyboards/` | управляемый кэш раскадровок агента |
 | `~/.config/kadr/fragment-renders/` | кэш рендеров фрагментов |
 | `~/.config/kadr/decoded/` | промежуточные файлы для быстрого декода (лимит 10 ГБ) |
 | `~/kadr-fragments/` | workspace Remotion-композиций (ссылки на папки проектов) |
 | `<папка проекта>/kadr-fragments/` | исходники фрагментов этого проекта |
 | `/tmp/kadr-export-*.mp4` | временные файлы экспорта (удаляются) |
 
-Кэши можно безболезненно чистить: прокси и рендеры фрагментов
+Кэши можно безболезненно чистить: прокси, кадры таймлайна и рендеры фрагментов
 перестроятся при необходимости.
 
 ---
diff --git a/README.en.md b/README.en.md
index 8874f7e..2008f88 100644
--- a/README.en.md
+++ b/README.en.md
@@ -17,13 +17,15 @@ captions to this part», watch it happen live in the preview.
 
 - 🎬 **Real multi-track editing** — video/audio/text tracks, trimming,
   looping, fades, linked AV clips, ripple delete, full undo history.
-  Clip speed from ×0.02 to ×100 by Ctrl-dragging **either** clip edge
+  Clip speed from ×0.02 to ×100 by ⌘-dragging on macOS or Ctrl-dragging
+  on Windows/Linux over **either** clip edge
   (the left one anchors the right boundary), snapping to round
   multipliers and to neighbouring clips' edges, with a live ×N badge.
 - 📥 **Media from anywhere** — drop files onto any spot of the window
   (onto a track they land as clips back-to-back at the drop point, audio
   routes to an audio track), drag a picture straight out of a browser
-  (fetched by URL), or hit Ctrl+V — clipboard paste understands both
+  (fetched by URL), or hit ⌘V on macOS / Ctrl+V on Windows and Linux —
+  clipboard paste understands both
   copied files and "Copy image" (e.g. from Telegram, which won't let
   photos be dragged out at all). XDG-portal drags from sandboxed apps
   are supported too. The media bin gets multi-select and deletion that
@@ -65,26 +67,22 @@ captions to this part», watch it happen live in the preview.
   terminal panel, wired to the live project over MCP: it reads the
   timeline, edits clips, transcribes, creates and iterates Remotion
   fragments while you watch the preview update. The panel is draggable,
-  resizable and remembers its place across launches.
+  resizable and remembers its place across launches; pressing Claude again
+  minimizes it without losing the session context.
 - 📍 **Timeline markers** — press **M** to drop a numbered marker at the
-  playhead: drag it, right-click to remove it, it lives in the project
-  file and the embedded Claude can see and place them too ("retime
-  everything between marker 3 and marker 4").
+  playhead: drag it, right-click to remove it, and use it from Claude too.
 - 📤 **Uncompromised export** — video is encoded by ffmpeg x264 at the
   preset's true bitrate (Chromium's built-in encoder ignored the bitrate
   and softened the picture — measured and replaced; frames reach ffmpeg
-  with zero copies), 8-sample motion blur, automatic frame blending for
-  fps-mismatched sources, presets for YouTube/Shorts/WebM/MP3, and a
+  with zero copies), mp4box-based fast decode (~8× over element seeks,
+  with graceful fallback), 8-sample motion blur, automatic frame blending
+  for fps-mismatched sources, presets for YouTube/Shorts/WebM/MP3, and a
   short chime when the render is done.
-- 🚀 **Fast on every source** — seeking a `<video>` element costs ~0.2 s
-  per frame, so the exporter avoids it everywhere: alpha video (every
-  transparent Remotion fragment included) is read through a **lossless**
-  colour-over-matte intermediate, MP4s with the index at the end of the
-  file are picked up from their tail, undecodable codecs go through an
-  H.264 intermediate. A real 11-minute project full of transparent
-  fragments now exports in **13 minutes instead of hours** (58 fps at
-  1080p60).
-- 🛟 **Quality-of-life** — background 540p preview proxies, autosave every
+- 🚀 **Fast on every source** — alpha video is read through a **lossless**
+  colour-over-matte intermediate, MP4s with the index at the end are picked
+  up from their tail, and undecodable codecs use an H.264 intermediate.
+- 🛟 **Quality-of-life** — background adaptive 720p preview proxies with
+  validation and automatic repair of corrupt caches, autosave every
   5 minutes (atomic, skipped during exports/AI sessions), an
   unsaved-changes indicator with “✓ Saved” feedback, self-healing after
   hard closes (no lingering processes), effect & pose presets shared
@@ -112,6 +110,12 @@ npm install        # postinstall rebuilds node-pty for Electron
 npm run dev
 ```
 
+For an Apple Silicon macOS build, run `npm run package:mac`, open the DMG,
+and move Kadr to Applications. The installed app registers `.kadr` files:
+double-clicking one in Finder opens that project in its own window. Create a
+blank window with File → New Window (`⌘N`) or the matching Kadr Dock menu item;
+`⇧⌘N` resets the project in the current window.
+
 Import media, edit, press Export. For the AI assistant press 🤖 (the
 `claude` CLI must be installed and logged in). If your network needs a
 proxy for Claude/npm, create `~/.config/kadr/claude-env.json`:
@@ -123,14 +127,17 @@ proxy for Claude/npm, create `~/.config/kadr/claude-env.json`:
 ## How the AI integration works
 
 Kadr starts a local HTTP bridge into the renderer and hands Claude an MCP
-server with five tools:
+server with a focused tool set:
 
 | Tool | What it does |
 |---|---|
+| `kadr_capabilities` | current editor contract: project files, models, ranges, effects, transitions, animation, and available actions |
 | `kadr_state` | full live project: tracks, clips, asset paths, transcripts, presets |
+| `kadr_snapshot` | save a source-quality WYSIWYG PNG frame for visual verification |
 | `kadr_eval` | run JS against the editor API (every edit lands in undo history) |
 | `kadr_export` | render the project or a range and wait for the file |
 | `kadr_transcribe` | local Whisper over a file or a timeline range |
+| `kadr_voices` | available F5-TTS voices with stable ids, numbers, and descriptions |
 | `kadr_fragment_create` | scaffold a Remotion composition as a timeline clip |
 
 The killer loop: Claude creates a fragment, edits its TSX with normal file
diff --git a/README.md b/README.md
index 913fecb..949be8c 100644
--- a/README.md
+++ b/README.md
@@ -20,13 +20,15 @@ Kadr — многодорожечный видеоредактор (Electron + R
 
 - 🎬 **Полноценный многодорожечный монтаж** — видео/аудио/текстовые
   дорожки, трим, луп, фейды, связанные AV-клипы, полная история отмен.
-  Скорость ×0.02–×100 Ctrl-драгом за **любой** край клипа (левый якорит
+  Скорость ×0.02–×100 с ⌘-драгом на macOS или Ctrl-драгом на Windows/Linux
+  за **любой** край клипа (левый якорит
   правую границу) с прилипанием к круглым множителям и краям соседних
   клипов и живым бейджем «×N» у курсора.
 - 📥 **Медиа отовсюду** — перетащите файлы в любое место окна (на
   дорожку — лягут клипами встык в точку броска, аудио уйдёт на свою
   дорожку), картинку прямо из браузера (скачается по URL), или нажмите
-  Ctrl+V — вставка из буфера обмена понимает и скопированные файлы, и
+  ⌘V на macOS / Ctrl+V на Windows и Linux — вставка из буфера обмена
+  понимает и скопированные файлы, и
   «Копировать изображение» (например, из Telegram, который фото
   перетаскиванием не отдаёт). Поддержаны и XDG-портальные перетаскивания
   из песочных приложений. В медиапанели — множественное выделение и
@@ -71,24 +73,25 @@ Kadr — многодорожечный видеоредактор (Electron + R
   терминальной панели, подключённая к живому проекту через MCP: читает
   таймлайн, правит клипы, транскрибирует, создаёт и дорабатывает
   Remotion-фрагменты, пока вы смотрите превью. Панель перетаскивается,
-  растягивается и помнит своё место между запусками.
+  растягивается и помнит своё место между запусками; кнопку Claude можно
+  нажать повторно, чтобы свернуть панель без потери контекста сессии.
 - 📍 **Маркеры таймлайна** — клавиша **M** ставит нумерованный маркер на
   плейхеде: перетаскивается, удаляется правым кликом, живёт в проекте и
   **виден встроенному Claude** («правь от маркера 3 до маркера 4»).
 - 📤 **Экспорт без компромиссов** — видео кодирует ffmpeg x264 с честным
   битрейтом пресета (кодировщик Chromium игнорировал битрейт и «мылил»
   картинку — измерено и заменено; кадры передаются в ffmpeg без единой
-  копии), 8-сэмпловый motion blur, frame blending для исходников с
-  «чужим» fps, пресеты YouTube/Shorts/WebM/MP3. По окончании рендера —
-  короткий сигнал.
+  копии), быстрый декод на mp4box (~8× быстрее перемоток, с
+  автоматическим откатом), 8-сэмпловый motion blur, frame blending для
+  исходников с «чужим» fps, пресеты YouTube/Shorts/WebM/MP3. По окончании
+  рендера звучит короткий сигнал.
 - 🚀 **Быстрый рендер на любом исходнике** — покадровая перемотка
   `<video>` стоит ~0.2 с на кадр, и редактор обходит её везде: видео с
-  альфа-каналом (в том числе все прозрачные Remotion-фрагменты) читается
-  через упакованный **без потерь** посредник, MP4 с индексом в конце
-  файла — по «хвосту», недекодируемые кодеки — через H.264-посредник.
-  Реальный проект на 11 минут с прозрачными фрагментами: **13 минут
-  вместо нескольких часов** (58 кадров/с при 1080p60).
-- 🛟 **Забота о работе** — фоновые 540p-прокси для превью, автосохранение
+  альфа-каналом читается через упакованный **без потерь** посредник, MP4
+  с индексом в конце файла — по «хвосту», недекодируемые кодеки — через
+  H.264-посредник. Реальный 11-минутный проект: **13 минут вместо часов**.
+- 🛟 **Забота о работе** — фоновые адаптивные 720p-прокси для превью с
+  проверкой и автоматической пересборкой повреждённого кэша, автосохранение
   раз в 5 минут (атомарное, не мешает рендеру и ИИ-сессиям), индикатор
   несохранённых изменений и «✓ Сохранено», самовосстановление после
   жёсткого закрытия (никаких зависших процессов), пресеты эффектов и
@@ -104,7 +107,8 @@ Kadr — многодорожечный видеоредактор (Electron + R
 |---|---|---|
 | Node.js ≥ 20 | всё | |
 | ffmpeg + ffprobe | импорт, аудиомикс, экспорт | любая свежая сборка в PATH |
-| python3 + [faster-whisper](https://github.com/SYSTRAN/faster-whisper) | распознавание речи, авто-субтитры | `pip install faster-whisper`; модели скачаются при первом запуске |
+| Python 3.10–3.12 + [faster-whisper](https://github.com/SYSTRAN/faster-whisper) | распознавание речи, авто-субтитры | отдельное окружение и конфиг описаны ниже |
+| локальный TTS | история дублей и переозвучка | опционально; установка описана ниже, модель занимает около 4–5 ГБ |
 | [Claude Code CLI](https://docs.anthropic.com/en/docs/claude-code) | панель 🤖 | опционально; использует ваш существующий вход |
 | сеть (один раз) | workspace Remotion-фрагментов | `~/kadr-fragments`, ~150 МБ |
 
@@ -116,25 +120,198 @@ npm install        # postinstall пересоберёт node-pty под Electron
 npm run dev
 ```
 
-Импортируйте медиа, монтируйте, жмите «Экспорт». Для ИИ-ассистента
-нажмите 🤖 (CLI `claude` должен быть установлен и залогинен). Если для
-Claude/npm нужен прокси — создайте `~/.config/kadr/claude-env.json`:
+Для сборки под macOS Apple Silicon выполните `npm run package:mac`, откройте
+DMG и перенесите Kadr в «Программы». Установленная версия регистрирует формат
+`.kadr`: двойной клик в Finder открывает проект в отдельном окне. Новое пустое
+окно создаётся через «Файл → Новое окно» (`⌘N`) или одноимённый пункт в меню
+иконки Kadr в Dock; `⇧⌘N` очищает текущий проект.
+
+Импортируйте медиа, монтируйте, жмите «Экспорт».
+Сценарии можно импортировать в форматах `.doc`, `.docx` и `.txt`: Word-файлы
+преобразуются системными средствами macOS в отдельную редактируемую TXT-копию,
+а оригинал остаётся без изменений. Кнопка «＋ SRT» рядом с «Импорт» создаёт
+новый файл субтитров и сразу открывает встроенный редактор; новые интервалы
+добавляются кнопкой «＋ Реплика».
+
+Для ИИ-ассистента нажмите 🤖 (CLI `claude` должен быть установлен и залогинен).
+Если для Claude/npm нужен прокси — создайте `~/.config/kadr/claude-env.json`:
 
 ```json
 { "env": { "HTTPS_PROXY": "http://127.0.0.1:1080", "NO_PROXY": "127.0.0.1,localhost" } }
 ```
 
+## Локальная транскрибация
+
+Распознавание речи и авто-субтитры используют локальный
+[`faster-whisper`](https://github.com/SYSTRAN/faster-whisper). На macOS Kadr
+работает в CPU-режиме `int8`; CUDA не требуется. Модель (`large-v3` по
+умолчанию) скачается при первом распознавании и останется в кэше Hugging Face.
+
+Не устанавливайте пакет случайному `pip`: Kadr должен запускать тот же Python,
+в котором он установлен. Надёжный вариант — отдельное окружение:
+
+```bash
+TRANSCRIBE_VENV="$HOME/.local/share/kadr/transcribe-venv"
+python3 -m venv "$TRANSCRIBE_VENV"
+"$TRANSCRIBE_VENV/bin/python" -m pip install --upgrade pip
+"$TRANSCRIBE_VENV/bin/python" -m pip install --upgrade faster-whisper
+"$TRANSCRIBE_VENV/bin/python" -c "from faster_whisper import WhisperModel; print('faster-whisper: OK')"
+```
+
+Затем создайте `~/.config/kadr/transcribe.json`, обязательно указав абсолютный
+путь (переменные вроде `$HOME` внутри JSON не раскрываются):
+
+```json
+{
+  "pythonPath": "/Users/имя/.local/share/kadr/transcribe-venv/bin/python"
+}
+```
+
+На Windows путь внутри окружения обычно заканчивается на
+`Scripts\\python.exe`. Вместо файла конфигурации можно передать переменную
+окружения `KADR_TRANSCRIBE_PYTHON`. После настройки повторите транскрибацию;
+перезапуск Kadr не требуется. Для обработки аудио также должен быть доступен
+`ffmpeg`.
+
+Если удобнее поручить установку агенту, скопируйте ему этот промпт:
+
+```text
+Ты работаешь в локальном репозитории Kadr. Полностью настрой локальную
+транскрибацию: прочитай README.md, electron/transcribe.ts и
+scripts/transcribe.py; создай отдельный Python 3.10–3.12 venv вне git; установи
+в него актуальный faster-whisper; проверь импорт WhisperModel; создай
+~/.config/kadr/transcribe.json с абсолютным pythonPath; проверь ffmpeg. Затем
+запусти scripts/transcribe.py этим Python на коротком аудиофайле, дождись
+корректного JSONL done и выполни npm run typecheck и npm run build. Не
+ограничивайся инструкциями и не устанавливай зависимости в случайный системный
+Python. Не удаляй существующие окружения, модели и пользовательские файлы. В
+финале сообщи путь к Python, результат smoke-теста и готовность Kadr.
+```
+
+## Локальная переозвучка
+
+Пункт «Переозвучить…» работает только с локальным TTS-бэкендом. Kadr проверяет
+Python, зависимости, модель и ffmpeg; до успешной проверки команда отключена.
+История и прослушивание уже существующих дублей при этом остаются доступны.
+
+На Mac с Apple Silicon откройте «Студия голоса» → «Перегенерация» и нажмите
+«Установить F5‑TTS». После подтверждения лицензии модели Kadr автоматически:
+
+- установит отдельный управляемый Python и F5‑TTS, не меняя системный Python;
+- докачает русскую модель и словарь с проверкой контрольных сумм;
+- установит 11 встроенных голосов (варианты 5, 6 и 11 исключены);
+- проверит запуск модели и сохранит локальную конфигурацию.
+
+Для первой установки нужен интернет и около 5 ГБ свободного места. Прерванную
+загрузку модели можно продолжить той же кнопкой. Русская модель
+`Misha24-10/F5-TTS_RUSSIAN` имеет лицензию CC BY-NC 4.0 и не предназначена для
+коммерческого использования без отдельного разрешения.
+
+Ручная настройка ниже остаётся запасным вариантом для разработчиков и других
+платформ.
+
+Чтобы озвучить готовый сценарий по таймингам, импортируйте `.srt`, откройте его
+в разделе «Тексты», выберите голос и нажмите «Сгенерировать озвучку SRT».
+Каждая реплика станет отдельным аудиоклипом на новой дорожке и будет подогнана
+точно к своему интервалу. Позже любой такой клип можно открыть через правый клик
+→ «Переозвучить…», сменить голос и сохранить исходный SRT-тайминг.
+
+### Пользовательские голоса
+
+В «Студия голоса» → «Перегенерация» нажмите «Клонировать новый голос». Источником
+может быть аудиофайл или новая запись с выбранного микрофона. Перед сохранением
+можно сравнить исходник и обработанный звук, включить нормализацию, компрессор и
+удаление постоянного шума. Для лучшего результата используйте 3–30 секунд чистой
+речи и укажите точный текст записи.
+
+Готовый клон сохраняется в общей библиотеке Kadr и появляется в списке F5‑TTS с
+маркером ★. Одновременно он добавляется в текущий проект. При обычном сохранении,
+«Сохранить как…» и создании переносимой копии WAV-референс всегда копируется в
+папку проекта, даже если копирование остальных медиафайлов отключено. Поэтому
+голос остаётся доступен после переноса проекта на другой компьютер; на новом
+компьютере потребуется только установленный F5‑TTS.
+
+После установки Kadr читает локальную конфигурацию из
+`~/.config/kadr/tts.json`:
+
+```json
+{
+  "pythonPath": "/абсолютный/путь/к/tts-venv/bin/python",
+  "modelPath": "/абсолютный/путь/к/model_20000_inference.safetensors",
+  "vocabPath": "/абсолютный/путь/к/vocab.txt",
+  "voicesPath": "/абсолютный/путь/к/референсам",
+  "cachePath": "/абсолютный/путь/к/кэшу-моделей",
+  "ffmpegPath": "ffmpeg"
+}
+```
+
+Ниже — готовый промпт. Скопируйте его целиком в Codex, Claude Code или другому
+агенту, запущенному в папке репозитория Kadr. Агент должен не просто дать
+инструкцию, а самостоятельно установить и проверить бэкенд.
+
+```text
+Ты работаешь в локальном репозитории Kadr. Установи и полностью настрой локальный
+TTS для функции «Переозвучить…». Не ограничивайся инструкцией: выполни установку,
+создай конфигурацию, проведи smoke-тест генерации и оставь Kadr в рабочем состоянии.
+
+Контракт Kadr:
+- основной воркер: scripts/voiceover_worker.py;
+- Kadr запускает его как: <pythonPath> scripts/voiceover_worker.py --model <modelPath>
+  --vocab <vocabPath>;
+- воркер общается через JSONL в stdin/stdout, сначала печатает {"type":"ready"},
+  затем принимает задания и возвращает progress/done/error;
+- готовый WAV должен быть PCM s16le, 48 кГц, stereo; мастеринг выполняется через
+  ffmpeg; облачные TTS и API-ключи не использовать;
+- настройки хранятся в ~/.config/kadr/tts.json с полями pythonPath, modelPath,
+  vocabPath, voicesPath, cachePath и ffmpegPath. Не прописывай локальные
+  абсолютные пути в git-файлах проекта.
+
+Порядок работы:
+1. Прочитай README.md, electron/voiceover.ts и scripts/voiceover_worker.py. Проверь
+   ОС, архитектуру, доступную память, Python и ffmpeg.
+2. Используй Python 3.10–3.12 в отдельном venv и F5-TTS. Установи зависимости,
+   включая f5-tts, torch, soundfile и numpy. Скачай русский checkpoint F5TTS v1
+   Base и соответствующий vocab.txt в локальную папку вне git. Учитывай лицензию
+   выбранного checkpoint: вариант Misha24-10/F5-TTS_RUSSIAN распространяется по
+   CC BY-NC 4.0 и не подходит для коммерческого использования без разрешения.
+3. Подготовь папку голосовых WAV-референсов. Kadr показывает 11 вариантов с
+   номерами 1, 2, 3, 4, 7, 8, 9, 10, 12, 13 и 14; варианты 5, 6 и 11 намеренно
+   исключены. Имена файлов можно узнать через MCP-инструмент `kadr_voices`.
+4. Создай ~/.config/kadr/tts.json с абсолютными путями. Проверь, что выбранный
+   Python импортирует F5TTS, torch и soundfile, все 11 референсов существуют, а
+   ffmpeg запускается.
+5. Запусти воркер отдельно, дождись события ready, отправь короткую русскую фразу
+   тем же JSON-заданием, которое отправляет Kadr, и дождись done. Через ffprobe
+   проверь: файл читается, длительность больше 0.5 секунды, 48 кГц, два канала.
+   Убедись, что это не тишина.
+6. Запусти npm run typecheck и npm run build. Затем запусти Kadr, вызови
+   voiceoverStatus и убедись, что ready=true, а пункт «Переозвучить…» активен.
+   Сделай один реальный тестовый дубль из интерфейса или через тот же IPC-контракт
+   и проверь его воспроизведение.
+7. Не удаляй существующие модели, окружения, медиа и пользовательские изменения.
+   Не коммить многогигабайтную модель или venv. Если установка требует изменить
+   код для текущей платформы — внеси изменения, проверь их и перечисли в отчёте.
+
+Не останавливайся после частичного успеха. В финале сообщи: какой бэкенд и модель
+установлены, пути из tts.json, результат smoke-теста, статус typecheck/build и
+подтверждение, что Kadr показывает TTS как готовый.
+```
+
 ## Как устроена ИИ-интеграция
 
 Kadr поднимает локальный мост в рендерер и отдаёт Claude MCP-сервер с
-пятью инструментами:
+набором инструментов:
 
 | Инструмент | Что делает |
 |---|---|
+| `kadr_capabilities` | актуальный контракт редактора: проектные файлы, модели, диапазоны, эффекты, переходы, анимация и доступные действия |
 | `kadr_state` | весь живой проект: дорожки, клипы, пути медиа, транскрипты, пресеты |
+| `kadr_snapshot` | сохранить WYSIWYG-кадр в PNG для визуальной проверки результата |
 | `kadr_eval` | выполнить JS против API редактора (каждая правка — в истории отмен) |
 | `kadr_export` | отрендерить проект или диапазон и дождаться файла |
 | `kadr_transcribe` | локальный Whisper по файлу или диапазону таймлайна |
+| `kadr_voices` | доступные голоса F5‑TTS: стабильные id, номера и описания |
+| `kadr_voice_clone` | создать постоянный клон из локального аудио и добавить его в проект |
 | `kadr_fragment_create` | создать Remotion-композицию как клип таймлайна |
 
 Главный цикл: Claude создаёт фрагмент, правит его TSX обычными файловыми
diff --git a/build/icon.icns b/build/icon.icns
new file mode 100644
index 0000000..42bbc6e
Binary files /dev/null and b/build/icon.icns differ
diff --git a/build/icon.png b/build/icon.png
new file mode 100644
index 0000000..5e1159e
Binary files /dev/null and b/build/icon.png differ
diff --git a/build/make-icon.mjs b/build/make-icon.mjs
new file mode 100644
index 0000000..74126f5
--- /dev/null
+++ b/build/make-icon.mjs
@@ -0,0 +1,119 @@
+// Generates a placeholder Kadr app icon (build/icon.png) — a white "K" on a
+// rounded-rect gradient, drawn by hand so no image tooling is required.
+// Run: node build/make-icon.mjs   (then iconutil builds the .icns)
+import { deflateSync } from 'zlib'
+import { writeFileSync, rmSync, mkdirSync } from 'fs'
+import { dirname, join } from 'path'
+import { fileURLToPath } from 'url'
+import { execFileSync } from 'child_process'
+
+const S = 1024
+const here = dirname(fileURLToPath(import.meta.url))
+
+// --- tiny geometry helpers ---
+const clamp01 = (x) => (x < 0 ? 0 : x > 1 ? 1 : x)
+// signed distance from point to segment a->b
+function segDist(px, py, ax, ay, bx, by) {
+  const dx = bx - ax, dy = by - ay
+  const t = clamp01(((px - ax) * dx + (py - ay) * dy) / (dx * dx + dy * dy || 1))
+  const cx = ax + t * dx, cy = ay + t * dy
+  return Math.hypot(px - cx, py - cy)
+}
+function roundRectInside(px, py, x0, y0, x1, y1, r) {
+  // returns true if (px,py) is inside the rounded rect
+  const qx = Math.max(x0 + r - px, px - (x1 - r), 0)
+  const qy = Math.max(y0 + r - py, py - (y1 - r), 0)
+  if (px < x0 || px > x1 || py < y0 || py > y1) return false
+  return qx * qx + qy * qy <= r * r || (qx === 0 || qy === 0)
+}
+
+function mix(a, b, t) {
+  return [
+    Math.round(a[0] + (b[0] - a[0]) * t),
+    Math.round(a[1] + (b[1] - a[1]) * t),
+    Math.round(a[2] + (b[2] - a[2]) * t)
+  ]
+}
+
+const TOP = [0x2d, 0x7d, 0xf6]    // blue
+const BOT = [0x10, 0x3b, 0x8c]    // deeper blue
+const INK = [0xff, 0xff, 0xff]
+
+// K strokes (in icon space, with margin)
+const m = S * 0.30           // stem left
+const top = S * 0.27, bot = S * 0.73
+const mid = S * 0.50
+const hw = S * 0.052         // half stroke width
+const stems = [
+  [m, top, m, bot],          // vertical stem
+  [m, mid, S * 0.72, top],   // upper diagonal
+  [m, mid, S * 0.72, bot]    // lower diagonal
+]
+
+// RGBA buffer
+const px = Buffer.alloc(S * S * 4)
+const margin = S * 0.085, r = S * 0.225
+for (let y = 0; y < S; y++) {
+  for (let x = 0; x < S; x++) {
+    const i = (y * S + x) * 4
+    const inBg = roundRectInside(x, y, margin, margin, S - margin, S - margin, r)
+    if (!inBg) { px[i + 3] = 0; continue }
+    const bg = mix(TOP, BOT, y / S)
+    // K coverage with ~1.5px antialias
+    let dK = Infinity
+    for (const s of stems) dK = Math.min(dK, segDist(x, y, s[0], s[1], s[2], s[3]))
+    const kCov = clamp01((hw - dK) / 2 + 0.5)
+    const col = mix(bg, INK, kCov)
+    px[i] = col[0]; px[i + 1] = col[1]; px[i + 2] = col[2]; px[i + 3] = 255
+  }
+}
+
+// --- minimal PNG encoder (RGBA, filter 0) ---
+function crc32(buf) {
+  let c = ~0
+  for (let i = 0; i < buf.length; i++) {
+    c ^= buf[i]
+    for (let k = 0; k < 8; k++) c = (c >>> 1) ^ (0xEDB88320 & -(c & 1))
+  }
+  return ~c >>> 0
+}
+function chunk(type, data) {
+  const len = Buffer.alloc(4); len.writeUInt32BE(data.length)
+  const t = Buffer.from(type)
+  const crc = Buffer.alloc(4); crc.writeUInt32BE(crc32(Buffer.concat([t, data])))
+  return Buffer.concat([len, t, data, crc])
+}
+const ihdr = Buffer.alloc(13)
+ihdr.writeUInt32BE(S, 0); ihdr.writeUInt32BE(S, 4)
+ihdr[8] = 8; ihdr[9] = 6 // 8-bit, RGBA
+const raw = Buffer.alloc(S * (S * 4 + 1))
+for (let y = 0; y < S; y++) {
+  raw[y * (S * 4 + 1)] = 0
+  px.copy(raw, y * (S * 4 + 1) + 1, y * S * 4, (y + 1) * S * 4)
+}
+const png = Buffer.concat([
+  Buffer.from([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]),
+  chunk('IHDR', ihdr),
+  chunk('IDAT', deflateSync(raw, { level: 9 })),
+  chunk('IEND', Buffer.alloc(0))
+])
+const out = join(here, 'icon.png')
+writeFileSync(out, png)
+console.log('wrote', out, png.length, 'bytes')
+
+// Build the .icns (macOS only — sips/iconutil). The base PNGs are downscaled
+// from the 1024² master; @2x variants reuse the next size up.
+if (process.platform === 'darwin') {
+  const set = join(here, 'icon.iconset')
+  rmSync(set, { recursive: true, force: true })
+  mkdirSync(set)
+  const sips = (sz, name) =>
+    execFileSync('sips', ['-z', String(sz), String(sz), out, '--out', join(set, name)], { stdio: 'ignore' })
+  for (const s of [16, 32, 128, 256, 512]) {
+    sips(s, `icon_${s}x${s}.png`)
+    sips(s * 2, `icon_${s}x${s}@2x.png`)
+  }
+  execFileSync('iconutil', ['-c', 'icns', set, '-o', join(here, 'icon.icns')], { stdio: 'inherit' })
+  rmSync(set, { recursive: true, force: true })
+  console.log('wrote', join(here, 'icon.icns'))
+}
diff --git a/docs/superpowers/specs/2026-06-17-kadr-mac-optimization-design.md b/docs/superpowers/specs/2026-06-17-kadr-mac-optimization-design.md
new file mode 100644
index 0000000..352b475
--- /dev/null
+++ b/docs/superpowers/specs/2026-06-17-kadr-mac-optimization-design.md
@@ -0,0 +1,94 @@
+# Kadr — macOS bring-up, native polish & packaging
+
+**Date:** 2026-06-17
+**Target:** Apple Silicon (arm64), macOS · Node v24 host · Electron 42
+
+## Goal
+
+Run Kadr on this Mac, give it native macOS UX (application menu + Mac-correct
+GPU/keyboard behaviour), and produce a local, **ad-hoc-signed** `.app`/`.dmg`
+with a placeholder icon. No Developer ID / notarization (out of scope).
+
+## Decisions
+
+| Question | Decision |
+|---|---|
+| Scope | Full Mac polish: run + native menu + packaged bundle |
+| Missing deps | Install via Homebrew (already satisfied: ffmpeg 8.1, python3, claude) |
+| Node version | Node v24 — rebuild succeeded, no extra pin needed |
+| Code signing | Local unsigned → ad-hoc `codesign -s -` (runs on this Mac) |
+| App icon | Generated placeholder ("K", `build/make-icon.mjs`) |
+| Packaging tool | electron-builder 26 (best fit for the electron-vite `out/` layout) |
+| asar | **Disabled** — the app spawns `node electron/mcp-bridge.cjs` and `python3 scripts/transcribe.py` by absolute path; unpacked = zero path rewriting |
+
+## Environment gotchas (not project bugs)
+
+1. **Electron binary download timed out** from GitHub. Fix: build/install with
+   `ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/` (and
+   `ELECTRON_BUILDER_BINARIES_MIRROR` for packaging). Recorded because anyone
+   on a GitHub-throttled network will hit this.
+2. **`ELECTRON_RUN_AS_NODE=1` leaks** from the VSCode/Claude Code host, which
+   makes Kadr's Electron run as plain Node and crash at
+   `protocol.registerSchemesAsPrivileged`. Launch with
+   `env -u ELECTRON_RUN_AS_NODE`. Does not affect normal launches from Finder.
+3. **Finder-launched apps get a minimal PATH** (`/usr/bin:/bin:/usr/sbin:
+   /sbin`) — no Homebrew / `~/.local/bin` / nvm. In the packaged app this made
+   the Claude PTY exit instantly ("session ended") because `claude` wasn't on
+   PATH, and would equally have broken `node` (MCP bridge), ffmpeg/ffprobe and
+   python3. Fixed in code (see Phase 2 → `fixUserPath`), not just an env note.
+
+## Changes
+
+### Phase 1 — Bring-up
+- `npm install` with the Electron mirror. `postinstall` (`electron-rebuild -f
+  -w node-pty`) rebuilt the native module cleanly on Node v25 / Electron 31.
+- Verified `npm run dev`: editor mounts, `window.kadrEditor` present, RU UI.
+
+### Phase 2 — Mac-native (`electron/`)
+- `main.ts`: `fixUserPath()` — on packaged macOS launches, rebuild
+  `process.env.PATH` from the user's login shell (`$SHELL -ilc`, marker-
+  delimited) plus Homebrew/`~/.local/bin` fallbacks, before anything spawns.
+  Fixes the Finder "session ended" Claude bug and unblocks ffmpeg/node/python3.
+- `main.ts`: VAAPI hardware-codec switches (`ignore-gpu-blocklist`,
+  `VaapiVideo*`) are **Linux-only** now — macOS uses native VideoToolbox; the
+  flags were Linux/Intel-specific and only risked the GPU sandbox off-platform.
+- `menu.ts` (new): real macOS application and Dock menus. File (New Window,
+  New Project/Open/Save/Save As/Export) and project Undo/Redo are custom items with `CmdOrCtrl` accelerators
+  forwarded to the renderer over `menu:command`; clipboard/selection keep
+  standard roles so text fields + the Claude terminal stay native.
+- `main.ts`: each editor project owns a `BrowserWindow`; Finder `open-file`,
+  the application menu, and the Dock menu all create or focus the correct window.
+- Background progress, dialogs, exports, captures, transcription, voiceover,
+  and Claude terminal input are routed back to their originating window.
+- `preload.ts` + `shared/types.ts`: `onMenuCommand` IPC bridge.
+- `src/App.tsx`: dispatch menu commands to the existing toolbar handlers
+  (undo/redo defer to native text undo when an input is focused); the in-app
+  keyboard handler no longer double-binds Save/Undo/Redo (the menu owns them,
+  fixing the Mac ⌘-key gap since the old handler only checked `ctrlKey`).
+
+### Phase 3 — Packaging
+- `build/make-icon.mjs` (new): generates `build/icon.png` + `build/icon.icns`
+  (geometric "K", no external image tooling). `npm run icon`.
+- `electron-builder.yml`: `asar: false`, `npmRebuild: false`, arm64 dmg+zip,
+  explicit ad-hoc signing (`mac.identity: "-"`), `.kadr` file association,
+  aux files included in `files`.
+- `package.json`: `icon`, `package:mac` scripts; `electron-builder` devDep.
+- electron-builder applies the explicit ad-hoc signature during packaging.
+
+## Verification (evidence)
+
+- **Dev:** CDP confirms editor mounts, `kadrEditor`/`onMenuCommand` present.
+- **Typecheck:** `npm run typecheck` clean.
+- **Packaged `.app`:** launches from `file://`, editor renders, **and the
+  embedded Claude Code terminal starts inside the bundle** — proving node-pty,
+  the PTY, and the `claude` spawn all work packaged.
+- **DMG:** mounts with `Kadr.app` + `/Applications` symlink, detaches clean.
+- **Not automatable here:** native menu *click* (AppleScript blocked by macOS
+  Accessibility perms, error −1719). Menu build + IPC bridge + clean boot are
+  verified; the click→action hop is testable manually from the built app.
+
+## Out of scope (YAGNI)
+
+Developer ID / notarization, Windows/Linux packaging, auto-update,
+`titleBarStyle: hiddenInset` (the toolbar occupies the top edge where traffic
+lights sit — kept the standard title bar), deep perf tuning.
diff --git a/docs/superpowers/specs/2026-08-22-annotation-tasks-design.md b/docs/superpowers/specs/2026-08-22-annotation-tasks-design.md
new file mode 100644
index 0000000..ab99ba1
--- /dev/null
+++ b/docs/superpowers/specs/2026-08-22-annotation-tasks-design.md
@@ -0,0 +1,50 @@
+# Annotation task tracks
+
+## Understanding
+
+- Annotation tasks live on non-rendering `annotation` tracks in the saved project.
+- `A+` creates a four-second task at the playhead on the active annotation track; the first
+  annotation track is created automatically and more tracks can be added manually.
+- Every task has a stable random id, text, fixed timeline start/duration, status, timestamps,
+  and an optional agent result.
+- Statuses are `new`, `in_progress`, and `done`; both the user and the agent may change them.
+- Completed tasks stay visible on the timeline and in the Annotations side-panel tab.
+- Tasks on one annotation track may not overlap. They can be moved and resized, but never
+  follow media clips and never affect preview or export.
+- Deleting a track deletes its tasks. Project mutations remain undoable.
+
+## Assumptions and constraints
+
+- Projects remain local and single-user, with normal save/autosave persistence.
+- The UI should remain responsive with roughly 1,000 tasks.
+- Task operations merge by id and field: MCP status/result updates never send or overwrite
+  timing, so a simultaneous user drag wins without a conflict.
+- If the user deletes a task while the agent works, completion returns task-not-found and does
+  not recreate it.
+- Agent completion records a concise result. We retain created/updated/completed timestamps,
+  not a full audit log.
+
+## Chosen design
+
+Extend `TrackKind` with `annotation` and add an optional `annotations` array to `Track`. Media
+tracks continue to use `clips`; annotation tracks keep `clips` empty. This keeps old project
+files compatible and prevents annotation data from entering render pipelines.
+
+The editor store owns task creation, timing validation, partial updates, deletion, active-track
+selection, and the open task card. Timeline blocks call those actions and enforce non-overlap at
+the store boundary. The side panel flattens tasks for filtering and navigation.
+
+MCP exposes dedicated list/start/complete/update operations keyed by task id. Mutating tools
+patch only status/result fields and resolve the current live task immediately before applying a
+change. `kadr_state` also includes annotation tracks as part of the project snapshot.
+
+## Decision log
+
+1. Tasks use three statuses and agents may close them without user review.
+2. Completed tasks stay permanently visible with status colors.
+3. Tasks use fixed project time rather than clip/content anchors.
+4. One annotation track cannot contain overlapping tasks.
+5. The first annotation track is automatic; additional tracks are manual.
+6. Track deletion hard-deletes its tasks, recoverable only through undo.
+7. Stable random ids, rather than time ranges, are the MCP identity.
+8. Agent patches never contain timing fields, preserving concurrent user moves.
diff --git a/electron-builder.yml b/electron-builder.yml
new file mode 100644
index 0000000..66e03ff
--- /dev/null
+++ b/electron-builder.yml
@@ -0,0 +1,53 @@
+appId: com.blacktriangle.kadr
+productName: Kadr
+copyright: Copyright © Black Triangle (GPL-3.0)
+
+# asar is intentionally OFF: the app spawns auxiliary processes by absolute
+# path — `node electron/mcp-bridge.cjs` (claude.ts) and `python3
+# scripts/transcribe.py` (transcribe.ts), both resolved from app.getAppPath().
+# Keeping the app unpacked lets those spawns and their require()s resolve
+# from node_modules with zero path rewriting.
+asar: false
+
+# node-pty is rebuilt for the installed Electron version by the postinstall
+# electron-rebuild step, so skip electron-builder's duplicate rebuild.
+npmRebuild: false
+
+directories:
+  output: dist
+  buildResources: build
+
+files:
+  - out/**/*
+  - electron/mcp-bridge.cjs
+  - electron/kadr-skill.md
+  - scripts/transcribe.py
+  - scripts/voiceover_worker.py
+  - resources/voiceover-voices/**/*
+  - package.json
+
+fileAssociations:
+  - ext: kadr
+    name: Kadr Project
+    description: Kadr video editing project
+    role: Editor
+    rank: Owner
+    icon: icon.icns
+
+mac:
+  category: public.app-category.video
+  icon: build/icon.icns
+  extendInfo:
+    NSMicrophoneUsageDescription: Kadr uses the microphone to record voice-over tracks.
+  # Local distribution without a Developer ID: explicitly ad-hoc sign the
+  # bundle. identity:null would skip signing entirely.
+  identity: "-"
+  hardenedRuntime: false
+  target:
+    - target: dmg
+      arch: arm64
+    - target: zip
+      arch: arm64
+
+dmg:
+  title: Kadr ${version}
diff --git a/electron/claude.ts b/electron/claude.ts
index ea021f2..d6d7417 100644
--- a/electron/claude.ts
+++ b/electron/claude.ts
@@ -23,8 +23,16 @@ import type { IPty } from 'node-pty'
 const SYSTEM_HINT =
   'You are embedded inside Kadr, a video editor, and were opened from its UI. ' +
   'The MCP server "kadr" is connected to the LIVE project the user is editing right now: ' +
-  'kadr_state reads it, kadr_eval changes it, kadr_export renders it, kadr_transcribe does ' +
-  'speech-to-text, kadr_fragment_create makes Remotion compositions (animations, dynamic ' +
+  'kadr_capabilities is the authoritative current editing contract; consult its relevant section ' +
+  'before using unfamiliar fields, effects, transitions, masks or animation. kadr_state reads the ' +
+  'project, kadr_snapshot lets you see source-quality WYSIWYG frames, kadr_eval changes it, ' +
+  'and kadr_chapters reads or writes the amber chapter/group map under the timeline ruler. ' +
+  'After building or reorganizing an edit with distinct sections, use kadr_chapters to give those ' +
+  'ranges concise meaningful names; preserve existing chapter ids and do not add a pointless map ' +
+  'to a short undivided timeline. ' +
+  'kadr_export renders it, kadr_transcribe does speech-to-text, kadr_voices lists every ' +
+  'available F5-TTS regeneration voice, and kadr_fragment_create makes ' +
+  'Remotion compositions (animations, dynamic ' +
   'captions, motion graphics) that live as clips on the timeline — after creating one, edit ' +
   'its TSX entry file directly: the user sees your changes live in the preview, no rendering. ' +
   'Treat user requests as being about this project unless told otherwise. ' +
@@ -39,6 +47,7 @@ interface Session {
   pty: IPty
   server: Server
   port: number
+  ownerId: number
 }
 
 let session: Session | null = null
@@ -210,8 +219,13 @@ async function openSession(
       mcpServers: {
         ...extraServers,
         kadr: {
-          command: 'node',
-          args: [join(app.getAppPath(), 'electron', 'mcp-bridge.cjs'), String(bridge.port)]
+          // Use Electron's bundled Node runtime instead of a PATH-resolved
+          // `node`. Finder-launched apps often cannot see nvm/asdf, which
+          // made Claude report `failed to reconnect: ENOENT` even though the
+          // bridge script itself was present in the app bundle.
+          command: process.execPath,
+          args: [join(app.getAppPath(), 'electron', 'mcp-bridge.cjs'), String(bridge.port)],
+          env: { ELECTRON_RUN_AS_NODE: '1' }
         }
       }
     }, null, 1)
@@ -245,14 +259,14 @@ async function openSession(
     p.onData((data) => win.webContents.send('claude:data', data))
     p.onExit(({ exitCode }) => {
       // only announce deaths of the CURRENT session: deliberate closes
-      // (panel toggle, StrictMode remount) null `session` before killing
+      // (confirmed panel close, StrictMode remount) null `session` before killing
       if (session?.pty === p) {
         win.webContents.send('claude:exit', exitCode)
         session.server.close()
         session = null
       }
     })
-    session = { pty: p, server: bridge.server, port: bridge.port }
+    session = { pty: p, server: bridge.server, port: bridge.port, ownerId: win.webContents.id }
     return { ok: true, port: bridge.port }
   } catch (err) {
     bridge.server.close()
@@ -295,18 +309,23 @@ async function syncSkill(): Promise<void> {
   }
 }
 
-export function registerClaudeIpc(getWin: () => BrowserWindow | null) {
+export function registerClaudeIpc() {
   void sweepStaleSessions() // leftovers from a hard-killed previous run
   void syncSkill()
-  ipcMain.handle('claude:open', (_e, cols: number, rows: number, cwd: string | null) => {
-    const win = getWin()
+  ipcMain.handle('claude:open', (event, cols: number, rows: number, cwd: string | null) => {
+    const win = BrowserWindow.fromWebContents(event.sender)
     if (!win) return { ok: false, error: 'no window' }
     return openSession(win, cols, rows, cwd)
   })
-  ipcMain.on('claude:input', (_e, data: string) => session?.pty.write(data))
-  ipcMain.on('claude:resize', (_e, cols: number, rows: number) => {
+  ipcMain.on('claude:input', (event, data: string) => {
+    if (session?.ownerId === event.sender.id) session.pty.write(data)
+  })
+  ipcMain.on('claude:resize', (event, cols: number, rows: number) => {
+    if (session?.ownerId !== event.sender.id) return
     try { session?.pty.resize(Math.max(20, cols), Math.max(5, rows)) } catch { /* dying */ }
   })
-  ipcMain.handle('claude:close', () => closeSession())
+  ipcMain.handle('claude:close', (event) => {
+    if (session?.ownerId === event.sender.id) closeSession()
+  })
   app.on('before-quit', closeSession)
 }
diff --git a/electron/ffmpeg.ts b/electron/ffmpeg.ts
index a83304b..28a043d 100644
--- a/electron/ffmpeg.ts
+++ b/electron/ffmpeg.ts
@@ -134,10 +134,10 @@ function alphaInputArgs(codec?: string): string[] {
 }
 
 /**
- * Preview proxy: light 540p H.264 + AAC copy of a heavy source. Sources with
- * an alpha channel become VP9+alpha WebM instead — H.264 would bake the
- * transparency into a solid background. The preview decodes this instead of
- * the original; export always reads the original.
+ * Preview proxy: a portrait-safe 720p H.264 + AAC copy of a heavy source.
+ * Landscape sources fit inside 1280x720 and portrait sources inside 720x1280.
+ * Sources with an alpha channel become VP9+alpha WebM instead, because H.264
+ * would bake transparency into a solid background. Export reads the original.
  */
 export function makeProxy(
   src: string,
@@ -158,8 +158,9 @@ export function makeProxy(
   ] : [
     '-y', '-v', 'error', '-progress', 'pipe:1',
     '-i', src,
-    '-vf', "scale=-2:'min(540,ih)'",
-    '-c:v', 'libx264', '-preset', 'veryfast', '-crf', '23', '-pix_fmt', 'yuv420p',
+    '-map', '0:v:0', '-map', '0:a?',
+    '-vf', "scale='if(gte(iw,ih),min(1280,iw),min(720,iw))':'if(gte(iw,ih),min(720,ih),min(1280,ih))':force_original_aspect_ratio=decrease:force_divisible_by=2",
+    '-c:v', 'libx264', '-preset', 'veryfast', '-crf', '22', '-pix_fmt', 'yuv420p',
     '-c:a', 'aac', '-b:a', '96k',
     '-movflags', '+faststart',
     out
@@ -188,6 +189,72 @@ export function makeProxy(
   })
 }
 
+/**
+ * Reject incomplete/corrupt proxies before they are exposed to the renderer.
+ * ffprobe verifies the container and duration; sparse one-frame seeks across
+ * the whole file catch damaged regions without paying for a full second decode.
+ */
+export async function validateProxy(path: string, expectedDuration: number): Promise<void> {
+  let info: { streams?: Array<{ codec_type?: string; disposition?: { attached_pic?: number } }>; format?: { duration?: string } }
+  try {
+    const { stdout } = await execFileP(FFPROBE, [
+      '-v', 'error',
+      '-print_format', 'json',
+      '-show_entries', 'stream=codec_type:stream_disposition=attached_pic:format=duration',
+      path
+    ], { maxBuffer: 2 * 1024 * 1024 })
+    info = JSON.parse(stdout)
+  } catch (error) {
+    throw new Error(`proxy probe failed: ${error instanceof Error ? error.message : String(error)}`)
+  }
+
+  const video = info.streams?.find((stream) =>
+    stream.codec_type === 'video' && !stream.disposition?.attached_pic)
+  if (!video) throw new Error('proxy has no playable video stream')
+
+  const actualDuration = Number(info.format?.duration)
+  if (!Number.isFinite(actualDuration) || actualDuration <= 0) {
+    throw new Error('proxy has no valid duration')
+  }
+  if (expectedDuration > 0) {
+    const tolerance = Math.max(1.5, expectedDuration * 0.03)
+    if (Math.abs(actualDuration - expectedDuration) > tolerance) {
+      throw new Error(
+        `proxy duration mismatch: expected ${expectedDuration.toFixed(2)}s, got ${actualDuration.toFixed(2)}s`
+      )
+    }
+  }
+
+  const endSample = Math.max(0, actualDuration - Math.min(0.5, actualDuration / 4))
+  const regularSamples: number[] = []
+  for (let at = 5 * 60; at < endSample; at += 5 * 60) regularSamples.push(at)
+  let sampleTimes = [...new Set([0, actualDuration / 2, endSample, ...regularSamples])]
+    .sort((a, b) => a - b)
+  // Very long recordings stay cheap to validate while retaining full-range
+  // coverage. Typical videos keep exact five-minute checkpoints (incl. 15m).
+  if (sampleTimes.length > 24) {
+    sampleTimes = Array.from({ length: 24 }, (_, index) => endSample * index / 23)
+  }
+  const samples = sampleTimes.map((at) => at.toFixed(3))
+  for (const at of samples) {
+    try {
+      const { stdout } = await execFileP(FFMPEG, [
+        '-v', 'error', '-xerror', '-ss', at, '-i', path,
+        '-map', '0:v:0', '-frames:v', '1', '-an', '-f', 'framehash', '-'
+      ], { maxBuffer: 2 * 1024 * 1024 })
+      // FFmpeg may exit 0 at EOF while producing no frame. framehash gives us
+      // an explicit output record, so a truncated tail cannot pass silently.
+      if (!/^\s*\d+,\s+\d+,/m.test(stdout)) {
+        throw new Error('decoder returned no frame')
+      }
+    } catch (error) {
+      throw new Error(
+        `proxy video cannot be decoded at ${at}s: ${error instanceof Error ? error.message : String(error)}`
+      )
+    }
+  }
+}
+
 /**
  * EBU R128 loudness of a source range: integrated LUFS + true peak dBTP
  * from ffmpeg's loudnorm measurement pass (JSON printed to stderr).
@@ -308,9 +375,11 @@ export async function makeDecoded(
     // transform would also sweep over the bottom half and lift the alpha
     // matte (128 → 143). A matte is not colour and must arrive verbatim.
     `[c]format=yuv420p,scale=in_color_matrix=${opts.matrix || 'bt601'}:out_color_matrix=bt709[col];` +
-    // the matte rides in the luma plane, mapped into the same limited range
-    // the decoder will expand back — verified to round-trip bit-exactly
-    '[a]alphaextract,format=yuv420p,scale=in_range=pc:out_range=tv[m];' +
+    // The matte rides in the luma plane at its original 0..255 values. Some
+    // Chromium platforms expose VideoFrame texture samples without expanding
+    // limited range, so mapping 255 to 235 here made fully opaque pixels
+    // translucent in the compositor.
+    '[a]alphaextract,format=yuv420p[m];' +
     '[col][m]vstack=inputs=2[v]',
     '-map', '[v]', '-an',
     '-c:v', 'libx264', '-preset', 'veryfast', '-qp', '0', '-pix_fmt', 'yuv420p',
@@ -557,7 +626,9 @@ export class ExportMuxer {
         const speed = s.speed || 1
         const outDur = s.duration / speed // timeline-domain length after atempo
         const chain = [
-          'aformat=sample_fmts=fltp:sample_rates=48000:channel_layouts=stereo',
+          // Let the downstream filters negotiate the sample format. Pinning it
+          // to fltp breaks otherwise valid audio mixes with FFmpeg 9.0.1.
+          'aformat=sample_rates=48000:channel_layouts=stereo',
           `volume=${s.gain.toFixed(4)}`,
           ...(Math.abs(speed - 1) > 1e-4 ? atempoChain(speed) : []),
           ...(s.fadeIn > 0.001 ? [`afade=t=in:st=0:d=${Math.min(s.fadeIn, outDur).toFixed(3)}`] : []),
diff --git a/electron/fragments.ts b/electron/fragments.ts
index 882c54a..e033805 100644
--- a/electron/fragments.ts
+++ b/electron/fragments.ts
@@ -4,16 +4,43 @@
 // iteration); `remotion render` runs exactly once per fragment content hash
 // at export time.
 import { app, ipcMain, BrowserWindow } from 'electron'
+import type { WebContents } from 'electron'
 import { spawn, ChildProcess } from 'child_process'
 import { promises as fs, existsSync, readdirSync, statSync } from 'fs'
 import { join, basename, dirname } from 'path'
-import { createHash } from 'crypto'
+import { createHash, randomUUID } from 'crypto'
 import { homedir } from 'os'
 import type { FragmentSpec, FragmentInfo } from '@shared/types'
 
 export const WORKSPACE = process.env.KADR_FRAGMENTS_DIR || join(homedir(), 'kadr-fragments')
 const FRAG_DIR = () => join(WORKSPACE, 'src', 'fragments')
 
+/** Copy the complete editable sources and local assets used by project fragments. */
+export async function copyProjectFragments(fragmentIds: string[], targetRoot: string): Promise<void> {
+  await fs.mkdir(targetRoot, { recursive: true })
+  for (const id of [...new Set(fragmentIds)]) {
+    if (!/^[a-zA-Z0-9_-]+$/.test(id)) throw new Error(`Invalid fragment id: ${id}`)
+    const source = join(FRAG_DIR(), id)
+    if (!existsSync(source)) throw new Error(`Fragment dependency is missing: ${id}`)
+    await fs.cp(source, join(targetRoot, id), { recursive: true, force: true })
+  }
+}
+
+/** Restore bundled fragment sources into the shared workspace when a portable project opens. */
+export async function restoreProjectFragments(sourceRoot: string, fragmentIds: string[]): Promise<void> {
+  if (!existsSync(sourceRoot)) return
+  await fs.mkdir(FRAG_DIR(), { recursive: true })
+  let restored = false
+  for (const id of [...new Set(fragmentIds)]) {
+    if (!/^[a-zA-Z0-9_-]+$/.test(id)) continue
+    const source = join(sourceRoot, id)
+    if (!existsSync(source)) continue
+    await fs.cp(source, join(FRAG_DIR(), id), { recursive: true, force: true })
+    restored = true
+  }
+  if (restored) await regenRegistry()
+}
+
 // npm install and remotion's headless-chrome download may need the user's
 // network settings (proxies etc.) — shared with the Claude session config:
 // userData/claude-env.json { "env": { "HTTPS_PROXY": "...", ... } }
@@ -316,6 +343,129 @@ async function ensureWorkspace(
   return { dir: WORKSPACE, installed }
 }
 
+async function inlineFragmentBundle(outputDir: string): Promise<void> {
+  const indexPath = join(outputDir, 'index.html')
+  let html = await fs.readFile(indexPath, 'utf8')
+  const scriptTag = html.match(/<script type="module"[^>]*\ssrc="\.\/([^"]+)"[^>]*><\/script>/)
+  if (!scriptTag) throw new Error('Fragment bundle entry script was not generated')
+  const scriptPath = join(outputDir, scriptTag[1])
+  const script = (await fs.readFile(scriptPath, 'utf8')).replace(/<\/script/gi, '<\\/script')
+  html = html.replace(scriptTag[0], () => `<script type="module">${script}</script>`)
+  await fs.rm(scriptPath, { force: true })
+
+  const stylePattern = /<link\b[^>]*href="\.\/([^"]+\.css)"[^>]*>/g
+  for (const match of [...html.matchAll(stylePattern)]) {
+    const stylePath = join(outputDir, match[1])
+    const style = (await fs.readFile(stylePath, 'utf8')).replace(/<\/style/gi, '<\\/style')
+    html = html.replace(match[0], () => `<style>${style}</style>`)
+    await fs.rm(stylePath, { force: true })
+  }
+  await fs.writeFile(indexPath, html, 'utf8')
+}
+
+export interface BundledFragmentAsset {
+  path: string
+  fragmentId?: string
+}
+
+async function bundledAssetPaths(root: string): Promise<BundledFragmentAsset[]> {
+  const manifestPath = join(root, '.vite', 'manifest.json')
+  const manifest = JSON.parse(await fs.readFile(manifestPath, 'utf8')) as Record<
+    string, { file: string; src?: string; isEntry?: boolean }
+  >
+  const assets = Object.values(manifest).filter((entry) => !entry.isEntry).map((entry) => {
+    const match = entry.src?.match(/\/src\/fragments\/([^/]+)\//)
+    return { path: entry.file, fragmentId: match?.[1] }
+  })
+  await fs.rm(join(root, '.vite'), { recursive: true, force: true })
+  return [...new Map(assets.map((asset) => [asset.path, asset])).values()]
+    .sort((left, right) => left.path.localeCompare(right.path, undefined, { numeric: true }))
+}
+
+/** Build the selected live compositions as a portable browser runtime.
+ * This compiles TSX once; it never renders timeline frames. */
+export async function bundleFragments(
+  fragmentIds: string[],
+  outputDir: string,
+  signal: AbortSignal
+): Promise<BundledFragmentAsset[]> {
+  if (!fragmentIds.length) return []
+  await ensureWorkspace()
+  const ids = [...new Set(fragmentIds)].sort()
+  for (const id of ids) {
+    if (!/^[a-zA-Z0-9_-]+$/.test(id)) throw new Error(`Invalid fragment id: ${id}`)
+    await fs.access(join(FRAG_DIR(), id, 'index.tsx'))
+  }
+  if (signal.aborted) throw new Error('cancelled')
+
+  const tempDir = join(WORKSPACE, `.kadr-html-export-${process.pid}-${randomUUID()}`)
+  try {
+    await fs.mkdir(tempDir, { recursive: true })
+    const imports = ids.map((id, index) =>
+      `import { fragment as f${index} } from '../src/fragments/${id}'`
+    )
+    const registry = [
+      ...imports,
+      '',
+      'export const fragments = {',
+      ...ids.map((id, index) => `  ${JSON.stringify(id)}: f${index},`),
+      '}',
+      ''
+    ].join('\n')
+    const player = PLAYER_TSX.replace(
+      "import { fragments } from './src/fragments'",
+      "import { fragments } from './registry'"
+    )
+    const config = `import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+export default defineConfig({
+  root: ${JSON.stringify(tempDir)},
+  plugins: [react()],
+  base: './',
+  build: {
+    outDir: ${JSON.stringify(outputDir)},
+    emptyOutDir: true,
+    assetsDir: '.',
+    manifest: true,
+    rollupOptions: { output: { inlineDynamicImports: true } }
+  }
+})
+`
+    await Promise.all([
+      fs.writeFile(join(tempDir, 'registry.ts'), registry, 'utf8'),
+      fs.writeFile(join(tempDir, 'player.tsx'), player, 'utf8'),
+      fs.writeFile(join(tempDir, 'index.html'), INDEX_HTML.replace('src="/player.tsx"', 'src="./player.tsx"'), 'utf8'),
+      fs.writeFile(join(tempDir, 'vite.config.ts'), config, 'utf8')
+    ])
+
+    const vite = join(WORKSPACE, 'node_modules', '.bin', 'vite')
+    await new Promise<void>((resolve, reject) => {
+      const child = spawn(vite, ['build', '--config', join(tempDir, 'vite.config.ts')], {
+        cwd: tempDir,
+        env: { ...process.env },
+        stdio: ['ignore', 'pipe', 'pipe']
+      })
+      let output = ''
+      const onData = (chunk: Buffer) => { output += chunk }
+      child.stdout.on('data', onData)
+      child.stderr.on('data', onData)
+      const cancel = () => child.kill('SIGTERM')
+      signal.addEventListener('abort', cancel, { once: true })
+      child.on('error', reject)
+      child.on('close', (code) => {
+        signal.removeEventListener('abort', cancel)
+        if (signal.aborted) reject(new Error('cancelled'))
+        else if (code === 0) resolve()
+        else reject(new Error(`Fragment bundle failed (${code}): ${output.slice(-1200)}`))
+      })
+    })
+    await inlineFragmentBundle(outputDir)
+    return await bundledAssetPaths(outputDir)
+  } finally {
+    await fs.rm(tempDir, { recursive: true, force: true })
+  }
+}
+
 // --------------------------------------------------------------- dev server
 
 let server: { child: ChildProcess | null; url: string } | null = null
@@ -513,6 +663,27 @@ function fragmentHash(id: string): string {
   return h.digest('hex').slice(0, 16)
 }
 
+export function fragmentContentVersion(id: string): string {
+  if (!/^[a-zA-Z0-9_-]+$/.test(id)) throw new Error(`Invalid fragment id: ${id}`)
+  return fragmentHash(id)
+}
+
+/** Stable version + live-player metadata for cached preview thumbnails. */
+export async function fragmentPreviewInfo(id: string): Promise<{
+  url: string
+  version: string
+  fps: number
+}> {
+  if (!/^[a-zA-Z0-9_-]+$/.test(id)) throw new Error(`Invalid fragment id: ${id}`)
+  const { url } = await ensureServer()
+  let fps = 60
+  try {
+    const meta = JSON.parse(await fs.readFile(join(FRAG_DIR(), id, 'meta.json'), 'utf8'))
+    if (Number.isFinite(meta?.fps) && meta.fps > 0) fps = meta.fps
+  } catch { /* the player uses the same 60 fps fallback */ }
+  return { url, version: fragmentContentVersion(id), fps }
+}
+
 const renderDir = () => join(app.getPath('userData'), 'fragment-renders')
 let renderChain: Promise<unknown> = Promise.resolve()
 
@@ -580,16 +751,19 @@ async function renderFragment(
 // where the fragment becomes a regular compositor layer.
 
 const captures = new Map<string, BrowserWindow>()
+const captureKey = (ownerId: number, id: string) => `${ownerId}:${id}`
 
 async function captureStart(
-  getWin: () => BrowserWindow | null,
+  target: WebContents,
   id: string,
   url: string,
   w: number,
   h: number,
   fps: number
 ): Promise<void> {
-  if (captures.has(id)) return
+  const ownerId = target.id
+  const key = captureKey(ownerId, id)
+  if (captures.has(key)) return
   const cw = Math.max(64, Math.round(w))
   const ch = Math.max(36, Math.round(h))
   const win = new BrowserWindow({
@@ -606,27 +780,29 @@ async function captureStart(
     // paused-editor snapshots captured the PREVIOUS frame (stale-frame bug)
     webPreferences: { offscreen: true, backgroundThrottling: false }
   })
-  captures.set(id, win)
+  captures.set(key, win)
+  target.once('destroyed', () => captureStop(ownerId, id))
   win.setContentSize(cw, ch) // re-assert: creation may still have clamped
   win.webContents.setFrameRate(Math.max(10, Math.min(60, Math.round(fps))))
   win.webContents.on('paint', (_ev, _dirty, image) => {
     const size = image.getSize()
     // BGRA, premultiplied — the compositor shader undoes both
-    getWin()?.webContents.send('fragment:frame', {
+    if (!target.isDestroyed()) target.send('fragment:frame', {
       id, w: size.width, h: size.height, data: image.getBitmap()
     })
   })
   await win.loadURL(url)
 }
 
-function captureStop(id: string) {
-  const win = captures.get(id)
-  captures.delete(id)
+function captureStop(ownerId: number, id: string) {
+  const key = captureKey(ownerId, id)
+  const win = captures.get(key)
+  captures.delete(key)
   if (win && !win.isDestroyed()) win.destroy()
 }
 
-function captureSync(id: string, msg: unknown) {
-  const win = captures.get(id)
+function captureSync(ownerId: number, id: string, msg: unknown) {
+  const win = captures.get(captureKey(ownerId, id))
   if (!win || win.isDestroyed()) return
   win.webContents
     .executeJavaScript(`window.postMessage(${JSON.stringify(msg)}, '*'); 0`, true)
@@ -634,8 +810,8 @@ function captureSync(id: string, msg: unknown) {
 }
 
 /** The fragment player's CURRENT frame (−1 page not ready, −2 no window). */
-async function captureQuery(id: string): Promise<number> {
-  const win = captures.get(id)
+async function captureQuery(ownerId: number, id: string): Promise<number> {
+  const win = captures.get(captureKey(ownerId, id))
   if (!win || win.isDestroyed()) return -2
   try {
     const v = await win.webContents.executeJavaScript('window.__kadrFrame ?? -1', true)
@@ -646,17 +822,21 @@ async function captureQuery(id: string): Promise<number> {
 }
 
 function stopAllCaptures() {
-  for (const id of [...captures.keys()]) captureStop(id)
+  for (const win of captures.values()) {
+    if (!win.isDestroyed()) win.destroy()
+  }
+  captures.clear()
 }
 
 // ---------------------------------------------------------------------- IPC
 
-export function registerFragmentIpc(getWin: () => BrowserWindow | null) {
-  const send = (id: string, phase: string, progress: number) =>
-    getWin()?.webContents.send('fragment:progress', { id, phase, progress })
+export function registerFragmentIpc() {
+  const send = (target: WebContents, id: string, phase: string, progress: number) => {
+    if (!target.isDestroyed()) target.send('fragment:progress', { id, phase, progress })
+  }
 
-  ipcMain.handle('fragment:ensure', () =>
-    ensureWorkspace((phase, p) => send('workspace', phase, p))
+  ipcMain.handle('fragment:ensure', (event) =>
+    ensureWorkspace((phase, p) => send(event.sender, 'workspace', phase, p))
   )
   ipcMain.handle('fragment:server', () => ensureServer())
   ipcMain.handle('fragment:create', (_e, spec: FragmentSpec, projectDir?: string | null) =>
@@ -664,15 +844,18 @@ export function registerFragmentIpc(getWin: () => BrowserWindow | null) {
   ipcMain.handle('fragment:delete', (_e, id: string) => deleteFragment(id))
   ipcMain.handle('fragment:relocate', (_e, projectDir: string, ids: string[]) =>
     relocateFragments(projectDir, ids))
-  ipcMain.handle('fragment:render', (_e, id: string, opts?: { transparent?: boolean }) =>
-    renderFragment(id, opts, (p) => send(id, 'render', p))
+  ipcMain.handle('fragment:render', (event, id: string, opts?: { transparent?: boolean }) =>
+    renderFragment(id, opts, (p) => send(event.sender, id, 'render', p))
+  )
+  ipcMain.handle('fragment:capture-start', (event, id: string, url: string, w: number, h: number, fps: number) =>
+    captureStart(event.sender, id, url, w, h, fps)
   )
-  ipcMain.handle('fragment:capture-start', (_e, id: string, url: string, w: number, h: number, fps: number) =>
-    captureStart(getWin, id, url, w, h, fps)
+  ipcMain.handle('fragment:capture-stop', (event, id: string) => captureStop(event.sender.id, id))
+  ipcMain.on('fragment:capture-sync', (event, id: string, msg: unknown) =>
+    captureSync(event.sender.id, id, msg)
   )
-  ipcMain.handle('fragment:capture-stop', (_e, id: string) => captureStop(id))
-  ipcMain.handle('fragment:capture-query', (_e, id: string) => captureQuery(id))
-  ipcMain.on('fragment:capture-sync', (_e, id: string, msg: unknown) => captureSync(id, msg))
+  ipcMain.handle('fragment:capture-query', (event, id: string) =>
+    captureQuery(event.sender.id, id))
   app.on('before-quit', () => {
     stopServer()
     stopAllCaptures()
diff --git a/electron/html-player.ts b/electron/html-player.ts
new file mode 100644
index 0000000..20e247c
--- /dev/null
+++ b/electron/html-player.ts
@@ -0,0 +1,288 @@
+import { basename, extname, join } from 'path'
+import { promises as fs } from 'fs'
+import { DEFAULT_HTML_PLAYER_SETTINGS } from '@shared/types'
+import type { HtmlPlayerExportRequest, HtmlPlayerSettings, Project, VoiceoverSettings } from '@shared/types'
+
+interface HtmlPlayerWriterOptions {
+  bundlePath: string
+  signal: AbortSignal
+  onProgress: (progress: number) => void
+  bundleFragments?: (
+    fragmentIds: string[], outputDir: string, signal: AbortSignal
+  ) => Promise<Array<{ path: string; fragmentId?: string }>>
+}
+
+interface FileAssetManifestEntry {
+  path: string
+  kind: 'image' | 'video'
+  mime: string
+  chunks: string[]
+}
+
+const FILE_ASSET_CHUNK_SIZE = 2 * 1024 * 1024
+
+const PLAYER_CSS = `
+:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
+*{box-sizing:border-box}html,body,#kadr-player{width:100%;height:100%;margin:0;overflow:hidden;background:#080a0e;color:#eef1f6}
+button,input{font:inherit}.kadr-player{position:relative;display:flex;flex-direction:column;background:#080a0e}
+[hidden]{display:none!important}
+.kadr-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;background:#050609}
+.kadr-frame{position:relative;overflow:hidden;background:#000}
+.kadr-canvas{position:relative;z-index:0;display:block;width:100%;height:100%;background:#000;cursor:pointer}
+.kadr-fragments{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}
+.kadr-fragment-frame{position:absolute;border:0;background:transparent;transform-origin:center;pointer-events:none}
+.kadr-controls{display:flex;align-items:center;gap:10px;min-height:58px;padding:9px 14px;background:linear-gradient(180deg,#1d2129,#15181e);border-top:1px solid #303641;box-shadow:0 -8px 28px rgba(0,0,0,.28)}
+.kadr-controls button,.kadr-big-play{display:grid;place-items:center;border:1px solid #3b424f;border-radius:7px;background:#272c35;color:#f2f4f8;cursor:pointer;transition:.15s ease}
+.kadr-controls button{flex:0 0 auto;width:38px;height:36px}.kadr-controls button:hover,.kadr-big-play:hover{border-color:#4f8cff;background:#303746}
+.kadr-play{width:46px!important;background:#4f8cff!important;border-color:#4f8cff!important}.kadr-current,.kadr-duration{min-width:48px;color:#c5cad3;font-variant-numeric:tabular-nums;font-size:13px}.kadr-current{text-align:right}.kadr-duration{text-align:left}
+.kadr-seek{flex:1;min-width:80px;accent-color:#4f8cff}.kadr-seek.read-only{opacity:.7;pointer-events:none}.kadr-volume{width:95px;accent-color:#4f8cff}
+.kadr-big-play{position:absolute;z-index:3;width:74px;height:74px;border-radius:50%;font-size:30px;background:rgba(30,35,44,.88);box-shadow:0 12px 38px rgba(0,0,0,.42);backdrop-filter:blur(8px)}
+.kadr-big-play[hidden],.kadr-loading[hidden]{display:none}.kadr-loading{position:absolute;z-index:4;right:16px;top:16px;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #343b48;border-radius:8px;background:rgba(20,23,29,.86);color:#cdd2dc;font-size:12px;backdrop-filter:blur(8px)}
+.kadr-loading span{width:14px;height:14px;border:2px solid #525b6d;border-top-color:#4f8cff;border-radius:50%;animation:kadr-spin .75s linear infinite}@keyframes kadr-spin{to{transform:rotate(360deg)}}
+.kadr-player-error{display:grid;place-items:center;width:100%;height:100%;padding:32px;color:#ff9d9d;text-align:center;white-space:pre-wrap}
+@media(max-width:640px){.kadr-controls{gap:6px;padding:7px 8px;min-height:52px}.kadr-controls button{width:34px;height:34px}.kadr-restart,.kadr-volume{display:none}.kadr-current,.kadr-duration{min-width:38px;font-size:11px}}
+`
+
+function safeName(value: string, fallback: string): string {
+  const cleaned = value.replace(/[^\p{L}\p{N}._ -]+/gu, '_').trim().slice(0, 120)
+  return cleaned || fallback
+}
+
+function escapeHtml(value: string): string {
+  return value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+}
+
+function embeddedJson(value: unknown): string {
+  return JSON.stringify(value).replace(/</g, '\\u003c').replace(/\u2028/g, '\\u2028')
+    .replace(/\u2029/g, '\\u2029')
+}
+
+function embeddedScript(value: string): string {
+  return value.replace(/<\/script/gi, '<\\/script')
+}
+
+function mediaMime(path: string): string {
+  switch (extname(path).toLowerCase()) {
+    case '.png': return 'image/png'
+    case '.jpg':
+    case '.jpeg': return 'image/jpeg'
+    case '.webp': return 'image/webp'
+    case '.gif': return 'image/gif'
+    case '.svg': return 'image/svg+xml'
+    case '.avif': return 'image/avif'
+    case '.mp4':
+    case '.m4v': return 'video/mp4'
+    case '.webm': return 'video/webm'
+    case '.mov': return 'video/quicktime'
+    default: return 'application/octet-stream'
+  }
+}
+
+async function writeFileAssetChunks(
+  source: string,
+  relativePath: string,
+  kind: 'image' | 'video',
+  partialDir: string,
+  assetIndex: number,
+  signal: AbortSignal
+): Promise<FileAssetManifestEntry> {
+  const chunkDir = `file-assets/${String(assetIndex + 1).padStart(4, '0')}`
+  await fs.mkdir(join(partialDir, chunkDir), { recursive: true })
+  const chunks: string[] = []
+  const file = await fs.open(source, 'r')
+  let position = 0
+  let chunkIndex = 0
+  try {
+    while (true) {
+      if (signal.aborted) throw new Error('cancelled')
+      const buffer = Buffer.allocUnsafe(FILE_ASSET_CHUNK_SIZE)
+      const { bytesRead } = await file.read(buffer, 0, buffer.length, position)
+      if (!bytesRead) break
+      const chunkPath = `${chunkDir}/${String(chunkIndex + 1).padStart(4, '0')}.js`
+      const script = `globalThis.__kadrFileAssetChunk?.(${JSON.stringify(relativePath)},${chunkIndex},${JSON.stringify(mediaMime(source))},${JSON.stringify(buffer.subarray(0, bytesRead).toString('base64'))});\n`
+      await fs.writeFile(join(partialDir, chunkPath), script, 'utf8')
+      chunks.push(chunkPath)
+      position += bytesRead
+      chunkIndex++
+    }
+  } finally {
+    await file.close()
+  }
+  return { path: relativePath, kind, mime: mediaMime(source), chunks }
+}
+
+async function unusedDirectory(parent: string, baseName: string): Promise<string> {
+  for (let index = 1; index < 10_000; index++) {
+    const candidate = join(parent, index === 1 ? baseName : `${baseName}-${index}`)
+    try {
+      await fs.access(candidate)
+    } catch {
+      return candidate
+    }
+  }
+  throw new Error('Could not choose a free HTML-player directory name')
+}
+
+function clearLocalTtsPaths(settings: VoiceoverSettings): VoiceoverSettings {
+  return { ...settings, modelPath: '', pythonPath: '', vocabPath: '', voicesPath: '' }
+}
+
+function rewriteVoiceoverPaths(project: Project, assetPaths: Map<string, string>): void {
+  for (const track of project.tracks) {
+    for (const clip of track.clips) {
+      const history = clip.voiceover
+      if (!history) continue
+      history.settings = clearLocalTtsPaths(history.settings)
+      for (const version of history.versions) {
+        version.path = assetPaths.get(version.assetId) ?? ''
+        version.settings = clearLocalTtsPaths(version.settings)
+      }
+    }
+  }
+}
+
+function indexHtml(
+  project: Project,
+  lang: 'ru' | 'en',
+  playerCode: string,
+  playerSettings: HtmlPlayerSettings,
+  fragmentAssets: Array<{ path: string; fragmentId?: string }>,
+  fileAssets: FileAssetManifestEntry[]
+): string {
+  const title = escapeHtml(project.name)
+  return `<!doctype html>
+<html lang="${lang}">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover" />
+  <title>${title}</title>
+  <style>${PLAYER_CSS}</style>
+</head>
+<body>
+  <main id="kadr-player" class="kadr-player"></main>
+  <script id="kadr-project" type="application/json">${embeddedJson(project)}</script>
+  <script id="kadr-player-settings" type="application/json">${embeddedJson(playerSettings)}</script>
+  <script id="kadr-fragment-assets" type="application/json">${embeddedJson(fragmentAssets)}</script>
+  <script id="kadr-file-assets" type="application/json">${embeddedJson(fileAssets)}</script>
+  <script>${embeddedScript(playerCode)}</script>
+</body>
+</html>`
+}
+
+export async function writeHtmlPlayerExport(
+  request: HtmlPlayerExportRequest,
+  options: HtmlPlayerWriterOptions
+): Promise<string> {
+  const { signal, onProgress } = options
+  const checkCancelled = (): void => {
+    if (signal.aborted) throw new Error('cancelled')
+  }
+  checkCancelled()
+  const playerCode = await fs.readFile(options.bundlePath, 'utf8')
+  const project = JSON.parse(JSON.stringify(request.project)) as Project
+  const folderName = `${safeName(project.name, 'kadr-project')}-html-player`
+  const outputDir = await unusedDirectory(request.parentDir, folderName)
+  const partialDir = `${outputDir}.partial-${process.pid}-${Date.now()}`
+  const assetsDir = join(partialDir, 'assets')
+  const documentsDir = join(partialDir, 'documents')
+  const fragmentsDir = join(partialDir, 'fragments')
+  const assetPaths = new Map<string, string>()
+  const copiedSources = new Map<string, string>()
+  const fragmentIds = [...new Set(project.tracks.flatMap((track) => track.clips)
+    .filter((clip) => clip.kind === 'remotion' && clip.fragmentId)
+    .map((clip) => clip.fragmentId!))]
+  const total = Math.max(
+    1,
+    project.assets.length + (project.texts?.length ?? 0) + (fragmentIds.length ? 1 : 0)
+  )
+  let complete = 0
+  let fragmentAssets: Array<{ path: string; fragmentId?: string }> = []
+  const fileAssets: FileAssetManifestEntry[] = []
+  const fileAssetsByPath = new Map<string, FileAssetManifestEntry>()
+
+  try {
+    await fs.mkdir(assetsDir, { recursive: true })
+    if (fragmentIds.length) {
+      if (!options.bundleFragments) throw new Error('Fragment bundler is unavailable')
+      checkCancelled()
+      fragmentAssets = (await options.bundleFragments(fragmentIds, fragmentsDir, signal))
+        .map((asset) => ({ ...asset, path: `fragments/${asset.path}` }))
+      complete++
+      onProgress(complete / total)
+    }
+    for (let index = 0; index < project.assets.length; index++) {
+      checkCancelled()
+      const asset = project.assets[index]
+      const source = asset.path
+      let relativePath = copiedSources.get(source)
+      if (!relativePath) {
+        await fs.access(source)
+        const ext = extname(source)
+        const rawBase = basename(source, ext)
+        const fileName = `${String(index + 1).padStart(4, '0')}-${safeName(rawBase, 'media')}${ext.toLowerCase()}`
+        relativePath = `assets/${fileName}`
+        await fs.copyFile(source, join(partialDir, relativePath))
+        copiedSources.set(source, relativePath)
+      }
+      asset.path = relativePath
+      delete asset.proxyPath
+      assetPaths.set(asset.id, relativePath)
+      if (asset.kind === 'image' || asset.kind === 'video') {
+        let fileAsset = fileAssetsByPath.get(relativePath)
+        if (!fileAsset) {
+          fileAsset = await writeFileAssetChunks(
+            source,
+            relativePath,
+            asset.kind,
+            partialDir,
+            index,
+            signal
+          )
+          fileAssetsByPath.set(relativePath, fileAsset)
+          fileAssets.push(fileAsset)
+        }
+      }
+      complete++
+      onProgress(complete / total)
+    }
+
+    if (project.texts?.length) await fs.mkdir(documentsDir, { recursive: true })
+    for (let index = 0; index < (project.texts?.length ?? 0); index++) {
+      checkCancelled()
+      const doc = project.texts![index]
+      const ext = extname(doc.path) || `.${doc.format}`
+      const fileName = `${String(index + 1).padStart(4, '0')}-${safeName(basename(doc.path, ext), 'document')}${ext.toLowerCase()}`
+      const relativePath = `documents/${fileName}`
+      try {
+        await fs.copyFile(doc.path, join(partialDir, relativePath))
+        doc.path = relativePath
+      } catch {
+        doc.path = '' // optional source document is not required for playback
+      }
+      complete++
+      onProgress(complete / total)
+    }
+
+    rewriteVoiceoverPaths(project, assetPaths)
+    checkCancelled()
+    await fs.writeFile(
+      join(partialDir, 'index.html'),
+      indexHtml(
+        project,
+        request.lang,
+        playerCode,
+        request.player ?? DEFAULT_HTML_PLAYER_SETTINGS,
+        fragmentAssets,
+        fileAssets
+      ),
+      'utf8'
+    )
+    await fs.rename(partialDir, outputDir)
+    onProgress(1)
+    return outputDir
+  } catch (error) {
+    await fs.rm(partialDir, { recursive: true, force: true })
+    throw error
+  }
+}
diff --git a/electron/kadr-skill.md b/electron/kadr-skill.md
index ef2b5bb..f605685 100644
--- a/electron/kadr-skill.md
+++ b/electron/kadr-skill.md
@@ -1,6 +1,6 @@
 ---
 name: kadr-editor
-description: Editing the LIVE project inside the Kadr video editor through its kadr_* MCP tools (kadr_state, kadr_snapshot, kadr_eval, kadr_export, kadr_transcribe, kadr_fragment_create). Use whenever those tools are available and the task concerns the open timeline, its clips, audio or captions. Not for standalone Remotion authoring — a dedicated remotion skill, if installed, owns composition internals.
+description: Editing the LIVE project inside the Kadr video editor through its kadr_* MCP tools (kadr_capabilities, kadr_state, kadr_chapters, kadr_tasks, kadr_task_start, kadr_task_complete, kadr_snapshot, kadr_storyboard, kadr_eval, kadr_export, kadr_transcribe, kadr_voices, kadr_voice_clone, kadr_fragment_create). Use whenever those tools are available and the task concerns the open timeline, its chapters/groups, annotation tasks, clips, audio, effects, transitions, animation, masks, captions or export. Not for standalone Remotion authoring — a dedicated remotion skill, if installed, owns composition internals.
 ---
 
 # Editing in Kadr
@@ -10,6 +10,13 @@ watching. Work in a LOOK → ACT → VERIFY loop, like editing with your own eye
 
 ## LOOK
 
+- `kadr_capabilities` — the authoritative contract of the RUNNING editor.
+  Read only the relevant section before touching unfamiliar project fields:
+  `model`, `projectFiles`, `timeline`, `animation`, `transforms`, `masks`,
+  `effects`, `transitions`, `audioSpeech`, `captions`, `fragments`, `voice`,
+  `export` or `store`. Use `all` for an
+  audit. Its transition ids, defaults and export presets come from runtime
+  registries; prefer it over prose, memory or guessed names.
 - `kadr_state` — the structure: tracks (index 0 = topmost video track),
   clips ({start, duration, inPoint, speed, gain, transform, effects,
   transitions}), assets with absolute file paths, texts (SRT/TXT docs you can
@@ -17,12 +24,35 @@ watching. Work in a LOOK → ACT → VERIFY loop, like editing with your own eye
   them as reference points; add your own via addMarker(sec) when it helps).
   All times are seconds. Asset waveform/thumbnail blobs
   are stripped; never echo whole project objects back (results cap at 4 MB).
+- `kadr_chapters` — the amber structural map under the ruler. Call without
+  arguments to list it; pass the complete desired array to replace it as one
+  undo entry. Preserve stable ids when revising existing chapters. After
+  building or reorganizing an edit with distinct narrative/functional
+  sections, mark those ranges with concise human titles. Keep ordinary
+  chapters ordered and non-overlapping; do not create a meaningless single
+  chapter for a short undivided timeline. Chapters organize the editor only
+  and never render into the video.
+- `kadr_tasks` — annotation tasks in timeline order. Work by stable task id,
+  never by array position or remembered time. Call `kadr_task_start(id)` before
+  editing and `kadr_task_complete(id, result, code?)` for the final short edit
+  batch plus completion. Task tools intentionally cannot write start/duration:
+  a user may move the annotation while you work. If completion says task not
+  found, the user deleted it; do not recreate it.
 - `kadr_snapshot` — your eyes: renders the WYSIWYG frame at time t to a PNG
   at source quality (originals are decoded for the shot, not the preview
   proxies; fragments included) and returns its path — Read it to actually
   SEE composition, text placement, colors. Pass importToBin:false when you
-  only need to look. To understand motion or a sequence, snapshot a few
-  spread timestamps and Read them side by side.
+  only need to look.
+- `kadr_storyboard` — understand motion or a sequence without manually
+  managing stale PNGs. It captures up to 9 spread frames by default and
+  returns one timestamped contact sheet plus individual full-resolution
+  paths. Read the contact sheet first, then only the individual frames that
+  need close inspection. `refresh:auto` reuses a result only while the exact
+  request and visual fingerprint still match; timeline changes, overwritten
+  source media, and Remotion source edits invalidate it. Use `refresh:force`
+  only when explicitly checking capture freshness. Storyboards never enter
+  the media bin; their PNGs live in Kadr's bounded visual cache rather than
+  beside the project or in Downloads.
 - Media files themselves are readable directly; ffmpeg/ffprobe are available
   for anything deeper (loudness, scene cuts, codecs).
 
@@ -31,8 +61,14 @@ watching. Work in a LOOK → ACT → VERIFY loop, like editing with your own eye
 - Discipline: `pushHistory(label)` once before a batch of low-level edits
   (updateClip etc.) — that's one undo step for the user. High-level actions
   (insertClipsFromAssets, splitAtPlayhead, removeAssets…) push their own.
-- Animatable scalars (gain, transform.x/y/scale/rotation/opacity) are Anim
-  objects — write `{ value: 0.5 }`, never a bare number.
+- Animatable scalars (gain, clip/track transforms, crop and shape-mask
+  geometry) are Anim objects. A static value is `{value}`. A keyed value is
+  `{value, keyframes:[{time,value,easing}], smooth?}`. Preserve the existing
+  object and other keys when adding a key; never replace a keyed Anim with
+  `{value}` unless the user asked to remove animation. Clip-property key
+  times are relative to `clip.start`; Track Motion keys use absolute project
+  seconds. Sort keys after an upsert. Read `kadr_capabilities:animation` for
+  the exact easing values and example.
 - Re-read `getState()` after every action; the store is immutable snapshots.
 - High-level helpers already exist — prefer them over hand-rolling:
   `importFiles([paths], place?)`, `normalizeClip(clipId)` (loudness →
@@ -40,6 +76,42 @@ watching. Work in a LOOK → ACT → VERIFY loop, like editing with your own eye
   `reverseClip(clipId)`, `snapshotFrame({t, importToBin})`,
   `autoCaptions(...)`, plus kadr_transcribe / kadr_export as tools.
 
+### Feature-safe edits
+
+- 2D/3D: patch the existing `clip.transform`; 3D is enabled by the presence
+  of `rotX`, `rotY` and `z`. Whole-track 3D lives in `track.motion` and uses
+  project-time keyframes. Get current fields/ranges from
+  `kadr_capabilities:transforms`.
+- Masks: crop is `clip.mask`; drawn shapes are `clip.maskShapes`. Shape type,
+  feather ranges, inversion and composition rules are in
+  `kadr_capabilities:masks`. Keep unrelated shapes and their keyframes.
+- Effects: use only types and params returned by `kadr_capabilities:effects`;
+  give every new effect `id: uid()`. Effect and pose preset stores are
+  exposed as `useFxPresets` / `usePosePresets`.
+- Overlap transitions: overlap two visual clips on the same track, then call
+  `setTransition(incomingClipId, type)` using an id from
+  `kadr_capabilities:transitions`; `null` is a hard cut. Edge transitions use
+  `setEdgeTransitions([{clipId, edge:'in'|'out', type, duration}])`; pair the
+  outgoing and incoming edges at a butt joint for one continuous move.
+- Audio: `gain` is Anim, fades are seconds. `normalizeClip` defaults to
+  -14 LUFS / -1 dBTP. Overlaps on one audio track crossfade automatically.
+- Voice: microphone recording needs UI permission and a real device. Local
+  F5-TTS is callable through `window.kadr.voiceoverStatus/voiceoverGenerate`;
+  use `kadr_voices` for the current voice ids, follow the exact workflow in
+  `kadr_capabilities:voice`, and retain version history/raw-source metadata.
+  `kadr_voices` also returns global and project-embedded custom clones; when a
+  returned voice has `custom:true`, pass both its `settings.voiceId` and
+  `settings.customVoice`. Custom reference WAVs are always embedded on project
+  save/package so their paths remain portable.
+  Use `kadr_voice_clone` for an existing local recording: pass an absolute path,
+  a clear name and, when known, the exact spoken text; otherwise Kadr transcribes
+  and stores it before creation. It creates a new global
+  clone and adds it to the open project by default; do not call it repeatedly
+  for the same source unless the user wants separate processed variants.
+- Project files: use `kadr_capabilities:projectFiles` for non-interactive
+  read/write, autosave and portable packages. Never overwrite a user project
+  or package destination unless that target is explicit.
+
 ## VERIFY
 
 - After any visual edit: `kadr_snapshot` at the affected time(s), Read the
@@ -48,7 +120,13 @@ watching. Work in a LOOK → ACT → VERIFY loop, like editing with your own eye
   preset and run ffmpeg loudnorm measurement on it.
 - After timeline restructuring: `kadr_state` again — confirm starts,
   durations and track placement; overlapping audio on one track crossfades
-  automatically, overlapping video on one track becomes a transition.
+  automatically, overlapping video on one track becomes a transition. When
+  the result has distinct sections, finish by updating `kadr_chapters` and
+  re-list it to verify titles and [start,end) boundaries.
+- After animation/effect/transition work: verify both structure (`kadr_state`)
+  and pixels (`kadr_storyboard`) across the affected interval. Use
+  `kadr_snapshot` for a full-resolution close inspection of a suspicious
+  timestamp. One good still is not evidence that motion is correct.
 
 ## Remotion fragments
 
@@ -78,8 +156,9 @@ defines how fragments plug into Kadr. Verify fragments visually with
 - "Выровняй громкость" → for each clip whose asset hasAudio (skip muted and
   video halves of linked pairs — normalizeClip retargets them anyway):
   `await normalizeClip(id)`; report the per-clip gain in dB.
-- "Что происходит на N-й секунде / в этом куске?" → snapshots at 2–5 spread
-  timestamps, Read them, describe; correlate with kadr_state clips.
+- "Что происходит в этом куске?" → `kadr_storyboard` over the range, Read the
+  contact sheet, describe; correlate with kadr_state clips. For exactly one
+  timestamp use `kadr_snapshot` with `importToBin:false`.
 - "Добавь субтитры" → kadr_transcribe (word-precise cues) → SRT lands in
   project.texts; for animated captions use autoCaptions or a fragment.
 - Long operations (transcribe, export, reverse, first fragment render) take
diff --git a/electron/main.ts b/electron/main.ts
index b1cbf02..f3f0fcb 100644
--- a/electron/main.ts
+++ b/electron/main.ts
@@ -1,17 +1,32 @@
-import { app, BrowserWindow, ipcMain, dialog, protocol, net, clipboard } from 'electron'
-import { join, dirname, basename } from 'path'
+import { app, BrowserWindow, ipcMain, dialog, protocol, net, clipboard, Menu, screen } from 'electron'
+import type { WebContents } from 'electron'
+import { join, dirname, basename, extname, resolve } from 'path'
+import { buildDockMenu, buildMenu } from './menu'
 import { promises as fs, createReadStream, statSync, existsSync, appendFileSync } from 'fs'
-import { tmpdir } from 'os'
+import { tmpdir, homedir } from 'os'
 import { createHash } from 'crypto'
-import { execFile } from 'child_process'
+import { execFile, execFileSync } from 'child_process'
+import { fileURLToPath } from 'url'
 import {
-  probeMedia, makeProxy, makeDecoded, makeReversed, measureLoudness, canPackAlpha, sourceMatrix,
+  probeMedia, makeProxy, validateProxy, makeDecoded, makeReversed,
+  measureLoudness, canPackAlpha, sourceMatrix,
   ExportMuxer, RawVideoEncoder
 } from './ffmpeg'
 import { registerClaudeIpc } from './claude'
 import { registerTranscribeIpc } from './transcribe'
-import { registerFragmentIpc } from './fragments'
-import type { ExportJob, Project } from '@shared/types'
+import { bundleFragments, registerFragmentIpc } from './fragments'
+import { registerVoiceoverIpc } from './voiceover'
+import { registerThumbnailIpc } from './thumbnails'
+import { writeHtmlPlayerExport } from './html-player'
+import {
+  embedProjectVoiceClones,
+  packageProject,
+  projectForDisk,
+  readProjectFile
+} from './project-package'
+import type {
+  ExportJob, HtmlPlayerExportRequest, Project, ProjectPackageOptions, ProxyBuildUpdate
+} from '@shared/types'
 
 // Streamed local media under a privileged scheme so the renderer can play
 // file content regardless of its own origin (http in dev, file in prod).
@@ -46,14 +61,48 @@ app.commandLine.appendSwitch('password-store', 'basic')
   }
 }
 
-// Let Chromium use VAAPI for hardware video encode/decode where the driver
-// allows it (Intel iGPU on this machine); WebCodecs then picks it up via
-// hardwareAcceleration: 'prefer-hardware'.
-app.commandLine.appendSwitch('ignore-gpu-blocklist')
-app.commandLine.appendSwitch(
-  'enable-features',
-  'VaapiVideoEncoder,VaapiVideoDecoder,VaapiVideoDecodeLinuxGL,AcceleratedVideoEncoder'
-)
+// A GUI app launched from Finder/LaunchServices inherits only a minimal PATH
+// (/usr/bin:/bin:/usr/sbin:/sbin) — none of Homebrew, ~/.local/bin, nvm, etc.
+// That silently breaks every external tool the editor shells out to: the
+// `claude` CLI (its PTY just exits → "session ended"), `node` for the MCP
+// bridge, and ffmpeg/ffprobe/python3. So adopt the user's real login-shell
+// PATH before anything spawns. Only needed for packaged macOS launches; a
+// dev run already inherits the terminal's environment.
+function fixUserPath() {
+  if (process.platform !== 'darwin' || !app.isPackaged) return
+  const fallback = [
+    '/opt/homebrew/bin', '/opt/homebrew/sbin',
+    '/usr/local/bin', '/usr/local/sbin',
+    join(homedir(), '.local/bin'),
+    '/usr/bin', '/bin', '/usr/sbin', '/sbin'
+  ]
+  let shellPath = ''
+  try {
+    const shell = process.env.SHELL || '/bin/zsh'
+    // login+interactive so ~/.zprofile / ~/.zshrc (nvm, pyenv, custom dirs)
+    // are sourced; markers isolate $PATH from any shell-startup banner noise.
+    const out = execFileSync(shell, ['-ilc', 'printf "_KP_<%s>_KP_" "$PATH"'], {
+      encoding: 'utf8', timeout: 5000, stdio: ['ignore', 'pipe', 'ignore']
+    })
+    shellPath = out.match(/_KP_<(.*)>_KP_/)?.[1] ?? ''
+  } catch { /* shell unavailable — fall back to the known dirs */ }
+  const parts = [...shellPath.split(':'), ...fallback].filter(Boolean)
+  process.env.PATH = [...new Set(parts)].join(':')
+}
+fixUserPath()
+
+// Hardware video encode/decode. On Linux this means VAAPI (Intel/AMD iGPU);
+// macOS and Windows already expose their native accelerators (VideoToolbox /
+// Media Foundation) to Chromium + WebCodecs without these Linux-only flags,
+// and forcing them off-platform only risks the GPU sandbox. WebCodecs then
+// picks the hardware path up via hardwareAcceleration: 'prefer-hardware'.
+if (process.platform === 'linux') {
+  app.commandLine.appendSwitch('ignore-gpu-blocklist')
+  app.commandLine.appendSwitch(
+    'enable-features',
+    'VaapiVideoEncoder,VaapiVideoDecoder,VaapiVideoDecodeLinuxGL,AcceleratedVideoEncoder'
+  )
+}
 
 // Last line of defense: a stray async error (e.g. a stream racing a request
 // abort) must be logged, not shown as a modal error dialog over the editor.
@@ -61,10 +110,77 @@ process.on('uncaughtException', (err) => {
   console.error('[kadr] uncaught exception in main:', err)
 })
 
-let win: BrowserWindow | null = null
+const editorWindows = new Set<BrowserWindow>()
+const initialProjects = new Map<number, string>()
+const windowProjects = new Map<BrowserWindow, string>()
+const pendingProjectPaths: string[] = []
+
+function focusedEditorWindow(): BrowserWindow | null {
+  const focused = BrowserWindow.getFocusedWindow()
+  if (focused && editorWindows.has(focused)) return focused
+  return [...editorWindows].at(-1) ?? null
+}
+
+function senderWindow(sender: WebContents): BrowserWindow {
+  const owner = BrowserWindow.fromWebContents(sender)
+  if (!owner || !editorWindows.has(owner)) throw new Error('no editor window')
+  return owner
+}
+
+function sendTo(sender: WebContents, channel: string, ...args: unknown[]) {
+  if (!sender.isDestroyed()) sender.send(channel, ...args)
+}
+
+function projectKey(path: string): string {
+  return resolve(path)
+}
+
+function focusWindow(win: BrowserWindow) {
+  if (win.isMinimized()) win.restore()
+  win.show()
+  win.focus()
+}
+
+function openProjectWindow(path: string): BrowserWindow {
+  const key = projectKey(path)
+  app.addRecentDocument(key)
+  const existing = [...windowProjects].find(([win, current]) => !win.isDestroyed() && current === key)?.[0]
+  if (existing) {
+    focusWindow(existing)
+    return existing
+  }
+  return createWindow(key)
+}
+
+function safePreviewPosition(features: string): { x?: number; y?: number } {
+  const values = new Map(
+    features.split(',').map((part) => {
+      const [key, value = ''] = part.split('=', 2)
+      return [key.trim(), value.trim()]
+    })
+  )
+  const x = Number(values.get('left') ?? values.get('x'))
+  const y = Number(values.get('top') ?? values.get('y'))
+  const width = Number(values.get('width')) || 960
+  const height = Number(values.get('height')) || 540
+  if (!Number.isFinite(x) || !Number.isFinite(y)) return {}
+
+  const visible = screen.getAllDisplays().some(({ workArea }) => {
+    const overlapW = Math.min(x + width, workArea.x + workArea.width) - Math.max(x, workArea.x)
+    const overlapH = Math.min(y + height, workArea.y + workArea.height) - Math.max(y, workArea.y)
+    return overlapW >= 80 && overlapH >= 40
+  })
+  if (visible) return {}
+
+  const { workArea } = screen.getPrimaryDisplay()
+  return {
+    x: Math.round(workArea.x + (workArea.width - width) / 2),
+    y: Math.round(workArea.y + (workArea.height - height) / 2)
+  }
+}
 
-function createWindow() {
-  win = new BrowserWindow({
+function createWindow(initialProjectPath?: string): BrowserWindow {
+  const win = new BrowserWindow({
     width: 1500,
     height: 900,
     minWidth: 1000,
@@ -81,23 +197,64 @@ function createWindow() {
       sandbox: false
     }
   })
+  const windowId = win.webContents.id
+  editorWindows.add(win)
+  if (initialProjectPath) {
+    const key = projectKey(initialProjectPath)
+    initialProjects.set(windowId, key)
+    windowProjects.set(win, key)
+  }
+  win.on('closed', () => {
+    editorWindows.delete(win)
+    initialProjects.delete(windowId)
+    windowProjects.delete(win)
+    htmlExportAborts.get(windowId)?.abort()
+    void cleanupExport(windowId)
+  })
   win.setMenuBarVisibility(false)
-  // a killed/crashed renderer leaves a dead window and an immortal main
-  // process (the running project is lost either way — autosave has it);
-  // exit cleanly so the next launch starts fresh instead of being blocked
+  win.webContents.setWindowOpenHandler(({ frameName, features }) => {
+    if (frameName !== 'kadr-preview') return { action: 'allow' }
+    return {
+      action: 'allow',
+      overrideBrowserWindowOptions: {
+        minWidth: 480,
+        minHeight: 320,
+        backgroundColor: '#15171c',
+        autoHideMenuBar: true,
+        title: 'Kadr — Preview',
+        ...safePreviewPosition(features)
+      }
+    }
+  })
+  win.webContents.on('did-create-window', (child, details) => {
+    if (details.frameName === 'kadr-preview') child.setMenuBarVisibility(false)
+  })
+  // A renderer crash should close only its editor window. Other projects are
+  // independent and must keep running.
   win.webContents.on('render-process-gone', (_e, details) => {
     if (details.reason !== 'clean-exit') {
-      console.error('[kadr] renderer gone:', details.reason, '— exiting')
-      app.exit(1)
+      console.error('[kadr] renderer gone:', details.reason, '— closing window')
+      if (!win.isDestroyed()) win.destroy()
     }
   })
   if (process.env.ELECTRON_RENDERER_URL) {
-    win.loadURL(process.env.ELECTRON_RENDERER_URL)
+    void win.loadURL(process.env.ELECTRON_RENDERER_URL)
   } else {
-    win.loadFile(join(__dirname, '../renderer/index.html'))
+    void win.loadFile(join(__dirname, '../renderer/index.html'))
   }
+  return win
 }
 
+// Finder and LaunchServices reuse the running process on macOS. Register the
+// handler before `ready`, otherwise a project dropped on the Dock or opened
+// while Kadr is closed can be lost.
+app.on('open-file', (event, path) => {
+  event.preventDefault()
+  if (extname(path).toLowerCase() !== '.kadr') return
+  if (!app.isReady()) pendingProjectPaths.push(projectKey(path))
+  else openProjectWindow(path)
+})
+
 /**
  * Wrap a Node read stream into a Web ReadableStream with guarded
  * enqueue/close: the renderer aborts kadr:// requests mid-flight all the
@@ -140,9 +297,30 @@ function streamBody(stream: ReturnType<typeof createReadStream>): ReadableStream
   })
 }
 
+function mediaContentType(filePath: string): string {
+  switch (extname(filePath).toLowerCase()) {
+    case '.wav': return 'audio/wav'
+    case '.mp3': return 'audio/mpeg'
+    case '.m4a': return 'audio/mp4'
+    case '.aac': return 'audio/aac'
+    case '.flac': return 'audio/flac'
+    case '.ogg': return 'audio/ogg'
+    case '.mp4': return 'video/mp4'
+    case '.mov': return 'video/quicktime'
+    case '.webm': return 'video/webm'
+    case '.png': return 'image/png'
+    case '.jpg':
+    case '.jpeg': return 'image/jpeg'
+    case '.webp': return 'image/webp'
+    case '.gif': return 'image/gif'
+    default: return 'application/octet-stream'
+  }
+}
+
 function mediaResponse(filePath: string, rangeHeader: string | null): Response {
   const stat = statSync(filePath)
   const size = stat.size
+  const contentType = mediaContentType(filePath)
   const m = rangeHeader?.match(/bytes=(\d*)-(\d*)/)
   // CORS header keeps WebAudio (MediaElementSource) from silencing the stream
   if (m && (m[1] || m[2])) {
@@ -151,6 +329,7 @@ function mediaResponse(filePath: string, rangeHeader: string | null): Response {
     return new Response(streamBody(createReadStream(filePath, { start, end })), {
       status: 206,
       headers: {
+        'Content-Type': contentType,
         'Content-Range': `bytes ${start}-${end}/${size}`,
         'Accept-Ranges': 'bytes',
         'Content-Length': String(end - start + 1),
@@ -161,6 +340,7 @@ function mediaResponse(filePath: string, rangeHeader: string | null): Response {
   return new Response(streamBody(createReadStream(filePath)), {
     status: 200,
     headers: {
+      'Content-Type': contentType,
       'Accept-Ranges': 'bytes',
       'Content-Length': String(size),
       'Access-Control-Allow-Origin': '*'
@@ -181,14 +361,23 @@ app.whenReady().then(() => {
       return new Response('not found', { status: 404 })
     }
   })
+  Menu.setApplicationMenu(buildMenu(focusedEditorWindow, createWindow))
+  app.dock?.setMenu(buildDockMenu(createWindow))
   registerIpc()
+  registerClaudeIpc()
+  registerTranscribeIpc()
+  registerFragmentIpc()
+  registerThumbnailIpc()
+  registerVoiceoverIpc()
   void pruneDecodedCache()
-  registerClaudeIpc(() => win)
-  registerTranscribeIpc(() => win)
-  registerFragmentIpc(() => win)
-  createWindow()
+  if (pendingProjectPaths.length) {
+    for (const path of [...new Set(pendingProjectPaths)]) openProjectWindow(path)
+    pendingProjectPaths.length = 0
+  } else {
+    createWindow()
+  }
   app.on('activate', () => {
-    if (BrowserWindow.getAllWindows().length === 0) createWindow()
+    if (!editorWindows.size) createWindow()
   })
 })
 
@@ -203,19 +392,22 @@ app.on('window-all-closed', () => {
 })
 
 app.on('before-quit', () => {
-  exportState?.muxer?.cancel()
-  void cleanupExport()
+  for (const controller of htmlExportAborts.values()) controller.abort()
+  for (const [windowId, state] of exportStates) {
+    state.muxer?.cancel()
+    void cleanupExport(windowId)
+  }
 })
 
 // ---------------------------------------------------------------------------
 
 const MEDIA_FILTERS = [
-  { name: 'Media', extensions: ['mp4', 'mkv', 'mov', 'webm', 'avi', 'm4v', 'mts', 'mp3', 'wav', 'flac', 'ogg', 'aac', 'm4a', 'opus', 'png', 'jpg', 'jpeg', 'webp', 'bmp', 'gif', 'srt', 'txt'] },
+  { name: 'Media and scripts', extensions: ['mp4', 'mkv', 'mov', 'webm', 'avi', 'm4v', 'mts', 'mp3', 'wav', 'flac', 'ogg', 'aac', 'm4a', 'opus', 'png', 'jpg', 'jpeg', 'webp', 'bmp', 'gif', 'srt', 'txt', 'doc', 'docx'] },
   { name: 'All files', extensions: ['*'] }
 ]
 const PROJECT_FILTERS = [{ name: 'Kadr project', extensions: ['kadr'] }]
 
-let exportState: {
+type ExportState = {
   job: ExportJob
   videoTemp: string
   fh: fs.FileHandle | null
@@ -228,10 +420,12 @@ let exportState: {
   rawWss: import('ws').WebSocketServer | null
   rawChain: Promise<void>
   rawErr: Error | null
-} | null = null
+}
+const exportStates = new Map<number, ExportState>()
+const htmlExportAborts = new Map<number, AbortController>()
 
-function sendProgress(p: import('@shared/types').ExportProgress) {
-  win?.webContents.send('export:progress', p)
+function sendProgress(sender: WebContents, p: import('@shared/types').ExportProgress) {
+  sendTo(sender, 'export:progress', p)
 }
 
 // app-wide JSON stores (presets etc.) in userData — independent of the
@@ -239,48 +433,157 @@ function sendProgress(p: import('@shared/types').ExportProgress) {
 const userStorePath = (name: string) =>
   join(app.getPath('userData'), `${name.replace(/[^a-z0-9-]/gi, '')}.json`)
 
-// preview proxies: keyed by source identity, built one at a time (weak CPU)
+// Preview proxies: keyed by source identity + encode profile, built one at a
+// time (weak CPU). Changing the profile version automatically retires old
+// low-quality caches without having to scan or delete the cache directory.
 const proxyDir = () => join(app.getPath('userData'), 'proxies')
+const storyboardDir = () => join(app.getPath('userData'), 'storyboards')
+let lastStoryboardCleanup = 0
+
+async function cleanupStoryboardCache(): Promise<void> {
+  if (Date.now() - lastStoryboardCleanup < 60 * 60 * 1000) return
+  lastStoryboardCleanup = Date.now()
+  let names: string[]
+  try { names = await fs.readdir(storyboardDir()) } catch { return }
+  const entries = (await Promise.all(names.map(async (name) => {
+    const path = join(storyboardDir(), name)
+    try {
+      const stat = await fs.stat(path)
+      return stat.isDirectory() ? { path, mtimeMs: stat.mtimeMs } : null
+    } catch { return null }
+  }))).filter((entry): entry is NonNullable<typeof entry> => !!entry)
+    .sort((a, b) => b.mtimeMs - a.mtimeMs)
+  const cutoff = Date.now() - 30 * 24 * 60 * 60 * 1000
+  for (const [index, entry] of entries.entries()) {
+    if (index >= 24 || entry.mtimeMs < cutoff) {
+      await fs.rm(entry.path, { recursive: true, force: true }).catch(() => {})
+    }
+  }
+}
+
+const PROXY_PROFILE_VERSION = 'v2-portrait-720-crf22'
+const PROXY_MAX_ATTEMPTS = 3
 let proxyChain: Promise<unknown> = Promise.resolve()
+const validatedProxies = new Map<string, string>()
+
+function proxyError(error: unknown): string {
+  return (error instanceof Error ? error.message : String(error)).slice(0, 1000)
+}
+
+function proxyUpdate(
+  sender: WebContents,
+  srcPath: string,
+  update: Omit<ProxyBuildUpdate, 'path'>
+) {
+  sendTo(sender, 'proxy:progress', { path: srcPath, ...update } satisfies ProxyBuildUpdate)
+}
+
+async function proxyIsValid(path: string, duration: number): Promise<boolean> {
+  try {
+    const stat = await fs.stat(path)
+    const identity = `${stat.size}:${Math.round(stat.mtimeMs)}`
+    if (validatedProxies.get(path) === identity) return true
+    await validateProxy(path, duration)
+    validatedProxies.set(path, identity)
+    return true
+  } catch {
+    validatedProxies.delete(path)
+    await fs.unlink(path).catch(() => { /* already absent or in use */ })
+    return false
+  }
+}
+
+async function publishProxy(temp: string, out: string): Promise<void> {
+  try {
+    // Same-directory rename is atomic on the common desktop filesystems and
+    // replaces the old proxy only after the new one has passed validation.
+    await fs.rename(temp, out)
+  } catch (error) {
+    const code = (error as NodeJS.ErrnoException).code
+    if (code !== 'EEXIST' && code !== 'EPERM') throw error
+    // Windows can refuse rename-over-existing. Preserve the valid old proxy
+    // as a rollback target until the new file is in its final location.
+    const backup = `${out}.${process.pid}.old`
+    await fs.unlink(backup).catch(() => { /* stale backup absent */ })
+    await fs.rename(out, backup)
+    try {
+      await fs.rename(temp, out)
+      await fs.unlink(backup).catch(() => { /* cleanup is best effort */ })
+    } catch (publishError) {
+      await fs.rename(backup, out).catch(() => { /* retain original error */ })
+      throw publishError
+    }
+  }
+}
+
+const proxyBackoff = (attempt: number) => new Promise<void>((resolveDelay) => {
+  setTimeout(resolveDelay, 750 * (2 ** (attempt - 1)))
+})
 
 async function requestProxy(
+  sender: WebContents,
   srcPath: string,
   duration: number,
-  opts?: { alpha?: boolean; codec?: string }
+  opts?: { alpha?: boolean; codec?: string },
+  force = false
 ): Promise<string> {
   const stat = statSync(srcPath)
   // alpha proxies are a different artifact (webm) — separate cache identity
   const key = createHash('sha1')
-    .update(`${srcPath}:${stat.size}:${Math.round(stat.mtimeMs)}${opts?.alpha ? ':a' : ''}`)
+    .update(`${PROXY_PROFILE_VERSION}:${srcPath}:${stat.size}:${Math.round(stat.mtimeMs)}` +
+      `${opts?.alpha ? ':a' : ''}`)
     .digest('hex')
     .slice(0, 20)
   const ext = opts?.alpha ? 'webm' : 'mp4'
   const out = join(proxyDir(), `${key}.${ext}`)
-  try {
-    await fs.access(out)
-    return out
-  } catch { /* not built yet */ }
   await fs.mkdir(proxyDir(), { recursive: true })
+  if (!force && await proxyIsValid(out, duration)) {
+    proxyUpdate(sender, srcPath, { state: 'ready', progress: 1, cached: true })
+    return out
+  }
+  proxyUpdate(sender, srcPath, { state: 'queued', progress: 0, attempt: 1 })
+
   const job = proxyChain.then(async () => {
-    try {
-      await fs.access(out)
-      return // built while we waited in the queue
-    } catch { /* still missing */ }
-    const tmp = join(proxyDir(), `${key}.part.${ext}`)
-    try {
-      await makeProxy(srcPath, tmp, duration, (p) => {
-        win?.webContents.send('proxy:progress', { path: srcPath, progress: p })
-      }, opts)
-      await fs.rename(tmp, out)
-    } catch (err) {
-      fs.unlink(tmp).catch(() => { /* nothing to clean */ })
-      throw err
+    if (!force && await proxyIsValid(out, duration)) {
+      proxyUpdate(sender, srcPath, { state: 'ready', progress: 1, cached: true })
+      return out
     }
+
+    let lastError: unknown = new Error('proxy generation did not start')
+    for (let attempt = 1; attempt <= PROXY_MAX_ATTEMPTS; attempt++) {
+      const tmp = join(proxyDir(), `${key}.${process.pid}.${Date.now()}.${attempt}.part.${ext}`)
+      try {
+        proxyUpdate(sender, srcPath, { state: 'building', progress: 0, attempt })
+        await makeProxy(srcPath, tmp, duration, (progress) => {
+          proxyUpdate(sender, srcPath, { state: 'building', progress, attempt })
+        }, opts)
+        proxyUpdate(sender, srcPath, { state: 'validating', progress: 1, attempt })
+        await validateProxy(tmp, duration)
+        await publishProxy(tmp, out)
+        const outStat = await fs.stat(out)
+        validatedProxies.set(out, `${outStat.size}:${Math.round(outStat.mtimeMs)}`)
+        proxyUpdate(sender, srcPath, { state: 'ready', progress: 1, attempt, cached: false })
+        return out
+      } catch (error) {
+        lastError = error
+        await fs.unlink(tmp).catch(() => { /* partial output absent */ })
+        if (attempt < PROXY_MAX_ATTEMPTS) {
+          const retryInMs = 750 * (2 ** (attempt - 1))
+          proxyUpdate(sender, srcPath, {
+            state: 'retrying', progress: 0, attempt, retryInMs, error: proxyError(error)
+          })
+          await proxyBackoff(attempt)
+        }
+      }
+    }
+    const message = proxyError(lastError)
+    proxyUpdate(sender, srcPath, {
+      state: 'error', progress: 0, attempt: PROXY_MAX_ATTEMPTS, error: message
+    })
+    throw new Error(`proxy generation failed after ${PROXY_MAX_ATTEMPTS} attempts: ${message}`)
   })
   proxyChain = job.catch(() => { /* keep the queue alive */ })
-  await job
-  win?.webContents.send('proxy:progress', { path: srcPath, progress: 1 })
-  return out
+  return job
 }
 
 // full-res H.264 intermediates for sources Chromium cannot decode (export
@@ -290,6 +593,7 @@ const decodedDir = () => join(app.getPath('userData'), 'decoded')
 let decodedChain: Promise<unknown> = Promise.resolve()
 
 async function requestDecoded(
+  sender: WebContents,
   srcPath: string,
   duration: number,
   opts?: { alpha?: boolean; codec?: string; packed?: boolean; matrix?: string }
@@ -337,7 +641,7 @@ async function requestDecoded(
     const tmp = join(decodedDir(), `${key}.part.${ext}`)
     try {
       await makeDecoded(srcPath, tmp, duration, (p) => {
-        win?.webContents.send('proxy:progress', { path: srcPath, progress: p })
+        sendTo(sender, 'proxy:progress', { path: srcPath, progress: p })
       }, opts)
       await fs.rename(tmp, out)
     } catch (err) {
@@ -347,7 +651,7 @@ async function requestDecoded(
   })
   decodedChain = job.catch(() => { /* keep the queue alive */ })
   await job
-  win?.webContents.send('proxy:progress', { path: srcPath, progress: 1 })
+  sendTo(sender, 'proxy:progress', { path: srcPath, progress: 1 })
   return out
 }
 
@@ -387,6 +691,7 @@ const reverseDir = () => join(app.getPath('userData'), 'reversed')
 let reverseChain: Promise<unknown> = Promise.resolve()
 
 async function requestReversed(
+  sender: WebContents,
   srcPath: string,
   start: number,
   duration: number,
@@ -411,7 +716,7 @@ async function requestReversed(
     const tmp = join(reverseDir(), `${key}.part.${info.kind === 'video' ? 'mp4' : 'wav'}`)
     try {
       await makeReversed(srcPath, start, duration, tmp, info, join(reverseDir(), `${key}.tmp`), (p) => {
-        win?.webContents.send('reverse:progress', { path: srcPath, start, duration, progress: p })
+        sendTo(sender, 'reverse:progress', { path: srcPath, start, duration, progress: p })
       })
       await fs.rename(tmp, out)
     } catch (err) {
@@ -421,7 +726,7 @@ async function requestReversed(
   })
   reverseChain = job.catch(() => { /* keep the queue alive */ })
   await job
-  win?.webContents.send('reverse:progress', { path: srcPath, start, duration, progress: 1 })
+  sendTo(sender, 'reverse:progress', { path: srcPath, start, duration, progress: 1 })
   return out
 }
 
@@ -458,14 +763,53 @@ async function rememberDir(kind: string, filePath: string) {
 }
 
 function registerIpc() {
-  ipcMain.handle('proxy:request', (_e, srcPath: string, duration: number,
+  ipcMain.on('window:new', (event) => {
+    senderWindow(event.sender)
+    createWindow()
+  })
+
+  ipcMain.handle('window:initial-project', (event) => {
+    const path = initialProjects.get(event.sender.id) ?? null
+    initialProjects.delete(event.sender.id)
+    return path
+  })
+
+  ipcMain.on('window:project-state', (event, state: {
+    path: string | null
+    name: string
+    dirty: boolean
+  }) => {
+    const win = senderWindow(event.sender)
+    const path = typeof state.path === 'string' && state.path ? projectKey(state.path) : null
+    const name = typeof state.name === 'string' && state.name.trim() ? state.name.trim() : 'Untitled'
+    if (path) {
+      const changed = windowProjects.get(win) !== path
+      windowProjects.set(win, path)
+      if (changed) {
+        if (process.platform === 'darwin') win.setRepresentedFilename(path)
+        app.addRecentDocument(path)
+      }
+    } else {
+      windowProjects.delete(win)
+      if (process.platform === 'darwin') win.setRepresentedFilename('')
+    }
+    if (process.platform === 'darwin') win.setDocumentEdited(Boolean(state.dirty))
+    win.setTitle(`${name} — Kadr`)
+  })
+
+  ipcMain.handle('proxy:request', (event, srcPath: string, duration: number,
+    opts?: { alpha?: boolean; codec?: string }) =>
+    requestProxy(event.sender, srcPath, duration, opts)
+  )
+
+  ipcMain.handle('proxy:rebuild', (event, srcPath: string, duration: number,
     opts?: { alpha?: boolean; codec?: string }) =>
-    requestProxy(srcPath, duration, opts)
+    requestProxy(event.sender, srcPath, duration, opts, true)
   )
 
-  ipcMain.handle('media:decoded', (_e, srcPath: string, duration: number,
+  ipcMain.handle('media:decoded', (event, srcPath: string, duration: number,
     opts?: { alpha?: boolean; codec?: string; packed?: boolean }) =>
-    requestDecoded(srcPath, duration, opts)
+    requestDecoded(event.sender, srcPath, duration, opts)
   )
 
   ipcMain.handle('media:loudness', (_e, srcPath: string, start: number, duration: number) =>
@@ -474,9 +818,9 @@ function registerIpc() {
 
   ipcMain.handle(
     'media:reverse',
-    (_e, srcPath: string, start: number, duration: number, info: {
+    (event, srcPath: string, start: number, duration: number, info: {
       kind: string; hasAudio: boolean; width: number; height: number; fps: number
-    }) => requestReversed(srcPath, start, duration, info)
+    }) => requestReversed(event.sender, srcPath, start, duration, info)
   )
 
   ipcMain.handle('store:read', async (_e, name: string) => {
@@ -491,8 +835,8 @@ function registerIpc() {
     await fs.writeFile(userStorePath(name), JSON.stringify(data, null, 1))
   })
 
-  ipcMain.handle('media:open-dialog', async () => {
-    const r = await dialog.showOpenDialog(win!, {
+  ipcMain.handle('media:open-dialog', async (event) => {
+    const r = await dialog.showOpenDialog(senderWindow(event.sender), {
       properties: ['openFile', 'multiSelections'],
       defaultPath: await lastDir('media'),
       filters: MEDIA_FILTERS
@@ -576,18 +920,63 @@ function registerIpc() {
     return paths
   })
 
-  // Clipboard paste (Ctrl+V with an empty editor clipboard): copied FILES
+  // Clipboard paste (platform paste shortcut with an empty editor clipboard): copied FILES
   // (file managers put text/uri-list on the clipboard) win over a copied
   // IMAGE (e.g. Telegram's «Копировать изображение» — photos can't even be
   // dragged out of tdesktop, paste is the ergonomic route into the editor).
   ipcMain.handle('media:clipboard-paste', async () => {
+    const paths: string[] = []
+    const seen = new Set<string>()
+    const addPath = (path: string) => {
+      const clean = path.trim()
+      if (clean && !seen.has(clean)) {
+        seen.add(clean)
+        paths.push(clean)
+      }
+    }
+    const addFileUrl = (value: string) => {
+      const url = value.trim()
+      if (!url.toLowerCase().startsWith('file://')) return
+      try { addPath(fileURLToPath(url)) } catch { /* malformed/non-local URL */ }
+    }
+
+    // Finder exposes copied files through native pasteboard types. Electron
+    // normalizes availableFormats() to "text/uri-list" on macOS, but reading
+    // that normalized type returns an empty string; readImage() then yields
+    // Finder's generic PNG document icon instead of the file contents.
+    // NSFilenamesPboardType carries every selected file, while public.file-url
+    // is the reliable single-file fallback.
+    if (process.platform === 'darwin') {
+      try {
+        const plist = clipboard.read('NSFilenamesPboardType') || ''
+        const decodeXml = (value: string) => value.replace(
+          /&(amp|lt|gt|quot|apos|#x[0-9a-f]+|#\d+);/gi,
+          (entity, token: string) => {
+            const named: Record<string, string> = {
+              amp: '&', lt: '<', gt: '>', quot: '"', apos: "'"
+            }
+            const lower = token.toLowerCase()
+            if (named[lower]) return named[lower]
+            const radix = lower.startsWith('#x') ? 16 : 10
+            const digits = lower.slice(radix === 16 ? 2 : 1)
+            const point = parseInt(digits, radix)
+            try { return Number.isFinite(point) ? String.fromCodePoint(point) : entity }
+            catch { return entity }
+          }
+        )
+        for (const match of plist.matchAll(/<string>([\s\S]*?)<\/string>/g)) {
+          addPath(decodeXml(match[1]))
+        }
+      } catch { /* pasteboard type absent */ }
+      try { addFileUrl(clipboard.read('public.file-url') || '') } catch { /* type absent */ }
+    }
+
     let uriList = ''
     try { uriList = clipboard.read('text/uri-list') || '' } catch { /* format absent */ }
-    const paths: string[] = []
     for (const line of uriList.split(/\r?\n/)) {
       const u = line.trim()
-      if (!u.startsWith('file://')) continue
-      try { paths.push(decodeURIComponent(new URL(u).pathname)) } catch { /* malformed */ }
+      if (!u || u.startsWith('#')) continue
+      addFileUrl(u)
     }
     if (paths.length) return paths
     const img = clipboard.readImage()
@@ -629,8 +1018,8 @@ function registerIpc() {
     return writeImported(out, buf)
   })
 
-  ipcMain.handle('dialog:pick-dir', async (_e, title?: string) => {
-    const r = await dialog.showOpenDialog(win!, {
+  ipcMain.handle('dialog:pick-dir', async (event, title?: string) => {
+    const r = await dialog.showOpenDialog(senderWindow(event.sender), {
       title: title || undefined,
       properties: ['openDirectory', 'createDirectory']
     })
@@ -662,8 +1051,41 @@ function registerIpc() {
     return out
   })
 
-  ipcMain.handle('project:save-dialog', async (_e, currentName: string) => {
-    const r = await dialog.showSaveDialog(win!, {
+  // Agent storyboards are disposable visual cache, not user media. Stable
+  // paths let force refresh replace stale pixels without filling the project
+  // directory (or Downloads) with numbered PNG copies.
+  ipcMain.handle('storyboard:save-image', async (
+    _e, cacheKey: string, baseName: string, png: ArrayBuffer
+  ) => {
+    if (!png?.byteLength) throw new Error('empty storyboard image')
+    const safeKey = String(cacheKey).replace(/[^a-f0-9]/gi, '').slice(0, 64)
+    if (safeKey.length < 16) throw new Error('invalid storyboard cache key')
+    const safeName = String(baseName).replace(/[^\p{L}\p{N} ._-]/gu, '_').slice(0, 120) || 'frame'
+    const target = join(storyboardDir(), safeKey)
+    const out = join(target, `${safeName}.png`)
+    const tmp = join(target, `${safeName}.${process.pid}.${Date.now()}.part.png`)
+    await fs.mkdir(target, { recursive: true })
+    try {
+      await fs.writeFile(tmp, Buffer.from(png))
+      try {
+        await fs.rename(tmp, out)
+      } catch (error) {
+        const code = (error as NodeJS.ErrnoException).code
+        if (code !== 'EEXIST' && code !== 'EPERM') throw error
+        await fs.unlink(out).catch(() => { /* first generation */ })
+        await fs.rename(tmp, out)
+      }
+    } finally {
+      await fs.unlink(tmp).catch(() => { /* already published */ })
+    }
+    const now = new Date()
+    await fs.utimes(target, now, now).catch(() => { /* directory timestamp is only for eviction */ })
+    void cleanupStoryboardCache()
+    return out
+  })
+
+  ipcMain.handle('project:save-dialog', async (event, currentName: string) => {
+    const r = await dialog.showSaveDialog(senderWindow(event.sender), {
       defaultPath: join(await lastDir('project'), `${currentName}.kadr`),
       filters: PROJECT_FILTERS
     })
@@ -672,8 +1094,26 @@ function registerIpc() {
     return r.filePath
   })
 
-  ipcMain.handle('project:open-dialog', async () => {
-    const r = await dialog.showOpenDialog(win!, {
+  ipcMain.handle('project:package-dialog', async (event, _currentName: string) => {
+    const r = await dialog.showOpenDialog(senderWindow(event.sender), {
+      defaultPath: await lastDir('project'),
+      properties: ['openDirectory', 'createDirectory']
+    })
+    if (r.canceled || !r.filePaths[0]) return null
+    void rememberDir('project', join(r.filePaths[0], 'project.kadr'))
+    return r.filePaths[0]
+  })
+
+  ipcMain.handle('project:package', async (
+    _event,
+    parentDir: string,
+    sourceProjectPath: string | null,
+    project: Project,
+    options: ProjectPackageOptions
+  ) => packageProject(parentDir, sourceProjectPath, project, options))
+
+  ipcMain.handle('project:open-dialog', async (event) => {
+    const r = await dialog.showOpenDialog(senderWindow(event.sender), {
       properties: ['openFile'],
       defaultPath: await lastDir('project'),
       filters: PROJECT_FILTERS
@@ -684,30 +1124,32 @@ function registerIpc() {
   })
 
   ipcMain.handle('project:read', async (_e, path: string): Promise<Project> => {
-    return JSON.parse(await fs.readFile(path, 'utf-8'))
+    return readProjectFile(path)
   })
 
   ipcMain.handle('project:write', async (_e, path: string, project: Project) => {
-    await fs.writeFile(path, JSON.stringify(project, null, 1), 'utf-8')
+    const portable = await embedProjectVoiceClones(project, path)
+    await fs.writeFile(path, JSON.stringify(projectForDisk(portable, path), null, 1), 'utf-8')
   })
 
   // periodic safety net: <name>.autosave.kadr next to the saved project
   // (Downloads for never-saved ones); tmp+rename so a crash mid-write can
   // never leave a torn file
-  ipcMain.handle('project:autosave', async (_e, project: Project, mainPath: string | null) => {
+  ipcMain.handle('project:autosave', async (event, project: Project, mainPath: string | null) => {
     const dir = mainPath ? dirname(mainPath) : app.getPath('downloads')
     const base = mainPath
       ? basename(mainPath, '.kadr')
-      : (project.name || 'Untitled').replace(/[^\p{L}\p{N}._ -]/gu, '').trim() || 'Untitled'
+      : `${(project.name || 'Untitled').replace(/[^\p{L}\p{N}._ -]/gu, '').trim() || 'Untitled'}.${event.sender.id}`
     const out = join(dir, `${base}.autosave.kadr`)
     const tmp = `${out}.tmp`
-    await fs.writeFile(tmp, JSON.stringify(project, null, 1), 'utf-8')
+    const portable = await embedProjectVoiceClones(project, out)
+    await fs.writeFile(tmp, JSON.stringify(projectForDisk(portable, out), null, 1), 'utf-8')
     await fs.rename(tmp, out)
     return out
   })
 
-  ipcMain.handle('export:dialog', async (_e, defaultName: string, ext: string) => {
-    const r = await dialog.showSaveDialog(win!, {
+  ipcMain.handle('export:dialog', async (event, defaultName: string, ext: string) => {
+    const r = await dialog.showSaveDialog(senderWindow(event.sender), {
       defaultPath: join(await lastDir('export'), `${defaultName}.${ext}`),
       filters: [{ name: ext.toUpperCase(), extensions: [ext] }]
     })
@@ -716,29 +1158,60 @@ function registerIpc() {
     return r.filePath
   })
 
-  ipcMain.handle('export:begin', async (_e, job: ExportJob) => {
-    await cleanupExport()
-    const videoTemp = join(tmpdir(), `kadr-export-${Date.now()}.mp4`)
+  ipcMain.handle('html-player:export', async (event, request: HtmlPlayerExportRequest) => {
+    const windowId = event.sender.id
+    htmlExportAborts.get(windowId)?.abort()
+    const controller = new AbortController()
+    htmlExportAborts.set(windowId, controller)
+    try {
+      const output = await writeHtmlPlayerExport(request, {
+        bundlePath: join(__dirname, '..', 'html-player', 'player.js'),
+        signal: controller.signal,
+        bundleFragments,
+        onProgress: (progress) => sendProgress(event.sender, {
+          phase: 'files', progress: 0.15 + progress * 0.85
+        })
+      })
+      sendProgress(event.sender, { phase: 'done', progress: 1 })
+      return output
+    } catch (error: any) {
+      const cancelled = controller.signal.aborted || error?.message === 'cancelled'
+      sendProgress(event.sender, {
+        phase: cancelled ? 'cancelled' : 'error',
+        progress: 0,
+        message: String(error?.message ?? error)
+      })
+      throw error
+    } finally {
+      if (htmlExportAborts.get(windowId) === controller) htmlExportAborts.delete(windowId)
+    }
+  })
+
+  ipcMain.handle('export:begin', async (event, job: ExportJob) => {
+    const windowId = event.sender.id
+    await cleanupExport(windowId)
+    const videoTemp = join(tmpdir(), `kadr-export-${windowId}-${Date.now()}.mp4`)
     const fh = job.preset.audioOnly ? null : await fs.open(videoTemp, 'w')
-    exportState = {
+    exportStates.set(windowId, {
       job, videoTemp, fh, muxer: null, raw: null, rawEncoded: false,
       rawWss: null, rawChain: Promise.resolve(), rawErr: null
-    }
+    })
   })
 
-  ipcMain.handle('export:video-chunk', async (_e, data: ArrayBuffer, position: number) => {
-    if (!exportState?.fh) throw new Error('no export in progress')
-    await exportState.fh.write(Buffer.from(data), 0, data.byteLength, position)
+  ipcMain.handle('export:video-chunk', async (event, data: ArrayBuffer, position: number) => {
+    const state = exportStates.get(event.sender.id)
+    if (!state?.fh) throw new Error('no export in progress')
+    await state.fh.write(Buffer.from(data), 0, data.byteLength, position)
   })
 
   // direct ffmpeg encode: raw RGBA frames from the renderer over stdin;
   // returns a local WebSocket port for the frame stream (0 = use IPC)
   ipcMain.handle('export:raw-begin', async (
-    _e, width: number, height: number, fps: number,
+    event, width: number, height: number, fps: number,
     outWidth?: number, outHeight?: number
   ) => {
-    if (!exportState) throw new Error('no export in progress')
-    const st = exportState
+    const st = exportStates.get(event.sender.id)
+    if (!st) throw new Error('no export in progress')
     await st.fh?.close()
     st.fh = null
     const preset = st.job.preset
@@ -777,9 +1250,9 @@ function registerIpc() {
   })
 
   // preload encoded the video itself — adopt its file for the mux stage
-  ipcMain.handle('export:use-video', async (_e, path: string) => {
-    if (!exportState) throw new Error('no export in progress')
-    const st = exportState
+  ipcMain.handle('export:use-video', async (event, path: string) => {
+    const st = exportStates.get(event.sender.id)
+    if (!st) throw new Error('no export in progress')
     await st.fh?.close()
     st.fh = null
     if (st.videoTemp !== path) {
@@ -789,14 +1262,15 @@ function registerIpc() {
     st.rawEncoded = true
   })
 
-  ipcMain.handle('export:raw-frame', async (_e, data: ArrayBuffer) => {
-    if (!exportState?.raw) throw new Error('no raw encoder')
-    await exportState.raw.write(Buffer.from(data))
+  ipcMain.handle('export:raw-frame', async (event, data: ArrayBuffer) => {
+    const st = exportStates.get(event.sender.id)
+    if (!st?.raw) throw new Error('no raw encoder')
+    await st.raw.write(Buffer.from(data))
   })
 
-  ipcMain.handle('export:raw-end', async () => {
-    if (!exportState?.raw) throw new Error('no raw encoder')
-    const st = exportState
+  ipcMain.handle('export:raw-end', async (event) => {
+    const st = exportStates.get(event.sender.id)
+    if (!st?.raw) throw new Error('no raw encoder')
     await st.rawChain
     if (st.rawErr) throw st.rawErr
     st.rawWss?.close()
@@ -805,9 +1279,10 @@ function registerIpc() {
     st.raw = null
   })
 
-  ipcMain.handle('export:video-done', async () => {
-    if (!exportState) throw new Error('no export in progress')
-    const st = exportState
+  ipcMain.handle('export:video-done', async (event) => {
+    const windowId = event.sender.id
+    const st = exportStates.get(windowId)
+    if (!st) throw new Error('no export in progress')
     await st.fh?.close()
     st.fh = null
     st.muxer = new ExportMuxer()
@@ -816,33 +1291,36 @@ function registerIpc() {
       const job = st.rawEncoded
         ? { ...st.job, preset: { ...st.job.preset, ffmpegVideo: 'copy' as const } }
         : st.job
-      await st.muxer.run(job, st.videoTemp, sendProgress)
-      sendProgress({ phase: 'done', progress: 1 })
+      await st.muxer.run(job, st.videoTemp, (progress) => sendProgress(event.sender, progress))
+      sendProgress(event.sender, { phase: 'done', progress: 1 })
     } catch (err: any) {
-      sendProgress({
+      sendProgress(event.sender, {
         phase: err?.message === 'cancelled' ? 'cancelled' : 'error',
         progress: 0,
         message: String(err?.message ?? err)
       })
     } finally {
-      await cleanupExport()
+      await cleanupExport(windowId)
     }
   })
 
-  ipcMain.handle('export:cancel', async () => {
-    exportState?.raw?.kill()
-    exportState?.muxer?.cancel()
-    if (exportState && !exportState.muxer) {
-      await cleanupExport()
-      sendProgress({ phase: 'cancelled', progress: 0 })
+  ipcMain.handle('export:cancel', async (event) => {
+    const windowId = event.sender.id
+    htmlExportAborts.get(windowId)?.abort()
+    const st = exportStates.get(windowId)
+    st?.raw?.kill()
+    st?.muxer?.cancel()
+    if (st && !st.muxer) {
+      await cleanupExport(windowId)
+      sendProgress(event.sender, { phase: 'cancelled', progress: 0 })
     }
   })
 }
 
-async function cleanupExport() {
-  if (!exportState) return
-  const st = exportState
-  exportState = null
+async function cleanupExport(windowId: number) {
+  const st = exportStates.get(windowId)
+  if (!st) return
+  exportStates.delete(windowId)
   st.raw?.kill()
   st.rawWss?.close()
   try { await st.fh?.close() } catch { /* already closed */ }
diff --git a/electron/mcp-bridge.cjs b/electron/mcp-bridge.cjs
index 1d4b9f4..8c1c9aa 100644
--- a/electron/mcp-bridge.cjs
+++ b/electron/mcp-bridge.cjs
@@ -71,14 +71,175 @@ const asText = (v) => {
 }
 const asError = (e) => ({ content: [{ type: 'text', text: `Error: ${e.message || e}` }], isError: true })
 
-const server = new McpServer({ name: 'kadr', version: '1.0.0' })
+const server = new McpServer({ name: 'kadr', version: '2.1.0' })
+
+const CAPABILITY_SECTIONS = [
+  'all', 'model', 'projectFiles', 'timeline', 'animation', 'transforms', 'masks', 'effects',
+  'transitions', 'audioSpeech', 'captions', 'fragments', 'voice', 'export', 'store'
+]
+
+server.registerTool('kadr_capabilities', {
+  description:
+    'Read the exact CURRENT machine-readable editing contract of the running Kadr editor. ' +
+    'Call this before using an unfamiliar feature or writing raw project fields. It reports ' +
+    'the live project/file model, chapter/group ranges, Anim/keyframe rules and time bases, 2D/3D transforms, masks, ' +
+    'effect types with parameters/ranges/defaults, every valid overlap and edge transition id, ' +
+    'timeline/store action signatures, captions, speech, Remotion, microphone/TTS and export ' +
+    'presets/options. Runtime registries supply transition ids, effect/caption defaults and ' +
+    'export presets, so this tool is authoritative when prose docs disagree. Request one ' +
+    'section to save tokens, or all for a full capability audit.',
+  inputSchema: {
+    section: z.enum(CAPABILITY_SECTIONS).optional().describe(
+      'default all; narrow to model|projectFiles|timeline|animation|transforms|masks|effects|transitions|' +
+      'audioSpeech|captions|fragments|voice|export|store'
+    )
+  }
+}, async ({ section }) => {
+  try {
+    return asText(await editorEval(`
+      return window.kadrEditor.getCapabilities(${JSON.stringify(section ?? 'all')})`))
+  } catch (e) { return asError(e) }
+})
+
+server.registerTool('kadr_voices', {
+  description:
+    'List every F5-TTS voice currently available to Kadr regeneration. Returns stable voiceId ' +
+    'values, original reference numbers, Russian/English names and descriptions, plus global and ' +
+    'project-embedded custom clones. For a custom voice copy the returned settings object into ' +
+    'voiceoverGenerate; bundled voices only need settings.voiceId. The voice may change per take.',
+  inputSchema: {}
+}, async () => {
+  try {
+    return asText(await editorEval(`
+      const section = window.kadrEditor.getCapabilities('voice')
+      const tts = section.capabilities.localTts
+      const global = await window.kadr.voiceCloneList()
+      const project = window.kadrEditor.useEditor.getState().project.voiceClones || []
+      const custom = [...global, ...project].filter((voice, index, all) =>
+        all.findIndex((item) => item.id === voice.id) === index)
+      return {
+        engine: tts.engine,
+        defaultVoiceId: tts.defaults.voiceId,
+        voices: [
+          ...tts.voices,
+          ...custom.map(voice => ({
+            id: voice.id,
+            name: voice.name,
+            description: voice.description || 'Пользовательский голосовой клон',
+            custom: true,
+            source: voice.source,
+            createdAt: voice.createdAt,
+            settings: { voiceId: voice.id, customVoice: voice }
+          }))
+        ]
+      }`))
+  } catch (e) { return asError(e) }
+})
+
+server.registerTool('kadr_voice_clone', {
+  description:
+    'Create a NEW persistent F5-TTS voice clone from an existing local audio file. The sourcePath ' +
+    'must be an absolute path readable by Kadr; microphone capture itself must be done in the UI, ' +
+    'but its saved recording can be passed here. The tool converts the source to a mono reference, ' +
+    'optionally applies noise reduction, compression and LUFS normalization, saves it in Kadr’s ' +
+    'global voice library, and by default adds it to the open project so the reference WAV is ' +
+    'embedded on the next save/package. Each call creates a new clone. For best results use 3–15 ' +
+    'seconds of clean single-speaker speech and provide the exact referenceText when known. Example: ' +
+    '{sourcePath:"/Users/me/voice.wav",name:"Alex",referenceText:"Exact words spoken",' +
+    'processing:{noiseReduction:true,normalization:true,targetLufs:-18},addToProject:true}.',
+  inputSchema: {
+    sourcePath: z.string().min(1).describe(
+      'Absolute path to an existing audio/video file containing the reference speech.'),
+    name: z.string().min(1).max(80).describe('Human-readable name shown in the Kadr voice selector.'),
+    description: z.string().max(240).optional().describe('Optional voice character, e.g. “calm warm baritone”.'),
+    referenceText: z.string().max(4000).optional().describe(
+      'Exact words spoken in the reference. When omitted, Kadr transcribes and stores it before the voice becomes available.'),
+    processing: z.object({
+      normalization: z.boolean().optional().describe('Normalize integrated loudness; default true.'),
+      targetLufs: z.number().min(-30).max(-10).optional().describe('Normalization target; default -18 LUFS.'),
+      noiseReduction: z.boolean().optional().describe('Reduce steady background noise; default false.'),
+      noiseStrength: z.number().min(0).max(1).optional().describe('Noise reduction strength 0..1; default 0.5.'),
+      compressor: z.boolean().optional().describe('Control level peaks with a compressor; default false.'),
+      compressorThresholdDb: z.number().min(-40).max(-3).optional().describe('Compressor threshold; default -18 dB.'),
+      compressorRatio: z.number().min(1).max(12).optional().describe('Compressor ratio; default 3.'),
+    }).optional().describe('Optional non-destructive preparation applied to the saved clone.'),
+    addToProject: z.boolean().optional().describe(
+      'Add clone metadata to the currently open project for portable saving; default true.')
+  }
+}, async ({ sourcePath, name, description, referenceText, processing, addToProject }) => {
+  try {
+    const absolute = /^(?:\/|[a-zA-Z]:[\\/]|\\\\)/.test(sourcePath)
+    if (!absolute) throw new Error('sourcePath must be an absolute filesystem path')
+    const options = {
+      normalization: {
+        enabled: processing?.normalization ?? true,
+        targetLufs: processing?.targetLufs ?? -18
+      },
+      noiseReduction: {
+        enabled: processing?.noiseReduction ?? false,
+        strength: processing?.noiseStrength ?? 0.5
+      },
+      compressor: {
+        enabled: processing?.compressor ?? false,
+        thresholdDb: processing?.compressorThresholdDb ?? -18,
+        ratio: processing?.compressorRatio ?? 3
+      }
+    }
+    const result = await editorEval(`
+      const sourcePath = ${JSON.stringify(sourcePath)}
+      const prepared = await window.kadr.voiceClonePrepare(sourcePath)
+      const processed = await window.kadr.voiceCloneProcess(prepared.path, ${JSON.stringify(options)})
+      try {
+        const suppliedText = ${JSON.stringify(referenceText ?? '')}.trim()
+        const confirmedReferenceText = suppliedText || await window.kadr.voiceCloneTranscribe(processed.path)
+        const voice = await window.kadr.voiceCloneSave({
+          processedPath: processed.path,
+          name: ${JSON.stringify(name)},
+          description: ${JSON.stringify(description ?? '')},
+          referenceText: confirmedReferenceText,
+          source: 'file',
+          sourceLabel: sourcePath.replace(/\\\\/g, '/').split('/').pop() || 'audio'
+        })
+        const addToProject = ${JSON.stringify(addToProject ?? true)}
+        if (addToProject) {
+          const store = window.kadrEditor.useEditor
+          const state = store.getState()
+          state.pushHistory('hVoiceClone')
+          store.setState(current => ({
+            project: {
+              ...current.project,
+              voiceClones: [
+                ...(current.project.voiceClones || []).filter(item => item.id !== voice.id),
+                voice
+              ]
+            }
+          }))
+        }
+        const state = window.kadrEditor.useEditor.getState()
+        return {
+          voice,
+          sourceDuration: prepared.duration,
+          processedDuration: processed.duration,
+          addedToProject: addToProject,
+          projectPath: state.projectPath,
+          portableOnNextSave: addToProject,
+          referenceTextSource: suppliedText ? 'provided' : 'transcribed',
+          generationSettings: { voiceId: voice.id, customVoice: voice }
+        }
+      } finally {
+        await window.kadr.voiceCloneDiscard([prepared.path, processed.path])
+      }
+      `)
+    return asText(result)
+  } catch (e) { return asError(e) }
+})
 
 server.registerTool('kadr_state', {
   description:
     'Read the LIVE state of the Kadr project currently open in the editor: full project ' +
-    '(tracks→clips, assets with absolute media file paths, fps, size), projectPath, selection, ' +
+    '(tracks→clips and annotation tasks, named chapters, assets with absolute media file paths, fps, size), projectPath, selection, ' +
     'playhead, and available export presets. All times are in seconds. tracks[0] is the topmost ' +
-    'video track (drawn last). Clip: {id, kind: media|text, assetId, start, duration, inPoint, ' +
+    'video track (drawn last). Clip: {id, kind: media|text|remotion, assetId, start, duration, inPoint, ' +
     'speed, gain, muted, transform, mask?, maskShapes?, effects[], transitionIn/Out?, fadeIn/Out?}. ' +
     'project.markers are the user\'s free-floating timeline markers ({id, time, label}) — use ' +
     'them as anchors the user set for you (\u00abfrom marker 2 to marker 3\u00bb). ' +
@@ -108,6 +269,117 @@ server.registerTool('kadr_state', {
   } catch (e) { return asError(e) }
 })
 
+server.registerTool('kadr_chapters', {
+  description:
+    'Read or replace the LIVE amber chapter/group map shown below the timeline seconds. ' +
+    'Call with no chapters to list it. Pass the complete desired chapters array to replace it ' +
+    'as ONE undoable edit; preserve returned ids when revising existing entries and omit id only ' +
+    'for new chapters. Use this after organizing a timeline with distinct narrative or functional ' +
+    'sections so the user can navigate the edit by meaningful groups. Prefer concise human titles, ' +
+    'cover the intended structural ranges, keep ordinary chapters non-overlapping and ordered, and ' +
+    'do not invent a meaningless one-chapter map for a short undivided edit. Chapters are metadata ' +
+    'only and never change the rendered video. All times are project seconds and ranges are [start,end).',
+  inputSchema: {
+    chapters: z.array(z.object({
+      id: z.string().min(1).optional().describe('Existing stable id; omit only for a new chapter.'),
+      title: z.string().min(1).max(160),
+      start: z.number().min(0),
+      end: z.number().positive()
+    })).optional().describe('Omit to list; pass the COMPLETE desired chapter map to replace.')
+  }
+}, async ({ chapters }) => {
+  try {
+    return asText(await editorEval(`
+      const ed = window.kadrEditor
+      const st = () => ed.useEditor.getState()
+      const input = ${JSON.stringify(chapters ?? null)}
+      if (input === null) return { chapters: st().project.chapters || [] }
+      for (const chapter of input) {
+        if (!(chapter.end > chapter.start)) {
+          throw new Error('each chapter must have end > start')
+        }
+      }
+      st().replaceChapters(input.map(chapter => ({
+        id: chapter.id || ed.uid(),
+        title: chapter.title,
+        start: chapter.start,
+        end: chapter.end
+      })))
+      return { chapters: st().project.chapters || [], undoable: true }
+    `))
+  } catch (e) { return asError(e) }
+})
+
+server.registerTool('kadr_tasks', {
+  description:
+    'List LIVE annotation tasks in timeline order. Each task has a stable random id, trackId/name, ' +
+    'fixed start/end/duration in project seconds, text, status (new|in_progress|done), timestamps, ' +
+    'and optional agent result. Always use the id for later calls. Timing is user-owned and may ' +
+    'change while you work; re-list when you need the current range.',
+  inputSchema: {
+    status: z.enum(['new', 'in_progress', 'done']).optional(),
+    trackId: z.string().optional()
+  }
+}, async ({ status, trackId }) => {
+  try {
+    return asText(await editorEval(`
+      return window.kadrEditor.getAnnotationTasks(${JSON.stringify({ status, trackId })})`))
+  } catch (e) { return asError(e) }
+})
+
+server.registerTool('kadr_task_start', {
+  description:
+    'Mark one annotation task in progress by stable id. This never writes start or duration. ' +
+    'If the user deleted the task, returns task-not-found and never recreates it.',
+  inputSchema: { id: z.string() }
+}, async ({ id }) => {
+  try {
+    return asText(await editorEval(`
+      return window.kadrEditor.startAnnotationTask(${JSON.stringify(id)})`))
+  } catch (e) { return asError(e) }
+})
+
+server.registerTool('kadr_task_update', {
+  description:
+    'Patch only status and/or agent result of a task by stable id. Timing fields are intentionally ' +
+    'not accepted, so a concurrent user drag cannot be overwritten.',
+  inputSchema: {
+    id: z.string(),
+    status: z.enum(['new', 'in_progress', 'done']).optional(),
+    result: z.string().optional()
+  }
+}, async ({ id, status, result }) => {
+  try {
+    return asText(await editorEval(`
+      return window.kadrEditor.updateAnnotationTask(
+        ${JSON.stringify(id)}, ${JSON.stringify({ status, result })})`))
+  } catch (e) { return asError(e) }
+})
+
+server.registerTool('kadr_task_complete', {
+  description:
+    'Complete a task by stable id, save a concise result, and optionally apply the final editor ' +
+    'mutation batch as ONE undo entry. `code` is an async-function body with the same page API as ' +
+    'kadr_eval; prefer a short synchronous batch of store actions. The tool resolves the current ' +
+    'live task immediately before applying changes and NEVER overwrites its start/duration. If the ' +
+    'user deleted the task while you worked, it fails without recreating it.',
+  inputSchema: {
+    id: z.string(),
+    result: z.string().min(1).describe('concise summary of what was changed'),
+    code: z.string().optional().describe('optional final editor mutation batch; async-function body')
+  }
+}, async ({ id, result, code }) => {
+  try {
+    return asText(await editorEval(`
+      const AsyncFunction = Object.getPrototypeOf(async function(){}).constructor
+      const mutate = ${JSON.stringify(code ?? '')}
+        ? () => new AsyncFunction(${JSON.stringify(code ?? '')}).call(window)
+        : undefined
+      return window.kadrEditor.applyAnnotationTask(
+        ${JSON.stringify(id)}, ${JSON.stringify(result)}, mutate)`))
+  } catch (e) { return asError(e) }
+})
+
 server.registerTool('kadr_eval', {
   description:
     'Run JavaScript inside the Kadr editor page and return its result (must be JSON-serializable). ' +
@@ -120,7 +392,8 @@ server.registerTool('kadr_eval', {
     '(back-to-back, audio → audio track), removeAssets([assetIds]) (drops the bin entries AND every ' +
     'clip using them, one undo), setClipDuration(clipId, sec), setClipSpeed(clipId, speed, duration) ' +
     '(speed 0.02–100), addAsset(asset), ' +
-    'addTrack(kind), select([ids]), setPlayhead(sec), setProject(project), splitAtPlayhead(), ' +
+    'addTrack(kind), replaceChapters([{id,title,start,end}]) (one undo), select([ids]), ' +
+    'setPlayhead(sec), setProject(project), splitAtPlayhead(), ' +
     'addMarker(sec) (auto-numbered, returns id), moveMarker(id, sec), removeMarker(id), ' +
     'deleteSelection(), setTransition(clipId, type|null), setEdgeTransitions(...).\n' +
     '- window.kadrEditor.uid() → new id; .PRESETS → export presets; .projectDuration(project); ' +
@@ -130,13 +403,15 @@ server.registerTool('kadr_eval', {
     'and set its gain for −14 LUFS with a −1 dBTP ceiling (defaults); works on either half of a ' +
     'linked A/V pair, one undo entry, returns {gain, gainDb, measuredLufs, peakLimited}; ' +
     'await .snapshotFrame({t?, importToBin?}) — see kadr_snapshot; ' +
+    'await .storyboardFrames({start,end,step?,maxFrames?,refresh?}) — see kadr_storyboard; ' +
     'await .importFiles([paths], {trackId, at}|null) — probe files into the bin (deduped by path) ' +
     'and, with a placement, lay them out back-to-back on the timeline from `at`.\n' +
     '- await window.kadr.probeMedia(path) → { asset } (probe a media file to import: then ' +
     'addAsset({ id: uid(), ...asset })); window.kadr.writeProject(path, project); ' +
     'window.kadr.readProject(path).\n' +
-    'Times are seconds. Animatable scalars (clip gain, transform.x/y/scale/rotation/opacity) are ' +
-    'Anim objects — write { value: 0.5 }, NEVER a bare number. ' +
+    'Times are seconds. Animatable scalars (gain, transforms, masks and track motion) are Anim ' +
+    'objects. Call kadr_capabilities for their exact schema, time bases and safe keyframe updates; ' +
+    'NEVER overwrite a keyed Anim with {value} unless removing its animation is intentional. ' +
     'Mutations: always pushHistory first; the store is zustand — re-read ' +
     'getState() after each action. NEVER return whole project/asset objects — asset ' +
     'waveform/thumbnail blobs are megabytes of base64 (results are truncated at 4 MB); ' +
@@ -172,6 +447,38 @@ server.registerTool('kadr_snapshot', {
   } catch (e) { return asError(e) }
 })
 
+server.registerTool('kadr_storyboard', {
+  description:
+    'YOUR EYES across a timeline range: render a source-quality WYSIWYG contact sheet with ' +
+    'timestamp labels plus the individual full-resolution PNG frames. Read contactSheetPath ' +
+    'first; inspect an individual frame path only when more detail is needed. Originals, not ' +
+    'preview proxies, are decoded and Remotion fragments are included. The editor pauses only ' +
+    'for capture and restores its playhead/playback afterward. Nothing is imported into the ' +
+    'media bin. With refresh="auto" (default), a session cache is reused only when the exact ' +
+    'request AND current visual fingerprint match; media file changes, fragment source edits, ' +
+    'and visual timeline edits invalidate it. refresh="force" always regenerates. Generated ' +
+    'PNGs live in the app-managed visual cache (bounded to 24 recent storyboard sets / 30 days). ' +
+    'maxFrames is capped at 24.',
+  inputSchema: {
+    start: z.number().nonnegative().describe('range start in project seconds'),
+    end: z.number().positive().describe('range end in project seconds; must be greater than start'),
+    step: z.number().positive().optional().describe(
+      'preferred spacing in seconds; when it would exceed maxFrames, samples are spread across the range'),
+    maxFrames: z.number().int().min(1).max(24).optional().describe(
+      'maximum captured frames; default 9'),
+    refresh: z.enum(['auto', 'force']).optional().describe(
+      'auto (default) reuses an exact current fingerprint; force always captures new PNGs')
+  }
+}, async ({ start, end, step, maxFrames, refresh }) => {
+  try {
+    if (!(end > start)) throw new Error('end must be greater than start')
+    return asText(await editorEval(`
+      return window.kadrEditor.storyboardFrames(${JSON.stringify({
+        start, end, step, maxFrames, refresh: refresh ?? 'auto'
+      })})`))
+  } catch (e) { return asError(e) }
+})
+
 server.registerTool('kadr_export', {
   description:
     'Render the current Kadr project (or a time range of it) to a file and wait for completion. ' +
diff --git a/electron/menu.ts b/electron/menu.ts
new file mode 100644
index 0000000..ef02280
--- /dev/null
+++ b/electron/menu.ts
@@ -0,0 +1,136 @@
+import { app, Menu, shell, BrowserWindow } from 'electron'
+import type { MenuItemConstructorOptions } from 'electron'
+import type { MenuCommand } from '@shared/types'
+
+const isMac = process.platform === 'darwin'
+
+const LABELS = {
+  en: {
+    file: 'File', newWindow: 'New Window', newProject: 'New Project', openProject: 'Open Project…',
+    save: 'Save', saveAs: 'Save As…', export: 'Export…', edit: 'Edit',
+    undo: 'Undo', redo: 'Redo', cut: 'Cut', view: 'View', window: 'Window',
+    help: 'Help', github: 'Kadr on GitHub'
+  },
+  ru: {
+    file: 'Файл', newWindow: 'Новое окно', newProject: 'Новый проект', openProject: 'Открыть проект…',
+    save: 'Сохранить', saveAs: 'Сохранить как…', export: 'Экспорт…', edit: 'Правка',
+    undo: 'Отменить', redo: 'Повторить', cut: 'Вырезать', view: 'Вид', window: 'Окно',
+    help: 'Справка', github: 'Kadr на GitHub'
+  }
+} as const
+
+/**
+ * The application menu. File/Edit project commands are forwarded to the
+ * renderer over `menu:command` so they reuse the exact same handlers the
+ * toolbar buttons call — the menu is purely a native entry point with
+ * proper Cmd/Ctrl accelerators (macOS users finally get ⌘S/⌘Z/…).
+ *
+ * Copy/paste/selection keep their standard roles. Cut is forwarded so it can
+ * target timeline clips, with a renderer-side fallback to native text cutting
+ * for inputs and the embedded terminal. Project-level undo/redo are custom too
+ * because the app's real history lives in the zustand store, not the DOM.
+ */
+function localizedLabels() {
+  return app.getLocale().toLowerCase().startsWith('ru') ? LABELS.ru : LABELS.en
+}
+
+export function buildMenu(
+  getWin: () => BrowserWindow | null,
+  createWindow: () => BrowserWindow
+): Menu {
+  const labels = localizedLabels()
+  const send = (cmd: MenuCommand) => () => getWin()?.webContents.send('menu:command', cmd)
+
+  const template: MenuItemConstructorOptions[] = [
+    ...(isMac
+      ? [{
+          label: app.name,
+          submenu: [
+            { role: 'about' as const },
+            { type: 'separator' as const },
+            { role: 'services' as const },
+            { type: 'separator' as const },
+            { role: 'hide' as const },
+            { role: 'hideOthers' as const },
+            { role: 'unhide' as const },
+            { type: 'separator' as const },
+            { role: 'quit' as const }
+          ]
+        }]
+      : []),
+    {
+      label: labels.file,
+      submenu: [
+        { label: labels.newWindow, accelerator: 'CmdOrCtrl+N', click: () => createWindow() },
+        { label: labels.newProject, accelerator: 'CmdOrCtrl+Shift+N', click: send('new') },
+        { label: labels.openProject, accelerator: 'CmdOrCtrl+O', click: send('open') },
+        { type: 'separator' },
+        { label: labels.save, accelerator: 'CmdOrCtrl+S', click: send('save') },
+        { label: labels.saveAs, accelerator: 'CmdOrCtrl+Shift+S', click: send('saveAs') },
+        { type: 'separator' },
+        { label: labels.export, accelerator: 'CmdOrCtrl+E', click: send('export') },
+        { type: 'separator' },
+        isMac ? { role: 'close' } : { role: 'quit' }
+      ]
+    },
+    {
+      label: labels.edit,
+      submenu: [
+        { label: labels.undo, accelerator: 'CmdOrCtrl+Z', click: send('undo') },
+        { label: labels.redo, accelerator: 'CmdOrCtrl+Shift+Z', click: send('redo') },
+        { type: 'separator' },
+        { label: labels.cut, accelerator: 'CmdOrCtrl+X', click: send('cut') },
+        { role: 'copy' },
+        { role: 'paste' },
+        { role: 'selectAll' }
+      ]
+    },
+    {
+      label: labels.view,
+      submenu: [
+        ...(app.isPackaged
+          ? []
+          : [
+              { role: 'reload' as const },
+              { role: 'forceReload' as const },
+              { role: 'toggleDevTools' as const },
+              { type: 'separator' as const }
+            ]),
+        { role: 'resetZoom' },
+        { role: 'zoomIn' },
+        { role: 'zoomOut' },
+        { type: 'separator' },
+        { role: 'togglefullscreen' }
+      ]
+    },
+    {
+      label: labels.window,
+      submenu: [
+        { role: 'minimize' },
+        { role: 'zoom' },
+        ...(isMac
+          ? [{ type: 'separator' as const }, { role: 'front' as const }]
+          : [{ role: 'close' as const }])
+      ]
+    },
+    {
+      label: labels.help,
+      role: 'help',
+      submenu: [
+        {
+          label: labels.github,
+          click: () => shell.openExternal('https://github.com/HelpFreedom/kadr')
+        }
+      ]
+    }
+  ]
+
+  return Menu.buildFromTemplate(template)
+}
+
+export function buildDockMenu(createWindow: () => BrowserWindow): Menu {
+  const labels = localizedLabels()
+  return Menu.buildFromTemplate([
+    { label: labels.newWindow, click: () => createWindow() }
+  ])
+}
diff --git a/electron/preload.ts b/electron/preload.ts
index c774289..e3baf01 100644
--- a/electron/preload.ts
+++ b/electron/preload.ts
@@ -2,7 +2,7 @@ import { contextBridge, ipcRenderer, webUtils } from 'electron'
 import { spawn, type ChildProcess } from 'child_process'
 import { tmpdir } from 'os'
 import { join } from 'path'
-import type { KadrApi, ExportProgress } from '@shared/types'
+import type { KadrApi, ExportProgress, MenuCommand } from '@shared/types'
 import { rawEncodeArgs } from '@shared/rawEncode'
 
 // Direct export encoder: ffmpeg is spawned HERE, in the renderer process
@@ -87,7 +87,13 @@ const api: KadrApi = {
   dropLog: (entry) => ipcRenderer.send('debug:drop-log', entry),
 
   saveProjectDialog: (name) => ipcRenderer.invoke('project:save-dialog', name),
+  saveProjectPackageDialog: (name) => ipcRenderer.invoke('project:package-dialog', name),
+  packageProject: (parentDir, sourceProjectPath, project, options) =>
+    ipcRenderer.invoke('project:package', parentDir, sourceProjectPath, project, options),
   openProjectDialog: () => ipcRenderer.invoke('project:open-dialog'),
+  newEditorWindow: () => ipcRenderer.send('window:new'),
+  takeInitialProjectPath: () => ipcRenderer.invoke('window:initial-project'),
+  setWindowProjectState: (state) => ipcRenderer.send('window:project-state', state),
   readProject: (path) => ipcRenderer.invoke('project:read', path),
   writeProject: (path, project) => ipcRenderer.invoke('project:write', path, project),
   autosaveProject: (project, mainPath) => ipcRenderer.invoke('project:autosave', project, mainPath),
@@ -103,17 +109,24 @@ const api: KadrApi = {
     return () => ipcRenderer.removeListener('reverse:progress', handler)
   },
   requestProxy: (path, duration, opts) => ipcRenderer.invoke('proxy:request', path, duration, opts),
+  rebuildProxy: (path, duration, opts) => ipcRenderer.invoke('proxy:rebuild', path, duration, opts),
+  timelineThumbnails: (request) => ipcRenderer.invoke('thumbnail:timeline', request),
+  visualFingerprint: (paths, fragmentIds) =>
+    ipcRenderer.invoke('visual:fingerprint', paths, fragmentIds),
   requestDecoded: (path, duration, opts) => ipcRenderer.invoke('media:decoded', path, duration, opts),
   pickDirectory: (title) => ipcRenderer.invoke('dialog:pick-dir', title),
   saveSnapshot: (dir, baseName, png) => ipcRenderer.invoke('snapshot:save', dir, baseName, png),
+  saveStoryboardImage: (cacheKey, baseName, png) =>
+    ipcRenderer.invoke('storyboard:save-image', cacheKey, baseName, png),
   measureLoudness: (path, start, duration) => ipcRenderer.invoke('media:loudness', path, start, duration),
   onProxyProgress: (cb) => {
-    const handler = (_e: unknown, p: { path: string; progress: number }) => cb(p)
+    const handler = (_e: unknown, p: Parameters<typeof cb>[0]) => cb(p)
     ipcRenderer.on('proxy:progress', handler)
     return () => ipcRenderer.removeListener('proxy:progress', handler)
   },
 
   exportDialog: (name, ext) => ipcRenderer.invoke('export:dialog', name, ext),
+  htmlPlayerExport: (request) => ipcRenderer.invoke('html-player:export', request),
   exportBegin: (job) => ipcRenderer.invoke('export:begin', job),
   exportVideoChunk: (data, position) => ipcRenderer.invoke('export:video-chunk', data, position),
   exportRawBegin: (width, height, fps, outWidth, outHeight) =>
@@ -161,6 +174,32 @@ const api: KadrApi = {
   readTextFile: (path) => ipcRenderer.invoke('file:read-text', path),
   writeTextFile: (path, content) => ipcRenderer.invoke('file:write-text', path, content),
   statFile: (path) => ipcRenderer.invoke('file:stat', path),
+  createSrtFile: (suggestedName, start) => ipcRenderer.invoke('text:create-srt', suggestedName, start),
+  prepareTextDocument: (path) => ipcRenderer.invoke('text:prepare-document', path),
+
+  voiceoverStatus: (settings) => ipcRenderer.invoke('voiceover:status', settings),
+  voiceoverInstall: (settings) => ipcRenderer.invoke('voiceover:install', settings),
+  voiceoverInstallCancel: () => ipcRenderer.invoke('voiceover:install-cancel'),
+  onVoiceoverInstallProgress: (cb) => {
+    const handler = (_e: unknown, p: Parameters<typeof cb>[0]) => cb(p)
+    ipcRenderer.on('voiceover:install-progress', handler)
+    return () => ipcRenderer.removeListener('voiceover:install-progress', handler)
+  },
+  voiceCloneList: () => ipcRenderer.invoke('voice-clone:list'),
+  voiceClonePickFile: () => ipcRenderer.invoke('voice-clone:pick-file'),
+  voiceClonePrepare: (sourcePath) => ipcRenderer.invoke('voice-clone:prepare', sourcePath),
+  voiceCloneProcess: (sourcePath, options) => ipcRenderer.invoke('voice-clone:process', sourcePath, options),
+  voiceCloneTranscribe: (sourcePath) => ipcRenderer.invoke('voice-clone:transcribe', sourcePath),
+  voiceCloneSave: (request) => ipcRenderer.invoke('voice-clone:save', request),
+  voiceCloneDelete: (voiceId) => ipcRenderer.invoke('voice-clone:delete', voiceId),
+  voiceCloneDiscard: (paths) => ipcRenderer.invoke('voice-clone:discard', paths),
+  voiceoverGenerate: (req) => ipcRenderer.invoke('voiceover:generate', req),
+  voiceoverCancel: () => ipcRenderer.invoke('voiceover:cancel'),
+  onVoiceoverProgress: (cb) => {
+    const handler = (_e: unknown, p: Parameters<typeof cb>[0]) => cb(p)
+    ipcRenderer.on('voiceover:progress', handler)
+    return () => ipcRenderer.removeListener('voiceover:progress', handler)
+  },
 
   claudeOpen: (cols, rows, cwd) => ipcRenderer.invoke('claude:open', cols, rows, cwd),
   claudeInput: (data) => ipcRenderer.send('claude:input', data),
@@ -175,6 +214,11 @@ const api: KadrApi = {
     const handler = (_e: unknown, code: number) => cb(code)
     ipcRenderer.on('claude:exit', handler)
     return () => ipcRenderer.removeListener('claude:exit', handler)
+  },
+  onMenuCommand: (cb) => {
+    const handler = (_e: unknown, cmd: MenuCommand) => cb(cmd)
+    ipcRenderer.on('menu:command', handler)
+    return () => ipcRenderer.removeListener('menu:command', handler)
   }
 }
 
diff --git a/electron/project-package.ts b/electron/project-package.ts
new file mode 100644
index 0000000..0cd74ec
--- /dev/null
+++ b/electron/project-package.ts
@@ -0,0 +1,248 @@
+import { ZipArchive } from 'archiver'
+import { createWriteStream } from 'fs'
+import { promises as fs } from 'fs'
+import {
+  basename, dirname, isAbsolute, join, relative, resolve, sep
+} from 'path'
+import type { Project, ProjectPackageOptions, ProjectPackageResult } from '@shared/types'
+import { copyProjectFragments, restoreProjectFragments } from './fragments'
+
+const clone = <T>(value: T): T => JSON.parse(JSON.stringify(value))
+
+function safeName(value: string, fallback: string): string {
+  return value
+    .replace(/[<>:"/\\|?*\u0000-\u001f]/g, '_')
+    .replace(/[. ]+$/g, '')
+    .trim()
+    .slice(0, 120) || fallback
+}
+
+function pathIsAbsolute(value: string): boolean {
+  return isAbsolute(value) || /^[a-zA-Z]:[\\/]/.test(value) || /^\\\\/.test(value)
+}
+
+function resolveStoredPath(value: string, projectPath: string): string {
+  if (!value || pathIsAbsolute(value) || /^[a-z][a-z0-9+.-]*:/i.test(value)) return value
+  return resolve(dirname(projectPath), value)
+}
+
+function insideProject(value: string, projectPath: string): string {
+  if (!value || !pathIsAbsolute(value)) return value
+  const rel = relative(dirname(projectPath), value)
+  if (!rel || rel === '..' || rel.startsWith(`..${sep}`) || pathIsAbsolute(rel)) return value
+  return rel.split(sep).join('/')
+}
+
+function mapProjectPaths(project: Project, map: (path: string) => string): Project {
+  const next = clone(project)
+  for (const asset of next.assets) {
+    asset.path = map(asset.path)
+    if (asset.proxyPath) asset.proxyPath = map(asset.proxyPath)
+    if (asset.voice?.rawPath) asset.voice.rawPath = map(asset.voice.rawPath)
+  }
+  for (const text of next.texts ?? []) text.path = map(text.path)
+  for (const track of next.tracks) {
+    for (const clip of track.clips) {
+      const history = clip.voiceover
+      if (history?.settings.customVoice) {
+        history.settings.customVoice.referencePath = map(history.settings.customVoice.referencePath)
+      }
+      for (const version of history?.versions ?? []) {
+        version.path = map(version.path)
+        if (version.settings.customVoice) {
+          version.settings.customVoice.referencePath = map(version.settings.customVoice.referencePath)
+        }
+      }
+    }
+  }
+  for (const voice of next.voiceClones ?? []) voice.referencePath = map(voice.referencePath)
+  return next
+}
+
+function customVoiceRecords(project: Project) {
+  const records = [...(project.voiceClones ?? [])]
+  for (const track of project.tracks) {
+    for (const clip of track.clips) {
+      if (clip.voiceover?.settings.customVoice) records.push(clip.voiceover.settings.customVoice)
+      for (const version of clip.voiceover?.versions ?? []) {
+        if (version.settings.customVoice) records.push(version.settings.customVoice)
+      }
+    }
+  }
+  return records
+}
+
+/** Copy custom references beside an ordinary .kadr save. Media dependencies
+ * remain external, but a voice identity is always part of the project. */
+export async function embedProjectVoiceClones(project: Project, projectPath: string): Promise<Project> {
+  const next = clone(project)
+  const records = customVoiceRecords(next)
+  if (!records.length) return next
+  const destination = join(
+    dirname(projectPath),
+    `${basename(projectPath, '.kadr')}.media`,
+    'voices'
+  )
+  await fs.mkdir(destination, { recursive: true })
+  const copied = new Map<string, string>()
+  for (const voice of records) {
+    const source = resolveStoredPath(voice.referencePath, projectPath)
+    let target = copied.get(source)
+    if (!target) {
+      target = join(destination, `${safeName(voice.id, 'custom-voice')}.wav`)
+      if (resolve(source) !== resolve(target)) await fs.copyFile(source, target)
+      copied.set(source, target)
+    }
+    voice.referencePath = target
+  }
+  return next
+}
+
+export function projectForDisk(project: Project, projectPath: string): Project {
+  return mapProjectPaths(project, (value) => insideProject(value, projectPath))
+}
+
+export async function readProjectFile(projectPath: string): Promise<Project> {
+  const stored = JSON.parse(await fs.readFile(projectPath, 'utf8')) as Project
+  const project = mapProjectPaths(stored, (value) => resolveStoredPath(value, projectPath))
+  const fragmentIds = [...new Set(project.tracks.flatMap((track) => track.clips)
+    .filter((clip) => clip.kind === 'remotion' && clip.fragmentId)
+    .map((clip) => clip.fragmentId!))]
+  if (fragmentIds.length) {
+    await restoreProjectFragments(join(dirname(projectPath), 'fragments'), fragmentIds)
+  }
+  return project
+}
+
+async function uniqueDirectory(parentDir: string, name: string, reserveZip: boolean): Promise<string> {
+  for (let index = 1; index < 10_000; index++) {
+    const candidateName = index === 1 ? name : `${name} ${index}`
+    const candidate = join(parentDir, candidateName)
+    if (reserveZip) {
+      try {
+        await fs.access(join(parentDir, `${candidateName}.zip`))
+        continue
+      } catch { /* available */ }
+    }
+    try {
+      await fs.mkdir(candidate)
+      return candidate
+    } catch (error: any) {
+      if (error?.code !== 'EEXIST') throw error
+    }
+  }
+  throw new Error('Could not create a unique project folder')
+}
+
+async function zipDirectory(folderPath: string, zipPath: string): Promise<void> {
+  await new Promise<void>((resolvePromise, reject) => {
+    const output = createWriteStream(zipPath)
+    const archive = new ZipArchive({ zlib: { level: 6 } })
+    output.once('close', resolvePromise)
+    output.once('error', reject)
+    archive.once('error', reject)
+    archive.pipe(output)
+    archive.directory(folderPath, basename(folderPath))
+    void archive.finalize()
+  })
+}
+
+export async function packageProject(
+  parentDir: string,
+  sourceProjectPath: string | null,
+  project: Project,
+  options: ProjectPackageOptions
+): Promise<ProjectPackageResult> {
+  const folderName = safeName(project.name, 'Project')
+  const folderPath = await uniqueDirectory(parentDir, folderName, options.zip)
+  const projectPath = join(folderPath, `${folderName}.kadr`)
+  let zipPath: string | undefined
+
+  try {
+    let packaged = clone(project)
+    if (options.includeDependencies) {
+      const copied = new Map<string, string>()
+      let fileIndex = 0
+      const sourcePath = (value: string) => resolveStoredPath(value, sourceProjectPath ?? projectPath)
+      const copy = async (value: string, group: 'media' | 'texts', required: boolean): Promise<string | null> => {
+        const source = sourcePath(value)
+        const key = resolve(source)
+        const existing = copied.get(key)
+        if (existing) return existing
+        try {
+          const stat = await fs.stat(source)
+          if (!stat.isFile()) throw new Error('not a file')
+        } catch (error) {
+          if (!required) return null
+          throw new Error(`Dependency is missing: ${source}`, { cause: error })
+        }
+        const relativePath = `${group}/${String(++fileIndex).padStart(3, '0')}-${safeName(basename(source), 'file')}`
+        await fs.mkdir(join(folderPath, group), { recursive: true })
+        await fs.copyFile(source, join(folderPath, relativePath))
+        copied.set(key, relativePath)
+        return relativePath
+      }
+
+      for (const asset of packaged.assets) {
+        asset.path = (await copy(asset.path, 'media', true))!
+        if (asset.proxyPath) {
+          const proxy = await copy(asset.proxyPath, 'media', false)
+          if (proxy) asset.proxyPath = proxy
+          else delete asset.proxyPath
+        }
+        if (asset.voice?.rawPath) {
+          const raw = await copy(asset.voice.rawPath, 'media', false)
+          if (raw) asset.voice.rawPath = raw
+          else delete asset.voice.rawPath
+        }
+      }
+      for (const text of packaged.texts ?? []) {
+        text.path = (await copy(text.path, 'texts', true))!
+      }
+      for (const track of packaged.tracks) {
+        for (const clip of track.clips) {
+          const versions = clip.voiceover?.versions ?? []
+          for (const version of versions) {
+            const path = await copy(version.path, 'media', false)
+            if (path) version.path = path
+          }
+        }
+      }
+
+      const fragmentIds = [...new Set(packaged.tracks.flatMap((track) => track.clips)
+        .filter((clip) => clip.kind === 'remotion' && clip.fragmentId)
+        .map((clip) => clip.fragmentId!))]
+      if (fragmentIds.length) {
+        await copyProjectFragments(fragmentIds, join(folderPath, 'fragments'))
+      }
+    }
+
+    // Voice identities are always portable, even when the user chooses not to
+    // copy the much larger media dependencies.
+    const copiedVoices = new Map<string, string>()
+    for (const voice of customVoiceRecords(packaged)) {
+      const source = resolveStoredPath(voice.referencePath, sourceProjectPath ?? projectPath)
+      let relativePath = copiedVoices.get(resolve(source))
+      if (!relativePath) {
+        relativePath = `voices/${safeName(voice.id, 'custom-voice')}.wav`
+        await fs.mkdir(join(folderPath, 'voices'), { recursive: true })
+        await fs.copyFile(source, join(folderPath, relativePath))
+        copiedVoices.set(resolve(source), relativePath)
+      }
+      voice.referencePath = relativePath
+    }
+
+    if (!options.includeDependencies) packaged = projectForDisk(packaged, projectPath)
+
+    await fs.writeFile(projectPath, JSON.stringify(packaged, null, 1), 'utf8')
+    if (options.zip) {
+      zipPath = join(parentDir, `${basename(folderPath)}.zip`)
+      await zipDirectory(folderPath, zipPath)
+    }
+    return { projectPath, folderPath, zipPath }
+  } catch (error) {
+    await fs.rm(folderPath, { recursive: true, force: true })
+    if (zipPath) await fs.rm(zipPath, { force: true })
+    throw error
+  }
+}
diff --git a/electron/thumbnails.ts b/electron/thumbnails.ts
new file mode 100644
index 0000000..f6a1b69
--- /dev/null
+++ b/electron/thumbnails.ts
@@ -0,0 +1,203 @@
+import { app, BrowserWindow, ipcMain } from 'electron'
+import { execFile } from 'child_process'
+import { promises as fs } from 'fs'
+import { createHash, randomUUID } from 'crypto'
+import { join } from 'path'
+import { promisify } from 'util'
+import { FFMPEG } from './ffmpeg'
+import { fragmentContentVersion, fragmentPreviewInfo } from './fragments'
+import type { TimelineThumbnailFrame, TimelineThumbnailRequest } from '@shared/types'
+
+const execFileP = promisify(execFile)
+const CACHE_VERSION = 'filmstrip-v2'
+const MAX_CACHE_BYTES = 512 * 1024 * 1024
+const MAX_CACHE_AGE_MS = 30 * 24 * 60 * 60 * 1000
+
+const cacheDir = () => join(app.getPath('userData'), 'timeline-thumbnails', CACHE_VERSION)
+const sha = (value: string) => createHash('sha1').update(value).digest('hex')
+const delay = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms))
+let thumbnailChain: Promise<unknown> = Promise.resolve()
+let lastCleanup = 0
+
+function normalizedRequest(request: TimelineThumbnailRequest): TimelineThumbnailRequest {
+  if (!request || (request.kind !== 'media' && request.kind !== 'remotion')) {
+    throw new Error('invalid thumbnail request')
+  }
+  const width = Math.max(48, Math.min(384, Math.round(Number(request.width) || 96)))
+  const height = Math.max(28, Math.min(216, Math.round(Number(request.height) || 54)))
+  const times = [...new Set((request.times ?? [])
+    .map(Number)
+    .filter((t) => Number.isFinite(t) && t >= 0)
+    .map((t) => Math.round(t * 1000) / 1000))]
+    .sort((a, b) => a - b)
+    .slice(0, 32)
+  if (!times.length) return { ...request, width, height, times }
+  if (request.kind === 'media' && !request.sourcePath) throw new Error('sourcePath is required')
+  if (request.kind === 'remotion' && !request.fragmentId) throw new Error('fragmentId is required')
+  return { ...request, width, height, times }
+}
+
+async function readDataUrl(path: string, mime: string): Promise<string> {
+  const data = await fs.readFile(path)
+  return `data:${mime};base64,${data.toString('base64')}`
+}
+
+async function atomicGenerate(path: string, generate: (tmp: string) => Promise<void>): Promise<void> {
+  try {
+    await fs.access(path)
+    return
+  } catch { /* cache miss */ }
+  await fs.mkdir(cacheDir(), { recursive: true })
+  const ext = path.endsWith('.png') ? '.png' : '.jpg'
+  const tmp = join(cacheDir(), `${randomUUID()}.part${ext}`)
+  try {
+    await generate(tmp)
+    const st = await fs.stat(tmp)
+    if (st.size < 64) throw new Error('thumbnail encoder produced an empty image')
+    await fs.rename(tmp, path).catch(async (err: NodeJS.ErrnoException) => {
+      if (err.code !== 'EEXIST') throw err
+    })
+  } finally {
+    await fs.unlink(tmp).catch(() => { /* already renamed or never created */ })
+  }
+}
+
+async function mediaFrames(request: TimelineThumbnailRequest): Promise<TimelineThumbnailFrame[]> {
+  const source = request.sourcePath!
+  const stat = await fs.stat(source)
+  if (!stat.isFile()) throw new Error('thumbnail source is not a file')
+  const sourceVersion = sha(`${source}:${stat.size}:${Math.round(stat.mtimeMs)}:${request.cacheKey ?? ''}`)
+  const out: TimelineThumbnailFrame[] = []
+  for (const time of request.times) {
+    const key = sha(`${CACHE_VERSION}:media:${sourceVersion}:${time}:${request.width}x${request.height}`)
+    const path = join(cacheDir(), `${key}.jpg`)
+    try {
+      await atomicGenerate(path, async (tmp) => {
+        await execFileP(FFMPEG, [
+          '-y', '-v', 'error', '-ss', String(time), '-i', source,
+          '-map', '0:v:0', '-frames:v', '1', '-an',
+          '-vf',
+          `scale=${request.width}:${request.height}:force_original_aspect_ratio=decrease,` +
+            `pad=${request.width}:${request.height}:(ow-iw)/2:(oh-ih)/2:color=black,format=yuvj420p`,
+          // Some packaged FFmpeg builds fail to initialize the threaded MJPEG
+          // encoder for tiny images. A single thread is cheap at filmstrip size.
+          '-threads', '1', '-q:v', '5', tmp
+        ], { maxBuffer: 2 * 1024 * 1024 })
+      })
+      out.push({ time, dataUrl: await readDataUrl(path, 'image/jpeg') })
+    } catch {
+      // Return the healthy frames from the batch. One awkward timestamp near
+      // EOF must not blank the entire filmstrip.
+    }
+  }
+  return out
+}
+
+async function remotionFrames(request: TimelineThumbnailRequest): Promise<TimelineThumbnailFrame[]> {
+  const id = request.fragmentId!
+  const info = await fragmentPreviewInfo(id)
+  const version = sha(`${info.version}:${request.cacheKey ?? ''}`)
+  const out: TimelineThumbnailFrame[] = []
+  const missing: Array<{ time: number; path: string }> = []
+  for (const time of request.times) {
+    const key = sha(`${CACHE_VERSION}:remotion:${id}:${version}:${time}:${request.width}x${request.height}`)
+    const path = join(cacheDir(), `${key}.png`)
+    try {
+      out.push({ time, dataUrl: await readDataUrl(path, 'image/png') })
+    } catch {
+      missing.push({ time, path })
+    }
+  }
+  if (!missing.length) return out.sort((a, b) => a.time - b.time)
+
+  const win = new BrowserWindow({
+    show: false,
+    frame: false,
+    transparent: true,
+    width: request.width,
+    height: request.height,
+    enableLargerThanScreen: true,
+    webPreferences: { offscreen: true, backgroundThrottling: false }
+  })
+  win.setContentSize(request.width, request.height)
+  win.webContents.setFrameRate(30)
+  try {
+    await win.loadURL(`${info.url}/?comp=${encodeURIComponent(id)}`)
+    await delay(450)
+    for (const item of missing) {
+      const frame = Math.max(0, Math.round(item.time * info.fps))
+      await win.webContents.executeJavaScript(
+        `window.postMessage(${JSON.stringify({
+          kadr: true, type: 'sync', frame, playing: false, volume: 0
+        })}, '*'); 0`,
+        true
+      )
+      await delay(140)
+      await atomicGenerate(item.path, async (tmp) => {
+        const image = await win.webContents.capturePage()
+        await fs.writeFile(tmp, image.toPNG())
+      })
+      out.push({ time: item.time, dataUrl: await readDataUrl(item.path, 'image/png') })
+    }
+  } finally {
+    if (!win.isDestroyed()) win.destroy()
+  }
+  return out.sort((a, b) => a.time - b.time)
+}
+
+async function cleanupCache(): Promise<void> {
+  if (Date.now() - lastCleanup < 60 * 60 * 1000) return
+  lastCleanup = Date.now()
+  let names: string[]
+  try { names = await fs.readdir(cacheDir()) } catch { return }
+  const entries = (await Promise.all(names.map(async (name) => {
+    const path = join(cacheDir(), name)
+    try {
+      const stat = await fs.stat(path)
+      return { path, size: stat.size, mtimeMs: stat.mtimeMs }
+    } catch { return null }
+  }))).filter((x): x is NonNullable<typeof x> => !!x)
+  const now = Date.now()
+  for (const entry of entries) {
+    if (now - entry.mtimeMs > MAX_CACHE_AGE_MS) await fs.unlink(entry.path).catch(() => {})
+  }
+  let total = entries.reduce((sum, entry) => sum + entry.size, 0)
+  if (total <= MAX_CACHE_BYTES) return
+  for (const entry of entries.sort((a, b) => a.mtimeMs - b.mtimeMs)) {
+    await fs.unlink(entry.path).catch(() => {})
+    total -= entry.size
+    if (total <= MAX_CACHE_BYTES * 0.85) break
+  }
+}
+
+async function visualFingerprint(paths: string[], fragmentIds: string[]): Promise<string> {
+  const parts: string[] = [CACHE_VERSION]
+  for (const path of [...new Set(paths)].sort()) {
+    try {
+      const st = await fs.stat(path)
+      parts.push(`m:${path}:${st.size}:${Math.round(st.mtimeMs)}`)
+    } catch {
+      parts.push(`m:${path}:missing`)
+    }
+  }
+  for (const id of [...new Set(fragmentIds)].sort()) {
+    try { parts.push(`f:${id}:${fragmentContentVersion(id)}`) }
+    catch { parts.push(`f:${id}:missing`) }
+  }
+  return sha(parts.join('\n'))
+}
+
+export function registerThumbnailIpc(): void {
+  ipcMain.handle('thumbnail:timeline', (_event, raw: TimelineThumbnailRequest) => {
+    const request = normalizedRequest(raw)
+    const job = thumbnailChain.then(() =>
+      request.kind === 'media' ? mediaFrames(request) : remotionFrames(request)
+    )
+    thumbnailChain = job.catch(() => { /* a bad source must not stop later jobs */ })
+    void cleanupCache()
+    return job
+  })
+  ipcMain.handle('visual:fingerprint', (_event, paths: string[], fragmentIds: string[]) =>
+    visualFingerprint(Array.isArray(paths) ? paths : [], Array.isArray(fragmentIds) ? fragmentIds : [])
+  )
+}
diff --git a/electron/transcribe.ts b/electron/transcribe.ts
index 53affae..0e38193 100644
--- a/electron/transcribe.ts
+++ b/electron/transcribe.ts
@@ -2,21 +2,45 @@
 // segment graph as exports — what you hear is what gets transcribed), then
 // run faster-whisper via scripts/transcribe.py, streaming progress and live
 // text to the renderer. One job at a time.
-import { app, ipcMain, BrowserWindow } from 'electron'
-import { spawn, ChildProcess } from 'child_process'
+import { app, ipcMain, BrowserWindow, dialog } from 'electron'
+import { execFile, spawn, ChildProcess } from 'child_process'
 import { promises as fs } from 'fs'
-import { join } from 'path'
-import { tmpdir } from 'os'
+import { basename, extname, join } from 'path'
+import { homedir, tmpdir } from 'os'
+import { createHash } from 'crypto'
+import { promisify } from 'util'
 import { ExportMuxer } from './ffmpeg'
 import type { TranscribeRequest, TranscribeResult, TranscribeSegment } from '@shared/types'
 
-let current: { muxer: ExportMuxer | null; py: ChildProcess | null; cancelled: boolean } | null = null
+const execFileAsync = promisify(execFile)
+
+let current: {
+  ownerId: number
+  muxer: ExportMuxer | null
+  py: ChildProcess | null
+  cancelled: boolean
+} | null = null
+
+async function transcribePython(): Promise<string> {
+  const configPath = join(homedir(), '.config', 'kadr', 'transcribe.json')
+  try {
+    const config = JSON.parse(await fs.readFile(configPath, 'utf8')) as { pythonPath?: string }
+    return process.env.KADR_TRANSCRIBE_PYTHON || config.pythonPath || 'python3'
+  } catch {
+    return process.env.KADR_TRANSCRIBE_PYTHON || 'python3'
+  }
+}
 
 async function run(win: BrowserWindow, req: TranscribeRequest): Promise<TranscribeResult> {
   if (current) throw new Error('transcription already running')
-  const job = { muxer: null as ExportMuxer | null, py: null as ChildProcess | null, cancelled: false }
+  const job = {
+    ownerId: win.webContents.id,
+    muxer: null as ExportMuxer | null,
+    py: null as ChildProcess | null,
+    cancelled: false
+  }
   current = job
-  const wav = join(tmpdir(), `kadr-transcribe-${Date.now()}.wav`)
+  const wav = join(tmpdir(), `kadr-transcribe-${job.ownerId}-${Date.now()}.wav`)
   const send = (progress: number, text: string) =>
     win.webContents.send('transcribe:progress', { progress, text })
 
@@ -47,8 +71,9 @@ async function run(win: BrowserWindow, req: TranscribeRequest): Promise<Transcri
     const segments: TranscribeSegment[] = []
     let language = req.language
     let liveText = ''
+    const python = await transcribePython()
     await new Promise<void>((resolve, reject) => {
-      const py = spawn('python3', [
+      const py = spawn(python, [
         join(app.getAppPath(), 'scripts', 'transcribe.py'),
         '--audio', wav,
         '--model', req.model,
@@ -78,11 +103,18 @@ async function run(win: BrowserWindow, req: TranscribeRequest): Promise<Transcri
         }
       })
       py.stderr.on('data', (c) => { err += c })
-      py.on('error', reject)
+      py.on('error', (error) => reject(new Error(
+        `Не удалось запустить Python для транскрибации (${python}): ${error.message}. ` +
+        'См. раздел «Локальная транскрибация» в README.md'
+      )))
       py.on('close', (code) => {
         job.py = null
         if (job.cancelled) reject(new Error('cancelled'))
         else if (code === 0) resolve()
+        else if (err.includes("No module named 'faster_whisper'")) reject(new Error(
+          `В Python ${python} не установлен faster-whisper. ` +
+          'Настройте окружение по разделу «Локальная транскрибация» в README.md'
+        ))
         else reject(new Error(err.slice(0, 800) || `transcribe.py exited ${code}`))
       })
     })
@@ -94,14 +126,14 @@ async function run(win: BrowserWindow, req: TranscribeRequest): Promise<Transcri
   }
 }
 
-export function registerTranscribeIpc(getWin: () => BrowserWindow | null) {
-  ipcMain.handle('transcribe:run', (_e, req: TranscribeRequest) => {
-    const win = getWin()
+export function registerTranscribeIpc() {
+  ipcMain.handle('transcribe:run', (event, req: TranscribeRequest) => {
+    const win = BrowserWindow.fromWebContents(event.sender)
     if (!win) throw new Error('no window')
     return run(win, req)
   })
-  ipcMain.handle('transcribe:cancel', () => {
-    if (!current) return
+  ipcMain.handle('transcribe:cancel', (event) => {
+    if (!current || current.ownerId !== event.sender.id) return
     current.cancelled = true
     current.muxer?.cancel()
     current.py?.kill('SIGKILL')
@@ -125,4 +157,63 @@ export function registerTranscribeIpc(getWin: () => BrowserWindow | null) {
       return null
     }
   })
+
+  ipcMain.handle('text:create-srt', async (event, suggestedName: string, start: number) => {
+    const win = BrowserWindow.fromWebContents(event.sender)
+    if (!win) throw new Error('no window')
+    const safeName = (suggestedName || 'subtitles')
+      .replace(/\.srt$/i, '')
+      .replace(/[^\p{L}\p{N} _.-]+/gu, '_')
+      .trim()
+      .slice(0, 80) || 'subtitles'
+    const result = await dialog.showSaveDialog(win, {
+      title: 'Создать файл субтитров',
+      defaultPath: join(app.getPath('documents'), `${safeName}.srt`),
+      filters: [{ name: 'SubRip subtitles', extensions: ['srt'] }]
+    })
+    if (result.canceled || !result.filePath) return null
+    const path = result.filePath.toLowerCase().endsWith('.srt')
+      ? result.filePath
+      : `${result.filePath}.srt`
+    const from = Math.max(0, Number.isFinite(start) ? start : 0)
+    const toSrtTime = (seconds: number) => {
+      const ms = Math.round(seconds * 1000)
+      const hh = Math.floor(ms / 3_600_000)
+      const mm = Math.floor((ms % 3_600_000) / 60_000)
+      const ss = Math.floor((ms % 60_000) / 1000)
+      const mmm = ms % 1000
+      return `${String(hh).padStart(2, '0')}:${String(mm).padStart(2, '0')}:` +
+        `${String(ss).padStart(2, '0')},${String(mmm).padStart(3, '0')}`
+    }
+    await fs.writeFile(path, `1\n${toSrtTime(from)} --> ${toSrtTime(from + 3)}\n\n`, 'utf8')
+    return path
+  })
+
+  ipcMain.handle('text:prepare-document', async (_event, path: string) => {
+    const ext = extname(path).toLowerCase()
+    if (ext !== '.doc' && ext !== '.docx') throw new Error('Поддерживаются только DOC и DOCX')
+    if (process.platform !== 'darwin') {
+      throw new Error('Импорт DOC/DOCX сейчас поддерживается только в версии Kadr для macOS')
+    }
+    const stat = await fs.stat(path)
+    if (!stat.isFile()) throw new Error('Файл сценария не найден')
+    if (stat.size > 100 * 1024 * 1024) throw new Error('Файл сценария больше 100 МБ')
+    const converted = await execFileAsync('/usr/bin/textutil', [
+      '-convert', 'txt', '-stdout', path
+    ], { encoding: 'utf8', maxBuffer: 32 * 1024 * 1024, timeout: 60_000 })
+    const text = String(converted.stdout).replace(/^\uFEFF/, '')
+    if (!text.trim()) throw new Error(`В ${basename(path)} не найден текст`)
+    const dir = join(app.getPath('userData'), 'text-documents')
+    await fs.mkdir(dir, { recursive: true })
+    const tag = createHash('sha1')
+      .update(`${path}\0${stat.size}\0${stat.mtimeMs}`)
+      .digest('hex')
+      .slice(0, 12)
+    const stem = basename(path, ext).replace(/[^\p{L}\p{N}_.-]+/gu, '_').slice(0, 70) || 'document'
+    const outputPath = join(dir, `${stem}-${tag}.txt`)
+    const pending = `${outputPath}.part`
+    await fs.writeFile(pending, text, 'utf8')
+    await fs.rename(pending, outputPath)
+    return { path: outputPath, name: basename(path) }
+  })
 }
diff --git a/electron/voice-clones.ts b/electron/voice-clones.ts
new file mode 100644
index 0000000..9c7991f
--- /dev/null
+++ b/electron/voice-clones.ts
@@ -0,0 +1,238 @@
+import { app, BrowserWindow, dialog, ipcMain } from 'electron'
+import type { OpenDialogOptions } from 'electron'
+import { execFile } from 'child_process'
+import { randomUUID } from 'crypto'
+import { promises as fs, existsSync } from 'fs'
+import { basename, dirname, extname, join, resolve } from 'path'
+import { promisify } from 'util'
+import type {
+  VoiceClonePreview,
+  VoiceCloneProcessingOptions,
+  VoiceCloneSaveRequest,
+  VoiceoverCustomVoice
+} from '@shared/types'
+import { FFMPEG, probeMedia } from './ffmpeg'
+
+const execFileAsync = promisify(execFile)
+const MAX_REFERENCE_SECONDS = 120
+let libraryMutation: Promise<unknown> = Promise.resolve()
+
+function libraryRoot(): string {
+  return join(app.getPath('userData'), 'voice-clones')
+}
+
+function libraryPath(): string {
+  return join(libraryRoot(), 'library.json')
+}
+
+function tempRoot(): string {
+  return join(app.getPath('temp'), 'kadr-voice-clones')
+}
+
+function safeName(value: string): string {
+  return value.replace(/[^\p{L}\p{N} ._-]/gu, '_').trim().slice(0, 80) || 'Мой голос'
+}
+
+async function readLibrary(): Promise<VoiceoverCustomVoice[]> {
+  try {
+    const parsed = JSON.parse(await fs.readFile(libraryPath(), 'utf8'))
+    if (!Array.isArray(parsed)) return []
+    return parsed.filter((voice): voice is VoiceoverCustomVoice =>
+      voice && typeof voice.id === 'string' && typeof voice.name === 'string' &&
+      typeof voice.referencePath === 'string' && existsSync(voice.referencePath))
+  } catch {
+    return []
+  }
+}
+
+async function writeLibrary(voices: VoiceoverCustomVoice[]): Promise<void> {
+  const path = libraryPath()
+  await fs.mkdir(dirname(path), { recursive: true })
+  const pending = `${path}.part`
+  await fs.writeFile(pending, JSON.stringify(voices, null, 2) + '\n', 'utf8')
+  await fs.rename(pending, path)
+}
+
+function mutateLibrary<T>(mutation: () => Promise<T>): Promise<T> {
+  const next = libraryMutation.then(mutation, mutation)
+  libraryMutation = next.then(() => undefined, () => undefined)
+  return next
+}
+
+async function tempOutput(label: string): Promise<string> {
+  const dir = tempRoot()
+  await fs.mkdir(dir, { recursive: true })
+  return join(dir, `${label}-${randomUUID()}.wav`)
+}
+
+async function runFfmpeg(sourcePath: string, outputPath: string, filters: string[]): Promise<void> {
+  if (!existsSync(sourcePath)) throw new Error('Исходный аудиофайл не найден')
+  const pending = outputPath.replace(/\.wav$/i, `.part-${randomUUID()}.wav`)
+  const args = [
+    '-y', '-hide_banner', '-loglevel', 'error', '-i', sourcePath,
+    '-map', '0:a:0', '-vn', '-t', String(MAX_REFERENCE_SECONDS),
+    ...(filters.length ? ['-af', filters.join(',')] : []),
+    '-ar', '24000', '-ac', '1', '-c:a', 'pcm_s16le', pending
+  ]
+  try {
+    await execFileAsync(FFMPEG, args, { maxBuffer: 8 * 1024 * 1024, timeout: 180_000 })
+    await fs.rename(pending, outputPath)
+  } catch (error: any) {
+    await fs.rm(pending, { force: true }).catch(() => undefined)
+    const detail = String(error?.stderr ?? error?.message ?? error).trim().slice(-1200)
+    throw new Error(`Не удалось обработать голос: ${detail}`)
+  }
+}
+
+async function inspect(path: string): Promise<VoiceClonePreview> {
+  const result = await probeMedia(path)
+  const duration = result.asset.duration
+  if (!result.asset.hasAudio && result.asset.kind !== 'audio') throw new Error('В файле нет звуковой дорожки')
+  if (duration < 1) throw new Error('Запись слишком короткая — нужно хотя бы 1 секунду речи')
+  return { path, duration }
+}
+
+async function prepare(sourcePath: string): Promise<VoiceClonePreview> {
+  const output = await tempOutput('original')
+  await runFfmpeg(sourcePath, output, [])
+  return inspect(output)
+}
+
+async function processVoice(
+  sourcePath: string,
+  options: VoiceCloneProcessingOptions
+): Promise<VoiceClonePreview> {
+  const filters: string[] = []
+  if (options.noiseReduction.enabled) {
+    const strength = Math.max(0, Math.min(1, options.noiseReduction.strength))
+    const noiseFloor = -35 + strength * 15
+    filters.push('highpass=f=65', `afftdn=nf=${noiseFloor.toFixed(1)}:tn=1`)
+  }
+  if (options.compressor.enabled) {
+    const thresholdDb = Math.max(-40, Math.min(-3, options.compressor.thresholdDb))
+    const threshold = Math.pow(10, thresholdDb / 20)
+    const ratio = Math.max(1, Math.min(12, options.compressor.ratio))
+    filters.push(`acompressor=threshold=${threshold.toFixed(5)}:ratio=${ratio.toFixed(2)}:attack=20:release=250:makeup=1`)
+  }
+  if (options.normalization.enabled) {
+    const target = Math.max(-30, Math.min(-10, options.normalization.targetLufs))
+    filters.push(`loudnorm=I=${target}:TP=-2:LRA=9`)
+  }
+  const output = await tempOutput('processed')
+  await runFfmpeg(sourcePath, output, filters)
+  return inspect(output)
+}
+
+async function transcribeReference(sourcePath: string): Promise<string> {
+  await inspect(sourcePath)
+  const configPath = join(app.getPath('home'), '.config', 'kadr', 'tts.json')
+  let config: { pythonPath?: string; cachePath?: string } = {}
+  try { config = JSON.parse(await fs.readFile(configPath, 'utf8')) } catch { /* optional config */ }
+  const pythonPath = process.env.KADR_TTS_PYTHON || config.pythonPath || ''
+  if (!pythonPath || !existsSync(pythonPath)) {
+    throw new Error('Для распознавания референса сначала установите F5‑TTS')
+  }
+  const script = [
+    'import json, sys',
+    'from f5_tts.infer.utils_infer import preprocess_ref_audio_text',
+    '_, text = preprocess_ref_audio_text(sys.argv[1], "", show_info=lambda *_: None)',
+    'print(json.dumps({"text": text.strip()}, ensure_ascii=False))'
+  ].join('; ')
+  try {
+    const { stdout } = await execFileAsync(pythonPath, ['-c', script, sourcePath], {
+      maxBuffer: 8 * 1024 * 1024,
+      timeout: 300_000,
+      env: {
+        ...process.env,
+        PYTHONUNBUFFERED: '1',
+        ...(config.cachePath ? { HF_HOME: config.cachePath, TORCH_HOME: join(config.cachePath, 'torch') } : {})
+      }
+    })
+    const line = stdout.trim().split(/\r?\n/).filter(Boolean).at(-1)
+    const text = line ? String((JSON.parse(line) as { text?: string }).text ?? '').trim() : ''
+    if (!text) throw new Error('Речь в референсе не распознана')
+    return text.replace(/\.\s*$/, '')
+  } catch (error: any) {
+    const detail = String(error?.stderr ?? error?.message ?? error).trim().slice(-1200)
+    throw new Error(`Не удалось распознать текст референса: ${detail}`)
+  }
+}
+
+async function saveClone(request: VoiceCloneSaveRequest): Promise<VoiceoverCustomVoice> {
+  if (!existsSync(request.processedPath)) throw new Error('Сначала выполните обработку записи')
+  if (!request.referenceText.trim()) throw new Error('Проверьте и укажите точный текст референса')
+  await inspect(request.processedPath)
+  return mutateLibrary(async () => {
+    const voices = await readLibrary()
+    const index = request.voiceId ? voices.findIndex((item) => item.id === request.voiceId) : -1
+    if (request.voiceId && index < 0) throw new Error('Редактируемый голос не найден в библиотеке')
+    const previous = index >= 0 ? voices[index] : undefined
+    const id = previous?.id ?? `custom_${randomUUID().replace(/-/g, '')}`
+    const root = libraryRoot()
+    await fs.mkdir(root, { recursive: true })
+    const referencePath = join(root, `${id}-${randomUUID().slice(0, 8)}.wav`)
+    const pending = `${referencePath}.part`
+    await fs.copyFile(request.processedPath, pending)
+    await fs.rename(pending, referencePath)
+    const voice: VoiceoverCustomVoice = {
+      id,
+      name: safeName(request.name),
+      description: request.description?.trim().slice(0, 240) || undefined,
+      referencePath,
+      referenceText: request.referenceText.trim(),
+      createdAt: previous?.createdAt ?? new Date().toISOString(),
+      source: request.source,
+      sourceLabel: request.sourceLabel?.trim().slice(0, 160) || basename(request.processedPath, extname(request.processedPath))
+    }
+    if (index >= 0) voices[index] = voice
+    else voices.push(voice)
+    await writeLibrary(voices)
+    return voice
+  })
+}
+
+async function deleteClone(voiceId: string): Promise<boolean> {
+  return mutateLibrary(async () => {
+    const voices = await readLibrary()
+    const filtered = voices.filter((voice) => voice.id !== voiceId)
+    if (filtered.length === voices.length) return false
+    // Keep the immutable WAV on disk: an open or portable project may still
+    // reference this exact take even after it disappears from the library.
+    await writeLibrary(filtered)
+    return true
+  })
+}
+
+async function discardTemporary(paths: string[]): Promise<void> {
+  const root = resolve(tempRoot())
+  await Promise.all(paths.map(async (path) => {
+    const candidate = resolve(path)
+    if (dirname(candidate) !== root) return
+    await fs.rm(candidate, { force: true }).catch(() => undefined)
+  }))
+}
+
+export function registerVoiceCloneIpc() {
+  ipcMain.handle('voice-clone:list', () => readLibrary())
+  ipcMain.handle('voice-clone:pick-file', async (event) => {
+    const options: OpenDialogOptions = {
+      properties: ['openFile'],
+      filters: [
+        { name: 'Аудио', extensions: ['wav', 'mp3', 'm4a', 'aac', 'flac', 'ogg', 'opus', 'webm', 'mp4', 'mov'] },
+        { name: 'Все файлы', extensions: ['*'] }
+      ]
+    }
+    const parent = BrowserWindow.fromWebContents(event.sender)
+    const result = parent
+      ? await dialog.showOpenDialog(parent, options)
+      : await dialog.showOpenDialog(options)
+    return result.canceled ? null : result.filePaths[0] ?? null
+  })
+  ipcMain.handle('voice-clone:prepare', (_event, sourcePath: string) => prepare(sourcePath))
+  ipcMain.handle('voice-clone:process', (_event, sourcePath: string, options: VoiceCloneProcessingOptions) =>
+    processVoice(sourcePath, options))
+  ipcMain.handle('voice-clone:transcribe', (_event, sourcePath: string) => transcribeReference(sourcePath))
+  ipcMain.handle('voice-clone:save', (_event, request: VoiceCloneSaveRequest) => saveClone(request))
+  ipcMain.handle('voice-clone:delete', (_event, voiceId: string) => deleteClone(voiceId))
+  ipcMain.handle('voice-clone:discard', (_event, paths: string[]) => discardTemporary(paths))
+}
diff --git a/electron/voiceover-installer.ts b/electron/voiceover-installer.ts
new file mode 100644
index 0000000..a361a55
--- /dev/null
+++ b/electron/voiceover-installer.ts
@@ -0,0 +1,296 @@
+import { app } from 'electron'
+import type { WebContents } from 'electron'
+import { spawn, type ChildProcess } from 'child_process'
+import { createHash } from 'crypto'
+import { createReadStream, createWriteStream, existsSync } from 'fs'
+import { promises as fs } from 'fs'
+import { homedir } from 'os'
+import { basename, dirname, join } from 'path'
+import { request } from 'https'
+import type { IncomingMessage } from 'http'
+import type { VoiceoverInstallProgress } from '@shared/types'
+import { VOICEOVER_VOICES } from '@shared/voiceover'
+
+const UV_VERSION = '0.12.5'
+const UV_ARCHIVE = 'uv-aarch64-apple-darwin.tar.gz'
+const UV_URL = `https://releases.astral.sh/github/uv/releases/download/${UV_VERSION}/${UV_ARCHIVE}`
+const UV_SHA256 = '5bb0e5fe008a773c3dbcb97ff79cd89e1241464fe9d2f986d52ad8f1b037bd62'
+const MODEL_REVISION = 'ea166adeae4c80ec5ee423a671e2bdb83906cf84'
+const MODEL_URL = 'https://huggingface.co/Misha24-10/F5-TTS_RUSSIAN/resolve/' +
+  `${MODEL_REVISION}/F5TTS_v1_Base_accent_tune/model_20000_inference.safetensors?download=true`
+const MODEL_SHA256 = '2500e3e1423680035acb8c66c60b3f0597e18fa1746aab43190a75830623b703'
+const VOCAB_URL = 'https://huggingface.co/Misha24-10/F5-TTS_RUSSIAN/resolve/' +
+  `${MODEL_REVISION}/F5TTS_v1_Base/vocab.txt?download=true`
+const VOCAB_SHA256 = '2a05f992e00af9b0bd3800a8d23e78d520dbd705284ed2eedb5f4bd29398fa3c'
+
+export interface InstalledVoiceoverRuntime {
+  pythonPath: string
+  modelPath: string
+  vocabPath: string
+  voicesPath: string
+  cachePath: string
+  ffmpegPath: string
+  configPath: string
+}
+
+let installAbort: AbortController | null = null
+let installProcess: ChildProcess | null = null
+
+const cancelledError = () => new Error('Установка F5-TTS отменена')
+
+function send(target: WebContents, progress: VoiceoverInstallProgress) {
+  if (!target.isDestroyed()) target.send('voiceover:install-progress', progress)
+}
+
+async function sha256(path: string): Promise<string> {
+  return new Promise((resolve, reject) => {
+    const hash = createHash('sha256')
+    const stream = createReadStream(path)
+    stream.on('data', (chunk) => hash.update(chunk))
+    stream.on('error', reject)
+    stream.on('end', () => resolve(hash.digest('hex')))
+  })
+}
+
+async function isVerified(path: string, expected: string): Promise<boolean> {
+  if (!existsSync(path)) return false
+  return (await sha256(path)) === expected
+}
+
+function responseLength(response: IncomingMessage): number {
+  const value = Number(response.headers['content-length'] ?? 0)
+  return Number.isFinite(value) ? value : 0
+}
+
+async function download(
+  url: string,
+  destination: string,
+  signal: AbortSignal,
+  onProgress: (downloaded: number, total: number) => void,
+  redirects = 0
+): Promise<void> {
+  if (signal.aborted) throw cancelledError()
+  if (redirects > 8) throw new Error('Слишком много перенаправлений при загрузке F5-TTS')
+  const partial = `${destination}.part`
+  const offset = await fs.stat(partial).then((stat) => stat.size).catch(() => 0)
+
+  return new Promise((resolve, reject) => {
+    const req = request(url, {
+      headers: offset > 0 ? { Range: `bytes=${offset}-`, 'User-Agent': 'Kadr-F5-Installer/1' }
+        : { 'User-Agent': 'Kadr-F5-Installer/1' }
+    }, (response) => {
+      const location = response.headers.location
+      if (location && response.statusCode && response.statusCode >= 300 && response.statusCode < 400) {
+        response.resume()
+        const next = new URL(location, url).toString()
+        void download(next, destination, signal, onProgress, redirects + 1).then(resolve, reject)
+        return
+      }
+      if (offset > 0 && response.statusCode === 200) {
+        response.resume()
+        void fs.unlink(partial).catch(() => {}).then(() =>
+          download(url, destination, signal, onProgress, redirects)).then(resolve, reject)
+        return
+      }
+      if (response.statusCode !== 200 && response.statusCode !== 206) {
+        response.resume()
+        reject(new Error(`Сервер загрузки вернул HTTP ${response.statusCode ?? 0}`))
+        return
+      }
+      const append = response.statusCode === 206 && offset > 0
+      let downloaded = append ? offset : 0
+      const total = downloaded + responseLength(response)
+      const output = createWriteStream(partial, { flags: append ? 'a' : 'w' })
+      const abort = () => {
+        req.destroy(cancelledError())
+        response.destroy(cancelledError())
+        output.destroy(cancelledError())
+      }
+      signal.addEventListener('abort', abort, { once: true })
+      response.on('data', (chunk: Buffer) => {
+        downloaded += chunk.length
+        onProgress(downloaded, total)
+      })
+      response.on('error', reject)
+      output.on('error', reject)
+      output.on('finish', () => {
+        signal.removeEventListener('abort', abort)
+        void fs.rename(partial, destination).then(() => resolve(), reject)
+      })
+      response.pipe(output)
+    })
+    req.on('error', reject)
+    req.end()
+  })
+}
+
+async function verifiedDownload(
+  url: string,
+  path: string,
+  checksum: string,
+  signal: AbortSignal,
+  onProgress: (downloaded: number, total: number) => void
+) {
+  if (await isVerified(path, checksum)) return
+  if (existsSync(path)) await fs.unlink(path)
+  await fs.mkdir(dirname(path), { recursive: true })
+  await download(url, path, signal, onProgress)
+  if (!await isVerified(path, checksum)) {
+    await fs.unlink(path).catch(() => {})
+    throw new Error(`Контрольная сумма ${basename(path)} не совпала`)
+  }
+}
+
+async function findExecutable(root: string, name: string): Promise<string | null> {
+  for (const entry of await fs.readdir(root, { withFileTypes: true })) {
+    const path = join(root, entry.name)
+    if (entry.isDirectory()) {
+      const nested = await findExecutable(path, name)
+      if (nested) return nested
+    } else if (entry.name === name) return path
+  }
+  return null
+}
+
+async function run(
+  command: string,
+  args: string[],
+  signal: AbortSignal,
+  env?: NodeJS.ProcessEnv
+): Promise<void> {
+  if (signal.aborted) throw cancelledError()
+  return new Promise((resolve, reject) => {
+    let tail = ''
+    const child = spawn(command, args, {
+      stdio: ['ignore', 'pipe', 'pipe'],
+      env: { ...process.env, ...env, PYTHONUNBUFFERED: '1' }
+    })
+    installProcess = child
+    const capture = (chunk: Buffer) => { tail = (tail + String(chunk)).slice(-5000) }
+    child.stdout.on('data', capture)
+    child.stderr.on('data', capture)
+    const abort = () => child.kill('SIGKILL')
+    signal.addEventListener('abort', abort, { once: true })
+    child.on('error', reject)
+    child.on('close', (code) => {
+      signal.removeEventListener('abort', abort)
+      if (installProcess === child) installProcess = null
+      if (signal.aborted) reject(cancelledError())
+      else if (code === 0) resolve()
+      else reject(new Error(tail.trim() || `${basename(command)} завершился с кодом ${code}`))
+    })
+  })
+}
+
+async function ensureUv(root: string, signal: AbortSignal, target: WebContents): Promise<string> {
+  if (process.platform !== 'darwin' || process.arch !== 'arm64') {
+    throw new Error('Автоустановка F5-TTS пока поддерживает macOS на Apple Silicon')
+  }
+  const tools = join(root, 'tools')
+  const uv = join(tools, 'uv')
+  if (existsSync(uv)) return uv
+  await fs.mkdir(tools, { recursive: true })
+  const archive = join(tools, UV_ARCHIVE)
+  send(target, { stage: 'runtime', progress: 0.08, message: 'Загружаю установщик Python' })
+  await verifiedDownload(UV_URL, archive, UV_SHA256, signal, (downloaded, total) =>
+    send(target, { stage: 'runtime', progress: 0.08 + 0.04 * (total ? downloaded / total : 0),
+      message: 'Загружаю установщик Python', downloadedBytes: downloaded, totalBytes: total }))
+  const unpack = join(tools, `uv-${UV_VERSION}`)
+  await fs.mkdir(unpack, { recursive: true })
+  await run('/usr/bin/tar', ['-xzf', archive, '-C', unpack], signal)
+  const extracted = await findExecutable(unpack, 'uv')
+  if (!extracted) throw new Error('В архиве uv не найден исполняемый файл')
+  await fs.copyFile(extracted, uv)
+  await fs.chmod(uv, 0o755)
+  return uv
+}
+
+async function copyVoices(root: string): Promise<string> {
+  const source = join(app.getAppPath(), 'resources', 'voiceover-voices')
+  const destination = join(root, 'voices')
+  await fs.mkdir(destination, { recursive: true })
+  for (const voice of VOICEOVER_VOICES) {
+    const bundled = join(source, voice.referenceFile)
+    if (!existsSync(bundled)) throw new Error(`В Kadr отсутствует голос №${voice.number}`)
+    await fs.copyFile(bundled, join(destination, voice.referenceFile))
+  }
+  return destination
+}
+
+export async function installVoiceoverBackend(target: WebContents): Promise<InstalledVoiceoverRuntime> {
+  if (installAbort) throw new Error('Установка F5-TTS уже выполняется')
+  const controller = new AbortController()
+  installAbort = controller
+  const { signal } = controller
+  try {
+    const root = join(app.getPath('userData'), 'tts')
+    const modelPath = join(root, 'model', 'model_20000_inference.safetensors')
+    const vocabPath = join(root, 'model', 'vocab.txt')
+    const venv = join(root, 'venv')
+    const pythonPath = join(venv, 'bin', 'python')
+    const configPath = join(homedir(), '.config', 'kadr', 'tts.json')
+    const cachePath = join(root, 'cache')
+    await fs.mkdir(root, { recursive: true })
+    send(target, { stage: 'preparing', progress: 0.02, message: 'Подготавливаю локальную установку' })
+
+    const uv = await ensureUv(root, signal, target)
+    if (!existsSync(pythonPath)) {
+      send(target, { stage: 'runtime', progress: 0.14, message: 'Устанавливаю изолированный Python 3.11' })
+      await run(uv, ['venv', '--python', '3.11', '--python-preference', 'only-managed', venv], signal,
+        { UV_PYTHON_INSTALL_DIR: join(root, 'python') })
+    }
+
+    send(target, { stage: 'packages', progress: 0.24, message: 'Устанавливаю F5-TTS и PyTorch' })
+    await run(uv, ['pip', 'install', '--python', pythonPath, 'f5-tts==1.1.22',
+      'soundfile==0.14.0'], signal, { UV_CACHE_DIR: join(root, 'uv-cache') })
+
+    send(target, { stage: 'model', progress: 0.48, message: 'Скачиваю русскую модель F5-TTS' })
+    await verifiedDownload(MODEL_URL, modelPath, MODEL_SHA256, signal, (downloaded, total) =>
+      send(target, { stage: 'model', progress: 0.48 + 0.39 * (total ? downloaded / total : 0),
+        message: 'Скачиваю русскую модель F5-TTS', downloadedBytes: downloaded, totalBytes: total }))
+    await verifiedDownload(VOCAB_URL, vocabPath, VOCAB_SHA256, signal, () => {})
+
+    send(target, { stage: 'voices', progress: 0.89, message: 'Устанавливаю 11 голосов' })
+    const voicesPath = await copyVoices(root)
+
+    send(target, { stage: 'validating', progress: 0.93, message: 'Проверяю модель и загружаю вокодер' })
+    const validation = [
+      'from f5_tts.api import F5TTS',
+      `F5TTS(model="F5TTS_v1_Base", ckpt_file=${JSON.stringify(modelPath)}, ` +
+        `vocab_file=${JSON.stringify(vocabPath)}, device="mps")`,
+      'print("ready")'
+    ].join(';')
+    await run(pythonPath, ['-c', validation], signal,
+      { HF_HOME: cachePath, TORCH_HOME: join(cachePath, 'torch') })
+
+    const config: InstalledVoiceoverRuntime = {
+      pythonPath,
+      modelPath,
+      vocabPath,
+      voicesPath,
+      cachePath,
+      ffmpegPath: 'ffmpeg',
+      configPath
+    }
+    await fs.mkdir(dirname(configPath), { recursive: true })
+    const pending = `${configPath}.part`
+    await fs.writeFile(pending, JSON.stringify({
+      pythonPath, modelPath, vocabPath, voicesPath, cachePath, ffmpegPath: 'ffmpeg'
+    }, null, 2) + '\n', 'utf8')
+    await fs.rename(pending, configPath)
+    send(target, { stage: 'done', progress: 1, message: 'F5-TTS установлен и готов' })
+    return config
+  } catch (error) {
+    const message = String(error instanceof Error ? error.message : error)
+    send(target, { stage: 'error', progress: 0, message })
+    throw error
+  } finally {
+    installAbort = null
+    installProcess = null
+  }
+}
+
+export function cancelVoiceoverInstall() {
+  installAbort?.abort()
+  try { installProcess?.kill('SIGKILL') } catch { /* already stopped */ }
+}
diff --git a/electron/voiceover.ts b/electron/voiceover.ts
new file mode 100644
index 0000000..3a4235e
--- /dev/null
+++ b/electron/voiceover.ts
@@ -0,0 +1,343 @@
+import { app, ipcMain } from 'electron'
+import type { WebContents } from 'electron'
+import { execFile, spawn, type ChildProcessWithoutNullStreams } from 'child_process'
+import { randomUUID } from 'crypto'
+import { promises as fs, existsSync } from 'fs'
+import { basename, dirname, join } from 'path'
+import { homedir } from 'os'
+import { promisify } from 'util'
+import type {
+  VoiceoverGenerateRequest,
+  VoiceoverGenerateResult,
+  VoiceoverProgress,
+  VoiceoverSettings,
+  VoiceoverStatus
+} from '@shared/types'
+import {
+  getVoiceoverVoice,
+  VOICEOVER_REFERENCE_TEXT,
+  VOICEOVER_VOICES
+} from '@shared/voiceover'
+import { cancelVoiceoverInstall, installVoiceoverBackend } from './voiceover-installer'
+import { registerVoiceCloneIpc } from './voice-clones'
+
+const execFileAsync = promisify(execFile)
+
+interface VoiceoverRuntime {
+  pythonPath: string
+  modelPath: string
+  vocabPath: string
+  voicesPath: string
+  cachePath: string
+  ffmpegPath: string
+  configPath: string
+}
+
+interface VoiceoverConfig {
+  pythonPath?: string
+  modelPath?: string
+  vocabPath?: string
+  voicesPath?: string
+  cachePath?: string
+  ffmpegPath?: string
+}
+
+type WorkerMessage =
+  | { type: 'ready' }
+  | { type: 'progress'; id: string; stage: VoiceoverProgress['stage']; progress: number; message?: string }
+  | { type: 'done'; id: string; path: string; duration: number; seed: number }
+  | { type: 'error'; id: string; message: string }
+
+let worker: ChildProcessWithoutNullStreams | null = null
+let workerReady: Promise<void> | null = null
+let workerRuntimeKey: string | null = null
+let resolveReady: (() => void) | null = null
+let rejectReady: ((err: Error) => void) | null = null
+let stdoutBuffer = ''
+let stderrTail = ''
+let readyStatusCache: { key: string; status: VoiceoverStatus } | null = null
+let statusCheck: { key: string; promise: Promise<VoiceoverStatus> } | null = null
+let current: {
+  id: string
+  clipId: string
+  target: WebContents
+  resolve: (result: VoiceoverGenerateResult) => void
+  reject: (err: Error) => void
+} | null = null
+
+const safePart = (value: string) => value.replace(/[^a-zA-Z0-9_-]+/g, '_').slice(0, 80) || 'voice'
+
+async function resolveRuntime(settings: VoiceoverSettings): Promise<VoiceoverRuntime> {
+  const configPath = join(homedir(), '.config', 'kadr', 'tts.json')
+  let config: VoiceoverConfig = {}
+  try {
+    config = JSON.parse(await fs.readFile(configPath, 'utf8')) as VoiceoverConfig
+  } catch { /* the local TTS config is optional */ }
+  return {
+    pythonPath: process.env.KADR_TTS_PYTHON || config.pythonPath || settings.pythonPath || '',
+    modelPath: process.env.KADR_TTS_MODEL || config.modelPath || settings.modelPath || '',
+    vocabPath: process.env.KADR_TTS_VOCAB || config.vocabPath || settings.vocabPath || '',
+    voicesPath: process.env.KADR_TTS_VOICES || config.voicesPath || settings.voicesPath || '',
+    cachePath: config.cachePath || '',
+    ffmpegPath: process.env.KADR_FFMPEG || config.ffmpegPath || 'ffmpeg',
+    configPath
+  }
+}
+
+async function voiceoverStatus(settings: VoiceoverSettings): Promise<VoiceoverStatus> {
+  const runtime = await resolveRuntime(settings)
+  const unavailable = (reason: string): VoiceoverStatus => ({
+    ready: false,
+    reason,
+    engine: 'F5-TTS',
+    pythonPath: runtime.pythonPath,
+    modelPath: runtime.modelPath,
+    vocabPath: runtime.vocabPath,
+    voicesPath: runtime.voicesPath,
+    configPath: runtime.configPath
+  })
+  if (!existsSync(runtime.pythonPath)) return unavailable('Не найден Python для TTS')
+  if (!existsSync(runtime.modelPath)) return unavailable('Не найден checkpoint F5-TTS')
+  if (!existsSync(runtime.vocabPath)) return unavailable('Не найден словарь F5-TTS')
+  if (!existsSync(runtime.voicesPath)) return unavailable('Не найдена папка референсов голосов')
+  const missingVoice = VOICEOVER_VOICES.find((voice) =>
+    !existsSync(join(runtime.voicesPath, voice.referenceFile)))
+  if (missingVoice) return unavailable(`Не найден референс голоса №${missingVoice.number}`)
+  const script = join(app.getAppPath(), 'scripts', 'voiceover_worker.py')
+  if (!existsSync(script)) return unavailable('Не найден TTS-воркер Kadr')
+  const key = JSON.stringify([
+    runtime.pythonPath, runtime.modelPath, runtime.vocabPath, runtime.voicesPath,
+    runtime.cachePath, runtime.ffmpegPath, script
+  ])
+  if (readyStatusCache?.key === key) return readyStatusCache.status
+  if (statusCheck?.key === key) return statusCheck.promise
+
+  const promise = (async (): Promise<VoiceoverStatus> => {
+    try {
+      await execFileAsync(runtime.pythonPath, [
+        '-c',
+        'import f5_tts, numpy, soundfile, torch; from f5_tts.api import F5TTS'
+      ], { timeout: 30_000 })
+    } catch {
+      return unavailable('В Python не установлены зависимости TTS')
+    }
+    try {
+      await execFileAsync(runtime.ffmpegPath, ['-version'], { timeout: 10_000 })
+    } catch {
+      return unavailable('Не найден ffmpeg для финализации озвучки')
+    }
+    const status: VoiceoverStatus = {
+      ready: true,
+      engine: 'F5-TTS',
+      pythonPath: runtime.pythonPath,
+      modelPath: runtime.modelPath,
+      vocabPath: runtime.vocabPath,
+      voicesPath: runtime.voicesPath,
+      configPath: runtime.configPath
+    }
+    readyStatusCache = { key, status }
+    return status
+  })()
+  statusCheck = { key, promise }
+  try {
+    return await promise
+  } finally {
+    if (statusCheck?.promise === promise) statusCheck = null
+  }
+}
+
+function sendProgress(target: WebContents, progress: VoiceoverProgress) {
+  if (!target.isDestroyed()) target.send('voiceover:progress', progress)
+}
+
+function stopWorker(reason = 'Генерация отменена') {
+  if (current) {
+    current.reject(new Error(reason))
+    current = null
+  }
+  rejectReady?.(new Error(reason))
+  resolveReady = null
+  rejectReady = null
+  workerReady = null
+  workerRuntimeKey = null
+  stdoutBuffer = ''
+  try { worker?.kill('SIGKILL') } catch { /* already gone */ }
+  worker = null
+}
+
+function handleMessage(msg: WorkerMessage) {
+  if (msg.type === 'ready') {
+    resolveReady?.()
+    resolveReady = null
+    rejectReady = null
+    return
+  }
+  if (!current || msg.id !== current.id) return
+  if (msg.type === 'progress') {
+    sendProgress(current.target, {
+      clipId: current.clipId,
+      stage: msg.stage,
+      progress: msg.progress,
+      message: msg.message
+    })
+  } else if (msg.type === 'done') {
+    const done = current
+    current = null
+    sendProgress(done.target, { clipId: done.clipId, stage: 'done', progress: 1 })
+    done.resolve({ path: msg.path, duration: msg.duration, seed: msg.seed })
+  } else if (msg.type === 'error') {
+    const failed = current
+    current = null
+    sendProgress(failed.target, {
+      clipId: failed.clipId,
+      stage: 'error',
+      progress: 0,
+      message: msg.message
+    })
+    failed.reject(new Error(msg.message))
+  }
+}
+
+function ensureWorker(runtime: VoiceoverRuntime): Promise<void> {
+  const runtimeKey = JSON.stringify([
+    runtime.pythonPath,
+    runtime.modelPath,
+    runtime.vocabPath,
+    runtime.voicesPath,
+    runtime.cachePath,
+    runtime.ffmpegPath
+  ])
+  if (worker && workerReady && workerRuntimeKey === runtimeKey) return workerReady
+  if (worker) stopWorker('Конфигурация TTS изменилась')
+
+  const script = join(app.getAppPath(), 'scripts', 'voiceover_worker.py')
+  stderrTail = ''
+  stdoutBuffer = ''
+  workerReady = new Promise<void>((resolve, reject) => {
+    resolveReady = resolve
+    rejectReady = reject
+  })
+  workerRuntimeKey = runtimeKey
+  worker = spawn(runtime.pythonPath, [
+    script,
+    '--model', runtime.modelPath,
+    '--vocab', runtime.vocabPath
+  ], {
+    stdio: ['pipe', 'pipe', 'pipe'],
+    env: {
+      ...process.env,
+      PYTHONUNBUFFERED: '1',
+      KADR_FFMPEG: runtime.ffmpegPath,
+      ...(runtime.cachePath ? {
+        HF_HOME: runtime.cachePath,
+        TORCH_HOME: join(runtime.cachePath, 'torch')
+      } : {})
+    }
+  })
+  worker.stdout.on('data', (chunk) => {
+    stdoutBuffer += String(chunk)
+    const lines = stdoutBuffer.split('\n')
+    stdoutBuffer = lines.pop() ?? ''
+    for (const line of lines) {
+      if (!line.trim()) continue
+      try { handleMessage(JSON.parse(line) as WorkerMessage) }
+      catch { /* model libraries occasionally print to stdout; ignore it */ }
+    }
+  })
+  worker.stderr.on('data', (chunk) => {
+    stderrTail = (stderrTail + String(chunk)).slice(-4000)
+  })
+  worker.on('error', (err) => stopWorker(err.message))
+  worker.on('close', (code) => {
+    const detail = stderrTail.trim().slice(-1200)
+    stopWorker(detail || `TTS-процесс завершился с кодом ${code}`)
+  })
+  return workerReady
+}
+
+async function outputPath(req: VoiceoverGenerateRequest): Promise<string> {
+  const root = req.projectPath
+    ? join(dirname(req.projectPath), `${basename(req.projectPath, '.kadr')}.media`, 'voiceover')
+    : join(app.getPath('userData'), 'voiceover')
+  const dir = join(root, safePart(req.clipId))
+  await fs.mkdir(dir, { recursive: true })
+  // A failed/retried take may reuse the same visible version number. Give
+  // every render an immutable URL so Chromium never reuses a cached WAV from
+  // the previous attempt.
+  return join(dir, `v${Math.max(1, Math.floor(req.version))}-${Date.now()}-${randomUUID().slice(0, 8)}.wav`)
+}
+
+async function generate(
+  target: WebContents,
+  req: VoiceoverGenerateRequest
+): Promise<VoiceoverGenerateResult> {
+  if (current) throw new Error('Дождитесь завершения текущей генерации')
+  const text = req.text.trim()
+  if (!text) throw new Error('Введите текст для озвучки')
+  const id = `${safePart(req.clipId)}-${Date.now()}`
+  const status = await voiceoverStatus(req.settings)
+  if (!status.ready) throw new Error(`${status.reason}. Настройте TTS по инструкции в README.md`)
+  const runtime = await resolveRuntime(req.settings)
+  const customVoice = req.settings.customVoice?.id === req.settings.voiceId
+    ? req.settings.customVoice
+    : undefined
+  const bundledVoice = getVoiceoverVoice(req.settings.voiceId)
+  const referencePath = customVoice?.referencePath ?? join(runtime.voicesPath, bundledVoice.referenceFile)
+  const referenceText = customVoice?.referenceText ?? VOICEOVER_REFERENCE_TEXT
+  const voiceName = customVoice?.name ?? bundledVoice.name
+  if (!existsSync(referencePath)) throw new Error(`Не найден референс голоса «${voiceName}»`)
+  if (customVoice && !referenceText.trim()) {
+    throw new Error(`У голоса «${voiceName}» не подтверждён текст референса. Откройте «Управление голосами» и сохраните распознанный текст`)
+  }
+  sendProgress(target, { clipId: req.clipId, stage: 'loading', progress: 0.04 })
+  await ensureWorker(runtime)
+  const out = await outputPath(req)
+  sendProgress(target, { clipId: req.clipId, stage: 'generating', progress: 0.15 })
+
+  return new Promise<VoiceoverGenerateResult>((resolve, reject) => {
+    current = { id, clipId: req.clipId, target, resolve, reject }
+    worker!.stdin.write(JSON.stringify({
+      id,
+      text,
+      outputPath: out,
+      settings: req.settings,
+      voice: {
+        id: customVoice?.id ?? bundledVoice.id,
+        referencePath,
+        referenceText
+      }
+    }) + '\n')
+  })
+}
+
+export function registerVoiceoverIpc() {
+  registerVoiceCloneIpc()
+  ipcMain.handle('voiceover:status', (_e, settings: VoiceoverSettings) =>
+    voiceoverStatus(settings)
+  )
+  ipcMain.handle('voiceover:install', async (event, settings: VoiceoverSettings) => {
+    const currentStatus = await voiceoverStatus(settings)
+    if (currentStatus.ready) return currentStatus
+    await installVoiceoverBackend(event.sender)
+    return voiceoverStatus(settings)
+  })
+  ipcMain.handle('voiceover:install-cancel', () => cancelVoiceoverInstall())
+  ipcMain.handle('voiceover:generate', (event, req: VoiceoverGenerateRequest) =>
+    generate(event.sender, req)
+  )
+  ipcMain.handle('voiceover:cancel', (event) => {
+    if (!current || current.target.id !== event.sender.id) return
+    const { clipId, target } = current
+    stopWorker()
+    if (clipId) sendProgress(target, {
+      clipId,
+      stage: 'error',
+      progress: 0,
+      message: 'Генерация отменена'
+    })
+  })
+  app.on('before-quit', () => {
+    cancelVoiceoverInstall()
+    stopWorker('Kadr закрывается')
+  })
+}
diff --git a/package-lock.json b/package-lock.json
index 1fe0513..4ece968 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,18 +1,19 @@
 {
   "name": "kadr",
-  "version": "0.1.0",
+  "version": "0.4.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "kadr",
-      "version": "0.1.0",
+      "version": "0.4.0",
       "hasInstallScript": true,
       "license": "GPL-3.0",
       "dependencies": {
         "@modelcontextprotocol/sdk": "^1.29.0",
         "@xterm/addon-fit": "^0.11.0",
         "@xterm/xterm": "^6.0.0",
+        "archiver": "^8.0.0",
         "mp4-muxer": "^5.1.5",
         "mp4box": "^2.3.0",
         "node-pty": "^1.1.0",
@@ -24,12 +25,14 @@
       },
       "devDependencies": {
         "@electron/rebuild": "^4.0.4",
+        "@types/archiver": "^8.0.0",
         "@types/node": "^20.14.0",
         "@types/react": "^18.3.3",
         "@types/react-dom": "^18.3.0",
         "@types/ws": "^8.18.1",
         "@vitejs/plugin-react": "^5.2.0",
-        "electron": "^42.4.0",
+        "electron": "^42.9.1",
+        "electron-builder": "^26.15.3",
         "electron-vite": "^5.0.0",
         "typescript": "^5.5.4",
         "vite": "^7.3.1"
@@ -343,6 +346,86 @@
         "node": ">=22.12.0"
       }
     },
+    "node_modules/@electron/asar": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/@electron/asar/-/asar-3.4.1.tgz",
+      "integrity": "sha512-i4/rNPRS84t0vSRa2HorerGRXWyF4vThfHesw0dmcWHp+cspK743UanA0suA5Q5y8kzY2y6YKrvbIUn69BCAiA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "commander": "^5.0.0",
+        "glob": "^7.1.6",
+        "minimatch": "^3.0.4"
+      },
+      "bin": {
+        "asar": "bin/asar.js"
+      },
+      "engines": {
+        "node": ">=10.12.0"
+      }
+    },
+    "node_modules/@electron/asar/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@electron/asar/node_modules/brace-expansion": {
+      "version": "1.1.18",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.18.tgz",
+      "integrity": "sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@electron/asar/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@electron/fuses": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@electron/fuses/-/fuses-1.8.0.tgz",
+      "integrity": "sha512-zx0EIq78WlY/lBb1uXlziZmDZI4ubcCXIMJ4uGjXzZW0nS19TjSPeXPAjzzTmKQlJUZm0SbmZhPKP7tuQ1SsEw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.1",
+        "fs-extra": "^9.0.1",
+        "minimist": "^1.2.5"
+      },
+      "bin": {
+        "electron-fuses": "dist/bin.js"
+      }
+    },
+    "node_modules/@electron/fuses/node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/@electron/get": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/@electron/get/-/get-5.0.0.tgz",
@@ -390,6 +473,72 @@
         "node": ">=10"
       }
     },
+    "node_modules/@electron/notarize": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/@electron/notarize/-/notarize-2.5.0.tgz",
+      "integrity": "sha512-jNT8nwH1f9X5GEITXaQ8IF/KdskvIkOFfB2CvwumsveVidzpSc+mvhhTMdAGSYF3O+Nq49lJ7y+ssODRXu06+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "fs-extra": "^9.0.1",
+        "promise-retry": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/@electron/notarize/node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@electron/osx-sign": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@electron/osx-sign/-/osx-sign-1.3.3.tgz",
+      "integrity": "sha512-KZ8mhXvWv2rIEgMbWZ4y33bDHyUKMXnx4M0sTyPNK/vcB81ImdeY9Ggdqy0SWbMDgmbqyQ+phgejh6V3R2QuSg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "compare-version": "^0.1.2",
+        "debug": "^4.3.4",
+        "fs-extra": "^10.0.0",
+        "isbinaryfile": "^4.0.8",
+        "minimist": "^1.2.6",
+        "plist": "^3.0.5"
+      },
+      "bin": {
+        "electron-osx-flat": "bin/electron-osx-flat.js",
+        "electron-osx-sign": "bin/electron-osx-sign.js"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/@electron/osx-sign/node_modules/isbinaryfile": {
+      "version": "4.0.10",
+      "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-4.0.10.tgz",
+      "integrity": "sha512-iHrqe5shvBUcFbmZq9zOQHBoeOhZJu6RQGrDpBgenUm/Am+F3JM2MgQj+rK3Z601fzrL5gLZWtAPH2OBaSVcyw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/gjtorikian/"
+      }
+    },
     "node_modules/@electron/rebuild": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/@electron/rebuild/-/rebuild-4.0.4.tgz",
@@ -411,6 +560,112 @@
         "node": ">=22.12.0"
       }
     },
+    "node_modules/@electron/universal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@electron/universal/-/universal-2.0.3.tgz",
+      "integrity": "sha512-Wn9sPYIVFRFl5HmwMJkARCCf7rqK/EurkfQ/rJZ14mHP3iYTjZSIOSVonEAnhWeAXwtw7zOekGRlc6yTtZ0t+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@electron/asar": "^3.3.1",
+        "@malept/cross-spawn-promise": "^2.0.0",
+        "debug": "^4.3.1",
+        "dir-compare": "^4.2.0",
+        "fs-extra": "^11.1.1",
+        "minimatch": "^9.0.3",
+        "plist": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=16.4"
+      }
+    },
+    "node_modules/@electron/universal/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@electron/universal/node_modules/brace-expansion": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.4.tgz",
+      "integrity": "sha512-hGfVzPxthbf3+2yjg/RBs60cB0FhqBS/zvdV/4wn4/BmN0bNMMHPc4V/BbFieqf1TKAGGAHnY4eSjajCl0f2Xg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@electron/universal/node_modules/fs-extra": {
+      "version": "11.4.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.4.0.tgz",
+      "integrity": "sha512-EQsFzMUJkCKGr1ePqlYADkIUmHW1s3ZXr5Yqy6wbGrfUCphpl2maM/kyOIRA2HpP3AaFQTZXD4ldjek+nccddA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/@electron/universal/node_modules/minimatch": {
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@electron/windows-sign": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@electron/windows-sign/-/windows-sign-1.2.2.tgz",
+      "integrity": "sha512-dfZeox66AvdPtb2lD8OsIIQh12Tp0GNCRUDfBHIKGpbmopZto2/A8nSpYYLoedPIHpqkeblZ/k8OV0Gy7PYuyQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "cross-dirname": "^0.1.0",
+        "debug": "^4.3.4",
+        "fs-extra": "^11.1.1",
+        "minimist": "^1.2.8",
+        "postject": "^1.0.0-alpha.6"
+      },
+      "bin": {
+        "electron-windows-sign": "bin/electron-windows-sign.js"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/@electron/windows-sign/node_modules/fs-extra": {
+      "version": "11.4.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.4.0.tgz",
+      "integrity": "sha512-EQsFzMUJkCKGr1ePqlYADkIUmHW1s3ZXr5Yqy6wbGrfUCphpl2maM/kyOIRA2HpP3AaFQTZXD4ldjek+nccddA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.25.12",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
@@ -854,9 +1109,9 @@
       }
     },
     "node_modules/@hono/node-server": {
-      "version": "1.19.14",
-      "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.19.14.tgz",
-      "integrity": "sha512-GwtvgtXxnWsucXvbQXkRgqksiH2Qed37H9xHZocE5sA3N8O8O8/8FA3uclQXxXVzc9XBZuEOMK7+r02FmSpHtw==",
+      "version": "1.19.17",
+      "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.19.17.tgz",
+      "integrity": "sha512-dSneS5qhiauZWGDCeK4o695Xd9nUNjviSZCMQrj10eetr8Uln1ucn6bbphOM6UynAMMtNIzZNSpL9vnASJwrPQ==",
       "license": "MIT",
       "engines": {
         "node": ">=18.14.1"
@@ -951,6 +1206,38 @@
         "node": ">= 12.13.0"
       }
     },
+    "node_modules/@malept/flatpak-bundler": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@malept/flatpak-bundler/-/flatpak-bundler-0.4.0.tgz",
+      "integrity": "sha512-9QOtNffcOF/c1seMCDnjckb3R9WHcG34tky+FHpNKKCW0wc/scYLwMtO+ptyGUfMW0/b/n4qRiALlaFHc9Oj7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "fs-extra": "^9.0.0",
+        "lodash": "^4.17.15",
+        "tmp-promise": "^3.0.2"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/@malept/flatpak-bundler/node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/@modelcontextprotocol/sdk": {
       "version": "1.29.0",
       "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.29.0.tgz",
@@ -991,6 +1278,71 @@
         }
       }
     },
+    "node_modules/@noble/hashes": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-2.3.0.tgz",
+      "integrity": "sha512-oN+QwyX7VSHotibwubG3kpzbwKrfnyR6OOO+3Nk/53ADL7FmgHHz4TgrbaYKvvOw09u6QTx0oiH1cNCIOuN0CQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@peculiar/asn1-schema": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/@peculiar/asn1-schema/-/asn1-schema-2.9.0.tgz",
+      "integrity": "sha512-AKvPMOM7LfK0uFe1m7o7+veOa8xQGPqsqOrKi3QKgCElzwjGp39mbhr2g7mt/v/mXQHiIvJmDj5cJS173x8Q9Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@peculiar/utils": "^2.0.2",
+        "asn1js": "^3.0.10",
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/@peculiar/json-schema": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/@peculiar/json-schema/-/json-schema-1.1.12.tgz",
+      "integrity": "sha512-coUfuoMeIB7B8/NMekxaDzLhaYmp0HZNPEjYRm9goRou8UZIC3z21s0sL9AWoCw4EG876QyO3kYrc61WNF9B/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/@peculiar/utils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@peculiar/utils/-/utils-2.0.3.tgz",
+      "integrity": "sha512-+oL3HPFRIZ1St2K50lWCXiioIgSoxzz7R1J3uF6neO2yl1sgmpgY6XXJH4BdpoDkMWznQTeYF6oWNDZLCdQ4eQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/@peculiar/webcrypto": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/@peculiar/webcrypto/-/webcrypto-1.7.1.tgz",
+      "integrity": "sha512-ODOov0sGMJMf3jPonOkgGqPknTsu+DdQ7kD++gz8aI+aFMOMHFbWAA2taqXXVTdP+OTOQR/znGvSpmkeI0WTYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@peculiar/asn1-schema": "^2.7.0",
+        "@peculiar/json-schema": "^1.1.12",
+        "@peculiar/utils": "^2.0.2",
+        "tslib": "^2.8.1",
+        "webcrypto-core": "^1.9.2"
+      },
+      "engines": {
+        "node": ">=14.18.0"
+      }
+    },
     "node_modules/@rolldown/pluginutils": {
       "version": "1.0.0-rc.3",
       "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.3.tgz",
@@ -1348,6 +1700,43 @@
         "win32"
       ]
     },
+    "node_modules/@sindresorhus/is": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-4.6.0.tgz",
+      "integrity": "sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/is?sponsor=1"
+      }
+    },
+    "node_modules/@szmarczak/http-timer": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-4.0.6.tgz",
+      "integrity": "sha512-4BAffykYOgO+5nzBWYwE3W90sBgLJoUPRWWcL8wlyiM8IB8ipJz3UMJ9KXQd1RKQXpKp8Tutn80HZtWsu2u76w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "defer-to-connect": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@types/archiver": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@types/archiver/-/archiver-8.0.0.tgz",
+      "integrity": "sha512-YpXPbEuv9+eUIPPQWUPahj3cvs9isWRuF+J4z+KbdYVDO3rWorWQFxUVHnwPu2AgKwvgpki5F2VMX0Xx+mX45A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/readdir-glob": "*"
+      }
+    },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
       "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
@@ -1393,6 +1782,29 @@
         "@babel/types": "^7.28.2"
       }
     },
+    "node_modules/@types/cacheable-request": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/@types/cacheable-request/-/cacheable-request-6.0.3.tgz",
+      "integrity": "sha512-IQ3EbTzGxIigb1I3qPZc1rWJnH0BmSKv5QYTalEwweFvyBDLSAe24zP0le/hyi7ecGfZVlIVAg4BZqb8WBwKqw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/http-cache-semantics": "*",
+        "@types/keyv": "^3.1.4",
+        "@types/node": "*",
+        "@types/responselike": "^1.0.0"
+      }
+    },
+    "node_modules/@types/debug": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.13.tgz",
+      "integrity": "sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/ms": "*"
+      }
+    },
     "node_modules/@types/dom-webcodecs": {
       "version": "0.1.18",
       "resolved": "https://registry.npmjs.org/@types/dom-webcodecs/-/dom-webcodecs-0.1.18.tgz",
@@ -1406,6 +1818,40 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/fs-extra": {
+      "version": "9.0.13",
+      "resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-9.0.13.tgz",
+      "integrity": "sha512-nEnwB++1u5lVDM2UI4c1+5R+FYaKfaAzS4OococimjVm3nQw3TuzH5UNsocrcTBbhnerblyHj4A49qXbIiZdpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/http-cache-semantics": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/@types/http-cache-semantics/-/http-cache-semantics-4.2.0.tgz",
+      "integrity": "sha512-L3LgimLHXtGkWikKnsPg0/VFx9OGZaC+eN1u4r+OB1XRqH3meBIAVC2zr1WdMH+RHmnRkqliQAOHNJ/E0j/e0Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/keyv": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/@types/keyv/-/keyv-3.1.4.tgz",
+      "integrity": "sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/ms": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
+      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/node": {
       "version": "20.19.42",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.42.tgz",
@@ -1444,6 +1890,26 @@
         "@types/react": "^18.0.0"
       }
     },
+    "node_modules/@types/readdir-glob": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@types/readdir-glob/-/readdir-glob-1.1.5.tgz",
+      "integrity": "sha512-raiuEPUYqXu+nvtY2Pe8s8FEmZ3x5yAH4VkLdihcPdalvsHltomrRC9BzuStrJ9yk06470hS0Crw0f1pXqD+Hg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/responselike": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@types/responselike/-/responselike-1.0.3.tgz",
+      "integrity": "sha512-H/+L+UkTV33uf49PH5pCAUBVPNj2nDBXTN+qS1dOwyyg24l3CcicicCA7ca+HMvJBZcFgl5r8e+RR6elsb4Lyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/wicg-file-system-access": {
       "version": "2020.9.8",
       "resolved": "https://registry.npmjs.org/@types/wicg-file-system-access/-/wicg-file-system-access-2020.9.8.tgz",
@@ -1481,6 +1947,16 @@
         "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
+    "node_modules/@xmldom/xmldom": {
+      "version": "0.8.14",
+      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.14.tgz",
+      "integrity": "sha512-T4EDRUBVZYRldYApjEJiU0e1stYWaRAX7CuSnKzrpwdZKo53zGV8/pqfzV6FfwNl9YThD2OumQYvqtvjvgG7aQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
     "node_modules/@xterm/addon-fit": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@xterm/addon-fit/-/addon-fit-0.11.0.tgz",
@@ -1506,6 +1982,18 @@
         "node": "^20.17.0 || >=22.9.0"
       }
     },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "license": "MIT",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
     "node_modules/accepts": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
@@ -1528,8 +2016,18 @@
         "node": ">= 0.6"
       }
     },
-    "node_modules/ajv": {
-      "version": "8.20.0",
+    "node_modules/agent-base": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "8.20.0",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.20.0.tgz",
       "integrity": "sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==",
       "license": "MIT",
@@ -1561,6 +2059,461 @@
         }
       }
     },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/app-builder-lib": {
+      "version": "26.15.3",
+      "resolved": "https://registry.npmjs.org/app-builder-lib/-/app-builder-lib-26.15.3.tgz",
+      "integrity": "sha512-2VnyWkqsP5v5XbBhL3tD5Syx8iNPBYsoU7kY4S2fz7wg8Rj/nztWKCUzGKaFRTv0Xwf3/H058CR1Kvtd/3lRow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@electron/asar": "3.4.1",
+        "@electron/fuses": "^1.8.0",
+        "@electron/get": "^3.0.0",
+        "@electron/notarize": "2.5.0",
+        "@electron/osx-sign": "1.3.3",
+        "@electron/rebuild": "^4.0.4",
+        "@electron/universal": "2.0.3",
+        "@malept/flatpak-bundler": "^0.4.0",
+        "@noble/hashes": "^2.2.0",
+        "@peculiar/webcrypto": "^1.7.1",
+        "@types/fs-extra": "9.0.13",
+        "ajv": "^8.18.0",
+        "asn1js": "^3.0.10",
+        "async-exit-hook": "^2.0.1",
+        "builder-util": "26.15.3",
+        "builder-util-runtime": "9.7.0",
+        "chromium-pickle-js": "^0.2.0",
+        "ci-info": "4.3.1",
+        "debug": "^4.3.4",
+        "dotenv": "^16.4.5",
+        "dotenv-expand": "^11.0.6",
+        "ejs": "^3.1.8",
+        "electron-publish": "26.15.3",
+        "fs-extra": "^10.1.0",
+        "hosted-git-info": "^4.1.0",
+        "isbinaryfile": "^5.0.0",
+        "jiti": "^2.4.2",
+        "js-yaml": "^4.1.0",
+        "json5": "^2.2.3",
+        "lazy-val": "^1.0.5",
+        "minimatch": "^10.2.5",
+        "pkijs": "^3.4.0",
+        "plist": "3.1.0",
+        "proper-lockfile": "^4.1.2",
+        "resedit": "^1.7.0",
+        "semver": "~7.7.3",
+        "tar": "^7.5.7",
+        "temp-file": "^3.4.0",
+        "tiny-async-pool": "1.3.0",
+        "unzipper": "^0.12.3",
+        "which": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "dmg-builder": "26.15.3",
+        "electron-builder-squirrel-windows": "26.15.3"
+      }
+    },
+    "node_modules/app-builder-lib/node_modules/@electron/get": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@electron/get/-/get-3.1.0.tgz",
+      "integrity": "sha512-F+nKc0xW+kVbBRhFzaMgPy3KwmuNTYX1fx6+FxxoSnNgwYX6LD7AKBTWkU0MQ6IBoe7dz069CNkR673sPAgkCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "env-paths": "^2.2.0",
+        "fs-extra": "^8.1.0",
+        "got": "^11.8.5",
+        "progress": "^2.0.3",
+        "semver": "^6.2.0",
+        "sumchecker": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "optionalDependencies": {
+        "global-agent": "^3.0.0"
+      }
+    },
+    "node_modules/app-builder-lib/node_modules/@electron/get/node_modules/fs-extra": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/app-builder-lib/node_modules/@electron/get/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/app-builder-lib/node_modules/ci-info": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-4.3.1.tgz",
+      "integrity": "sha512-Wdy2Igu8OcBpI2pZePZ5oWjPC38tmDVx5WKUXKwlLYkA0ozo85sLsLvkBbBn/sZaSCMFOGZJ14fvW9t5/d7kdA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/app-builder-lib/node_modules/isexe": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.5.tgz",
+      "integrity": "sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/app-builder-lib/node_modules/jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "dev": true,
+      "license": "MIT",
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/app-builder-lib/node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/app-builder-lib/node_modules/universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/app-builder-lib/node_modules/which": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz",
+      "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^3.1.1"
+      },
+      "bin": {
+        "node-which": "bin/which.js"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/archiver": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/archiver/-/archiver-8.0.0.tgz",
+      "integrity": "sha512-fV1orZfsnPn9BaSByR/qE67rJCLJEy2Ox5bq7nJh+jquWaNh6Sfec75kJ2T6PtdGUbPQlrVoSVCEOa5SdiTQ1g==",
+      "license": "MIT",
+      "dependencies": {
+        "async": "^3.2.4",
+        "buffer-crc32": "^1.0.0",
+        "is-stream": "^4.0.0",
+        "lazystream": "^1.0.0",
+        "normalize-path": "^3.0.0",
+        "readable-stream": "^4.0.0",
+        "readdir-glob": "^3.0.0",
+        "tar-stream": "^3.0.0",
+        "zip-stream": "^7.0.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/archiver/node_modules/readable-stream": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+      "license": "MIT",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/archiver/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/archiver/node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/asn1js": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/asn1js/-/asn1js-3.0.10.tgz",
+      "integrity": "sha512-S2s3aOytiKdFRdulw2qPE51MzjzVOisppcVv7jVFR+Kw0kxwvFrDcYA0h7Ndqbmj0HkMIXYWaoj7fli8kgx1eg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "pvtsutils": "^1.3.6",
+        "pvutils": "^1.1.5",
+        "tslib": "^2.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/async": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz",
+      "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==",
+      "license": "MIT"
+    },
+    "node_modules/async-exit-hook": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/async-exit-hook/-/async-exit-hook-2.0.1.tgz",
+      "integrity": "sha512-NW2cX8m1Q7KPA7a5M2ULQeZ2wR5qI5PAbw5L0UOMxdioVk9PMZ0h1TmyZEkPYrCvYjDlFICusOu1dlEKAAeXBw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/at-least-node": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
+      "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/aws4": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.13.2.tgz",
+      "integrity": "sha512-lHe62zvbTB5eEABUVi/AwVh0ZKY9rMMDhmm+eeyuuUQbQ3+J+fONVQOZyj+DdrvD4BY33uYniyRJ4UJIaSKAfw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/bare-events": {
+      "version": "2.9.1",
+      "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.9.1.tgz",
+      "integrity": "sha512-Z0oHEHAFDZkffN8Qc39zNZjQlMDkPJRyyyZieU1VH7u8c5S+qHZ2S8ixdKIAxEjfHO7FJxXmJWgteOghVanIsg==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "bare-abort-controller": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-abort-controller": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-fs": {
+      "version": "4.8.0",
+      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.8.0.tgz",
+      "integrity": "sha512-fM+MhCvdQhZ7NV6S95a07gPSqjIYKn6mFaXfx266wN3ajZGl/+1AzH+ubkXQ0fFZvOe2nk9VHkzdYkQE5zMV3Q==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-events": "^2.5.4",
+        "bare-path": "^3.0.0",
+        "bare-stream": "^2.6.4",
+        "bare-url": "^2.2.2",
+        "fast-fifo": "^1.3.2"
+      },
+      "engines": {
+        "bare": ">=1.28.0"
+      },
+      "peerDependencies": {
+        "bare-buffer": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-buffer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-path": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/bare-path/-/bare-path-3.1.1.tgz",
+      "integrity": "sha512-JprUlveX3QjApC1cTpsUOiscADftCGVWkzitbHsRqv84hzYwYHw2mbluddsq5TvI8mH/8Ov1f4BiMAdcB0oYnQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/bare-stream": {
+      "version": "2.13.3",
+      "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.13.3.tgz",
+      "integrity": "sha512-Kc+brLqvEqGkjyfiwJmImAOqLZL7OsoLKuavx+hJjgVV3nLTOjloJyPMFxjUPerGGHrNH0fLU06jjykMLWrERQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "b4a": "^1.8.1",
+        "streamx": "^2.25.0",
+        "teex": "^1.0.1"
+      },
+      "peerDependencies": {
+        "bare-abort-controller": "*",
+        "bare-buffer": "*",
+        "bare-events": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-abort-controller": {
+          "optional": true
+        },
+        "bare-buffer": {
+          "optional": true
+        },
+        "bare-events": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-stream/node_modules/b4a": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.8.1.tgz",
+      "integrity": "sha512-aiqre1Nr0B/6DgE2N5vwTc+2/oQZ4Wh1t4NznYY4E00y8LCt6NqdRv81so00oo27D8MVKTpUa/MwUUtBLXCoDw==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "react-native-b4a": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-native-b4a": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-url": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/bare-url/-/bare-url-2.5.2.tgz",
+      "integrity": "sha512-L13PCJzKG8RGvx8V1/DdMi12ERhC3tprr7/8a94BxpmnRsFqxh5XZNdhtMxu5HPkRshYOOWRGY8lDP7ZhpG9Cg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-path": "^3.0.0"
+      }
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/baseline-browser-mapping": {
       "version": "2.10.35",
       "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.35.tgz",
@@ -1574,21 +2527,28 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/bluebird": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
+      "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/body-parser": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.2.tgz",
-      "integrity": "sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.3.0.tgz",
+      "integrity": "sha512-2cGmJupaNgg+QUwVLAucDuWuoMZ6EX9iHDRswZ5lsNYEmwPaRknMPCLZz07yTzVq/83p4o/wzbDZbBrTvGGTIw==",
       "license": "MIT",
       "dependencies": {
         "bytes": "^3.1.2",
-        "content-type": "^1.0.5",
+        "content-type": "^2.0.0",
         "debug": "^4.4.3",
-        "http-errors": "^2.0.0",
-        "iconv-lite": "^0.7.0",
+        "http-errors": "^2.0.1",
+        "iconv-lite": "^0.7.2",
         "on-finished": "^2.4.1",
-        "qs": "^6.14.1",
-        "raw-body": "^3.0.1",
-        "type-is": "^2.0.1"
+        "qs": "^6.15.2",
+        "raw-body": "^3.0.2",
+        "type-is": "^2.1.0"
       },
       "engines": {
         "node": ">=18"
@@ -1598,6 +2558,19 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/body-parser/node_modules/content-type": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.1.0.tgz",
+      "integrity": "sha512-mj7UPXE0jaqaOsukNZRUEfEi2AcL7C/vwmwcHV0O97eO1E1pxBZuyjlZrx5seTaNBg1U6+o35wpa35Qfcc+7ag==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
     "node_modules/body-parser/node_modules/iconv-lite": {
       "version": "0.7.2",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.2.tgz",
@@ -1614,6 +2587,27 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/boolean": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/boolean/-/boolean-3.2.0.tgz",
+      "integrity": "sha512-d0II/GO9uf9lfUHH2BQsjxzRJZBdsjgsBiW4BvhWk/3qoKwQFjIDVN19PfX8F2D/r9PCMTtLWjYVCFrpeYUzsw==",
+      "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/brace-expansion": {
+      "version": "5.0.9",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.9.tgz",
+      "integrity": "sha512-ScQ4IuvIEF1TMlP7Zt+vjJ//9zlPb2SDcxWxM3bk8s6t6GGdJ7KO1dCcTidOPJKePW30LE/2cT7wCyPho9/Wxg==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
     "node_modules/browserslist": {
       "version": "4.28.2",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
@@ -1648,6 +2642,86 @@
         "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
+    "node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/buffer-crc32": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-1.0.0.tgz",
+      "integrity": "sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/builder-util": {
+      "version": "26.15.3",
+      "resolved": "https://registry.npmjs.org/builder-util/-/builder-util-26.15.3.tgz",
+      "integrity": "sha512-q2hn7Mbo2nFNkVekPiHFx6Nfo3hURmES3tfBn+k5Pqxl2RkmP3QGqZUhH/q9Pch/4G05NRhPjDlVj1O8q4Txvw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/debug": "^4.1.6",
+        "builder-util-runtime": "9.7.0",
+        "chalk": "^4.1.2",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.4",
+        "fs-extra": "^10.1.0",
+        "http-proxy-agent": "^7.0.0",
+        "https-proxy-agent": "^7.0.0",
+        "js-yaml": "^4.1.0",
+        "sanitize-filename": "^1.6.3",
+        "source-map-support": "^0.5.19",
+        "stat-mode": "^1.0.0",
+        "temp-file": "^3.4.0",
+        "tiny-async-pool": "1.3.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/builder-util-runtime": {
+      "version": "9.7.0",
+      "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.7.0.tgz",
+      "integrity": "sha512-g/kR520giAFYkSXTzcmF3kqQq7wi8F6N6SzeDgZrqTBN+VHdmgWOyTdD1yD7AATDId/yXLvuP34CxW46/BwCdw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.4",
+        "sax": "^1.2.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/bytes": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
@@ -1657,6 +2731,16 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/bytestreamjs": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/bytestreamjs/-/bytestreamjs-2.0.1.tgz",
+      "integrity": "sha512-U1Z/ob71V/bXfVABvNr/Kumf5VyeQRBEm6Txb0PQ6S7V5GpBM3w4Cbqz/xPDicR5tN0uvDifng8C+5qECeGwyQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/cac": {
       "version": "6.7.14",
       "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
@@ -1667,6 +2751,35 @@
         "node": ">=8"
       }
     },
+    "node_modules/cacheable-lookup": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/cacheable-lookup/-/cacheable-lookup-5.0.4.tgz",
+      "integrity": "sha512-2/kNscPhpcxrOigMZzbiWF7dz8ilhb/nIHU3EyZiXWXpeq/au8qJ8VhdftMkty3n7Gj6HIGalQG8oiBNB3AJgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.6.0"
+      }
+    },
+    "node_modules/cacheable-request": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-7.0.4.tgz",
+      "integrity": "sha512-v+p6ongsrp0yTGbJXjgxPow2+DL93DASP4kXCDKb8/bwRtt9OEF3whggkkDkGNzgcWy2XaF4a8nZglC7uElscg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "clone-response": "^1.0.2",
+        "get-stream": "^5.1.0",
+        "http-cache-semantics": "^4.0.0",
+        "keyv": "^4.0.0",
+        "lowercase-keys": "^2.0.0",
+        "normalize-url": "^6.0.1",
+        "responselike": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/call-bind-apply-helpers": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
@@ -1717,6 +2830,23 @@
       ],
       "license": "CC-BY-4.0"
     },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
     "node_modules/chownr": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
@@ -1727,6 +2857,178 @@
         "node": ">=18"
       }
     },
+    "node_modules/chromium-pickle-js": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/chromium-pickle-js/-/chromium-pickle-js-0.2.0.tgz",
+      "integrity": "sha512-1R5Fho+jBq0DDydt+/vHWj5KJNJCKdARKOCwZUen84I5BreWoLqRLANH1U87eJy1tiASPtMnGqJJq0ZsLoRPOw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ci-info": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-4.4.0.tgz",
+      "integrity": "sha512-77PSwercCZU2Fc4sX94eF8k8Pxte6JAwL4/ICZLFjJLqegs7kCuAsqqj/70NQF6TvDpgFjkubQB2FW2ZZddvQg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/clone-response": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.3.tgz",
+      "integrity": "sha512-ROoL94jJH2dUVML2Y/5PEDNaSHgeOdSDicUyS7izcF63G6sTc/FTjLub4b8Il9S8S0beOfYt0TaA5qvFK+w0wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-response": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/commander": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz",
+      "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/compare-version": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/compare-version/-/compare-version-0.1.2.tgz",
+      "integrity": "sha512-pJDh5/4wrEnXX/VWRZvruAGHkzKdr46z11OlTPN+VrATlWWhSKewNCJ1futCO5C7eJB3nPMFZA1LeYtcFboZ2A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/compress-commons": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/compress-commons/-/compress-commons-7.0.1.tgz",
+      "integrity": "sha512-g0S8KAD8qf4+V//pr3BfB1aBnARLXNz2Gx+jmHU0LEriUuoQUOPOulVquHKTJ8+EAIIO7fhseNDr9wK5Q9FKBQ==",
+      "license": "MIT",
+      "dependencies": {
+        "crc-32": "^1.2.0",
+        "crc32-stream": "^7.0.1",
+        "is-stream": "^4.0.0",
+        "normalize-path": "^3.0.0",
+        "readable-stream": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/compress-commons/node_modules/readable-stream": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+      "license": "MIT",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/compress-commons/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/compress-commons/node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/content-disposition": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.1.0.tgz",
@@ -1774,6 +3076,12 @@
         "node": ">=6.6.0"
       }
     },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "license": "MIT"
+    },
     "node_modules/cors": {
       "version": "2.8.6",
       "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.6.tgz",
@@ -1791,6 +3099,85 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/crc-32": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz",
+      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
+      "license": "Apache-2.0",
+      "bin": {
+        "crc32": "bin/crc32.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/crc32-stream": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/crc32-stream/-/crc32-stream-7.0.1.tgz",
+      "integrity": "sha512-IBWsY8xznyQrcHn8h4bC8/4ErNke5elzgG8GcqF4RFPw6aHkWWRc7Tgw6upjaTX/CT/yQgqYENkxYsTYN+hW2g==",
+      "license": "MIT",
+      "dependencies": {
+        "crc-32": "^1.2.0",
+        "readable-stream": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/crc32-stream/node_modules/readable-stream": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+      "license": "MIT",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/crc32-stream/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/crc32-stream/node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/cross-dirname": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/cross-dirname/-/cross-dirname-0.1.0.tgz",
+      "integrity": "sha512-+R08/oI0nl3vfPcqftZRpytksBXDzOUveBq/NBVx0sUp1axwzPQrKinNx5yd5sxPu8j1wIy8AfnVQ+5eFdha6Q==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -1829,13 +3216,192 @@
         }
       }
     },
+    "node_modules/decompress-response": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
+      "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-response": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/decompress-response/node_modules/mimic-response": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
+      "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/defer-to-connect": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-2.0.1.tgz",
+      "integrity": "sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/depd": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
       "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
       "license": "MIT",
       "engines": {
-        "node": ">= 0.8"
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/detect-node": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
+      "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/dir-compare": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/dir-compare/-/dir-compare-4.2.0.tgz",
+      "integrity": "sha512-2xMCmOoMrdQIPHdsTawECdNPwlVFB9zGcz3kuhmBO6U3oU+UQjsue0i8ayLKpgBcm+hcXPMVSGUN9d+pvJ6+VQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimatch": "^3.0.5",
+        "p-limit": "^3.1.0 "
+      }
+    },
+    "node_modules/dir-compare/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/dir-compare/node_modules/brace-expansion": {
+      "version": "1.1.18",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.18.tgz",
+      "integrity": "sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/dir-compare/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/dmg-builder": {
+      "version": "26.15.3",
+      "resolved": "https://registry.npmjs.org/dmg-builder/-/dmg-builder-26.15.3.tgz",
+      "integrity": "sha512-O3zJUFUYHJKgzPqioHxfxzBzlSC1eXCSr79gMSBKBP5AgjjpmrydMsMLotEg9fAJF36vdUncb+4ndRNxoPdlSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "app-builder-lib": "26.15.3",
+        "builder-util": "26.15.3",
+        "fs-extra": "^10.1.0",
+        "js-yaml": "^4.1.0"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "16.6.1",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.6.1.tgz",
+      "integrity": "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/dotenv-expand": {
+      "version": "11.0.7",
+      "resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-11.0.7.tgz",
+      "integrity": "sha512-zIHwmZPRshsCdpMDyVsqGmgyP0yT8GAgXUnkdAoJisxvf33k7yO6OuoKmcTGuXPWSsm8Oh88nZicRLA9Y0rUeA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dotenv": "^16.4.5"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
       }
     },
     "node_modules/dunder-proto": {
@@ -1852,16 +3418,42 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/duplexer2": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/duplexer2/-/duplexer2-0.1.4.tgz",
+      "integrity": "sha512-asLFVfWWtJ90ZyOUHMqk7/S2w2guQKxUI2itj3d92ADHhxUSbCMGi1f1cBcJ7xM1To+pE/Khbwo1yuNbMEPKeA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "readable-stream": "^2.0.2"
+      }
+    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
       "license": "MIT"
     },
+    "node_modules/ejs": {
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
+      "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "jake": "^10.8.5"
+      },
+      "bin": {
+        "ejs": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/electron": {
-      "version": "42.4.0",
-      "resolved": "https://registry.npmjs.org/electron/-/electron-42.4.0.tgz",
-      "integrity": "sha512-OXXqh9LD9KxXPv2Fe25EfU9N9AvWTuV6V81sfhQaNvTAXCd9ONA+Q4OWvMe+CmYD6xIwjFxGGtG/ZphDYYC5OQ==",
+      "version": "42.9.1",
+      "resolved": "https://registry.npmjs.org/electron/-/electron-42.9.1.tgz",
+      "integrity": "sha512-apvDsEzRHvMG6zzanotY+iSYT3RA6+U8OYmBllADOdtztTdaEXGZYeu9NLpbro0QFgGJHiJZNCZliFcN5xZUxw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1877,6 +3469,63 @@
         "node": ">= 22.12.0"
       }
     },
+    "node_modules/electron-builder": {
+      "version": "26.15.3",
+      "resolved": "https://registry.npmjs.org/electron-builder/-/electron-builder-26.15.3.tgz",
+      "integrity": "sha512-a1KM5heqS3gQCZzizXEI8RjJy3QVogULPdeSknt76uLDpBIW/HDGsMg/XgP0riP6PI9COsRvFITKKGDqA8fJxA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "app-builder-lib": "26.15.3",
+        "builder-util": "26.15.3",
+        "builder-util-runtime": "9.7.0",
+        "chalk": "^4.1.2",
+        "ci-info": "^4.2.0",
+        "dmg-builder": "26.15.3",
+        "fs-extra": "^10.1.0",
+        "lazy-val": "^1.0.5",
+        "simple-update-notifier": "2.0.0",
+        "yargs": "^17.6.2"
+      },
+      "bin": {
+        "electron-builder": "cli.js",
+        "install-app-deps": "install-app-deps.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/electron-builder-squirrel-windows": {
+      "version": "26.15.3",
+      "resolved": "https://registry.npmjs.org/electron-builder-squirrel-windows/-/electron-builder-squirrel-windows-26.15.3.tgz",
+      "integrity": "sha512-Jc19XPV9y9+2bAdZPkXuVNGNIEFBq9poHC61l8Kv6FdK7DRG3+Ic0rerC0DXOaeHNz8yW0fg/JnF8GQROOF5MA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "app-builder-lib": "26.15.3",
+        "builder-util": "26.15.3",
+        "electron-winstaller": "5.4.0"
+      }
+    },
+    "node_modules/electron-publish": {
+      "version": "26.15.3",
+      "resolved": "https://registry.npmjs.org/electron-publish/-/electron-publish-26.15.3.tgz",
+      "integrity": "sha512-g/2bn8YTavY4cuS5F+jOS7zmZbXXBV8KZ8yHKfJjFPoKtzBqrpCdNPxBd3tqdBwP7BVd0lGzf7Bk2s0KesWZ4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/fs-extra": "^9.0.11",
+        "aws4": "^1.13.2",
+        "builder-util": "26.15.3",
+        "builder-util-runtime": "9.7.0",
+        "chalk": "^4.1.2",
+        "form-data": "^4.0.5",
+        "fs-extra": "^10.1.0",
+        "lazy-val": "^1.0.5",
+        "mime": "^2.5.2"
+      }
+    },
     "node_modules/electron-to-chromium": {
       "version": "1.5.370",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.370.tgz",
@@ -1914,6 +3563,66 @@
         }
       }
     },
+    "node_modules/electron-winstaller": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/electron-winstaller/-/electron-winstaller-5.4.0.tgz",
+      "integrity": "sha512-bO3y10YikuUwUuDUQRM4KfwNkKhnpVO7IPdbsrejwN9/AABJzzTQ4GeHwyzNSrVO+tEH3/Np255a3sVZpZDjvg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@electron/asar": "^3.2.1",
+        "debug": "^4.1.1",
+        "fs-extra": "^7.0.1",
+        "lodash": "^4.17.21",
+        "temp": "^0.9.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@electron/windows-sign": "^1.1.2"
+      }
+    },
+    "node_modules/electron-winstaller/node_modules/fs-extra": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
+      "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "graceful-fs": "^4.1.2",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/electron-winstaller/node_modules/jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/electron-winstaller/node_modules/universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
     "node_modules/electron/node_modules/@types/node": {
       "version": "24.13.2",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-24.13.2.tgz",
@@ -1931,6 +3640,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/encodeurl": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
@@ -1940,6 +3656,16 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/end-of-stream": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
+      "integrity": "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
     "node_modules/env-paths": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
@@ -1950,6 +3676,13 @@
         "node": ">=6"
       }
     },
+    "node_modules/err-code": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/err-code/-/err-code-2.0.3.tgz",
+      "integrity": "sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/es-define-property": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
@@ -1980,6 +3713,30 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es6-error": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/es6-error/-/es6-error-4.1.1.tgz",
+      "integrity": "sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/esbuild": {
       "version": "0.25.12",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
@@ -2038,6 +3795,20 @@
       "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
       "license": "MIT"
     },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/etag": {
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
@@ -2047,6 +3818,33 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/events-universal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/events-universal/-/events-universal-1.0.1.tgz",
+      "integrity": "sha512-LUd5euvbMLpwOF8m6ivPCbhQeSiYVNb8Vs0fQ8QjXo0JTkEHpz8pxdQf0gStltaPpw0Cca8b39KxvK9cfKRiAw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-events": "^2.7.0"
+      }
+    },
     "node_modules/eventsource": {
       "version": "3.0.7",
       "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-3.0.7.tgz",
@@ -2142,10 +3940,16 @@
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
       "license": "MIT"
     },
+    "node_modules/fast-fifo": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
+      "integrity": "sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==",
+      "license": "MIT"
+    },
     "node_modules/fast-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.2.tgz",
-      "integrity": "sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.5.tgz",
+      "integrity": "sha512-gHwA1O9LDIcKunMKhObS/HimwtehO1nPUECKAu5TpKgaO19fcWEl4bliWe1jWxVFvIXztJjjQ4L8XQ1EU9f7Jw==",
       "funding": [
         {
           "type": "github",
@@ -2176,6 +3980,46 @@
         }
       }
     },
+    "node_modules/filelist": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.6.tgz",
+      "integrity": "sha512-5giy2PkLYY1cP39p17Ech+2xlpTRL9HLspOfEgm0L6CwBXBTgsK5ou0JtzYuepxkaQ/tvhCFIJ5uXo0OrM2DxA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "minimatch": "^5.0.1"
+      }
+    },
+    "node_modules/filelist/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/filelist/node_modules/brace-expansion": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.4.tgz",
+      "integrity": "sha512-hGfVzPxthbf3+2yjg/RBs60cB0FhqBS/zvdV/4wn4/BmN0bNMMHPc4V/BbFieqf1TKAGGAHnY4eSjajCl0f2Xg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/filelist/node_modules/minimatch": {
+      "version": "5.1.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.9.tgz",
+      "integrity": "sha512-7o1wEA2RyMP7Iu7GNba9vc0RWWGACJOCZBJX2GJWip0ikV+wcOsgVuY9uE8CPiyQhkGFSlhuSkZPavN7u1c2Fw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/finalhandler": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-2.1.1.tgz",
@@ -2197,6 +4041,46 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/form-data": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.6.tgz",
+      "integrity": "sha512-vKatAh4SlVfgbv+YtmhiRjhEMJsYpsG1Y2rMQtR+SVSbytsSD1YGzDIcrAJmdFec88u/+VoGmxnl+80gL1tRCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.4",
+        "mime-types": "^2.1.35"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/form-data/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/form-data/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -2215,6 +4099,28 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -2249,6 +4155,16 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
     "node_modules/get-intrinsic": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
@@ -2279,11 +4195,131 @@
       "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
       "license": "MIT",
       "dependencies": {
-        "dunder-proto": "^1.0.1",
-        "es-object-atoms": "^1.0.0"
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/glob/node_modules/brace-expansion": {
+      "version": "1.1.18",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.18.tgz",
+      "integrity": "sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/global-agent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/global-agent/-/global-agent-3.0.0.tgz",
+      "integrity": "sha512-PT6XReJ+D07JvGoxQMkT6qji/jVNfX/h364XHZOWeRzy64sSFr+xJ5OX7LI3b4MPQzdL4H8Y8M0xzPpsVMwA8Q==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "boolean": "^3.0.1",
+        "es6-error": "^4.1.1",
+        "matcher": "^3.0.0",
+        "roarr": "^2.15.3",
+        "semver": "^7.3.2",
+        "serialize-error": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=10.0"
+      }
+    },
+    "node_modules/global-agent/node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
       },
       "engines": {
         "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/gopd": {
@@ -2298,6 +4334,32 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/got": {
+      "version": "11.8.6",
+      "resolved": "https://registry.npmjs.org/got/-/got-11.8.6.tgz",
+      "integrity": "sha512-6tfZ91bOr7bOXnK7PRDCGBLa1H4U080YHNaAQ2KsMGlLEzRbk44nsZF2E1IeRc3vtJHPVbKCYgdFbaGO2ljd8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sindresorhus/is": "^4.0.0",
+        "@szmarczak/http-timer": "^4.0.5",
+        "@types/cacheable-request": "^6.0.1",
+        "@types/responselike": "^1.0.0",
+        "cacheable-lookup": "^5.0.3",
+        "cacheable-request": "^7.0.2",
+        "decompress-response": "^6.0.0",
+        "http2-wrapper": "^1.0.0-beta.5.2",
+        "lowercase-keys": "^2.0.0",
+        "p-cancelable": "^2.0.0",
+        "responselike": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/got?sponsor=1"
+      }
+    },
     "node_modules/graceful-fs": {
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
@@ -2305,6 +4367,30 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/has-symbols": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
@@ -2317,6 +4403,22 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/hasown": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
@@ -2330,14 +4432,54 @@
       }
     },
     "node_modules/hono": {
-      "version": "4.12.25",
-      "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.25.tgz",
-      "integrity": "sha512-2NFaIyNVgJmBs/ecmtGzlmluTFs5cHEWGTdu0t1HBwYzoGXOL5nUQBRMXsXWla5i4KkG//QMzVP88m1+I3fdAQ==",
+      "version": "4.13.3",
+      "resolved": "https://registry.npmjs.org/hono/-/hono-4.13.3.tgz",
+      "integrity": "sha512-r8AO2mYHoLxSHkgafNeC/BXyb2vWRxD3jem4Ts+ptav8oTG5FIRifAjuJEmZI4bSvvc2ns0GxmIYiZnHqN3mMw==",
       "license": "MIT",
       "engines": {
         "node": ">=16.9.0"
       }
     },
+    "node_modules/hosted-git-info": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
+      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/hosted-git-info/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/hosted-git-info/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/http-cache-semantics": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.2.0.tgz",
+      "integrity": "sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
     "node_modules/http-errors": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
@@ -2358,6 +4500,80 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/http2-wrapper": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/http2-wrapper/-/http2-wrapper-1.0.3.tgz",
+      "integrity": "sha512-V+23sDMr12Wnz7iTcDeJr3O6AIxlnvT/bmaAAAP/Xda35C90p9599p0F1eHR/N1KILWSoWVAiOMFjBBXaXSMxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "quick-lru": "^5.1.1",
+        "resolve-alpn": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=10.19.0"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
@@ -2365,9 +4581,9 @@
       "license": "ISC"
     },
     "node_modules/ip-address": {
-      "version": "10.2.0",
-      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.2.0.tgz",
-      "integrity": "sha512-/+S6j4E9AHvW9SWMSEY9Xfy66O5PWvVEJ08O0y5JGyEKQpojb0K0GKpz/v5HJ/G0vi3D2sjGK78119oXZeE0qA==",
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.5.0.tgz",
+      "integrity": "sha512-R5SnVLJmgYYvf2F2ZgwSBnelz5G4q5AxIC277GDfUaNbrZKNANcBC7RHqYYePlszf4kBolVkJauG0ZjHHFh55g==",
       "license": "MIT",
       "engines": {
         "node": ">= 12"
@@ -2382,18 +4598,87 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/is-promise": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
       "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==",
       "license": "MIT"
     },
+    "node_modules/is-stream": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-4.0.1.tgz",
+      "integrity": "sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "license": "MIT"
+    },
+    "node_modules/isbinaryfile": {
+      "version": "5.0.7",
+      "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-5.0.7.tgz",
+      "integrity": "sha512-gnWD14Jh3FzS3CPhF0AxNOJ8CxqeblPTADzI38r0wt8ZyQl5edpy75myt08EG2oKvpyiqSqsx+Wkz9vtkbTqYQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 18.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/gjtorikian/"
+      }
+    },
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
       "license": "ISC"
     },
+    "node_modules/jake": {
+      "version": "10.9.4",
+      "resolved": "https://registry.npmjs.org/jake/-/jake-10.9.4.tgz",
+      "integrity": "sha512-wpHYzhxiVQL+IV05BLE2Xn34zW1S223hvjtqk0+gsPrwd/8JNLXJgZZM/iPFsYc1xyphF+6M6EvdE5E9MBGkDA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "async": "^3.2.6",
+        "filelist": "^1.0.4",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "jake": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.7.0.tgz",
+      "integrity": "sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
     "node_modules/jose": {
       "version": "6.2.3",
       "resolved": "https://registry.npmjs.org/jose/-/jose-6.2.3.tgz",
@@ -2409,6 +4694,29 @@
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
       "license": "MIT"
     },
+    "node_modules/js-yaml": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.3.1.tgz",
+      "integrity": "sha512-CY6crGq313MX8GkwvB7tzgp99vjQxY1++5y10/BKN/GUfHqWaOGQMNZkBvqSzsZKWk/ijwHlWzzkLulsGHhjWQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/puzrin"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/nodeca"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
     "node_modules/jsesc": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
@@ -2422,6 +4730,13 @@
         "node": ">=6"
       }
     },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/json-schema-traverse": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
@@ -2434,6 +4749,14 @@
       "integrity": "sha512-fQhoXdcvc3V28x7C7BMs4P5+kNlgUURe2jmUT1T//oBRMDrqy1QPelJimwZGo7Hg9VPV3EQV5Bnq4hbFy2vetA==",
       "license": "BSD-2-Clause"
     },
+    "node_modules/json-stringify-safe": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+      "integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==",
+      "dev": true,
+      "license": "ISC",
+      "optional": true
+    },
     "node_modules/json5": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
@@ -2447,6 +4770,55 @@
         "node": ">=6"
       }
     },
+    "node_modules/jsonfile": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.1.tgz",
+      "integrity": "sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/lazy-val": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/lazy-val/-/lazy-val-1.0.5.tgz",
+      "integrity": "sha512-0/BnGCCfyUMkBpeDgWihanIAF9JmZhHBgUhEqzvf+adhNGLoP6TaiI5oF8oyb3I45P+PcnrqihSf01M0l0G5+Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lazystream": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/lazystream/-/lazystream-1.0.1.tgz",
+      "integrity": "sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==",
+      "license": "MIT",
+      "dependencies": {
+        "readable-stream": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.6.3"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.18.1",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.18.1.tgz",
+      "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -2459,6 +4831,16 @@
         "loose-envify": "cli.js"
       }
     },
+    "node_modules/lowercase-keys": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
+      "integrity": "sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -2479,6 +4861,20 @@
         "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
+    "node_modules/matcher": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/matcher/-/matcher-3.0.0.tgz",
+      "integrity": "sha512-OkeDaAZ/bQCxeFAozM55PKcKU0yJMPGifLwV4Qgjitu+5MoAfSQN4lsLJeXZ1b8w0x+/Emda6MZgXS1jvsapng==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "escape-string-regexp": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -2509,6 +4905,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
     "node_modules/mime-db": {
       "version": "1.54.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
@@ -2534,6 +4943,41 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/mimic-response": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
+      "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "10.2.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.6.tgz",
+      "integrity": "sha512-vpLQEs+VLCr1nU0BXS07maYoFwlDAH0gngQuuttxIwutDFEMHq2blX+8vpgxDdK3J1PwjCJiep77OitTZ4Ll1A==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "brace-expansion": "^5.0.8"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/minipass": {
       "version": "7.1.3",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.3.tgz",
@@ -2557,6 +5001,20 @@
         "node": ">= 18"
       }
     },
+    "node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
     "node_modules/mp4-muxer": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/mp4-muxer/-/mp4-muxer-5.2.2.tgz",
@@ -2584,9 +5042,9 @@
       "license": "MIT"
     },
     "node_modules/nanoid": {
-      "version": "3.3.12",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
-      "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
+      "version": "3.3.18",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.18.tgz",
+      "integrity": "sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w==",
       "dev": true,
       "funding": [
         {
@@ -2706,9 +5164,9 @@
       }
     },
     "node_modules/node-gyp/node_modules/undici": {
-      "version": "6.27.0",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-6.27.0.tgz",
-      "integrity": "sha512-YmfV3YnEDzXRC5lZ2jWtWWHKGUm1zIt8AhesR1tens+HTNv+YZlN/dp6G727LOvMJ8xjP9Be7Y2Sdr96LDm+pg==",
+      "version": "6.28.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-6.28.0.tgz",
+      "integrity": "sha512-LIY910g9TI13YS95lrMFrs8Rm/u/irgHeTWoKCoteeJ04CUJ92eEfj0rVn+7VKMPBpUPiUoBKfhNyLI23EE/KA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2731,6 +5189,13 @@
         "node": "^20.17.0 || >=22.9.0"
       }
     },
+    "node_modules/node-int64": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
+      "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/node-pty": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/node-pty/-/node-pty-1.1.0.tgz",
@@ -2767,6 +5232,28 @@
         "node": "^20.17.0 || >=22.9.0"
       }
     },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-url": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz",
+      "integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -2788,6 +5275,17 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/on-finished": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
@@ -2809,6 +5307,32 @@
         "wrappy": "1"
       }
     },
+    "node_modules/p-cancelable": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-2.1.1.tgz",
+      "integrity": "sha512-BZOr3nRQHOntUjTrH8+Lh54smKHoHyur8We1V8DSMVrl5A2malOOwuJRnKRDjSnkoeBh4at6BwEnb5I7Jl31wg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -2818,6 +5342,16 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -2837,6 +5371,21 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/pe-library": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/pe-library/-/pe-library-0.4.1.tgz",
+      "integrity": "sha512-eRWB5LBz7PpDu4PUlwT0PhnQfTQJlDDdPa35urV4Osrm0t0AqQFGn+UIkU3klZvwJ8KPO3VbBFsXquA6p6kqZw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/jet2jet"
+      }
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -2866,10 +5415,56 @@
         "node": ">=16.20.0"
       }
     },
+    "node_modules/pkijs": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/pkijs/-/pkijs-3.4.0.tgz",
+      "integrity": "sha512-emEcLuomt2j03vxD54giVB4SxTjnsqkU692xZOZXHDVoYyypEm+b3jpiTcc+Cf+myooc+/Ly0z01jqeNHVgJGw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@noble/hashes": "1.4.0",
+        "asn1js": "^3.0.6",
+        "bytestreamjs": "^2.0.1",
+        "pvtsutils": "^1.3.6",
+        "pvutils": "^1.1.3",
+        "tslib": "^2.8.1"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/pkijs/node_modules/@noble/hashes": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.4.0.tgz",
+      "integrity": "sha512-V1JJ1WTRUqHHrOSh597hURcMqVKVGL/ea3kv0gSnEdsEZ0/+VyPghM1lMNGc00z7CIQorSvbKpuJkxvuHbvdbg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/plist": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/plist/-/plist-3.1.0.tgz",
+      "integrity": "sha512-uysumyrvkUX0rX/dEVqt8gC3sTBzd4zoWfLeS29nb53imdaXVvLINYXTI2GNqzaMuvacNx4uJQ8+b3zXR0pkgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@xmldom/xmldom": "^0.8.8",
+        "base64-js": "^1.5.1",
+        "xmlbuilder": "^15.1.1"
+      },
+      "engines": {
+        "node": ">=10.4.0"
+      }
+    },
     "node_modules/postcss": {
-      "version": "8.5.15",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz",
-      "integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
+      "version": "8.5.26",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.26.tgz",
+      "integrity": "sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ==",
       "dev": true,
       "funding": [
         {
@@ -2887,7 +5482,7 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "nanoid": "^3.3.12",
+        "nanoid": "^3.3.17",
         "picocolors": "^1.1.1",
         "source-map-js": "^1.2.1"
       },
@@ -2895,6 +5490,36 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/postject": {
+      "version": "1.0.0-alpha.6",
+      "resolved": "https://registry.npmjs.org/postject/-/postject-1.0.0-alpha.6.tgz",
+      "integrity": "sha512-b9Eb8h2eVqNE8edvKdwqkrY6O7kAwmI8kcnBv1NScolYJbo59XUF0noFq+lxbC1yN20bmC0WBEbDC5H/7ASb0A==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "commander": "^9.4.0"
+      },
+      "bin": {
+        "postject": "dist/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/postject/node_modules/commander": {
+      "version": "9.5.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
+      "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": "^12.20.0 || >=14"
+      }
+    },
     "node_modules/proc-log": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-6.1.0.tgz",
@@ -2905,6 +5530,21 @@
         "node": "^20.17.0 || >=22.9.0"
       }
     },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "license": "MIT"
+    },
     "node_modules/progress": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
@@ -2915,6 +5555,32 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/promise-retry": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-2.0.1.tgz",
+      "integrity": "sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "err-code": "^2.0.2",
+        "retry": "^0.12.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/proper-lockfile": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/proper-lockfile/-/proper-lockfile-4.1.2.tgz",
+      "integrity": "sha512-TjNPblN4BwAWMXU8s9AEz4JmQxnD1NNL7bNOY/AKUzyamc379FWASUhc/K1pL2noVb+XmZKLL68cjzLsiOAMaA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "retry": "^0.12.0",
+        "signal-exit": "^3.0.2"
+      }
+    },
     "node_modules/proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -2928,6 +5594,37 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/pump": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.4.tgz",
+      "integrity": "sha512-VS7sjc6KR7e1ukRFhQSY5LM2uBWAUPiOPa/A3mkKmiMwSmRFUITt0xuj+/lesgnCv+dPIEYlkzrcyXgquIHMcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/pvtsutils": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/pvtsutils/-/pvtsutils-1.3.6.tgz",
+      "integrity": "sha512-PLgQXQ6H2FWCaeRak8vvk1GW462lMxB5s3Jm673N82zI4vqtVUPuZdffdZbPDFRoU8kAhItWFtPCWiPpp4/EDg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/pvutils": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pvutils/-/pvutils-1.2.0.tgz",
+      "integrity": "sha512-BbubeCEyTuQjVMakvJQ/Sxbc93F2pwmbsxONT/ZRrwU7Ua38d8unYTwXpTVLAKJ4BDuH9IGztCjQcd/N/39Dvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
     "node_modules/qs": {
       "version": "6.15.2",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.2.tgz",
@@ -2943,6 +5640,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/quick-lru": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
+      "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/range-parser": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
@@ -3031,6 +5741,46 @@
         "read-binary-file-arch": "cli.js"
       }
     },
+    "node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/readdir-glob": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/readdir-glob/-/readdir-glob-3.0.0.tgz",
+      "integrity": "sha512-AhNB2KgKeVJr16nK9LLZbJNWnYoT23ZrumNKFDebHBdkC8KHSqWo871JAUhoWC/RtjEVdqNMFpM6qrwRbaUqpw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "minimatch": "^10.2.2"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/yqnn"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/require-from-string": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
@@ -3040,6 +5790,88 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/resedit": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/resedit/-/resedit-1.7.2.tgz",
+      "integrity": "sha512-vHjcY2MlAITJhC0eRD/Vv8Vlgmu9Sd3LX9zZvtGzU5ZImdTN3+d6e/4mnTyV8vEbyf1sgNIrWxhWlrys52OkEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pe-library": "^0.4.1"
+      },
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/jet2jet"
+      }
+    },
+    "node_modules/resolve-alpn": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/resolve-alpn/-/resolve-alpn-1.2.1.tgz",
+      "integrity": "sha512-0a1F4l73/ZFZOakJnQ3FvkJ2+gSTQWz/r2KE5OdDY0TxPm5h4GkqkWWfM47T7HsbnOtcJVEF4epCVy6u7Q3K+g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/responselike": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/responselike/-/responselike-2.0.1.tgz",
+      "integrity": "sha512-4gl03wn3hj1HP3yzgdI7d3lCkF95F21Pz4BPGvKHinyQzALR5CapwC8yIi0Rh58DEMQ/SguC03wFj2k0M/mHhw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lowercase-keys": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/retry": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+      "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/rimraf": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
+      "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
+    "node_modules/roarr": {
+      "version": "2.15.4",
+      "resolved": "https://registry.npmjs.org/roarr/-/roarr-2.15.4.tgz",
+      "integrity": "sha512-CHhPh+UNHD2GTXNYhPWLnU8ONHdI+5DI+4EYIAOaiD63rHeYlZvyh8P+in5999TTSFgUYuKUAjzRI4mdh/p+2A==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "boolean": "^3.0.1",
+        "detect-node": "^2.0.4",
+        "globalthis": "^1.0.1",
+        "json-stringify-safe": "^5.0.1",
+        "semver-compare": "^1.0.0",
+        "sprintf-js": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
     "node_modules/rollup": {
       "version": "4.61.1",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.61.1.tgz",
@@ -3101,12 +5933,38 @@
         "node": ">= 18"
       }
     },
+    "node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
       "license": "MIT"
     },
+    "node_modules/sanitize-filename": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/sanitize-filename/-/sanitize-filename-1.6.4.tgz",
+      "integrity": "sha512-9ZyI08PsvdQl2r/bBIGubpVdR3RR9sY6RDiWFPreA21C/EFlQhmgo20UZlNjZMMZNubusLhAQozkA0Od5J21Eg==",
+      "dev": true,
+      "license": "WTFPL OR ISC",
+      "dependencies": {
+        "truncate-utf8-bytes": "^1.0.0"
+      }
+    },
+    "node_modules/sax": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.6.1.tgz",
+      "integrity": "sha512-42tBVwLWnaQvW5zc4HbZrTuWccECCZfBi92FDuwtqxasH+JbPB3/FOKb1m222K42R4WxuxzzMsTswfzgtSu64Q==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=11.0.0"
+      }
+    },
     "node_modules/scheduler": {
       "version": "0.23.2",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
@@ -3126,6 +5984,14 @@
         "semver": "bin/semver.js"
       }
     },
+    "node_modules/semver-compare": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz",
+      "integrity": "sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/send": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/send/-/send-1.2.1.tgz",
@@ -3152,6 +6018,23 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/serialize-error": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/serialize-error/-/serialize-error-7.0.1.tgz",
+      "integrity": "sha512-8I8TjW5KMOKsZQTvoxjuSIa7foAwPWGOts+6o7sgjz41/qMD9VQHEDxi6PBvK2l0MXUmqZyNpUK+T2tQaaElvw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "type-fest": "^0.13.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/serve-static": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-2.2.1.tgz",
@@ -3264,10 +6147,53 @@
         "side-channel-map": "^1.0.1"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/simple-update-notifier": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
+      "integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/simple-update-notifier/node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
       }
     },
     "node_modules/source-map-js": {
@@ -3280,6 +6206,35 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.3.tgz",
+      "integrity": "sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true
+    },
+    "node_modules/stat-mode": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/stat-mode/-/stat-mode-1.0.0.tgz",
+      "integrity": "sha512-jH9EhtKIjuXZ2cWxmXS8ZP80XyC3iasQxMDV8jzhNJpfDb7VbQLVW4Wvsxz9QZvzV+G4YoSfBUVKDOyxLzi/sg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/statuses": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
@@ -3289,6 +6244,54 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/streamx": {
+      "version": "2.28.0",
+      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.28.0.tgz",
+      "integrity": "sha512-1Yowhzjf0ivGMrTIkY9hav5TxobO9qIVqUE41fiCGMGgc3CLlf4MY+9AHmZqBWgDTue0fY9zWjYFVyf6Diuobw==",
+      "license": "MIT",
+      "dependencies": {
+        "events-universal": "^1.0.0",
+        "fast-fifo": "^1.3.2",
+        "text-decoder": "^1.1.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/sumchecker": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/sumchecker/-/sumchecker-3.0.1.tgz",
@@ -3302,10 +6305,23 @@
         "node": ">= 8.0"
       }
     },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/tar": {
-      "version": "7.5.19",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.19.tgz",
-      "integrity": "sha512-4LeEWl96twnS2Q7Bz4MGqgazLqO+hJN63GZxXoIqh1T3VweYD997gbU1ItNsQafqqXTXd5WFyFdReLtwvRBNiw==",
+      "version": "7.5.22",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.22.tgz",
+      "integrity": "sha512-MFO/QzvtAOmJbkhOaCTvbGcFN9L9b+JunIsDwaKljSOdcLMea3NJ1k9Usz/rjdfSXTq4dfzfeS7W4p4YOAAHeA==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
@@ -3319,6 +6335,32 @@
         "node": ">=18"
       }
     },
+    "node_modules/tar-stream": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.2.0.tgz",
+      "integrity": "sha512-ojzvCvVaNp6aOTFmG7jaRD0meowIAuPc3cMMhSgKiVWws1GyHbGd/xvnyuRKcKlMpt3qvxx6r0hreCNITP9hIg==",
+      "license": "MIT",
+      "dependencies": {
+        "b4a": "^1.6.4",
+        "bare-fs": "^4.5.5",
+        "fast-fifo": "^1.2.0",
+        "streamx": "^2.15.0"
+      }
+    },
+    "node_modules/tar-stream/node_modules/b4a": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.8.1.tgz",
+      "integrity": "sha512-aiqre1Nr0B/6DgE2N5vwTc+2/oQZ4Wh1t4NznYY4E00y8LCt6NqdRv81so00oo27D8MVKTpUa/MwUUtBLXCoDw==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "react-native-b4a": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-native-b4a": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/tar/node_modules/yallist": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
@@ -3329,6 +6371,84 @@
         "node": ">=18"
       }
     },
+    "node_modules/teex": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/teex/-/teex-1.0.1.tgz",
+      "integrity": "sha512-eYE6iEI62Ni1H8oIa7KlDU6uQBtqr4Eajni3wX7rpfXD8ysFx8z0+dri+KWEPWpBsxXfxu58x/0jvTVT1ekOSg==",
+      "license": "MIT",
+      "dependencies": {
+        "streamx": "^2.12.5"
+      }
+    },
+    "node_modules/temp": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/temp/-/temp-0.9.4.tgz",
+      "integrity": "sha512-yYrrsWnrXMcdsnu/7YMYAofM1ktpL5By7vZhf15CrXijWWrEYZks5AXBudalfSWJLlnen/QUJUB5aoB0kqZUGA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "mkdirp": "^0.5.1",
+        "rimraf": "~2.6.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/temp-file": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/temp-file/-/temp-file-3.4.0.tgz",
+      "integrity": "sha512-C5tjlC/HCtVUOi3KWVokd4vHVViOmGjtLwIh4MuzPo/nMYTV/p1urt3RnMz2IWXDdKEGJH3k5+KPxtqRsUYGtg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-exit-hook": "^2.0.1",
+        "fs-extra": "^10.0.0"
+      }
+    },
+    "node_modules/text-decoder": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.7.tgz",
+      "integrity": "sha512-vlLytXkeP4xvEq2otHeJfSQIRyWxo/oZGEbXrtEEF9Hnmrdly59sUbzZ/QgyWuLYHctCHxFF4tRQZNQ9k60ExQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "b4a": "^1.6.4"
+      }
+    },
+    "node_modules/text-decoder/node_modules/b4a": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.8.1.tgz",
+      "integrity": "sha512-aiqre1Nr0B/6DgE2N5vwTc+2/oQZ4Wh1t4NznYY4E00y8LCt6NqdRv81so00oo27D8MVKTpUa/MwUUtBLXCoDw==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "react-native-b4a": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-native-b4a": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tiny-async-pool": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/tiny-async-pool/-/tiny-async-pool-1.3.0.tgz",
+      "integrity": "sha512-01EAw5EDrcVrdgyCLgoSPvqznC0sVxDSVeiOz09FUpjh71G79VCqneOr+xvt7T1r76CF6ZZfPjHorN2+d+3mqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^5.5.0"
+      }
+    },
+    "node_modules/tiny-async-pool/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
     "node_modules/tinyglobby": {
       "version": "0.2.17",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
@@ -3346,6 +6466,26 @@
         "url": "https://github.com/sponsors/SuperchupuDev"
       }
     },
+    "node_modules/tmp": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.7.tgz",
+      "integrity": "sha512-e0votIpp4Uo2AJYSzVHV6xCcawuiez3DzqDAbrTc3YxBkplN6e+dM13ZeIcZnDg/QpSuU2zfZ3rzwY8ukEnaXw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/tmp-promise": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/tmp-promise/-/tmp-promise-3.0.3.tgz",
+      "integrity": "sha512-RwM7MoPojPxsOBYnyd2hy0bxtIlVrihNs9pj5SUvY8Zz1sQcQG2tG1hSr8PDxfgEB8RNKDhqbIlroIarSNDNsQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tmp": "^0.2.0"
+      }
+    },
     "node_modules/toidentifier": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
@@ -3355,6 +6495,37 @@
         "node": ">=0.6"
       }
     },
+    "node_modules/truncate-utf8-bytes": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/truncate-utf8-bytes/-/truncate-utf8-bytes-1.0.2.tgz",
+      "integrity": "sha512-95Pu1QXQvruGEhv62XCMO3Mm90GscOCClvrIUwCM0PYOXK3kaF3l3sIHxx71ThJfcbM2O5Au6SO3AWCSEfW4mQ==",
+      "dev": true,
+      "license": "WTFPL",
+      "dependencies": {
+        "utf8-byte-length": "^1.0.1"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD"
+    },
+    "node_modules/type-fest": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz",
+      "integrity": "sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "optional": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/type-is": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-2.1.0.tgz",
@@ -3401,9 +6572,9 @@
       }
     },
     "node_modules/undici": {
-      "version": "7.28.0",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-7.28.0.tgz",
-      "integrity": "sha512-cRZYrTDwWznlnRiPjggAGxZXanty6M8RV1ff8Wm4LWXBp7/IG8v5DnOm74DtUBp9OONpK75YlPnIjQqX0dBDtA==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-7.29.0.tgz",
+      "integrity": "sha512-IDxfleLmmbSskfWSUATiN1nfn2rDuvnMOqb5CWR92iIfojA0Ud+ulOAAEQ57LPr9rWmsreUyf5lwyao+7GNNVw==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -3418,6 +6589,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
     "node_modules/unpipe": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
@@ -3427,6 +6608,35 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/unzipper": {
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/unzipper/-/unzipper-0.12.5.tgz",
+      "integrity": "sha512-tXYOi9R57Uj/2Z25SOs5RRSzq886MBQj2gY8dPL+xl/kv6s6SvByoKfAtvfVeEuhntWDgjd2o9p2lb4TVPAz0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bluebird": "~3.7.2",
+        "duplexer2": "~0.1.4",
+        "fs-extra": "11.3.1",
+        "graceful-fs": "^4.2.2",
+        "node-int64": "^0.4.0"
+      }
+    },
+    "node_modules/unzipper/node_modules/fs-extra": {
+      "version": "11.3.1",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.1.tgz",
+      "integrity": "sha512-eXvGGwZ5CL17ZSwHWd3bbgk7UUpF6IFHtP57NYYakPvHOs8GDgDe5KJI36jIJzDkJ6eJjuzRA8eBQb6SkKue0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
@@ -3467,6 +6677,19 @@
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
+    "node_modules/utf8-byte-length": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/utf8-byte-length/-/utf8-byte-length-1.0.5.tgz",
+      "integrity": "sha512-Xn0w3MtiQ6zoz2vFyUVruaCL53O/DwUvkEeOvj+uulMm0BkUGYWmBYVyElqZaSLhY6ZD0ulfU3aBra2aVT4xfA==",
+      "dev": true,
+      "license": "(WTFPL OR MIT)"
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
     "node_modules/vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
@@ -4035,6 +7258,20 @@
         "@esbuild/win32-x64": "0.28.1"
       }
     },
+    "node_modules/webcrypto-core": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/webcrypto-core/-/webcrypto-core-1.9.2.tgz",
+      "integrity": "sha512-gsXecm82UQNlTBURJGuqOWy1Ww08S3kZUcr3aOJS02Pk0xLtkfeUAVC0u0xhgdonFme80edSJUIJyuvL/7250Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@peculiar/asn1-schema": "^2.7.0",
+        "@peculiar/json-schema": "^1.1.12",
+        "@peculiar/utils": "^2.0.2",
+        "asn1js": "^3.0.10",
+        "tslib": "^2.8.1"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -4050,6 +7287,24 @@
         "node": ">= 8"
       }
     },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
@@ -4077,6 +7332,26 @@
         }
       }
     },
+    "node_modules/xmlbuilder": {
+      "version": "15.1.1",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-15.1.1.tgz",
+      "integrity": "sha512-yMqGBqtXyeN1e3TGYvgNgDVZ3j84W4cwkOXQswghol6APgZWaff9lnbvN7MHYJOiXsvGPXtjTYJEiC9J2wv9Eg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/yallist": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
@@ -4084,6 +7359,107 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/yargs": {
+      "version": "17.7.3",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.3.tgz",
+      "integrity": "sha512-GZtjxm/J/4TSxuL3FNYjCmLktBTnIw/rVmKSIyKeYAZpmJB2ig9VauCC5xsa82GNKVKDAqpOn3KVzNt0zmrU0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zip-stream": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/zip-stream/-/zip-stream-7.0.5.tgz",
+      "integrity": "sha512-dSvYKdvLsAHCDqPOhIwk/q5CvuWtTB3Dgpoe0uVEFjTzIOAmsQpprX25InCvrvJsirEbu1OHyy67n/kAj1Sw/w==",
+      "license": "MIT",
+      "dependencies": {
+        "compress-commons": "^7.0.0",
+        "normalize-path": "^3.0.0",
+        "readable-stream": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/zip-stream/node_modules/readable-stream": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+      "license": "MIT",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/zip-stream/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/zip-stream/node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
     "node_modules/zod": {
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/zod/-/zod-4.4.3.tgz",
diff --git a/package.json b/package.json
index 4b05fee..d66cd29 100644
--- a/package.json
+++ b/package.json
@@ -6,8 +6,11 @@
   "author": "Black Triangle",
   "license": "GPL-3.0",
   "scripts": {
-    "dev": "electron-vite dev",
-    "build": "electron-vite build",
+    "dev": "npm run build:html-player && electron-vite dev",
+    "build": "electron-vite build && npm run build:html-player",
+    "build:html-player": "vite build --config vite.html-player.config.ts",
+    "icon": "node build/make-icon.mjs",
+    "package:mac": "npm run build && electron-builder --mac --arm64",
     "start": "electron-vite preview",
     "typecheck": "tsc --noEmit -p tsconfig.web.json && tsc --noEmit -p tsconfig.node.json",
     "postinstall": "electron-rebuild -f -w node-pty"
@@ -16,6 +19,7 @@
     "@modelcontextprotocol/sdk": "^1.29.0",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/xterm": "^6.0.0",
+    "archiver": "^8.0.0",
     "mp4-muxer": "^5.1.5",
     "mp4box": "^2.3.0",
     "node-pty": "^1.1.0",
@@ -27,12 +31,14 @@
   },
   "devDependencies": {
     "@electron/rebuild": "^4.0.4",
+    "@types/archiver": "^8.0.0",
     "@types/node": "^20.14.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/ws": "^8.18.1",
     "@vitejs/plugin-react": "^5.2.0",
-    "electron": "^42.4.0",
+    "electron": "^42.9.1",
+    "electron-builder": "^26.15.3",
     "electron-vite": "^5.0.0",
     "typescript": "^5.5.4",
     "vite": "^7.3.1"
diff --git a/resources/voiceover-voices/01_female_quiz_host_bright.wav b/resources/voiceover-voices/01_female_quiz_host_bright.wav
new file mode 100644
index 0000000..d668a9d
Binary files /dev/null and b/resources/voiceover-voices/01_female_quiz_host_bright.wav differ
diff --git a/resources/voiceover-voices/02_female_host_warm.wav b/resources/voiceover-voices/02_female_host_warm.wav
new file mode 100644
index 0000000..66a2b42
Binary files /dev/null and b/resources/voiceover-voices/02_female_host_warm.wav differ
diff --git a/resources/voiceover-voices/03_male_quiz_host_confident.wav b/resources/voiceover-voices/03_male_quiz_host_confident.wav
new file mode 100644
index 0000000..866d3de
Binary files /dev/null and b/resources/voiceover-voices/03_male_quiz_host_confident.wav differ
diff --git a/resources/voiceover-voices/04_male_deep_cinematic.wav b/resources/voiceover-voices/04_male_deep_cinematic.wav
new file mode 100644
index 0000000..119f385
Binary files /dev/null and b/resources/voiceover-voices/04_male_deep_cinematic.wav differ
diff --git a/resources/voiceover-voices/07_teen_girl_energetic.wav b/resources/voiceover-voices/07_teen_girl_energetic.wav
new file mode 100644
index 0000000..9d955ab
Binary files /dev/null and b/resources/voiceover-voices/07_teen_girl_energetic.wav differ
diff --git a/resources/voiceover-voices/08_teen_boy_friendly.wav b/resources/voiceover-voices/08_teen_boy_friendly.wav
new file mode 100644
index 0000000..f128893
Binary files /dev/null and b/resources/voiceover-voices/08_teen_boy_friendly.wav differ
diff --git a/resources/voiceover-voices/09_elderly_woman_storyteller.wav b/resources/voiceover-voices/09_elderly_woman_storyteller.wav
new file mode 100644
index 0000000..19afff0
Binary files /dev/null and b/resources/voiceover-voices/09_elderly_woman_storyteller.wav differ
diff --git a/resources/voiceover-voices/10_elderly_man_storyteller.wav b/resources/voiceover-voices/10_elderly_man_storyteller.wav
new file mode 100644
index 0000000..b8eed61
Binary files /dev/null and b/resources/voiceover-voices/10_elderly_man_storyteller.wav differ
diff --git a/resources/voiceover-voices/12_cartoon_villain.wav b/resources/voiceover-voices/12_cartoon_villain.wav
new file mode 100644
index 0000000..2a6e4d8
Binary files /dev/null and b/resources/voiceover-voices/12_cartoon_villain.wav differ
diff --git a/resources/voiceover-voices/13_sports_commentator.wav b/resources/voiceover-voices/13_sports_commentator.wav
new file mode 100644
index 0000000..ceb5b04
Binary files /dev/null and b/resources/voiceover-voices/13_sports_commentator.wav differ
diff --git a/resources/voiceover-voices/14_mysterious_female.wav b/resources/voiceover-voices/14_mysterious_female.wav
new file mode 100644
index 0000000..d83c2f0
Binary files /dev/null and b/resources/voiceover-voices/14_mysterious_female.wav differ
diff --git a/scripts/e2e10.mjs b/scripts/e2e10.mjs
index 5ad46f9..4b8e46a 100644
--- a/scripts/e2e10.mjs
+++ b/scripts/e2e10.mjs
@@ -103,7 +103,13 @@ await evalJs(`(async () => {
   return true
 })()`)
 
-// 1. snap to other-track video clip edge (V1 ends at 8.024)
+// 1. snap to the actual other-track video edge (container duration may vary
+// slightly with the ffmpeg build that generated the fixture)
+const expectedOtherEdge = await evalJs(`(() => {
+  const v1 = window.kadrEditor.useEditor.getState().project.tracks.find(t => t.name === 'V1')
+  const c = v1.clips[0]
+  return c.start + c.duration
+})()`)
 const v2r = await evalJs(`(() => {
   const el = [...document.querySelectorAll('.lane.video .clip')].find(c => c.getBoundingClientRect().x > 500)
   const r = el.getBoundingClientRect()
@@ -111,7 +117,9 @@ const v2r = await evalJs(`(() => {
 })()`)
 await drag(v2r.cx, v2r.cy, v2r.cx - 42, v2r.cy)
 const snapA = await evalJs(`window.kadrEditor.useEditor.getState().project.tracks.find(t=>t.name==='V2').clips[0].start`)
-check('video↔video other-track snap (start lands exactly on 8.024)', Math.abs(snapA - 8.024) < 1e-6, 'start=' + snapA)
+check('video↔video other-track snap (start lands exactly on the other edge)',
+  Math.abs(snapA - expectedOtherEdge) < 1e-6,
+  `start=${snapA}, expected=${expectedOtherEdge}`)
 
 // 2. snap to the red playhead cursor + click-vs-drag parking
 await evalJs(`(() => { window.kadrEditor.useEditor.getState().setPlayhead(12); return 1 })()`)
@@ -120,7 +128,7 @@ const v2r2 = await evalJs(`(() => {
   const r = el.getBoundingClientRect()
   return { cx: r.x + r.width / 2, cy: r.y + r.height / 2 }
 })()`)
-// drag right so the start approaches 12: from 8.024 need +3.976s = ~199px; do 195px → 11.92 (within 0.2 tol)
+// drag right so the start approaches 12 (within the 0.2s snap tolerance)
 await drag(v2r2.cx, v2r2.cy, v2r2.cx + 195, v2r2.cy)
 const snapPh = await evalJs(`(() => {
   const st = window.kadrEditor.useEditor.getState()
diff --git a/scripts/e2e22.mjs b/scripts/e2e22.mjs
index 3414f00..7065269 100644
--- a/scripts/e2e22.mjs
+++ b/scripts/e2e22.mjs
@@ -1,16 +1,26 @@
 // Test: embedded Claude Code integration — PTY terminal session (with a
 // safe `bash` override instead of the real claude), the editor HTTP bridge,
-// and the MCP stdio server end-to-end (initialize → tools/list → kadr_state
-// → kadr_eval mutation with undo entry).
+// and the MCP stdio server end-to-end (initialize → tools/list → capabilities
+// → state → eval mutation with undo entry).
 import WebSocket from 'ws'
-import { spawn } from 'child_process'
-import { writeFileSync, unlinkSync, readFileSync } from 'fs'
+import { spawn, execFileSync } from 'child_process'
+import { writeFileSync, unlinkSync, readFileSync, statSync } from 'fs'
 import http from 'http'
 
 const PORT = process.env.KADR_CDP_PORT || 9777
-const ENV_FILE = `${process.env.HOME}/.config/kadr/claude-env.json`
-const MCP_FILE = `${process.env.HOME}/.config/kadr/claude-mcp.json`
-const GEN_FILE = `${process.env.HOME}/.config/kadr/kadr-mcp.json`
+const USER_DATA = process.env.KADR_USER_DATA || (process.platform === 'darwin'
+  ? `${process.env.HOME}/Library/Application Support/kadr`
+  : `${process.env.HOME}/.config/kadr`)
+const ENV_FILE = `${USER_DATA}/claude-env.json`
+const MCP_FILE = `${USER_DATA}/claude-mcp.json`
+const GEN_FILE = `${USER_DATA}/kadr-mcp.json`
+
+execFileSync('bash', ['-c',
+  'mkdir -p /tmp/kadr-test && ' +
+  'ffmpeg -v error -f lavfi -i "color=c=red:s=640x360:r=30:d=2" ' +
+  '-c:v libx264 -pix_fmt yuv420p -y /tmp/kadr-test/agent-red.mp4 && ' +
+  'ffmpeg -v error -f lavfi -i "color=c=blue:s=640x360:r=30:d=2" ' +
+  '-c:v libx264 -pix_fmt yuv420p -y /tmp/kadr-test/agent-blue.mp4'])
 
 async function getPageWs() {
   for (let i = 0; i < 30; i++) {
@@ -71,6 +81,27 @@ function check(name, cond, extra = '') {
 ws = new WebSocket(await getPageWs())
 await new Promise((r, j) => { ws.on('open', r); ws.on('error', j) })
 
+let projectBackedUp = false
+await evalJs(`(async () => {
+  const store = window.kadrEditor.useEditor
+  const s = store.getState()
+  window.__mcpProjectBackup = {
+    project: structuredClone(s.project), projectPath: s.projectPath,
+    selection: [...s.selection], playhead: s.playhead, past: structuredClone(s.past),
+    future: structuredClone(s.future), dirty: s.dirty
+  }
+  const project = structuredClone(s.project)
+  project.id = 'mcp-agent-' + Date.now()
+  project.name = 'mcp-test-project'
+  project.assets = []
+  project.texts = []
+  project.tracks = project.tracks.map(t => ({ ...t, clips: [] }))
+  store.setState({ project, projectPath: null, selection: [], playhead: 0,
+    past: [], future: [], dirty: false })
+  return true
+})()`)
+projectBackedUp = true
+
 // safe override: the "claude" session is a plain interactive bash
 let envBackup = null
 try { envBackup = readFileSync(ENV_FILE, 'utf8') } catch { /* none */ }
@@ -87,13 +118,6 @@ writeFileSync(MCP_FILE, JSON.stringify({
 }))
 
 try {
-  // give the page a name marker to read back through the bridges
-  await evalJs(`(async () => {
-    const st = window.kadrEditor.useEditor.getState()
-    window.kadrEditor.useEditor.setState({ project: { ...st.project, name: 'mcp-test-project' } })
-    return true
-  })()`)
-
   // 1) PTY session: open, type a command, see its output
   const opened = await evalJs(`(async () => {
     window.__cl = ''
@@ -108,7 +132,9 @@ try {
   const gen = JSON.parse(readFileSync(GEN_FILE, 'utf8'))
   check('claude-mcp.json servers merge into the generated mcp-config',
     !!gen.mcpServers['e2e-extra'] && !!gen.mcpServers.kadr &&
-    gen.mcpServers.kadr.args?.[1] === String(opened.port),
+    gen.mcpServers.kadr.args?.[1] === String(opened.port) &&
+    gen.mcpServers.kadr.command?.includes('Electron') &&
+    gen.mcpServers.kadr.env?.ELECTRON_RUN_AS_NODE === '1',
     Object.keys(gen.mcpServers).join(','))
 
   const echoed = await evalJs(`(async () => {
@@ -160,10 +186,12 @@ try {
     }
   })
   let mcpId = 0
-  const mcpCall = (method, params) => new Promise((resolve, reject) => {
+  const mcpCall = (method, params, timeout = 20000) => new Promise((resolve, reject) => {
     const i = ++mcpId
-    pending.set(i, resolve)
-    setTimeout(() => { if (pending.has(i)) { pending.delete(i); reject(new Error(method + ' timeout')) } }, 20000)
+    const timer = setTimeout(() => {
+      if (pending.has(i)) { pending.delete(i); reject(new Error(method + ' timeout')) }
+    }, timeout)
+    pending.set(i, (message) => { clearTimeout(timer); resolve(message) })
     mcp.stdin.write(JSON.stringify({ jsonrpc: '2.0', id: i, method, params }) + '\n')
   })
 
@@ -177,11 +205,60 @@ try {
 
   const tools = await mcpCall('tools/list', {})
   const names = (tools.result?.tools ?? []).map((t) => t.name).sort()
+  const requiredTools = [
+    'kadr_capabilities', 'kadr_eval', 'kadr_export', 'kadr_fragment_create',
+    'kadr_snapshot', 'kadr_state', 'kadr_transcribe', 'kadr_voice_clone', 'kadr_voices'
+  ]
   check('MCP exposes kadr tools',
-    JSON.stringify(names) === JSON.stringify(
-      ['kadr_eval', 'kadr_export', 'kadr_fragment_create', 'kadr_state', 'kadr_transcribe']),
+    requiredTools.every((name) => names.includes(name)),
     names.join(','))
 
+  const voices = await mcpCall('tools/call', { name: 'kadr_voices', arguments: {} })
+  const voiceCatalog = JSON.parse(voices.result?.content?.[0]?.text ?? 'null')
+  const bundledVoices = voiceCatalog.voices?.filter((voice) => !voice.custom) ?? []
+  check('MCP reports the approved F5-TTS voices',
+    voiceCatalog.engine === 'F5-TTS' && bundledVoices.length === 11 &&
+    !bundledVoices.some((voice) => [5, 6, 11].includes(voice.number)),
+    JSON.stringify(voiceCatalog))
+
+  const caps = await mcpCall('tools/call', {
+    name: 'kadr_capabilities', arguments: { section: 'transitions' }
+  })
+  const capsObj = JSON.parse(caps.result?.content?.[0]?.text ?? 'null')
+  check('kadr_capabilities returns runtime transition registries',
+    capsObj.section === 'transitions' &&
+    capsObj.capabilities?.overlap?.effects?.length === 14 &&
+    capsObj.capabilities?.edge?.effects?.length === 12 &&
+    capsObj.capabilities.overlap.effects.some((x) => x.id === 'wipeRight') &&
+    capsObj.capabilities.edge.effects.some((x) => x.id === 'lensWarp'),
+    JSON.stringify({ overlap: capsObj.capabilities?.overlap?.effects?.length,
+      edge: capsObj.capabilities?.edge?.effects?.length }))
+
+  const allCaps = await mcpCall('tools/call', {
+    name: 'kadr_capabilities', arguments: {}
+  })
+  const allCapsObj = JSON.parse(allCaps.result?.content?.[0]?.text ?? 'null')
+  check('full capability contract covers every advertised feature section',
+    allCapsObj.apiVersion === 2 && allCapsObj.availableSections.length === 14 &&
+    allCapsObj.sections?.effects?.types?.map((x) => x.type).join(',') === 'blur,glow' &&
+    allCapsObj.sections?.animation?.timeBases?.trackMotion.includes('absolute') &&
+    allCapsObj.sections?.store?.availableActions?.includes('splitClipIntoRanges') &&
+    allCapsObj.sections?.voice?.recording?.effects?.includes('compressor') &&
+    allCapsObj.sections?.projectFiles?.portablePackage?.options?.includeDependencies,
+    JSON.stringify({ sections: allCapsObj.availableSections?.length,
+      actions: allCapsObj.sections?.store?.availableActions?.length }))
+
+  const invalidCaps = await mcpCall('tools/call', {
+    name: 'kadr_eval', arguments: {
+      code: `return window.kadrEditor.getCapabilities('made-up-section')`
+    }
+  })
+  check('unknown capability sections fail explicitly with valid alternatives',
+    invalidCaps.result?.isError === true &&
+    invalidCaps.result?.content?.[0]?.text?.includes('unknown capability section') &&
+    invalidCaps.result?.content?.[0]?.text?.includes('projectFiles'),
+    invalidCaps.result?.content?.[0]?.text ?? '')
+
   const state = await mcpCall('tools/call', { name: 'kadr_state', arguments: {} })
   const stText = state.result?.content?.[0]?.text ?? ''
   const stObj = JSON.parse(stText)
@@ -189,6 +266,120 @@ try {
     stObj.project?.name === 'mcp-test-project' && Array.isArray(stObj.exportPresets) && stObj.exportPresets.length > 0,
     `name=${stObj.project?.name}, presets=${stObj.exportPresets?.length}`)
 
+  // Agent-style workflow: use only the contract + kadr_eval to import media,
+  // build animation/masks/effects/transitions, then inspect state and pixels.
+  const edit = await mcpCall('tools/call', {
+    name: 'kadr_eval',
+    arguments: { code:
+      `const ed = window.kadrEditor; const st = () => ed.useEditor.getState()
+       const v1 = st().project.tracks.find(t => t.kind === 'video')
+       await ed.importFiles(['/tmp/kadr-test/agent-red.mp4', '/tmp/kadr-test/agent-blue.mp4'],
+         { trackId: v1.id, at: 0 })
+       let clips = [...st().project.tracks.find(t => t.id === v1.id).clips]
+         .sort((a,b) => a.start - b.start)
+       st().setClipStarts([{ id: clips[1].id, start: 1.5 }])
+       clips = [...st().project.tracks.find(t => t.id === v1.id).clips]
+         .sort((a,b) => a.start - b.start)
+       const a = clips[0], b = clips[1]
+       st().setTransition(b.id, 'wipeRight')
+       st().setEdgeTransitions([{ clipId: a.id, edge: 'in', type: 'blurZoomIn', duration: 0.4 }])
+       st().pushHistory('agent-feature-edit')
+       st().updateClip(a.id, {
+         transform: { ...a.transform,
+           x: { value: 0, smooth: true, keyframes: [
+             { time: 0, value: -120, easing: 'easeInOut' },
+             { time: 1, value: 120, easing: 'easeOut' }] },
+           scale: { value: 1, keyframes: [
+             { time: 0, value: 0.72, easing: 'easeInOut' },
+             { time: 1, value: 0.92, easing: 'easeOut' }] },
+           rotation: { value: 0 }, opacity: { value: 1 },
+           rotX: { value: 7 }, rotY: { value: -9 }, z: { value: 20 } },
+         mask: { left: { value: 0.03 }, top: { value: 0.02 },
+           right: { value: 0.03 }, bottom: { value: 0.02 } },
+         maskShapes: [{ type: 'ellipse', cx: { value: 0.5 }, cy: { value: 0.5 },
+           w: { value: 0.9 }, h: { value: 0.9 }, featherIn: { value: 0.02 },
+           featherOut: { value: 0.06 }, invert: false }],
+         effects: [
+           { id: ed.uid(), type: 'blur', enabled: true, params: { size: 3 } },
+           { id: ed.uid(), type: 'glow', enabled: true,
+             params: { color: '#7fc4ff', size: 50, intensity: 0.7,
+               saturation: 1, smoke: 0.3, speed: 1, particles: 0.2 } }]
+       })
+       const track = st().project.tracks.find(t => t.id === v1.id)
+       st().updateTrack(v1.id, { motion: { ...track.motion,
+         y: { value: 0, keyframes: [
+           { time: 0, value: 0, easing: 'easeInOut' },
+           { time: 2, value: 40, easing: 'easeOut' }] } } })
+       const latestB = st().project.tracks.find(t => t.id === v1.id).clips.find(c => c.id === b.id)
+       return { ids: [a.id,b.id], transition: latestB.transitionIn?.type,
+         undo: st().past[st().past.length - 1]?.label }` }
+  }, 120000)
+  const editObj = JSON.parse(edit.result?.content?.[0]?.text ?? 'null')
+  check('agent edits project through the public MCP/editor contract',
+    editObj.ids?.length === 2 && editObj.transition === 'wipeRight' &&
+    editObj.undo === 'agent-feature-edit', JSON.stringify(editObj))
+
+  const editedState = await mcpCall('tools/call', { name: 'kadr_state', arguments: {} })
+  const editedObj = JSON.parse(editedState.result?.content?.[0]?.text ?? 'null')
+  const videoTrack = editedObj.project?.tracks?.find((t) => t.kind === 'video')
+  const first = [...(videoTrack?.clips ?? [])].sort((a,b) => a.start - b.start)[0]
+  const second = [...(videoTrack?.clips ?? [])].sort((a,b) => a.start - b.start)[1]
+  check('state round-trip preserves keyframes, 3D, mask, effect stack and transition',
+    first?.transform?.x?.keyframes?.length === 2 && first?.transform?.x?.smooth === true &&
+    first?.transform?.rotX?.value === 7 && first?.maskShapes?.[0]?.type === 'ellipse' &&
+    first?.effects?.map((x) => x.type).join(',') === 'blur,glow' &&
+    second?.transitionIn?.type === 'wipeRight' && videoTrack?.motion?.y?.keyframes?.[1]?.time === 2,
+    JSON.stringify({ effects: first?.effects?.map((x) => x.type),
+      transition: second?.transitionIn?.type }))
+
+  const packaged = await mcpCall('tools/call', {
+    name: 'kadr_eval', arguments: { code:
+      `const project = window.kadrEditor.useEditor.getState().project
+       const result = await window.kadr.packageProject('/tmp/kadr-test', null, project,
+         { includeDependencies: true, zip: true })
+       const loaded = await window.kadr.readProject(result.projectPath)
+       return { ...result, name: loaded.name, assets: loaded.assets.length,
+         dependenciesInside: loaded.assets.every(a => a.path.startsWith(result.folderPath + '/')) }` }
+  }, 120000)
+  const packagedObj = JSON.parse(packaged.result?.content?.[0]?.text ?? 'null')
+  let packageBytes = 0
+  let zipBytes = 0
+  try { packageBytes = statSync(packagedObj.projectPath).size } catch { /* failed below */ }
+  try { zipBytes = statSync(packagedObj.zipPath).size } catch { /* failed below */ }
+  check('agent can create and reopen a portable project package with dependencies',
+    packagedObj.name === 'mcp-test-project' && packagedObj.assets === 2 &&
+    packagedObj.dependenciesInside === true && packageBytes > 1000 && zipBytes > 1000,
+    JSON.stringify({ project: packagedObj.projectPath, assets: packagedObj.assets,
+      packageBytes, zipBytes }))
+
+  const snap = await mcpCall('tools/call', {
+    name: 'kadr_snapshot', arguments: { t: 0.75, importToBin: false }
+  }, 120000)
+  const snapObj = JSON.parse(snap.result?.content?.[0]?.text ?? 'null')
+  let snapBytes = 0
+  try { snapBytes = statSync(snapObj.path).size } catch { /* failed below */ }
+  check('agent can visually verify a source-quality WYSIWYG snapshot',
+    snapObj.path?.endsWith('.png') && snapBytes > 1000,
+    JSON.stringify({ path: snapObj.path, bytes: snapBytes }))
+
+  const exp = await mcpCall('tools/call', {
+    name: 'kadr_export', arguments: { outputPath: '/tmp/kadr-test/agent-contract.mp4',
+      presetId: 'hd720', start: 0, end: 1, motionBlur: false, frameBlending: false }
+  }, 180000)
+  const expObj = JSON.parse(exp.result?.content?.[0]?.text ?? 'null')
+  let exportBytes = 0
+  try { exportBytes = statSync('/tmp/kadr-test/agent-contract.mp4').size } catch { /* failed below */ }
+  let exportProbe = ''
+  try {
+    exportProbe = execFileSync('ffprobe', ['-v', 'error', '-select_streams', 'v:0',
+      '-show_entries', 'stream=width,height', '-of', 'csv=p=0:s=x',
+      '/tmp/kadr-test/agent-contract.mp4']).toString().trim()
+  } catch { /* failed below */ }
+  check('agent can export the edited timeline through MCP',
+    expObj.written === '/tmp/kadr-test/agent-contract.mp4' &&
+    expObj.preset === 'hd720' && exportBytes > 1000 && exportProbe === '1280x720',
+    JSON.stringify({ result: expObj, bytes: exportBytes, probe: exportProbe }))
+
   const mut = await mcpCall('tools/call', {
     name: 'kadr_eval',
     arguments: { code:
@@ -227,6 +418,20 @@ try {
   })
   check('closing the session kills pty and bridge port', closed === true && portDead === true)
 } finally {
+  if (projectBackedUp) {
+    try {
+      await evalJs(`(async () => {
+        const b = window.__mcpProjectBackup
+        if (!b) return false
+        window.kadrEditor.useEditor.setState({ project: b.project, projectPath: b.projectPath,
+          selection: b.selection, playhead: b.playhead, past: b.past,
+          future: b.future, dirty: b.dirty })
+        delete window.__mcpProjectBackup
+        return true
+      })()`)
+    } catch { /* app may already be closing */ }
+  }
+  try { await evalJs(`window.kadr.claudeClose()`) } catch { /* already closed */ }
   if (envBackup !== null) writeFileSync(ENV_FILE, envBackup)
   else try { unlinkSync(ENV_FILE) } catch { /* absent */ }
   if (mcpBackup !== null) writeFileSync(MCP_FILE, mcpBackup)
diff --git a/scripts/e2e23.mjs b/scripts/e2e23.mjs
index aafddae..ee293a1 100644
--- a/scripts/e2e23.mjs
+++ b/scripts/e2e23.mjs
@@ -6,7 +6,10 @@ import { spawn, execFileSync } from 'child_process'
 import { writeFileSync, unlinkSync, readFileSync } from 'fs'
 
 const PORT = process.env.KADR_CDP_PORT || 9777
-const ENV_FILE = `${process.env.HOME}/.config/kadr/claude-env.json`
+const USER_DATA = process.env.KADR_USER_DATA || (process.platform === 'darwin'
+  ? `${process.env.HOME}/Library/Application Support/kadr`
+  : `${process.env.HOME}/.config/kadr`)
+const ENV_FILE = `${USER_DATA}/claude-env.json`
 
 async function getPageWs() {
   for (let i = 0; i < 30; i++) {
diff --git a/scripts/e2e24.mjs b/scripts/e2e24.mjs
index f6b9389..d1de092 100644
--- a/scripts/e2e24.mjs
+++ b/scripts/e2e24.mjs
@@ -1,14 +1,17 @@
 // Test: Remotion fragments — create over a range (clip on a fresh top
 // track, ≥60 fps meta), live preview overlay iframe, hot file edits keep it
 // alive, one-shot final render (vp9 alpha webm), export materialization
-// composites the fragment over a video, MCP exposes kadr_fragment_create.
+// composites the fragment over a video, MCP creates a second fragment.
 // Requires the workspace to be installed (first fragmentEnsure run).
 import WebSocket from 'ws'
 import { spawn, execFileSync } from 'child_process'
 import { writeFileSync, unlinkSync, readFileSync } from 'fs'
 
 const PORT = process.env.KADR_CDP_PORT || 9777
-const ENV_FILE = `${process.env.HOME}/.config/kadr/claude-env.json`
+const USER_DATA = process.env.KADR_USER_DATA || (process.platform === 'darwin'
+  ? `${process.env.HOME}/Library/Application Support/kadr`
+  : `${process.env.HOME}/.config/kadr`)
+const ENV_FILE = `${USER_DATA}/claude-env.json`
 
 // self-contained media: the export check counts smpte-bar pixels below the fragment
 execFileSync('bash', ['-c',
@@ -215,8 +218,10 @@ print(bars, text)
   let mcpId = 0
   const mcpCall = (method, params) => new Promise((resolve, reject) => {
     const i = ++mcpId
-    pending.set(i, resolve)
-    setTimeout(() => { if (pending.has(i)) { pending.delete(i); reject(new Error(method + ' timeout')) } }, 30000)
+    const timer = setTimeout(() => {
+      if (pending.has(i)) { pending.delete(i); reject(new Error(method + ' timeout')) }
+    }, 120000)
+    pending.set(i, (message) => { clearTimeout(timer); resolve(message) })
     mcp.stdin.write(JSON.stringify({ jsonrpc: '2.0', id: i, method, params }) + '\n')
   })
   await mcpCall('initialize', {
@@ -226,6 +231,18 @@ print(bars, text)
   const tools = await mcpCall('tools/list', {})
   const names = (tools.result?.tools ?? []).map((t) => t.name)
   check('MCP exposes kadr_fragment_create', names.includes('kadr_fragment_create'), names.join(','))
+  const made = await mcpCall('tools/call', {
+    name: 'kadr_fragment_create',
+    arguments: { name: 'mcp-fragment', start: 2.1, end: 2.6, transparent: true }
+  })
+  const madeObj = JSON.parse(made.result?.content?.[0]?.text ?? 'null')
+  check('MCP creates a live editable fragment clip',
+    !!madeObj.fragmentId && !!madeObj.clipId && madeObj.entryFile?.endsWith('index.tsx') &&
+    madeObj.meta?.fps >= 60 && madeObj.playerUrl?.includes(madeObj.fragmentId),
+    JSON.stringify({ id: madeObj.fragmentId, fps: madeObj.meta?.fps }))
+  if (madeObj.fragmentId) {
+    await evalJs(`(async () => window.kadrEditor.deleteFragment(${JSON.stringify(madeObj.fragmentId)}))()`)
+  }
   mcp.kill()
   await evalJs(`(async () => window.kadr.claudeClose())()`)
 } finally {
diff --git a/scripts/e2e31.mjs b/scripts/e2e31.mjs
index 48e9638..7895fc7 100644
--- a/scripts/e2e31.mjs
+++ b/scripts/e2e31.mjs
@@ -4,17 +4,22 @@
 //     an audio track, one undo entry;
 //  2) media bin deletion: per-tile ✕ with confirm dialog when timeline clips
 //     use the asset, cascade removal (linked twin included), single undo;
-//  3) unlimited clip speed with snap during Ctrl-drag (old 0.25–4 clamp gone);
+//  3) unlimited clip speed with snap during primary-modifier drag
+//     (Ctrl on Windows/Linux, Command on macOS; old 0.25–4 clamp gone);
 //  4) playbackRate clamp — playback keeps running at speed 30;
-//  5) Claude panel: rect restored from localStorage, header drag moves it,
-//     corner resize works, both persisted.
+//  5) Claude panel: rect restored from localStorage, drag/resize persisted,
+//     button minimizes without unmounting, close requires confirmation.
 import WebSocket from 'ws'
 import { execFileSync } from 'child_process'
 import { readFileSync, writeFileSync, unlinkSync } from 'fs'
 import { createServer } from 'http'
 
 const PORT = process.env.KADR_CDP_PORT || 9777
-const ENV_FILE = `${process.env.HOME}/.config/kadr/claude-env.json`
+const USER_DATA = process.env.KADR_USER_DATA || (process.platform === 'darwin'
+  ? `${process.env.HOME}/Library/Application Support/kadr`
+  : `${process.env.HOME}/.config/kadr`)
+const ENV_FILE = `${USER_DATA}/claude-env.json`
+const PRIMARY_EVENT_FIELD = process.platform === 'darwin' ? 'metaKey' : 'ctrlKey'
 
 // self-contained media: video+audio, video-only, image, audio-only
 execFileSync('bash', ['-c',
@@ -197,7 +202,7 @@ const batch = await evalJs(`(async () => {
   const tiles = [...document.querySelectorAll('.bin-item')]
   tiles[0].dispatchEvent(new MouseEvent('click', { bubbles: true }))
   for (const el of tiles.slice(1)) {
-    el.dispatchEvent(new MouseEvent('click', { bubbles: true, ctrlKey: true }))
+    el.dispatchEvent(new MouseEvent('click', { bubbles: true, ${PRIMARY_EVENT_FIELD}: true }))
   }
   await new Promise(r => setTimeout(r, 150))
   const btn = document.querySelector('.bin-del-sel')
@@ -216,7 +221,7 @@ const batch = await evalJs(`(async () => {
 check('multi-select batch delete empties bin and timeline', batch.label === '✕ 3' &&
   batch.assets === 0 && batch.clips === 0, JSON.stringify(batch))
 
-// ---- 3. unlimited speed + snap (real Ctrl-drag on the extend handle) --------
+// ---- 3. unlimited speed + snap (real primary-modifier drag) ----------------
 await evalJs(`(async () => {
   const ed = window.kadrEditor
   const st = () => ed.useEditor.getState()
@@ -242,7 +247,8 @@ const ctrlDragTo = (dxExpr) => evalJs(`(async () => {
   const r = h.getBoundingClientRect()
   const x0 = r.left + r.width / 2, y0 = r.top + r.height / 2
   const dx = ${dxExpr}
-  const opts = { bubbles: true, pointerId: 9, isPrimary: true, button: 0, ctrlKey: true }
+  const opts = { bubbles: true, pointerId: 9, isPrimary: true, button: 0,
+    ${PRIMARY_EVENT_FIELD}: true }
   h.dispatchEvent(new PointerEvent('pointerdown', { ...opts, clientX: x0, clientY: y0 }))
   window.dispatchEvent(new PointerEvent('pointermove', { ...opts, clientX: x0 + dx, clientY: y0 }))
   await new Promise(r2 => setTimeout(r2, 120))
@@ -275,7 +281,7 @@ check('badge is not highlighted off the snap ladder', s3.badge?.snapped === fals
   JSON.stringify(s3.badge))
 await evalJs(`(window.kadrEditor.useEditor.getState().undo(), true)`)
 
-// LEFT-edge drags: Ctrl = speed with the right edge anchored; plain = trim-in
+// LEFT-edge drags: primary modifier = speed with right edge anchored; plain = trim-in
 const dragLeft = (dxExpr, ctrl) => evalJs(`(async () => {
   const st = () => window.kadrEditor.useEditor.getState()
   const clip = () => st().project.tracks.flatMap(t => t.clips)
@@ -289,7 +295,8 @@ const dragLeft = (dxExpr, ctrl) => evalJs(`(async () => {
   const dx = ${dxExpr}
   const o = clip()
   const orig = { start: o.start, end: o.start + o.duration }
-  const opts = { bubbles: true, pointerId: 13, isPrimary: true, button: 0, ctrlKey: ${ctrl} }
+  const opts = { bubbles: true, pointerId: 13, isPrimary: true, button: 0,
+    ${PRIMARY_EVENT_FIELD}: ${ctrl} }
   h.dispatchEvent(new PointerEvent('pointerdown', { ...opts, clientX: x0, clientY: y0 }))
   window.dispatchEvent(new PointerEvent('pointermove', { ...opts, clientX: x0 + dx, clientY: y0 }))
   window.dispatchEvent(new PointerEvent('pointerup', { ...opts, clientX: x0 + dx, clientY: y0 }))
@@ -298,9 +305,9 @@ const dragLeft = (dxExpr, ctrl) => evalJs(`(async () => {
   return { orig, speed: c.speed, start: c.start, end: c.start + c.duration, inPoint: c.inPoint }
 })()`)
 
-// Ctrl+left: raw nd ≈ 1.6 s → snaps to ×2 (nd = dur/2); the END must not move
+// Primary+left: raw nd ≈ 1.6 s → snaps to ×2 (nd = dur/2); END must not move
 const s4 = await dragLeft('85', true)
-check('LEFT-edge Ctrl-drag changes speed with the right edge anchored (snaps ×2)',
+check('LEFT-edge primary-modifier drag changes speed with the right edge anchored (snaps ×2)',
   Math.abs(s4.speed - 2) < 1e-6 && Math.abs(s4.end - s4.orig.end) < 1e-3 &&
   Math.abs(s4.start - (s4.orig.end - (s4.orig.end - s4.orig.start) / 2)) < 1e-3,
   JSON.stringify(s4))
@@ -354,7 +361,7 @@ try {
   envWritten = true
 
   const panel = await evalJs(`(async () => {
-    localStorage.setItem('kadr.claudeRect', JSON.stringify({ x: 80, y: 90, w: 520, h: 400 }))
+    localStorage.setItem('kadr.claudeRect', JSON.stringify({ x: 80, y: 0, w: 520, h: 400 }))
     const btn = document.querySelector('.claude-btn')
     btn.click()
     for (let i = 0; i < 20; i++) {
@@ -365,8 +372,8 @@ try {
     const r = el.getBoundingClientRect()
     return { x: r.left, y: r.top, w: r.width, h: r.height }
   })()`)
-  check('panel opens at the persisted rect', Math.abs(panel.x - 80) < 2 &&
-    Math.abs(panel.y - 90) < 2 && Math.abs(panel.w - 520) < 2 && Math.abs(panel.h - 400) < 2,
+  check('panel restores below the topbar', Math.abs(panel.x - 80) < 2 &&
+    Math.abs(panel.y - 52) < 2 && Math.abs(panel.w - 520) < 2 && Math.abs(panel.h - 400) < 2,
     JSON.stringify(panel))
 
   const moved = await evalJs(`(async () => {
@@ -382,7 +389,7 @@ try {
     return { x: b.left, y: b.top, saved: JSON.parse(localStorage.getItem('kadr.claudeRect')) }
   })()`)
   check('header drag moves the panel and persists it', Math.abs(moved.x - 140) < 2 &&
-    Math.abs(moved.y - 130) < 2 && Math.abs(moved.saved.x - 140) < 2,
+    Math.abs(moved.y - 92) < 2 && Math.abs(moved.saved.x - 140) < 2,
     JSON.stringify(moved))
 
   const resized = await evalJs(`(async () => {
@@ -394,14 +401,34 @@ try {
     window.dispatchEvent(new PointerEvent('pointermove', { ...opts, clientX: x0 + 50, clientY: y0 + 30 }))
     window.dispatchEvent(new PointerEvent('pointerup', { ...opts, clientX: x0 + 50, clientY: y0 + 30 }))
     await new Promise(r2 => setTimeout(r2, 150))
-    const b = document.querySelector('.claude-panel').getBoundingClientRect()
+    const panel = document.querySelector('.claude-panel')
+    const b = panel.getBoundingClientRect()
     const saved = JSON.parse(localStorage.getItem('kadr.claudeRect'))
+    const btn = document.querySelector('.claude-btn')
+    btn.click()
+    await new Promise(r2 => setTimeout(r2, 50))
+    const minimized = panel.classList.contains('hidden') && btn.classList.contains('active') &&
+      btn.classList.contains('minimized') && document.querySelector('.claude-panel') === panel
+    btn.click()
+    await new Promise(r2 => setTimeout(r2, 50))
+    const restored = !panel.classList.contains('hidden') && btn.classList.contains('active') &&
+      !btn.classList.contains('minimized') && document.querySelector('.claude-panel') === panel
+    document.querySelector('.claude-close').click()
+    await new Promise(r2 => setTimeout(r2, 50))
+    const asked = !!document.querySelector('.claude-confirm')
+    document.querySelector('.claude-confirm button:not(.danger)').click()
+    await new Promise(r2 => setTimeout(r2, 50))
+    const declined = document.querySelector('.claude-panel') === panel && !document.querySelector('.claude-confirm')
     document.querySelector('.claude-close').click()
+    await new Promise(r2 => setTimeout(r2, 50))
+    document.querySelector('.claude-confirm .danger').click()
     await new Promise(r2 => setTimeout(r2, 300))
-    return { w: b.width, h: b.height, saved, closed: !document.querySelector('.claude-panel') }
+    return { w: b.width, h: b.height, saved, minimized, restored, asked, declined,
+      closed: !document.querySelector('.claude-panel') }
   })()`)
-  check('corner resize grows the panel and persists it', Math.abs(resized.w - 570) < 2 &&
-    Math.abs(resized.h - 430) < 2 && Math.abs(resized.saved.w - 570) < 2 && resized.closed,
+  check('Claude panel resizes, minimizes without reset, and confirms close', Math.abs(resized.w - 570) < 2 &&
+    Math.abs(resized.h - 430) < 2 && Math.abs(resized.saved.w - 570) < 2 &&
+    resized.minimized && resized.restored && resized.asked && resized.declined && resized.closed,
     JSON.stringify(resized))
 } finally {
   if (envWritten) {
@@ -448,36 +475,61 @@ srv.close()
 check('browser image URL drop downloads the file and places a clip',
   !!urlDrop && urlDrop.kind === 'image' && urlDrop.placed, JSON.stringify(urlDrop))
 
-// ---- 7. Ctrl+V pastes an image from the OS clipboard ------------------------
-// (photos can't be dragged out of Telegram Desktop at all — paste is the
-// supported route; xclip stands in for «Копировать изображение»)
+// ---- 7. Primary+V pastes an image from the OS clipboard --------------------
+// On macOS Finder uses public.file-url/NSFilenamesPboardType. Electron reports
+// text/uri-list for that clipboard but returns an empty value when it is read;
+// this regression used to import Finder's generic PNG icon via readImage().
+// Linux exercises the raw copied-image route with xclip.
 try {
-  // xclip forks a daemon holding the selection — its inherited stdio must be
-  // redirected or execFileSync waits for pipe EOF forever
-  execFileSync('bash', ['-c',
-    'DISPLAY=${DISPLAY:-:0} xclip -selection clipboard -t image/png ' +
-    '-i /tmp/kadr-test/img.png >/dev/null 2>&1'])
+  const pastedName = process.platform === 'darwin' ? 'img.png' : 'clipboard.png'
+  if (process.platform === 'darwin') {
+    execFileSync('swift', ['-e',
+      'import AppKit; let board = NSPasteboard.general; board.clearContents(); ' +
+      '_ = board.writeObjects([NSURL(fileURLWithPath: "/tmp/kadr-test/img.png")])'
+    ])
+  } else {
+    // xclip forks a daemon holding the selection — its inherited stdio must be
+    // redirected or execFileSync waits for pipe EOF forever
+    execFileSync('bash', ['-c',
+      'DISPLAY=${DISPLAY:-:0} xclip -selection clipboard -t image/png ' +
+      '-i /tmp/kadr-test/img.png >/dev/null 2>&1'])
+  }
   const pasted = await evalJs(`(async () => {
     const st = () => window.kadrEditor.useEditor.getState()
     const before = st().project.assets.length
     st().setPlayhead(30)
-    window.dispatchEvent(new KeyboardEvent('keydown', { code: 'KeyV', ctrlKey: true, bubbles: true }))
+    window.dispatchEvent(new KeyboardEvent('keydown', {
+      code: 'KeyV', ${PRIMARY_EVENT_FIELD}: true, bubbles: true }))
     for (let i = 0; i < 20; i++) {
       await new Promise(r => setTimeout(r, 400))
       const p = st().project
-      const a = p.assets.find(x => x.name.endsWith('clipboard.png'))
+      const a = p.assets.find(x => x.name.endsWith(${JSON.stringify(pastedName)}))
       if (a) {
         const clip = p.tracks.flatMap(t => t.clips).find(c => c.assetId === a.id)
-        return { kind: a.kind, at: clip?.start ?? null, added: p.assets.length - before }
+        const image = new Image()
+        image.crossOrigin = 'anonymous'
+        image.src = window.kadr.fileUrl(a.path)
+        let decoded = true
+        try { await image.decode() } catch { decoded = false }
+        return {
+          kind: a.kind,
+          at: clip?.start ?? null,
+          added: p.assets.length - before,
+          sourceName: a.name,
+          decoded,
+          width: image.naturalWidth,
+          height: image.naturalHeight
+        }
       }
     }
     return null
   })()`)
-  check('Ctrl+V pastes a clipboard image at the playhead',
-    !!pasted && pasted.kind === 'image' && Math.abs(pasted.at - 30) < 0.01,
+  check('primary-modifier+V pastes a clipboard image at the playhead',
+    !!pasted && pasted.kind === 'image' && Math.abs(pasted.at - 30) < 0.01 &&
+      pasted.decoded && pasted.width === 320 && pasted.height === 240,
     JSON.stringify(pasted))
 } catch (err) {
-  console.log('SKIP  clipboard paste check (xclip unavailable):', String(err).slice(0, 80))
+  console.log('SKIP  clipboard paste check (clipboard setup unavailable):', String(err).slice(0, 80))
 }
 
 ws.close()
diff --git a/scripts/e2e32.mjs b/scripts/e2e32.mjs
index 2a2dd98..397786f 100644
--- a/scripts/e2e32.mjs
+++ b/scripts/e2e32.mjs
@@ -177,10 +177,12 @@ print(at(160), at(480), at(800))
 const pb = bands('packed')
 const eb = bands('element')
 const n = pb.match(/\d+/g).map(Number)
+const en = eb.match(/\d+/g).map(Number)
 check('opaque band stays opaque red', n[0] > 200 && n[1] < 40 && n[2] < 40, pb)
 check('alpha 128 composites at ~half intensity', n[4] > 100 && n[4] < 160, pb)
 check('alpha 64 composites at ~quarter intensity', n[8] > 40 && n[8] < 95, pb)
-check('both decode paths composite alpha identically', pb === eb, `${pb} vs ${eb}`)
+check('both decode paths keep alpha within eight RGB levels',
+  n.every((value, index) => Math.abs(value - en[index]) <= 8), `${pb} vs ${eb}`)
 
 const psnrOf = (a, b) => {
   const out = execFileSync('bash', ['-c',
diff --git a/scripts/e2e33.mjs b/scripts/e2e33.mjs
new file mode 100644
index 0000000..82aa4f6
--- /dev/null
+++ b/scripts/e2e33.mjs
@@ -0,0 +1,153 @@
+// Storyboard, adaptive timeline filmstrip, and proxy recovery smoke test.
+// Run Kadr with --remote-debugging-port first; uses /tmp/kadr-test/hd.mp4.
+import WebSocket from 'ws'
+import { statSync, writeFileSync } from 'fs'
+
+const PORT = Number(process.env.KADR_CDP_PORT || 9788)
+const TEST_FRAGMENT = process.env.KADR_TEST_FRAGMENT || ''
+
+async function pageSocket() {
+  for (let i = 0; i < 60; i++) {
+    try {
+      const pages = await fetch(`http://127.0.0.1:${PORT}/json/list`).then((r) => r.json())
+      const page = pages.find((item) => item.type === 'page' && item.url.includes('localhost'))
+      if (page) return page.webSocketDebuggerUrl
+    } catch { /* app starting */ }
+    await new Promise((resolve) => setTimeout(resolve, 500))
+  }
+  throw new Error('Kadr CDP page not found')
+}
+
+let id = 0
+const ws = new WebSocket(await pageSocket())
+await new Promise((resolve, reject) => { ws.on('open', resolve); ws.on('error', reject) })
+
+function send(method, params = {}) {
+  return new Promise((resolve, reject) => {
+    const requestId = ++id
+    const onMessage = (raw) => {
+      const message = JSON.parse(raw)
+      if (message.id !== requestId) return
+      ws.off('message', onMessage)
+      message.error ? reject(new Error(JSON.stringify(message.error))) : resolve(message.result)
+    }
+    ws.on('message', onMessage)
+    ws.send(JSON.stringify({ id: requestId, method, params }))
+  })
+}
+
+async function rawEval(expression) {
+  const result = await send('Runtime.evaluate', { expression, returnByValue: true })
+  if (result.exceptionDetails) {
+    throw new Error(result.exceptionDetails.exception?.description || result.exceptionDetails.text)
+  }
+  return result.result.value
+}
+
+async function evaluate(expression, timeout = 120000) {
+  const key = `media_visual_${Date.now()}_${++id}`
+  await rawEval(
+    `window.__e2e=window.__e2e||{};` +
+    `(async()=>{try{window.__e2e.${key}=JSON.stringify({ok:await(${expression})})}` +
+    `catch(e){window.__e2e.${key}=JSON.stringify({error:String(e?.stack||e)})}})();0`
+  )
+  const started = Date.now()
+  while (Date.now() - started < timeout) {
+    const raw = await rawEval(`window.__e2e.${key} ?? null`)
+    if (raw != null) {
+      const parsed = JSON.parse(raw)
+      if (parsed.error) throw new Error(parsed.error)
+      return parsed.ok
+    }
+    await new Promise((resolve) => setTimeout(resolve, 150))
+  }
+  throw new Error('renderer evaluation timed out')
+}
+
+function check(name, condition, details = '') {
+  console.log(`${condition ? 'PASS' : 'FAIL'}  ${name}${details ? `  (${details})` : ''}`)
+  if (!condition) process.exitCode = 1
+}
+
+const result = await evaluate(`(async()=>{
+  const ed=window.kadrEditor
+  const trackId=ed.uid()
+  ed.useEditor.getState().setProject({
+    version:1,id:ed.uid(),name:'Visual cache E2E',width:1280,height:720,fps:30,
+    background:'#101216',tracks:[{id:trackId,kind:'video',name:'V1',muted:false,locked:false,gain:1,clips:[]}],
+    assets:[]
+  })
+  ed.useEditor.getState().setZoom(60)
+  await ed.importFiles(['/tmp/kadr-test/hd.mp4'],{trackId,at:0})
+  const asset=ed.useEditor.getState().project.assets[0]
+  const direct=await window.kadr.timelineThumbnails({
+    kind:'media',sourcePath:asset.path,times:[0,2,4],width:160,height:90,cacheKey:'e2e'
+  })
+  const fragmentId=${JSON.stringify(TEST_FRAGMENT)}
+  const remotion=fragmentId?{
+    fingerprint:await window.kadr.visualFingerprint([],[fragmentId]),
+    frames:await window.kadr.timelineThumbnails({
+      kind:'remotion',fragmentId,times:[0,1],width:160,height:90,cacheKey:'e2e-remotion'
+    })
+  }:null
+  for(let i=0;i<150&&!document.querySelector('.clip-filmstrip-frame');i++)
+    await new Promise((resolve)=>setTimeout(resolve,100))
+  const clipEl=document.querySelector('.clip.video')
+  const timelineEl=document.querySelector('.tl-scroll')
+  const coarseFilmstrip=document.querySelectorAll('.clip-filmstrip-frame').length
+  ed.useEditor.getState().setZoom(180)
+  for(let i=0;i<150&&document.querySelectorAll('.clip-filmstrip-frame').length<=coarseFilmstrip;i++)
+    await new Promise((resolve)=>setTimeout(resolve,100))
+  const detailedFilmstrip=document.querySelectorAll('.clip-filmstrip-frame').length
+  const filmstripLoaded=[...document.querySelectorAll('.clip-filmstrip-frame')]
+    .every((img)=>img.complete&&img.naturalWidth>0&&img.naturalHeight>0)
+  const first=await ed.storyboardFrames({start:0,end:4,maxFrames:3})
+  const cached=await ed.storyboardFrames({start:0,end:4,maxFrames:3})
+  ed.useEditor.getState().setProject({...ed.useEditor.getState().project,background:'#283040'})
+  const changed=await ed.storyboardFrames({start:0,end:4,maxFrames:3})
+  const proxy=await window.kadr.rebuildProxy(asset.path,asset.duration)
+  return {
+    direct:direct.map((frame)=>({time:frame.time,size:frame.dataUrl.length})),
+    filmstrip:detailedFilmstrip,coarseFilmstrip,filmstripLoaded,
+    filmstripContainers:document.querySelectorAll('.clip-filmstrip').length,
+    posters:document.querySelectorAll('.clip-thumb').length,
+    clipKind:ed.useEditor.getState().project.tracks.flatMap((track)=>track.clips)[0]?.kind,
+    assetKind:ed.useEditor.getState().project.assets[0]?.kind,
+    zoom:ed.useEditor.getState().zoom,
+    clipRect:clipEl?{width:clipEl.getBoundingClientRect().width,left:clipEl.getBoundingClientRect().left}:null,
+    timelineRect:timelineEl?{width:timelineEl.getBoundingClientRect().width,left:timelineEl.getBoundingClientRect().left}:null,
+    remotion,first,cached,changed,proxy
+  }
+})()`)
+
+let recoveredProxy = null
+if (result.proxy.includes('/kadr-feature-e2e/proxies/')) {
+  writeFileSync(result.proxy, 'deliberately corrupt proxy cache')
+  recoveredProxy = await evaluate(`window.kadr.requestProxy(${JSON.stringify('/tmp/kadr-test/hd.mp4')},8)`)
+}
+
+check('timeline thumbnail IPC returns three real images',
+  result.direct.length === 3 && result.direct.every((frame) => frame.size > 500),
+  JSON.stringify(result.direct))
+if (TEST_FRAGMENT) check('Remotion filmstrip frames render and are fingerprinted',
+  result.remotion?.fingerprint?.length > 10 && result.remotion.frames.length === 2 &&
+    result.remotion.frames.every((frame) => frame.dataUrl.length > 500))
+check('adaptive filmstrip renders inside the visible clip', result.filmstrip >= 2,
+  JSON.stringify({frames:result.filmstrip,containers:result.filmstripContainers,posters:result.posters,
+    clipKind:result.clipKind,assetKind:result.assetKind,zoom:result.zoom,clipRect:result.clipRect,timelineRect:result.timelineRect}))
+check('filmstrip images decode in Chromium', result.filmstripLoaded)
+check('zooming in requests a denser filmstrip', result.filmstrip > result.coarseFilmstrip,
+  `${result.coarseFilmstrip} -> ${result.filmstrip}`)
+check('storyboard writes a contact sheet and individual source-quality frames',
+  result.first.contactSheetPath.includes('/storyboards/') && result.first.frames.length === 3 &&
+    statSync(result.first.contactSheetPath).size > 1000 &&
+    result.first.frames.every((frame) => statSync(frame.path).size > 1000))
+check('identical current fingerprint reuses the storyboard generation',
+  result.cached.cached === true && result.cached.contactSheetPath === result.first.contactSheetPath)
+check('visual edits invalidate the storyboard automatically',
+  result.changed.cached === false && result.changed.fingerprint !== result.first.fingerprint)
+check('forced proxy rebuild publishes a playable cache file', statSync(result.proxy).size > 1000, result.proxy)
+if (recoveredProxy) check('a corrupt cached proxy is detected and rebuilt automatically',
+  recoveredProxy === result.proxy && statSync(recoveredProxy).size > 1000, recoveredProxy)
+
+ws.close()
diff --git a/scripts/e2e34.mjs b/scripts/e2e34.mjs
new file mode 100644
index 0000000..8fae39c
--- /dev/null
+++ b/scripts/e2e34.mjs
@@ -0,0 +1,320 @@
+// Annotation task tracks: real UI creation/edit/drag/status/list plus MCP
+// list/start/complete, concurrent timing preservation, one-step undo, and
+// deleted-task conflict behavior. Run the app with CDP enabled first.
+import WebSocket from 'ws'
+import { spawn } from 'child_process'
+import { mkdirSync, writeFileSync } from 'fs'
+
+const PORT = Number(process.env.KADR_CDP_PORT || 9777)
+const USER_DATA = process.env.KADR_USER_DATA
+if (!USER_DATA) throw new Error('KADR_USER_DATA must point at the isolated e2e profile')
+mkdirSync(USER_DATA, { recursive: true })
+writeFileSync(`${USER_DATA}/claude-env.json`, JSON.stringify({ command: 'bash', args: [] }))
+
+async function getPageWs() {
+  for (let i = 0; i < 60; i++) {
+    try {
+      const pages = await fetch(`http://127.0.0.1:${PORT}/json/list`).then((r) => r.json())
+      const page = pages.find((item) => item.type === 'page' && item.url.includes('localhost'))
+      if (page) return page.webSocketDebuggerUrl
+    } catch { /* app starting */ }
+    await new Promise((resolve) => setTimeout(resolve, 500))
+  }
+  throw new Error('CDP target not found')
+}
+
+let sequence = 0
+let ws
+function send(method, params = {}) {
+  return new Promise((resolve, reject) => {
+    const id = ++sequence
+    const onMessage = (raw) => {
+      const message = JSON.parse(raw)
+      if (message.id !== id) return
+      ws.off('message', onMessage)
+      message.error ? reject(new Error(JSON.stringify(message.error))) : resolve(message.result)
+    }
+    ws.on('message', onMessage)
+    ws.send(JSON.stringify({ id, method, params }))
+  })
+}
+async function rawEval(expression) {
+  const result = await send('Runtime.evaluate', { expression, returnByValue: true })
+  if (result.exceptionDetails) {
+    throw new Error(result.exceptionDetails.exception?.description || result.exceptionDetails.text)
+  }
+  return result.result.value
+}
+async function evalJs(expression, timeout = 30000) {
+  const key = `annotation_${Date.now()}_${++sequence}`
+  await rawEval(
+    `window.__e2e = window.__e2e || {};` +
+    `(async()=>{try{window.__e2e.${key}=JSON.stringify({ok:await(${expression})})}` +
+    `catch(e){window.__e2e.${key}=JSON.stringify({err:String(e?.message||e)})}})();0`
+  )
+  const started = Date.now()
+  while (Date.now() - started < timeout) {
+    const value = await rawEval(`window.__e2e.${key} ?? null`)
+    if (value !== null) {
+      const parsed = JSON.parse(value)
+      if (parsed.err) throw new Error(parsed.err)
+      return parsed.ok
+    }
+    await new Promise((resolve) => setTimeout(resolve, 100))
+  }
+  throw new Error('evaluation timeout')
+}
+function check(name, condition, detail = '') {
+  console.log(`${condition ? 'PASS' : 'FAIL'}  ${name}${detail ? `  (${detail})` : ''}`)
+  if (!condition) process.exitCode = 1
+}
+
+ws = new WebSocket(await getPageWs())
+await new Promise((resolve, reject) => { ws.on('open', resolve); ws.on('error', reject) })
+
+await evalJs(`(async()=>{
+  const ed=window.kadrEditor
+  const blank={version:1,id:ed.uid(),name:'Annotation E2E',width:1920,height:1080,fps:30,
+    background:'#000000',tracks:[
+      {id:ed.uid(),kind:'video',name:'V1',muted:false,locked:false,gain:1,clips:[]},
+      {id:ed.uid(),kind:'audio',name:'A1',muted:false,locked:false,gain:1,clips:[]}
+    ],assets:[]}
+  ed.useEditor.getState().setProject(blank)
+  ed.useEditor.getState().setPlayhead(5)
+  return true
+})()`)
+
+// A+ through the visible transport, then type into the focused card.
+const created = await evalJs(`(async()=>{
+  const button=[...document.querySelectorAll('.transport button')].find((el)=>el.textContent.trim()==='A+')
+  button?.click()
+  for(let i=0;i<30&&!document.querySelector('.annotation-dialog textarea');i++)
+    await new Promise(requestAnimationFrame)
+  const textarea=document.querySelector('.annotation-dialog textarea')
+  const focused=document.activeElement===textarea
+  const setter=Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype,'value').set
+  setter.call(textarea,'Убрать паузу и выровнять звук')
+  textarea.dispatchEvent(new Event('input',{bubbles:true}))
+  await new Promise(requestAnimationFrame)
+  document.querySelector('.annotation-dialog .primary').click()
+  await new Promise(requestAnimationFrame)
+  const st=window.kadrEditor.useEditor.getState()
+  const track=st.project.tracks.find((item)=>item.kind==='annotation')
+  const task=track.annotations[0]
+  return {focused,trackName:track.name,id:task.id,text:task.text,start:task.start,duration:task.duration,
+    block:!!document.querySelector('[data-annotation-id="'+task.id+'"]')}
+})()`)
+check('A+ creates an annotation track and focused four-second task card',
+  created.focused && created.text.includes('паузу') && created.start === 5 && created.duration === 4 && created.block,
+  JSON.stringify(created))
+check('task receives a stable random id', created.id.length >= 8, created.id)
+
+// A single press selects the lane for dragging; only a double-click opens the card.
+const annotationClicks = await evalJs(`(async()=>{
+  const block=document.querySelector('[data-annotation-id="${created.id}"]')
+  const r=block.getBoundingClientRect(),x=r.left+r.width/2,y=r.top+r.height/2
+  const opts={bubbles:true,pointerId:12,isPrimary:true,button:0,clientX:x,clientY:y}
+  block.dispatchEvent(new PointerEvent('pointerdown',opts))
+  window.dispatchEvent(new PointerEvent('pointerup',opts))
+  await new Promise(requestAnimationFrame)
+  const singleOpened=!!document.querySelector('.annotation-dialog')
+  block.dispatchEvent(new MouseEvent('dblclick',{bubbles:true,button:0,clientX:x,clientY:y}))
+  await new Promise(requestAnimationFrame)
+  const doubleOpened=!!document.querySelector('.annotation-dialog')
+  document.querySelector('.annotation-dialog-head button')?.click()
+  return {singleOpened,doubleOpened,hint:block.title}
+})()`)
+check('single press keeps the task draggable and double-click opens its card',
+  !annotationClicks.singleOpened && annotationClicks.doubleOpened && /двойн|double-click/i.test(annotationClicks.hint),
+  JSON.stringify(annotationClicks))
+
+// Timeline drag by two seconds, then resize the right edge by one second.
+const timing = await evalJs(`(async()=>{
+  const id=${JSON.stringify(created.id)}
+  const drag=(target,dx)=>new Promise((resolve)=>{
+    const r=target.getBoundingClientRect(),x=r.left+r.width/2,y=r.top+r.height/2
+    const opts={bubbles:true,pointerId:17,isPrimary:true,button:0,clientX:x,clientY:y}
+    target.dispatchEvent(new PointerEvent('pointerdown',opts))
+    window.dispatchEvent(new PointerEvent('pointermove',{...opts,clientX:x+dx}))
+    window.dispatchEvent(new PointerEvent('pointerup',{...opts,clientX:x+dx}))
+    requestAnimationFrame(()=>requestAnimationFrame(resolve))
+  })
+  let task=()=>window.kadrEditor.getAnnotationTasks().find((item)=>item.id===id)
+  let block=document.querySelector('[data-annotation-id="'+id+'"]')
+  await drag(block,2*window.kadrEditor.useEditor.getState().zoom)
+  block=document.querySelector('[data-annotation-id="'+id+'"]')
+  await drag(block.querySelector('.annotation-resize.right'),window.kadrEditor.useEditor.getState().zoom)
+  return {start:task().start,duration:task().duration}
+})()`)
+check('timeline drag moves and resizes the task',
+  Math.abs(timing.start - 7) < 0.05 && Math.abs(timing.duration - 5) < 0.05,
+  JSON.stringify(timing))
+
+// Tab/list navigation and a user status change through the card.
+const panel = await evalJs(`(async()=>{
+  const tab=[...document.querySelectorAll('.side-tabs button')]
+    .find((el)=>/Аннотации|Annotations/.test(el.textContent))
+  tab.click(); await new Promise(requestAnimationFrame)
+  const item=document.querySelector('[data-annotation-list-id="${created.id}"]')
+  item.click(); await new Promise(requestAnimationFrame)
+  const status=document.querySelector('.annotation-dialog .annotation-statuses .status-in_progress')
+  status.click(); await new Promise(requestAnimationFrame)
+  const live=window.kadrEditor.getAnnotationTasks().find((task)=>task.id==='${created.id}')
+  const block=document.querySelector('[data-annotation-id="${created.id}"]')
+  document.querySelector('.annotation-dialog-head button').click()
+  return {list:!!item,status:live.status,blue:block.classList.contains('status-in_progress')}
+})()`)
+check('Annotations tab navigates to a task and status color updates',
+  panel.list && panel.status === 'in_progress' && panel.blue, JSON.stringify(panel))
+
+// Create a fresh MCP task via A+ so its original status is new.
+const mcpTask = await evalJs(`(async()=>{
+  const st=window.kadrEditor.useEditor.getState(); st.setPlayhead(20)
+  await new Promise(requestAnimationFrame)
+  await new Promise(requestAnimationFrame)
+  ;[...document.querySelectorAll('.transport button')].find((el)=>el.textContent.trim()==='A+').click()
+  await new Promise(requestAnimationFrame)
+  const textarea=document.querySelector('.annotation-dialog textarea')
+  const setter=Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype,'value').set
+  setter.call(textarea,'Сделать фон тестовым через MCP')
+  textarea.dispatchEvent(new Event('input',{bubbles:true})); await new Promise(requestAnimationFrame)
+  document.querySelector('.annotation-dialog .primary').click(); await new Promise(requestAnimationFrame)
+  return window.kadrEditor.getAnnotationTasks().find((task)=>task.text.startsWith('Сделать фон'))
+})()`)
+
+const bridge = await evalJs(`(async()=>window.kadr.claudeOpen(80,24,null))()`)
+const mcp = spawn('node', ['electron/mcp-bridge.cjs', String(bridge.port)], {
+  cwd: process.cwd(), stdio: ['pipe', 'pipe', 'inherit']
+})
+let buffer = ''
+let requestId = 0
+const pending = new Map()
+mcp.stdout.on('data', (chunk) => {
+  buffer += chunk
+  let newline
+  while ((newline = buffer.indexOf('\n')) >= 0) {
+    const line = buffer.slice(0, newline); buffer = buffer.slice(newline + 1)
+    if (!line.trim()) continue
+    const message = JSON.parse(line)
+    if (message.id != null && pending.has(message.id)) {
+      pending.get(message.id)(message); pending.delete(message.id)
+    }
+  }
+})
+const mcpCall = (method, params) => new Promise((resolve, reject) => {
+  const id = ++requestId
+  const timer = setTimeout(() => { pending.delete(id); reject(new Error(`${method} timeout`)) }, 30000)
+  pending.set(id, (message) => { clearTimeout(timer); resolve(message) })
+  mcp.stdin.write(JSON.stringify({ jsonrpc: '2.0', id, method, params }) + '\n')
+})
+await mcpCall('initialize', {
+  protocolVersion: '2024-11-05', capabilities: {}, clientInfo: { name: 'annotation-e2e', version: '1' }
+})
+mcp.stdin.write(JSON.stringify({ jsonrpc: '2.0', method: 'notifications/initialized' }) + '\n')
+const tools = await mcpCall('tools/list', {})
+const toolNames = (tools.result?.tools ?? []).map((tool) => tool.name)
+check('MCP exposes annotation task tools',
+  ['kadr_tasks','kadr_task_start','kadr_task_complete'].every((name)=>toolNames.includes(name)),
+  toolNames.filter((name)=>name.includes('task')).join(','))
+
+const listed = await mcpCall('tools/call', { name: 'kadr_tasks', arguments: { status: 'new' } })
+const newTasks = JSON.parse(listed.result.content[0].text)
+check('MCP lists live tasks with stable ids and timing',
+  newTasks.some((task)=>task.id===mcpTask.id && task.start===20 && task.end===24))
+
+await mcpCall('tools/call', { name: 'kadr_task_start', arguments: { id: mcpTask.id } })
+
+// Simulate the user's concurrent timeline drag after the agent has read/started the task.
+const concurrent = await evalJs(`(async()=>{
+  const id='${mcpTask.id}', block=document.querySelector('[data-annotation-id="'+id+'"]')
+  const r=block.getBoundingClientRect(),x=r.left+r.width/2,y=r.top+r.height/2
+  const dx=2*window.kadrEditor.useEditor.getState().zoom
+  const opts={bubbles:true,pointerId:23,isPrimary:true,button:0,clientX:x,clientY:y}
+  block.dispatchEvent(new PointerEvent('pointerdown',opts))
+  window.dispatchEvent(new PointerEvent('pointermove',{...opts,clientX:x+dx}))
+  window.dispatchEvent(new PointerEvent('pointerup',{...opts,clientX:x+dx}))
+  await new Promise(requestAnimationFrame)
+  return window.kadrEditor.getAnnotationTasks().find((task)=>task.id===id).start
+})()`)
+
+const completed = await mcpCall('tools/call', {
+  name: 'kadr_task_complete',
+  arguments: {
+    id: mcpTask.id,
+    result: 'Фон проекта обновлён тестовым агентом',
+    code: `const st=window.kadrEditor.useEditor.getState();\n` +
+      `st.pushHistory('hEdit');\n` +
+      `window.kadrEditor.useEditor.setState({project:{...st.project,background:'#123456'}});\n` +
+      `return st.project.id;`
+  }
+})
+const completedObj = JSON.parse(completed.result.content[0].text)
+const afterComplete = await evalJs(`(async()=>{
+  const st=window.kadrEditor.useEditor.getState()
+  const task=window.kadrEditor.getAnnotationTasks().find((item)=>item.id==='${mcpTask.id}')
+  return {start:task.start,status:task.status,result:task.result,background:st.project.background,
+    undoLabel:st.past[st.past.length-1]?.label}
+})()`)
+check('MCP completion preserves the user-moved timing and writes result/status',
+  concurrent === 22 && afterComplete.start === 22 && afterComplete.status === 'done' &&
+  afterComplete.result.includes('обновлён') && completedObj.task.id === mcpTask.id,
+  JSON.stringify(afterComplete))
+check('agent edit and completion form one undo entry',
+  afterComplete.background === '#123456' && afterComplete.undoLabel === 'hAnnotationAgent')
+
+const undone = await evalJs(`(async()=>{
+  window.kadrEditor.useEditor.getState().undo(); await new Promise(requestAnimationFrame)
+  const st=window.kadrEditor.useEditor.getState()
+  const task=window.kadrEditor.getAnnotationTasks().find((item)=>item.id==='${mcpTask.id}')
+  return {start:task.start,status:task.status,background:st.project.background}
+})()`)
+check('one undo reverts agent edits/status but keeps the concurrent user timing',
+  undone.start === 22 && undone.status === 'new' && undone.background === '#000000', JSON.stringify(undone))
+
+// Deleted while working: completion must fail and must not resurrect the task.
+const doomed = await evalJs(`(async()=>{
+  const st=window.kadrEditor.useEditor.getState(); st.setPlayhead(30); const id=st.insertAnnotation(30)
+  st.updateAnnotation(id,{text:'Удаляемая задача'}); st.setAnnotation(null); return id
+})()`)
+await mcpCall('tools/call', { name: 'kadr_task_start', arguments: { id: doomed } })
+await evalJs(`(async()=>window.kadrEditor.useEditor.getState().deleteAnnotation('${doomed}'))()`)
+const missing = await mcpCall('tools/call', {
+  name: 'kadr_task_complete', arguments: { id: doomed, result: 'Не должно сохраниться' }
+})
+const stillMissing = await evalJs(`(async()=>!window.kadrEditor.getAnnotationTasks().some((task)=>task.id==='${doomed}'))()`)
+check('deleted task returns an MCP error and is never recreated', missing.result?.isError === true && stillMissing)
+
+// Regression: closing the first annotation in an existing project must not
+// reveal an old selected clip at zero or change the playhead.
+const preservedViewport = await evalJs(`(async()=>{
+  const ed=window.kadrEditor
+  const project={version:1,id:ed.uid(),name:'Annotation viewport',width:1920,height:1080,fps:30,
+    background:'#000000',tracks:[
+      {id:ed.uid(),kind:'video',name:'V1',muted:false,locked:false,gain:1,clips:[]},
+      {id:ed.uid(),kind:'audio',name:'A1',muted:false,locked:false,gain:1,clips:[]}
+    ],assets:[]}
+  let st=ed.useEditor.getState(); st.setProject(project); st=ed.useEditor.getState()
+  st.insertTextClip(0)
+  st=ed.useEditor.getState(); st.updateClip(st.selection[0],{duration:60}); st.setPlayhead(30)
+  await new Promise(requestAnimationFrame); await new Promise(requestAnimationFrame)
+  ;[...document.querySelectorAll('.transport button')].find((el)=>el.textContent.trim()==='A+').click()
+  await new Promise(requestAnimationFrame); await new Promise(requestAnimationFrame)
+  const textarea=document.querySelector('.annotation-dialog textarea')
+  const setter=Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype,'value').set
+  setter.call(textarea,'Первая аннотация готового проекта')
+  textarea.dispatchEvent(new Event('input',{bubbles:true}))
+  await new Promise(requestAnimationFrame); await new Promise(requestAnimationFrame)
+  const before=document.querySelector('.tl-scroll').scrollLeft
+  document.querySelector('.annotation-dialog .primary').click()
+  await new Promise(requestAnimationFrame); await new Promise(requestAnimationFrame)
+  const after=document.querySelector('.tl-scroll').scrollLeft
+  return {before,after,playhead:ed.useEditor.getState().playhead}
+})()`)
+check('saving the first annotation preserves timeline position and playhead',
+  preservedViewport.before > 0 && Math.abs(preservedViewport.after-preservedViewport.before) < 2 &&
+  preservedViewport.playhead === 30, JSON.stringify(preservedViewport))
+
+mcp.kill()
+await evalJs(`(async()=>window.kadr.claudeClose())()`)
+ws.close()
+console.log('e2e34 finished')
diff --git a/scripts/voiceover_worker.py b/scripts/voiceover_worker.py
new file mode 100644
index 0000000..07f9672
--- /dev/null
+++ b/scripts/voiceover_worker.py
@@ -0,0 +1,178 @@
+#!/usr/bin/env python3
+"""Warm local F5-TTS worker for Kadr's private voice-over studio."""
+
+from __future__ import annotations
+
+import argparse
+import json
+import os
+import re
+import subprocess
+import sys
+import tempfile
+import unicodedata
+import wave
+from pathlib import Path
+
+import numpy as np
+import soundfile as sf
+import torch
+from f5_tts.api import F5TTS
+
+
+def emit(payload: dict) -> None:
+    print(json.dumps(payload, ensure_ascii=False), flush=True)
+
+
+def trim_to_speech(audio: np.ndarray, sample_rate: int) -> np.ndarray:
+    mono = np.asarray(audio, dtype=np.float32).reshape(-1)
+    frame = max(1, int(sample_rate * 0.05))
+    hop = max(1, int(sample_rate * 0.01))
+    if len(mono) < frame:
+        raise ValueError("Аудио короче одного анализируемого кадра")
+    rms = np.array([
+        np.sqrt(np.mean(mono[pos:pos + frame] ** 2) + 1e-12)
+        for pos in range(0, len(mono) - frame + 1, hop)
+    ])
+    active = np.flatnonzero(rms >= 0.002)
+    if active.size == 0:
+        raise ValueError("Модель вернула только тишину")
+    start = max(0, int(active[0] * hop) - int(sample_rate * 0.10))
+    end = min(len(mono), int(active[-1] * hop + frame) + int(sample_rate * 0.16))
+    trimmed = mono[start:end].copy()
+    fade = min(int(sample_rate * 0.012), len(trimmed) // 4)
+    if fade > 1:
+        trimmed[:fade] *= np.linspace(0.0, 1.0, fade, dtype=np.float32)
+        trimmed[-fade:] *= np.linspace(1.0, 0.0, fade, dtype=np.float32)
+    return trimmed
+
+
+def wav_duration(path: Path) -> float:
+    with wave.open(str(path), "rb") as source:
+        return source.getnframes() / source.getframerate()
+
+
+def f5_stress_marks(text: str) -> str:
+    """Convert UI-friendly combining accents (молоко́) to F5 Russian + notation."""
+    normalized = unicodedata.normalize("NFD", text)
+    vowels = "АЕЁИОУЫЭЮЯаеёиоуыэюя"
+    for vowel in vowels:
+        normalized = normalized.replace(f"{vowel}\N{COMBINING ACUTE ACCENT}", f"+{vowel}")
+    return unicodedata.normalize("NFC", normalized)
+
+
+def f5_spoken_text(text: str) -> str:
+    """Expand symbols the Russian F5 vocabulary cannot pronounce reliably.
+
+    In particular, an ampersand at the start of generated speech can make F5
+    continue the final words of the reference and skip the first requested
+    phrase. Keep the editor text untouched and normalize only the model input.
+    """
+    expanded = re.sub(r"[ \t]*&[ \t]*", " и ", text)
+    expanded = re.sub(r"[ \t]+", " ", expanded)
+    return f5_stress_marks(expanded.strip())
+
+
+def worker_log(message: str) -> None:
+    print(message, file=sys.stderr, flush=True)
+
+
+def generate(model: F5TTS, request: dict) -> None:
+    job_id = str(request["id"])
+    text = str(request["text"]).strip()
+    output = Path(request["outputPath"])
+    settings = request["settings"]
+    voice = request["voice"]
+    reference = Path(str(voice["referencePath"]))
+    if not text:
+        raise ValueError("Пустой текст")
+    if not reference.is_file():
+        raise ValueError(f"Не найден голосовой референс: {reference}")
+    output.parent.mkdir(parents=True, exist_ok=True)
+    emit({"type": "progress", "id": job_id, "stage": "generating", "progress": 0.22})
+
+    used_seed = int(settings.get("seed", 20260816))
+    with tempfile.TemporaryDirectory(prefix="kadr-voice-") as temp_dir:
+        raw = Path(temp_dir) / "raw.wav"
+        trimmed = Path(temp_dir) / "trimmed.wav"
+        mastered = Path(temp_dir) / "master.wav"
+        model.infer(
+            ref_file=str(reference),
+            ref_text=str(voice["referenceText"]),
+            gen_text=f5_spoken_text(text),
+            show_info=worker_log,
+            progress=None,
+            target_rms=0.1,
+            cross_fade_duration=float(settings.get("crossFadeDuration", 0.12)),
+            sway_sampling_coef=float(settings.get("swaySamplingCoef", -1)),
+            cfg_strength=float(settings.get("cfgStrength", 2)),
+            nfe_step=int(settings.get("nfeStep", 24)),
+            speed=float(settings.get("speed", 1)),
+            remove_silence=False,
+            file_wave=str(raw),
+            seed=used_seed,
+        )
+        audio, sample_rate = sf.read(raw, dtype="float32", always_2d=False)
+        if np.asarray(audio).ndim > 1:
+            audio = np.mean(audio, axis=1)
+        segment = trim_to_speech(np.asarray(audio), int(sample_rate))
+        duration = len(segment) / int(sample_rate)
+        minimum = max(0.35, len(text) / 42.0)
+        maximum = max(8.0, len(text) / 4.0)
+        if not minimum <= duration <= maximum:
+            raise ValueError(f"Неправдоподобная длительность {duration:.2f} с")
+        sf.write(trimmed, segment, int(sample_rate), subtype="PCM_16")
+        emit({"type": "progress", "id": job_id, "stage": "mastering", "progress": 0.82})
+        subprocess.run([
+            os.environ.get("KADR_FFMPEG", "ffmpeg"), "-y", "-hide_banner", "-loglevel", "error",
+            "-i", str(trimmed),
+            "-af", (
+                "highpass=f=70,"
+                f"loudnorm=I={float(settings.get('loudnessLufs', -16))}:"
+                f"TP={float(settings.get('truePeakDb', -1.5))}:LRA=7"
+            ),
+            "-ar", "48000", "-ac", "2", "-c:a", "pcm_s16le", str(mastered)
+        ], check=True)
+        pending = output.with_suffix(".part.wav")
+        pending.write_bytes(mastered.read_bytes())
+        pending.replace(output)
+
+    emit({
+        "type": "done",
+        "id": job_id,
+        "path": str(output),
+        "duration": round(wav_duration(output), 3),
+        "seed": used_seed,
+    })
+
+
+def main() -> None:
+    parser = argparse.ArgumentParser()
+    parser.add_argument("--model", required=True)
+    parser.add_argument("--vocab", required=True)
+    args = parser.parse_args()
+    if torch.backends.mps.is_available():
+        device = "mps"
+    elif torch.cuda.is_available():
+        device = "cuda"
+    else:
+        device = "cpu"
+    model = F5TTS(
+        model="F5TTS_v1_Base",
+        ckpt_file=args.model,
+        vocab_file=args.vocab,
+        device=device,
+    )
+    emit({"type": "ready"})
+    for line in sys.stdin:
+        if not line.strip():
+            continue
+        request = json.loads(line)
+        try:
+            generate(model, request)
+        except Exception as exc:
+            emit({"type": "error", "id": str(request.get("id", "")), "message": str(exc)})
+
+
+if __name__ == "__main__":
+    main()
diff --git a/shared/types.ts b/shared/types.ts
index 6e7bb47..a3d88db 100644
--- a/shared/types.ts
+++ b/shared/types.ts
@@ -36,6 +36,33 @@ export interface MediaAsset {
   proxyPath?: string
   /** this asset is a reversed render of a source range of another asset */
   reverseOf?: { assetId: string; start: number; duration: number }
+  /** provenance/settings for microphone takes and generated speech */
+  voice?: VoiceAssetMeta
+}
+
+export interface VoiceEffectProfile {
+  inputGain: number
+  leveling: { enabled: boolean; targetLufs: number }
+  noiseReduction: { enabled: boolean; highPassHz: number }
+  compressor: {
+    enabled: boolean
+    threshold: number
+    ratio: number
+    attack: number
+    release: number
+  }
+  delay: { enabled: boolean; time: number; feedback: number; mix: number }
+}
+
+export interface VoiceAssetMeta {
+  source: 'microphone' | 'neural-tts'
+  recordedAt: string
+  deviceLabel?: string
+  /** capture before the WebAudio effect chain, retained for recovery */
+  rawPath?: string
+  effects?: VoiceEffectProfile
+  knownText?: string
+  provider?: string
 }
 
 export type Easing = 'linear' | 'easeIn' | 'easeOut' | 'easeInOut' | 'hold'
@@ -128,6 +155,124 @@ export interface TextStyle {
   background: string // '' = none
 }
 
+// ---------------------------------------------------------------------------
+// Local voice-over studio
+
+/** Parameters are persisted with each take. The UI reuses the latest recipe,
+ * while allowing voiceId and text to change before any new generation. */
+export interface VoiceoverSettings {
+  modelPath: string
+  pythonPath: string
+  vocabPath: string
+  voicesPath: string
+  voiceId: string
+  speed: number
+  nfeStep: number
+  cfgStrength: number
+  swaySamplingCoef: number
+  crossFadeDuration: number
+  seed: number
+  loudnessLufs: number
+  truePeakDb: number
+  /** A portable zero-shot reference for a user-created voice. When present,
+   * generation uses this exact file instead of a bundled numbered voice. */
+  customVoice?: VoiceoverCustomVoice
+}
+
+export interface VoiceoverCustomVoice {
+  id: string
+  name: string
+  description?: string
+  referencePath: string
+  /** Exact words spoken in the reference. New/edited voices require this so
+   * F5-TTS cannot mistake reference speech for generated speech. */
+  referenceText: string
+  createdAt: string
+  source: 'file' | 'microphone'
+  sourceLabel?: string
+}
+
+export interface VoiceCloneProcessingOptions {
+  normalization: { enabled: boolean; targetLufs: number }
+  noiseReduction: { enabled: boolean; strength: number }
+  compressor: { enabled: boolean; thresholdDb: number; ratio: number }
+}
+
+export interface VoiceClonePreview {
+  path: string
+  duration: number
+}
+
+export interface VoiceCloneSaveRequest {
+  /** Present when an existing library voice is being edited/replaced. */
+  voiceId?: string
+  processedPath: string
+  name: string
+  description?: string
+  referenceText: string
+  source: 'file' | 'microphone'
+  sourceLabel?: string
+}
+
+export interface VoiceoverVersion {
+  id: string
+  number: number
+  text: string
+  path: string
+  assetId: string
+  duration: number
+  createdAt: string
+  settings: VoiceoverSettings
+}
+
+export interface VoiceoverHistory {
+  activeVersionId?: string
+  versions: VoiceoverVersion[]
+  settings: VoiceoverSettings
+  /** Fixed timeline slot for SRT-generated speech. Takes are time-stretched to fit it. */
+  timedDuration?: number
+}
+
+export interface VoiceoverGenerateRequest {
+  clipId: string
+  projectPath: string | null
+  version: number
+  text: string
+  settings: VoiceoverSettings
+}
+
+export interface VoiceoverGenerateResult {
+  path: string
+  duration: number
+  seed: number
+}
+
+export interface VoiceoverStatus {
+  ready: boolean
+  reason?: string
+  engine?: 'F5-TTS'
+  pythonPath?: string
+  modelPath?: string
+  vocabPath?: string
+  voicesPath?: string
+  configPath: string
+}
+
+export interface VoiceoverProgress {
+  clipId: string
+  stage: 'loading' | 'generating' | 'mastering' | 'done' | 'error'
+  progress: number
+  message?: string
+}
+
+export interface VoiceoverInstallProgress {
+  stage: 'preparing' | 'runtime' | 'packages' | 'model' | 'voices' | 'validating' | 'done' | 'error'
+  progress: number
+  message: string
+  downloadedBytes?: number
+  totalBytes?: number
+}
+
 export interface Clip {
   id: string
   /** source asset; text clips have no asset */
@@ -140,6 +285,8 @@ export interface Clip {
   fragmentMeta?: FragmentSpec
   text?: string
   textStyle?: TextStyle
+  /** Local TTS takes and the currently selected take for narration clips. */
+  voiceover?: VoiceoverHistory
   /** position on the timeline */
   start: number
   duration: number
@@ -166,7 +313,34 @@ export interface Clip {
   label?: string
 }
 
-export type TrackKind = 'video' | 'audio'
+export type AnnotationStatus = 'new' | 'in_progress' | 'done'
+
+export interface AnnotationTask {
+  /** Stable random identity used by the editor and MCP; never derived from timing. */
+  id: string
+  text: string
+  status: AnnotationStatus
+  /** Fixed project-timeline seconds. Annotation timing never follows media clips. */
+  start: number
+  duration: number
+  /** Concise summary written when an agent completes the task. */
+  result?: string
+  createdAt: string
+  updatedAt: string
+  completedAt?: string
+}
+
+/** A named structural range shown in the amber band below the timeline ruler. */
+export interface Chapter {
+  /** Stable identity used by the UI and MCP. */
+  id: string
+  title: string
+  /** Inclusive visual start and exclusive visual end, in project seconds. */
+  start: number
+  end: number
+}
+
+export type TrackKind = 'video' | 'audio' | 'annotation'
 
 export interface Track {
   id: string
@@ -179,6 +353,8 @@ export interface Track {
   /** video tracks: animated whole-track transform */
   motion?: Transform3D
   clips: Clip[]
+  /** annotation tracks only; deliberately separate from renderable clips */
+  annotations?: AnnotationTask[]
 }
 
 export interface TimelineMarker {
@@ -200,8 +376,13 @@ export interface Project {
   background: string
   tracks: Track[]
   assets: MediaAsset[]
+  /** Named timeline sections/groups. They organize the edit and do not render. */
+  chapters?: Chapter[]
   /** transcripts and other text documents imported into the sources */
   texts?: TextDoc[]
+  /** Custom F5-TTS references used by this project. Their paths are embedded
+   * beside the .kadr file on save so the project remains portable. */
+  voiceClones?: VoiceoverCustomVoice[]
   /** free-floating timeline markers (M key / addMarker), track-independent */
   markers?: TimelineMarker[]
 }
@@ -365,12 +546,78 @@ export interface AudioSegment {
 }
 
 export interface ExportProgress {
-  phase: 'fragments' | 'video' | 'audio' | 'mux' | 'done' | 'error' | 'cancelled'
+  phase: 'fragments' | 'video' | 'audio' | 'mux' | 'files' | 'done' | 'error' | 'cancelled'
   /** 0..1 within the current phase */
   progress: number
   message?: string
 }
 
+export interface HtmlPlayerSettings {
+  showTimeline: boolean
+  allowSeeking: boolean
+  showControls: boolean
+}
+
+export const DEFAULT_HTML_PLAYER_SETTINGS: HtmlPlayerSettings = {
+  showTimeline: true,
+  allowSeeking: true,
+  showControls: true
+}
+
+export interface HtmlPlayerExportRequest {
+  parentDir: string
+  project: Project
+  lang: 'ru' | 'en'
+  player: HtmlPlayerSettings
+}
+
+export type MenuCommand = 'new' | 'open' | 'save' | 'saveAs' | 'export' | 'undo' | 'redo' | 'cut'
+
+export interface ProjectPackageOptions {
+  includeDependencies: boolean
+  zip: boolean
+}
+
+export interface ProjectPackageResult {
+  projectPath: string
+  folderPath: string
+  zipPath?: string
+}
+
+export type ProxyBuildState =
+  | 'queued'
+  | 'building'
+  | 'validating'
+  | 'retrying'
+  | 'ready'
+  | 'error'
+
+export interface ProxyBuildUpdate {
+  path: string
+  state: ProxyBuildState
+  progress: number
+  attempt?: number
+  retryInMs?: number
+  error?: string
+  cached?: boolean
+}
+
+export interface TimelineThumbnailRequest {
+  kind: 'media' | 'remotion'
+  sourcePath?: string
+  fragmentId?: string
+  times: number[]
+  width: number
+  height: number
+  /** Extra renderer-side identity (clip metadata/profile); disk identity is added in main. */
+  cacheKey?: string
+}
+
+export interface TimelineThumbnailFrame {
+  time: number
+  dataUrl: string
+}
+
 // ---------------------------------------------------------------------------
 // IPC surface exposed by the preload script
 
@@ -400,7 +647,17 @@ export interface KadrApi {
   dropLog(entry: unknown): void
 
   saveProjectDialog(currentName: string): Promise<string | null>
+  saveProjectPackageDialog(currentName: string): Promise<string | null>
+  packageProject(
+    parentDir: string,
+    sourceProjectPath: string | null,
+    project: Project,
+    options: ProjectPackageOptions
+  ): Promise<ProjectPackageResult>
   openProjectDialog(): Promise<string | null>
+  newEditorWindow(): void
+  takeInitialProjectPath(): Promise<string | null>
+  setWindowProjectState(state: { path: string | null; name: string; dirty: boolean }): void
   readProject(path: string): Promise<Project>
   writeProject(path: string, project: Project): Promise<void>
   /** write <name>.autosave.kadr next to the project (atomic); returns path */
@@ -421,11 +678,17 @@ export interface KadrApi {
     cb: (p: { path: string; start: number; duration: number; progress: number }) => void
   ): () => void
 
-  /** Build (or reuse) a preview proxy; resolves with the proxy file path.
-      Alpha sources get a VP9+alpha WebM proxy instead of H.264. */
+  /** Build (or reuse) a preview proxy; alpha sources retain transparency. */
   requestProxy(path: string, duration: number,
     opts?: { alpha?: boolean; codec?: string }): Promise<string>
-  onProxyProgress(cb: (p: { path: string; progress: number }) => void): () => void
+  /** Build a fresh proxy even when a validated cache entry already exists. */
+  rebuildProxy(path: string, duration: number,
+    opts?: { alpha?: boolean; codec?: string }): Promise<string>
+  onProxyProgress(cb: (p: ProxyBuildUpdate) => void): () => void
+  /** Small background frames used by the zoom-adaptive timeline filmstrip. */
+  timelineThumbnails(request: TimelineThumbnailRequest): Promise<TimelineThumbnailFrame[]>
+  /** External-media + Remotion content identity for stale-safe visual caches. */
+  visualFingerprint(paths: string[], fragmentIds: string[]): Promise<string>
   /** Full-resolution intermediate for sources Chromium cannot decode
       (e.g. HEVC without VAAPI, ProRes): H.264, or VP9+alpha WebM for alpha
       sources; cached like proxies, video-only. */
@@ -436,10 +699,13 @@ export interface KadrApi {
   /** Write a frame snapshot PNG into dir (Downloads when null) under a
       collision-free name derived from baseName; resolves with the path. */
   saveSnapshot(dir: string | null, baseName: string, png: ArrayBuffer): Promise<string>
+  /** Write/replace an agent storyboard image in the app-managed visual cache. */
+  saveStoryboardImage(cacheKey: string, baseName: string, png: ArrayBuffer): Promise<string>
   /** EBU R128 loudness of a source range: integrated LUFS + true peak dBTP. */
   measureLoudness(path: string, start: number, duration: number): Promise<{ i: number; tp: number }>
 
   exportDialog(defaultName: string, ext: string): Promise<string | null>
+  htmlPlayerExport(request: HtmlPlayerExportRequest): Promise<string>
   exportBegin(job: ExportJob): Promise<void>
   exportVideoChunk(data: ArrayBuffer, position: number): Promise<void>
   /** Direct encode in the renderer process: preload spawns ffmpeg and pipes
@@ -498,6 +764,28 @@ export interface KadrApi {
   writeTextFile(path: string, content: string): Promise<void>
   /** mtime in ms, or null when missing — used to pick up external edits */
   statFile(path: string): Promise<number | null>
+  /** Create a user-chosen SRT file seeded with one three-second cue. */
+  createSrtFile(suggestedName: string, start: number): Promise<string | null>
+  /** Convert a Word scenario into an editable app-owned UTF-8 text document. */
+  prepareTextDocument(path: string): Promise<{ path: string; name: string }>
+
+  /** Generate one local F5-TTS voice-over take. The model process stays warm
+      between requests; generated files are stored next to the .kadr project. */
+  voiceoverStatus(settings: VoiceoverSettings): Promise<VoiceoverStatus>
+  voiceoverInstall(settings: VoiceoverSettings): Promise<VoiceoverStatus>
+  voiceoverInstallCancel(): Promise<void>
+  onVoiceoverInstallProgress(cb: (p: VoiceoverInstallProgress) => void): () => void
+  voiceCloneList(): Promise<VoiceoverCustomVoice[]>
+  voiceClonePickFile(): Promise<string | null>
+  voiceClonePrepare(sourcePath: string): Promise<VoiceClonePreview>
+  voiceCloneProcess(sourcePath: string, options: VoiceCloneProcessingOptions): Promise<VoiceClonePreview>
+  voiceCloneTranscribe(sourcePath: string): Promise<string>
+  voiceCloneSave(request: VoiceCloneSaveRequest): Promise<VoiceoverCustomVoice>
+  voiceCloneDelete(voiceId: string): Promise<boolean>
+  voiceCloneDiscard(paths: string[]): Promise<void>
+  voiceoverGenerate(req: VoiceoverGenerateRequest): Promise<VoiceoverGenerateResult>
+  voiceoverCancel(): Promise<void>
+  onVoiceoverProgress(cb: (p: VoiceoverProgress) => void): () => void
 
   /** Embedded Claude Code terminal session (PTY in main + MCP bridge). */
   claudeOpen(cols: number, rows: number, cwd: string | null):
@@ -507,4 +795,7 @@ export interface KadrApi {
   claudeClose(): Promise<void>
   onClaudeData(cb: (data: string) => void): () => void
   onClaudeExit(cb: (code: number) => void): () => void
+
+  /** Native menu commands (File/Edit) forwarded from the main process. */
+  onMenuCommand(cb: (cmd: MenuCommand) => void): () => void
 }
diff --git a/shared/voiceover.ts b/shared/voiceover.ts
new file mode 100644
index 0000000..45c7e41
--- /dev/null
+++ b/shared/voiceover.ts
@@ -0,0 +1,153 @@
+import type { VoiceoverCustomVoice, VoiceoverSettings } from './types'
+
+export interface VoiceoverVoice {
+  id: string
+  number: number
+  name: string
+  nameEn: string
+  description: string
+  descriptionEn: string
+  referenceFile: string
+}
+
+export interface VoiceoverVoiceChoice {
+  id: string
+  number?: number
+  name: string
+  nameEn: string
+  description: string
+  descriptionEn: string
+  customVoice?: VoiceoverCustomVoice
+}
+
+export function customVoiceChoice(voice: VoiceoverCustomVoice): VoiceoverVoiceChoice {
+  return {
+    id: voice.id,
+    name: voice.name,
+    nameEn: voice.name,
+    description: voice.description || 'Пользовательский голосовой клон.',
+    descriptionEn: voice.description || 'Custom voice clone.',
+    customVoice: voice
+  }
+}
+
+export function mergeVoiceChoices(custom: VoiceoverCustomVoice[]): VoiceoverVoiceChoice[] {
+  const unique = new Map<string, VoiceoverCustomVoice>()
+  for (const voice of custom) unique.set(voice.id, voice)
+  return [...VOICEOVER_VOICES, ...[...unique.values()].map(customVoiceChoice)]
+}
+
+export const VOICEOVER_REFERENCE_TEXT =
+  'Д+обрый д+ень. Сег+одня начин+ается интер+есная игр+а. Сл+ушайте вним+ательно.'
+
+/** VoiceDesign references approved for the F5-TTS voice selector.
+ * Original variants 5, 6 and 11 are deliberately excluded. */
+export const VOICEOVER_VOICES: readonly VoiceoverVoice[] = [
+  {
+    id: '01_female_quiz_host_bright', number: 1,
+    name: 'Яркая ведущая квиза', nameEn: 'Bright quiz host',
+    description: 'Энергичная, улыбчивая, с чёткой студийной дикцией.',
+    descriptionEn: 'Energetic and smiling, with clear studio diction.',
+    referenceFile: '01_female_quiz_host_bright.wav'
+  },
+  {
+    id: '02_female_host_warm', number: 2,
+    name: 'Тёплая ведущая', nameEn: 'Warm host',
+    description: 'Спокойная, интеллигентная, мягкий насыщенный тембр.',
+    descriptionEn: 'Calm and intelligent, with a soft, rich timbre.',
+    referenceFile: '02_female_host_warm.wav'
+  },
+  {
+    id: '03_male_quiz_host_confident', number: 3,
+    name: 'Уверенный мужской ведущий', nameEn: 'Confident male host',
+    description: 'Дружелюбный баритон и энергичная телевизионная подача.',
+    descriptionEn: 'A friendly baritone with energetic television delivery.',
+    referenceFile: '03_male_quiz_host_confident.wav'
+  },
+  {
+    id: '04_male_deep_cinematic', number: 4,
+    name: 'Глубокий кинематографичный', nameEn: 'Deep cinematic male',
+    description: 'Низкий резонансный голос, размеренный и авторитетный.',
+    descriptionEn: 'A low resonant voice, measured and authoritative.',
+    referenceFile: '04_male_deep_cinematic.wav'
+  },
+  {
+    id: '07_teen_girl_energetic', number: 7,
+    name: 'Энергичная девушка-подросток', nameEn: 'Energetic teenage girl',
+    description: 'Свежий молодой голос, дружелюбный и современный.',
+    descriptionEn: 'A fresh, youthful voice with friendly modern delivery.',
+    referenceFile: '07_teen_girl_energetic.wav'
+  },
+  {
+    id: '08_teen_boy_friendly', number: 8,
+    name: 'Дружелюбный парень-подросток', nameEn: 'Friendly teenage boy',
+    description: 'Лёгкий молодой голос с естественным разговорным ритмом.',
+    descriptionEn: 'A light youthful voice with a natural conversational rhythm.',
+    referenceFile: '08_teen_boy_friendly.wav'
+  },
+  {
+    id: '09_elderly_woman_storyteller', number: 9,
+    name: 'Пожилая рассказчица', nameEn: 'Elderly woman storyteller',
+    description: 'Добрый, тёплый голос с лёгкой хрипотцой.',
+    descriptionEn: 'A kind, warm voice with a gentle rasp.',
+    referenceFile: '09_elderly_woman_storyteller.wav'
+  },
+  {
+    id: '10_elderly_man_storyteller', number: 10,
+    name: 'Пожилой рассказчик', nameEn: 'Elderly man storyteller',
+    description: 'Низкий шероховатый тембр и неторопливая мудрая подача.',
+    descriptionEn: 'A low, slightly rough timbre with deliberate delivery.',
+    referenceFile: '10_elderly_man_storyteller.wav'
+  },
+  {
+    id: '12_cartoon_villain', number: 12,
+    name: 'Мультяшный злодей', nameEn: 'Cartoon villain',
+    description: 'Очень низкий театральный голос, озорной, а не пугающий.',
+    descriptionEn: 'A very low theatrical voice, mischievous rather than scary.',
+    referenceFile: '12_cartoon_villain.wav'
+  },
+  {
+    id: '13_sports_commentator', number: 13,
+    name: 'Спортивный комментатор', nameEn: 'Sports commentator',
+    description: 'Быстрый, динамичный и эмоциональный эфирный голос.',
+    descriptionEn: 'Fast, dynamic and excited broadcast delivery.',
+    referenceFile: '13_sports_commentator.wav'
+  },
+  {
+    id: '14_mysterious_female', number: 14,
+    name: 'Таинственный женский', nameEn: 'Mysterious female',
+    description: 'Мягкий тёмный тембр, сдержанная близкая подача.',
+    descriptionEn: 'A soft, dark timbre with restrained intimate delivery.',
+    referenceFile: '14_mysterious_female.wav'
+  }
+] as const
+
+export const DEFAULT_VOICEOVER_SETTINGS: VoiceoverSettings = {
+  modelPath: '',
+  pythonPath: '',
+  vocabPath: '',
+  voicesPath: '',
+  voiceId: VOICEOVER_VOICES[0].id,
+  speed: 1,
+  nfeStep: 24,
+  cfgStrength: 2,
+  swaySamplingCoef: -1,
+  crossFadeDuration: 0.12,
+  seed: 20260816,
+  loudnessLufs: -16,
+  truePeakDb: -1.5
+}
+
+export function getVoiceoverVoice(id: string | undefined): VoiceoverVoice {
+  return VOICEOVER_VOICES.find((voice) => voice.id === id) ?? VOICEOVER_VOICES[0]
+}
+
+export function normalizeVoiceoverSettings(
+  settings?: Partial<VoiceoverSettings> | null
+): VoiceoverSettings {
+  const merged = { ...DEFAULT_VOICEOVER_SETTINGS, ...settings }
+  const voiceId = merged.customVoice?.id === merged.voiceId
+    ? merged.voiceId
+    : getVoiceoverVoice(merged.voiceId).id
+  return { ...merged, voiceId }
+}
diff --git a/src/App.tsx b/src/App.tsx
index d3d4e79..3e75249 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,13 +1,17 @@
-import { useEffect, useState } from 'react'
+import { useCallback, useEffect, useState } from 'react'
 import { SidePanel } from './components/SidePanel'
-import { Preview } from './components/Preview'
+import { PreviewWindow } from './components/PreviewWindow'
 import { Inspector } from './components/Inspector'
 import { Timeline } from './components/Timeline'
-import { TransportBar, LangSwitch } from './components/TransportBar'
+import { LangSwitch } from './components/TransportBar'
 import { ExportDialog } from './components/ExportDialog'
 import { ClaudePanel } from './components/ClaudePanel'
 import { TranscribeDialog, SubtitlePanel } from './components/TextTools'
 import { CaptionsDialog } from './components/CaptionsDialog'
+import { VoiceoverStudio } from './components/VoiceoverStudio'
+import { MicStudio } from './components/MicStudio'
+import { SaveAsDialog, requestSaveAsOptions, setSaveAsBusy } from './components/SaveAsDialog'
+import { AnnotationDialog } from './components/AnnotationDialog'
 import { useEditor, newProject } from './state/store'
 import { dropPayload, dropUsable, importDrop, importFiles } from './engine/mediaImport'
 import { syncProjectFragments } from './engine/fragments'
@@ -15,9 +19,10 @@ import { useT, type TKey } from './i18n'
 import { create } from 'zustand'
 import { baseOf } from '@shared/paths'
 import type { Project } from '@shared/types'
+import { hasPrimaryModifier, IS_MAC, shortcut } from './shortcuts'
 
 // Save feedback: which project snapshot is on disk (→ the ● dirty dot) and
-// a transient "✓ saved" flash in the topbar.
+// a transient "✓ saved" toast that never changes the toolbar layout.
 const useSaveUi = create<{
   savedProject: Project | null
   flash: { key: TKey; detail: string; error: boolean } | null
@@ -52,6 +57,8 @@ async function writeAndConfirm(path: string) {
 
 async function saveProject() {
   const s = useEditor.getState()
+  const savedProject = useSaveUi.getState().savedProject
+  if (savedProject === null || s.project === savedProject) return
   let path = s.projectPath
   if (!path) {
     path = await window.kadr.saveProjectDialog(s.project.name)
@@ -63,28 +70,130 @@ async function saveProject() {
 /** Always ask for a (new) location; the project lives there from now on. */
 async function saveProjectAs() {
   const s = useEditor.getState()
-  const path = await window.kadr.saveProjectDialog(s.project.name)
-  if (!path) return
-  await writeAndConfirm(path)
+  const options = await requestSaveAsOptions()
+  if (!options) return
+  if (!options.includeDependencies && !options.zip) {
+    const path = await window.kadr.saveProjectDialog(s.project.name)
+    if (!path) return
+    await writeAndConfirm(path)
+    return
+  }
+  const parentDir = await window.kadr.saveProjectPackageDialog(s.project.name)
+  if (!parentDir) return
+  const project = useEditor.getState().project
+  const sourceProjectPath = useEditor.getState().projectPath
+  setSaveAsBusy(true)
+  try {
+    const result = await window.kadr.packageProject(
+      parentDir, sourceProjectPath, project, options
+    )
+    const saved = await window.kadr.readProject(result.projectPath)
+    useEditor.setState({ project: saved, projectPath: result.projectPath, past: [], future: [] })
+    markProjectSaved(saved)
+    flashSave('saved', baseOf(result.zipPath ?? result.folderPath))
+  } catch (err) {
+    flashSave('saveError', String(err), true)
+  } finally {
+    setSaveAsBusy(false)
+  }
+}
+
+async function openProjectPath(path: string) {
+  try {
+    const p = await window.kadr.readProject(path)
+    useEditor.getState().setProject(p, path)
+    markProjectSaved(useEditor.getState().project)
+    // Restore workspace links for project-owned Remotion fragment sources.
+    void syncProjectFragments(useEditor.getState().project, path)
+  } catch (err) {
+    flashSave('openError', String(err), true)
+  }
 }
 
 async function openProject() {
   const path = await window.kadr.openProjectDialog()
-  if (!path) return
-  const p = await window.kadr.readProject(path)
-  useEditor.getState().setProject(p, path)
-  markProjectSaved(useEditor.getState().project)
-  // restore workspace symlinks for fragments living next to the .kadr file
-  // (project moved from another machine / cleaned workspace)
-  void syncProjectFragments(useEditor.getState().project, path)
+  if (path) await openProjectPath(path)
 }
 
 const TL_MIN = 160
 
+function handleEditorKey(e: KeyboardEvent) {
+  if (document.querySelector('.modal-back')) return
+  const tag = (e.target as HTMLElement)?.tagName
+  if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return
+  const s = useEditor.getState()
+  const primary = hasPrimaryModifier(e) && !e.altKey && (IS_MAC ? !e.ctrlKey : !e.metaKey)
+  const systemModified = e.ctrlKey || e.metaKey || e.altKey
+  // e.code is keyboard-layout independent (works for ru/en)
+  if (e.code === 'Space' && !systemModified) {
+    e.preventDefault()
+    s.setPlaying(!s.playing)
+  } else if (e.code === 'KeyS' && primary) {
+    e.preventDefault()
+    if (e.shiftKey) void saveProjectAs()
+    else void saveProject()
+  } else if (e.code === 'KeyZ' && primary) {
+    e.preventDefault()
+    if (e.shiftKey) s.redo()
+    else s.undo()
+  } else if (e.code === 'KeyY' && primary && !e.shiftKey && !IS_MAC) {
+    e.preventDefault()
+    s.redo()
+  } else if (e.code === 'KeyC' && primary && !e.shiftKey) {
+    if (s.selection.length || s.range) e.preventDefault()
+    if (s.selection.length) s.copySelection()
+    else if (s.range) s.copyRange()
+  } else if (e.code === 'KeyX' && primary && !e.shiftKey) {
+    if (s.selection.length || s.range) e.preventDefault()
+    if (s.selection.length) s.cutSelection()
+    else if (s.range) s.cutRange()
+  } else if (e.code === 'KeyV' && primary && !e.shiftKey) {
+    e.preventDefault()
+    if (s.clipboard.length) {
+      s.pasteAtPlayhead()
+    } else {
+      // Nothing copied inside the editor — try the OS clipboard: copied
+      // files or an image from Telegram/the browser.
+      void window.kadr.clipboardMedia().then((paths) => {
+        if (paths.length) {
+          return importFiles(paths, { trackId: null, at: useEditor.getState().playhead })
+        }
+      }).catch((err) => console.error('clipboard paste failed', err))
+    }
+  } else if (systemModified) {
+    // Never turn an unknown system shortcut (for example ⌘D on macOS)
+    // into the editor's unmodified D/S/U action.
+    return
+  } else if (e.code === 'KeyS') {
+    s.splitAtPlayhead()
+  } else if (e.code === 'KeyD' || e.code === 'Delete' || e.code === 'Backspace') {
+    if (s.selection.length) s.deleteSelection()
+    else if (s.range) s.deleteRange()
+  } else if (e.code === 'KeyU') {
+    s.toggleLinkSelection()
+  } else if (e.code === 'KeyM') {
+    s.addMarker(s.playhead)
+  } else if (e.code === 'ArrowLeft') {
+    // Step the playhead by frames; preventDefault keeps the timeline from scrolling.
+    e.preventDefault()
+    s.setPlayhead(s.playhead - (e.shiftKey ? 1 : 1 / s.project.fps))
+  } else if (e.code === 'ArrowRight') {
+    e.preventDefault()
+    s.setPlayhead(s.playhead + (e.shiftKey ? 1 : 1 / s.project.fps))
+  } else if (e.code === 'Home') {
+    e.preventDefault()
+    s.setPlayhead(0)
+  } else if (e.code === 'Escape') {
+    if (s.animClipId) s.setAnimClip(null)
+    else s.setRange(null)
+  }
+}
+
 export default function App() {
   const t = useT()
   const name = useEditor((s) => s.project.name)
   const project = useEditor((s) => s.project)
+  const projectPath = useEditor((s) => s.projectPath)
   const savedProject = useSaveUi((s) => s.savedProject)
   const flash = useSaveUi((s) => s.flash)
   // a fresh (empty) session isn't "unsaved work" yet
@@ -92,12 +201,29 @@ export default function App() {
     if (useSaveUi.getState().savedProject === null) markProjectSaved(useEditor.getState().project)
   }, [])
   const dirty = savedProject !== null && project !== savedProject
+
+  useEffect(() => {
+    let active = true
+    void window.kadr.takeInitialProjectPath().then((path) => {
+      if (active && path) return openProjectPath(path)
+    }).catch((err) => {
+      if (active) flashSave('openError', String(err), true)
+    })
+    return () => { active = false }
+  }, [])
+
+  useEffect(() => {
+    window.kadr.setWindowProjectState({ path: projectPath, name, dirty })
+  }, [projectPath, name, dirty])
   const undoLabel = useEditor((s) => s.past[s.past.length - 1]?.label)
   const redoLabel = useEditor((s) => s.future[0]?.label)
   const [tlHeight, setTlHeight] = useState(() =>
     Math.min(Number(localStorage.getItem('kadr.tlh')) || 330, window.innerHeight - 220)
   )
-  const [claudeOpen, setClaudeOpen] = useState(false)
+  const [claudeMounted, setClaudeMounted] = useState(false)
+  const [claudeVisible, setClaudeVisible] = useState(false)
+  const [micOpen, setMicOpen] = useState(false)
+  const [previewDetached, setPreviewDetached] = useState(false)
   const [sideW, setSideW] = useState(() =>
     Math.min(640, Math.max(200, Number(localStorage.getItem('kadr.sidew')) || 280))
   )
@@ -123,66 +249,44 @@ export default function App() {
   }, [])
 
   useEffect(() => {
-    const onKey = (e: KeyboardEvent) => {
-      const tag = (e.target as HTMLElement)?.tagName
-      if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return
+    window.addEventListener('keydown', handleEditorKey)
+    return () => window.removeEventListener('keydown', handleEditorKey)
+  }, [])
+
+  // Native application menu (File/Edit) → reuse the toolbar handlers.
+  useEffect(() => {
+    return window.kadr.onMenuCommand((cmd) => {
       const s = useEditor.getState()
-      // e.code is keyboard-layout independent (works for ru/en)
-      if (e.code === 'Space') {
-        e.preventDefault()
-        s.setPlaying(!s.playing)
-      } else if (e.code === 'KeyS') {
-        if (e.ctrlKey) {
-          e.preventDefault()
-          if (e.shiftKey) saveProjectAs()
-          else saveProject()
-        } else s.splitAtPlayhead()
-      } else if (e.code === 'KeyD' || e.code === 'Delete' || e.code === 'Backspace') {
-        if (s.selection.length) s.deleteSelection()
-        else if (s.range) s.deleteRange()
-      } else if (e.code === 'KeyZ' && e.ctrlKey) {
-        e.preventDefault()
-        if (e.shiftKey) s.redo()
-        else s.undo()
-      } else if (e.code === 'KeyY' && e.ctrlKey) {
-        e.preventDefault()
-        s.redo()
-      } else if (e.code === 'KeyC' && e.ctrlKey) {
-        if (s.selection.length) s.copySelection()
-        else if (s.range) s.copyRange()
-      } else if (e.code === 'KeyV' && e.ctrlKey) {
-        if (s.clipboard.length) {
-          s.pasteAtPlayhead()
-        } else {
-          // nothing copied inside the editor — try the OS clipboard:
-          // copied files or a copied image (e.g. from Telegram/browser)
-          void window.kadr.clipboardMedia().then((paths) => {
-            if (paths.length) {
-              return importFiles(paths, { trackId: null, at: useEditor.getState().playhead })
-            }
-          }).catch((err) => console.error('clipboard paste failed', err))
+      switch (cmd) {
+        case 'new': {
+          s.setProject(newProject())
+          markProjectSaved(useEditor.getState().project)
+          break
+        }
+        case 'open': void openProject(); break
+        case 'save': void saveProject(); break
+        case 'saveAs': void saveProjectAs(); break
+        case 'export': s.setExportOpen(true); break
+        case 'undo':
+        case 'redo': {
+          // Defer to native text undo/redo while editing in a field.
+          const active = document.activeElement as HTMLElement | null
+          const editsText = active?.matches('input, textarea') || active?.isContentEditable
+          if (editsText) document.execCommand(cmd)
+          else if (cmd === 'undo') s.undo()
+          else s.redo()
+          break
+        }
+        case 'cut': {
+          const active = document.activeElement as HTMLElement | null
+          const editsText = active?.matches('input, textarea') || active?.isContentEditable
+          if (editsText) document.execCommand('cut')
+          else if (s.selection.length) s.cutSelection()
+          else if (s.range) s.cutRange()
+          break
         }
-      } else if (e.code === 'KeyU') {
-        s.toggleLinkSelection()
-      } else if (e.code === 'KeyM' && !e.ctrlKey && !e.altKey) {
-        s.addMarker(s.playhead)
-      } else if (e.code === 'ArrowLeft') {
-        // step the playhead by frames; preventDefault keeps the timeline from scrolling
-        e.preventDefault()
-        s.setPlayhead(s.playhead - (e.shiftKey ? 1 : 1 / s.project.fps))
-      } else if (e.code === 'ArrowRight') {
-        e.preventDefault()
-        s.setPlayhead(s.playhead + (e.shiftKey ? 1 : 1 / s.project.fps))
-      } else if (e.code === 'Home') {
-        e.preventDefault()
-        s.setPlayhead(0)
-      } else if (e.code === 'Escape') {
-        if (s.animClipId) s.setAnimClip(null)
-        else s.setRange(null)
       }
-    }
-    window.addEventListener('keydown', onKey)
-    return () => window.removeEventListener('keydown', onKey)
+    })
   }, [])
 
   const startSideResize = (e: React.PointerEvent<HTMLDivElement>) => {
@@ -225,6 +329,20 @@ export default function App() {
   const undoTitle = t('undo') + (undoLabel ? `: ${t(undoLabel as TKey)}` : '')
   const redoTitle = t('redo') + (redoLabel ? `: ${t(redoLabel as TKey)}` : '')
 
+  const toggleClaude = useCallback(() => {
+    if (!claudeMounted) {
+      setClaudeMounted(true)
+      setClaudeVisible(true)
+      return
+    }
+    setClaudeVisible((visible) => !visible)
+  }, [claudeMounted])
+
+  const closeClaude = useCallback(() => {
+    setClaudeVisible(false)
+    setClaudeMounted(false)
+  }, [])
+
   return (
     <div className="app">
       <div className="topbar">
@@ -233,12 +351,6 @@ export default function App() {
           {name}
           {dirty && <span className="dirty-dot" title={t('unsavedChanges')}> ●</span>}
         </span>
-        {flash && (
-          <span className={flash.error ? 'save-flash error' : 'save-flash'}>
-            {flash.error ? '✕' : '✓'} {t(flash.key)}
-            {flash.detail ? ` · ${flash.detail}` : ''}
-          </span>
-        )}
         <span className="flex1" />
         <button title={undoTitle} disabled={!undoLabel} onClick={() => useEditor.getState().undo()}>
           ↶ {t('undoShort')}
@@ -255,26 +367,48 @@ export default function App() {
           {t('newProject')}
         </button>
         <button onClick={openProject}>{t('open')}</button>
-        <button onClick={saveProject} title="Ctrl+S">{t('save')}</button>
-        <button onClick={saveProjectAs} title="Ctrl+Shift+S">{t('saveAs')}</button>
+        <button disabled={!dirty} onClick={saveProject} title={shortcut('S')}>{t('save')}</button>
+        <button onClick={saveProjectAs} title={shortcut('S', true)}>{t('saveAs')}</button>
         <button className="primary" onClick={() => useEditor.getState().setExportOpen(true)}>
           {t('export')}
         </button>
+        <button className={micOpen ? 'mic-top-btn active' : 'mic-top-btn'} onClick={() => setMicOpen(true)}>
+          🎙 {t('micStudio')}
+        </button>
         <button
-          className={claudeOpen ? 'claude-btn active' : 'claude-btn'}
-          title={t('claudeTitle')}
-          onClick={() => setClaudeOpen((v) => !v)}
+          className={`claude-btn${claudeMounted ? ' active' : ''}${
+            claudeMounted && !claudeVisible ? ' minimized' : ''
+          }`}
+          title={claudeMounted && !claudeVisible ? t('claudeMinimizedTitle') : t('claudeTitle')}
+          aria-pressed={claudeMounted}
+          aria-expanded={claudeVisible}
+          onClick={toggleClaude}
         >
           🤖 Claude
         </button>
         <LangSwitch />
       </div>
-      <div className="main-row">
+      {flash && (
+        <div
+          className={flash.error ? 'save-toast error' : 'save-toast'}
+          role={flash.error ? 'alert' : 'status'}
+          aria-live={flash.error ? 'assertive' : 'polite'}
+        >
+          <span className="save-toast-icon" aria-hidden="true">{flash.error ? '✕' : '✓'}</span>
+          <span>
+            <b>{t(flash.key)}</b>
+            {flash.detail && <small>{flash.detail}</small>}
+          </span>
+        </div>
+      )}
+      <div className={previewDetached ? 'main-row preview-detached-layout' : 'main-row'}>
         <SidePanel width={sideW} />
         <div className="h-resizer" onPointerDown={startSideResize} title="⇔" />
-        <div className="center-col">
-          <Preview />
-          <TransportBar />
+        <div className={previewDetached ? 'center-col preview-column-detached' : 'center-col'}>
+          <PreviewWindow
+            onKeyDown={handleEditorKey}
+            onDetachedChange={setPreviewDetached}
+          />
         </div>
         <Inspector />
       </div>
@@ -284,7 +418,13 @@ export default function App() {
       <TranscribeDialog />
       <SubtitlePanel />
       <CaptionsDialog />
-      {claudeOpen && <ClaudePanel onClose={() => setClaudeOpen(false)} />}
+      <VoiceoverStudio />
+      <MicStudio open={micOpen} onClose={() => setMicOpen(false)} />
+      <SaveAsDialog />
+      <AnnotationDialog />
+      {claudeMounted && (
+        <ClaudePanel visible={claudeVisible} onClose={closeClaude} />
+      )}
     </div>
   )
 }
diff --git a/src/components/AnnotationDialog.tsx b/src/components/AnnotationDialog.tsx
new file mode 100644
index 0000000..106d8ef
--- /dev/null
+++ b/src/components/AnnotationDialog.tsx
@@ -0,0 +1,119 @@
+import { useEffect, useState } from 'react'
+import type { AnnotationStatus } from '@shared/types'
+import { findAnnotation, useEditor } from '@/state/store'
+import { useT } from '@/i18n'
+
+const statuses: AnnotationStatus[] = ['new', 'in_progress', 'done']
+const displayDate = (iso?: string) => iso ? new Date(iso).toLocaleString() : '—'
+
+export function AnnotationDialog() {
+  const t = useT()
+  const annotationId = useEditor((s) => s.annotationId)
+  const found = useEditor((s) => annotationId ? findAnnotation(s.project, annotationId) : null)
+  const [draft, setDraft] = useState('')
+
+  useEffect(() => setDraft(found?.annotation.text ?? ''), [annotationId])
+  useEffect(() => {
+    if (annotationId && !found) useEditor.getState().setAnnotation(null)
+  }, [annotationId, found])
+
+  if (!annotationId || !found) return null
+  const { annotation, track } = found
+
+  const save = (status?: AnnotationStatus) => {
+    const text = draft.trim()
+    if (!text) return
+    const patch: { text: string; status?: AnnotationStatus } = { text }
+    if (status) patch.status = status
+    useEditor.getState().updateAnnotation(annotation.id, patch)
+  }
+  const close = () => {
+    if (draft.trim()) {
+      if (draft.trim() !== annotation.text) save()
+      useEditor.getState().setAnnotation(null)
+    } else {
+      useEditor.getState().deleteAnnotation(annotation.id)
+    }
+  }
+
+  return (
+    <div className="modal-back annotation-back" onPointerDown={(e) => {
+      if (e.target === e.currentTarget) close()
+    }}>
+      <div
+        className={`modal annotation-dialog status-${annotation.status}`}
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="annotation-dialog-title"
+        onKeyDown={(e) => {
+          if (e.key === 'Escape') close()
+          if ((e.metaKey || e.ctrlKey) && e.key === 'Enter' && draft.trim()) {
+            save()
+            useEditor.getState().setAnnotation(null)
+          }
+        }}
+      >
+        <div className="annotation-dialog-head">
+          <div>
+            <small>{track.name} · {annotation.start.toFixed(2)}–{(annotation.start + annotation.duration).toFixed(2)}s</small>
+            <h2 id="annotation-dialog-title">{t('annotationTask')}</h2>
+          </div>
+          <button aria-label={t('close')} onClick={close}>×</button>
+        </div>
+        <textarea
+          autoFocus
+          aria-label={t('annotationTask')}
+          placeholder={t('annotationPlaceholder')}
+          value={draft}
+          onChange={(e) => setDraft(e.target.value)}
+        />
+        <div className="annotation-statuses" aria-label={t('annotationStatus')}>
+          {statuses.map((status) => (
+            <button
+              key={status}
+              className={`status-${status}${annotation.status === status ? ' active' : ''}`}
+              disabled={!draft.trim()}
+              onClick={() => save(status)}
+            >
+              <span />{t(`annotationStatus_${status}`)}
+            </button>
+          ))}
+        </div>
+        {annotation.result && (
+          <div className="annotation-result">
+            <b>{t('annotationAgentResult')}</b>
+            <p>{annotation.result}</p>
+          </div>
+        )}
+        <dl className="annotation-meta">
+          <div><dt>ID</dt><dd>{annotation.id}</dd></div>
+          <div><dt>{t('annotationCreated')}</dt><dd>{displayDate(annotation.createdAt)}</dd></div>
+          <div><dt>{t('annotationUpdated')}</dt><dd>{displayDate(annotation.updatedAt)}</dd></div>
+          {annotation.completedAt && (
+            <div><dt>{t('annotationCompleted')}</dt><dd>{displayDate(annotation.completedAt)}</dd></div>
+          )}
+        </dl>
+        <div className="modal-actions annotation-actions">
+          <button
+            className="danger"
+            onClick={() => useEditor.getState().deleteAnnotation(annotation.id)}
+          >
+            {t('annotationDelete')}
+          </button>
+          <span className="flex1" />
+          <button onClick={close}>{t('cancel')}</button>
+          <button
+            className="primary"
+            disabled={!draft.trim()}
+            onClick={() => {
+              save()
+              useEditor.getState().setAnnotation(null)
+            }}
+          >
+            {t('annotationSave')}
+          </button>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/AnnotationPanel.tsx b/src/components/AnnotationPanel.tsx
new file mode 100644
index 0000000..ea7a13f
--- /dev/null
+++ b/src/components/AnnotationPanel.tsx
@@ -0,0 +1,83 @@
+import { useMemo, useState } from 'react'
+import type { AnnotationStatus } from '@shared/types'
+import { useEditor } from '@/state/store'
+import { useT } from '@/i18n'
+
+type StatusFilter = 'all' | AnnotationStatus
+
+const firstLine = (text: string) => text.split(/\r?\n/, 1)[0].trim()
+const shortTime = (seconds: number) => {
+  const minutes = Math.floor(seconds / 60)
+  const rest = seconds - minutes * 60
+  return `${minutes}:${rest.toFixed(1).padStart(4, '0')}`
+}
+
+export function AnnotationPanel() {
+  const t = useT()
+  const tracks = useEditor((s) => s.project.tracks.filter((track) => track.kind === 'annotation'))
+  const [status, setStatus] = useState<StatusFilter>('all')
+  const [trackId, setTrackId] = useState('all')
+
+  const tasks = useMemo(() => tracks
+    .flatMap((track) => (track.annotations ?? []).map((annotation) => ({ track, annotation })))
+    .filter(({ track, annotation }) =>
+      (trackId === 'all' || track.id === trackId) &&
+      (status === 'all' || annotation.status === status)
+    )
+    .sort((a, b) => a.annotation.start - b.annotation.start), [tracks, trackId, status])
+
+  return (
+    <div className="annotation-panel">
+      <div className="panel-head annotation-panel-head">
+        <span>{t('annotations')} <b>{tasks.length}</b></span>
+        <button onClick={() => useEditor.getState().addTrack('annotation')}>
+          {t('addAnnotationTrack')}
+        </button>
+      </div>
+      <div className="annotation-filters">
+        <select
+          aria-label={t('annotationTrackFilter')}
+          value={trackId}
+          onChange={(e) => setTrackId(e.target.value)}
+        >
+          <option value="all">{t('allTracks')}</option>
+          {tracks.map((track) => <option key={track.id} value={track.id}>{track.name}</option>)}
+        </select>
+        <div className="annotation-status-filter">
+          {(['all', 'new', 'in_progress', 'done'] as StatusFilter[]).map((value) => (
+            <button
+              key={value}
+              className={status === value ? 'active' : ''}
+              onClick={() => setStatus(value)}
+            >
+              {t(value === 'all' ? 'annotationAll' : `annotationStatus_${value}`)}
+            </button>
+          ))}
+        </div>
+      </div>
+      <div className="annotation-list">
+        {!tasks.length && <div className="annotation-empty">{t('annotationEmpty')}</div>}
+        {tasks.map(({ track, annotation }) => (
+          <button
+            key={annotation.id}
+            className={`annotation-list-item status-${annotation.status}`}
+            data-annotation-list-id={annotation.id}
+            onClick={() => {
+              const st = useEditor.getState()
+              st.setActiveAnnotationTrack(track.id)
+              st.setPlayhead(annotation.start)
+              st.setAnnotation(annotation.id)
+            }}
+          >
+            <span className="annotation-list-status" />
+            <span className="annotation-list-copy">
+              <b>{firstLine(annotation.text) || t('annotationUntitled')}</b>
+              <small>{track.name} · {shortTime(annotation.start)}–{shortTime(annotation.start + annotation.duration)}</small>
+              {annotation.result && <em>{annotation.result}</em>}
+            </span>
+          </button>
+        ))}
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/AudioMeter.tsx b/src/components/AudioMeter.tsx
index f47c960..1b4675f 100644
--- a/src/components/AudioMeter.tsx
+++ b/src/components/AudioMeter.tsx
@@ -1,12 +1,17 @@
 // Vertical frequency meter next to the preview: low bands at the bottom,
 // green→yellow→red gradient by level, red border flash on clipping.
-import { useEffect, useRef } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { getAnalyser } from '@/engine/audio'
+import { useT } from '@/i18n'
 
 const BANDS = 28
+const SIGNAL_THRESHOLD = 2
+const HIDE_AFTER_SILENCE_MS = 1200
 
 export function AudioMeter() {
   const canvasRef = useRef<HTMLCanvasElement>(null)
+  const [visible, setVisible] = useState(false)
+  const t = useT()
 
   useEffect(() => {
     const canvas = canvasRef.current
@@ -16,6 +21,14 @@ export function AudioMeter() {
     const wave = new Uint8Array(analyser.fftSize)
     let raf = 0
     let clipUntil = 0
+    let lastSignalAt = 0
+    let meterVisible = false
+
+    const setMeterVisible = (next: boolean) => {
+      if (meterVisible === next) return
+      meterVisible = next
+      setVisible(next)
+    }
 
     const draw = () => {
       raf = requestAnimationFrame(draw)
@@ -25,14 +38,24 @@ export function AudioMeter() {
       analyser.getByteFrequencyData(freq)
       analyser.getByteTimeDomainData(wave)
 
+      let peak = 0
+      for (let i = 0; i < freq.length; i++) peak = Math.max(peak, freq[i])
+      const now = performance.now()
+      if (peak > SIGNAL_THRESHOLD) {
+        lastSignalAt = now
+        setMeterVisible(true)
+      } else if (meterVisible && now - lastSignalAt > HIDE_AFTER_SILENCE_MS) {
+        setMeterVisible(false)
+      }
+
       // overload detector: waveform samples touching the rails
       for (let i = 0; i < wave.length; i++) {
         if (wave[i] <= 1 || wave[i] >= 254) {
-          clipUntil = performance.now() + 600
+          clipUntil = now + 600
           break
         }
       }
-      const clipping = performance.now() < clipUntil
+      const clipping = now < clipUntil
 
       ctx.fillStyle = '#101216'
       ctx.fillRect(0, 0, W, H)
@@ -73,5 +96,13 @@ export function AudioMeter() {
     }
   }, [])
 
-  return <canvas ref={canvasRef} className="audio-meter" title="Audio spectrum / overload" />
+  return (
+    <canvas
+      ref={canvasRef}
+      className={`audio-meter${visible ? '' : ' is-silent'}`}
+      aria-hidden={!visible}
+      title={t('audioMeterTitle')}
+      aria-label={t('audioMeterTitle')}
+    />
+  )
 }
diff --git a/src/components/CaptionsDialog.tsx b/src/components/CaptionsDialog.tsx
index 1e1a92d..0ab5ef9 100644
--- a/src/components/CaptionsDialog.tsx
+++ b/src/components/CaptionsDialog.tsx
@@ -1,7 +1,8 @@
-import { useEffect, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { create } from 'zustand'
 import { useEditor, projectDuration } from '@/state/store'
 import { autoCaptions, CAPTION_DEFAULTS, type CaptionStyle } from '@/engine/captions'
+import { transcribeErrorMessage } from '@/engine/subtitles'
 import { useT } from '@/i18n'
 
 export const useCaptionsUi = create<{ open: boolean; setOpen(v: boolean): void }>((set) => ({
@@ -21,6 +22,7 @@ export function CaptionsDialog() {
   const [progress, setProgress] = useState(0)
   const [liveText, setLiveText] = useState('')
   const [error, setError] = useState('')
+  const cancelRequested = useRef(false)
 
   useEffect(() => {
     if (!running) return
@@ -44,20 +46,35 @@ export function CaptionsDialog() {
   }
 
   async function run() {
+    cancelRequested.current = false
     setRunning(true)
     setError('')
     setProgress(0)
     setLiveText('')
     try {
       await autoCaptions({ range, style, maxWords, model, language })
+      cancelRequested.current = false
       setRunning(false)
       useCaptionsUi.getState().setOpen(false)
     } catch (err) {
       setRunning(false)
-      setError(String((err as Error)?.message ?? err))
+      if (cancelRequested.current) {
+        cancelRequested.current = false
+        setError('')
+        setLiveText('')
+        setProgress(0)
+        useCaptionsUi.getState().setOpen(false)
+      } else {
+        setError(transcribeErrorMessage(err))
+      }
     }
   }
 
+  function cancel() {
+    cancelRequested.current = true
+    void window.kadr.transcribeCancel()
+  }
+
   return (
     <div className="modal-back" onClick={close}>
       <div className="modal captions-modal" onClick={(e) => e.stopPropagation()}>
@@ -180,7 +197,7 @@ export function CaptionsDialog() {
         {error && <div className="tr-error">{error}</div>}
         <div className="modal-actions">
           {running ? (
-            <button onClick={() => window.kadr.transcribeCancel()}>{t('cancel')}</button>
+            <button onClick={cancel}>{t('cancel')}</button>
           ) : (
             <>
               <button onClick={close}>{t('cancel')}</button>
diff --git a/src/components/ClaudePanel.tsx b/src/components/ClaudePanel.tsx
index 51a35a3..81bff5a 100644
--- a/src/components/ClaudePanel.tsx
+++ b/src/components/ClaudePanel.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react'
+import { useCallback, useEffect, useRef, useState } from 'react'
 import { Terminal } from '@xterm/xterm'
 import { FitAddon } from '@xterm/addon-fit'
 import '@xterm/xterm/css/xterm.css'
@@ -11,8 +11,13 @@ import { useT } from '@/i18n'
 // placement (docked to the right edge)
 const RECT_KEY = 'kadr.claudeRect'
 type PanelRect = { x: number; y: number; w: number; h: number }
+interface ClaudePanelProps {
+  visible: boolean
+  onClose: () => void
+}
 const MIN_W = 340
 const MIN_H = 220
+const PANEL_TOP_INSET = 52
 
 function clampRect(r: PanelRect): PanelRect {
   const vw = window.innerWidth
@@ -21,7 +26,7 @@ function clampRect(r: PanelRect): PanelRect {
   const h = Math.max(MIN_H, Math.min(r.h, vh - 16))
   // keep the header reachable: at least 120px of it inside the viewport
   const x = Math.max(120 - w, Math.min(r.x, vw - 120))
-  const y = Math.max(0, Math.min(r.y, vh - 60))
+  const y = Math.max(PANEL_TOP_INSET, Math.min(r.y, vh - 60))
   return { x, y, w, h }
 }
 
@@ -36,13 +41,22 @@ function loadRect(): PanelRect | null {
 /**
  * Embedded Claude Code session: an xterm terminal driven by a PTY in the
  * main process running the user's `claude` CLI, with the kadr MCP server
- * wired to this very editor instance. Closing the panel kills the session.
+ * wired to this very editor instance. Hiding keeps the terminal mounted and
+ * the session alive; closing the panel kills it.
  */
-export function ClaudePanel({ onClose }: { onClose: () => void }) {
+export function ClaudePanel({ visible, onClose }: ClaudePanelProps) {
   const t = useT()
   const holder = useRef<HTMLDivElement>(null)
   const panelRef = useRef<HTMLDivElement>(null)
+  const terminalRef = useRef<Terminal | null>(null)
+  const fitRef = useRef<FitAddon | null>(null)
   const [rect, setRect] = useState<PanelRect | null>(loadRect)
+  const [closeConfirmOpen, setCloseConfirmOpen] = useState(false)
+
+  const dismissCloseConfirm = useCallback(() => {
+    setCloseConfirmOpen(false)
+    window.requestAnimationFrame(() => terminalRef.current?.focus())
+  }, [])
 
   // shared drag plumbing for the header (move) and the edge handles (resize)
   const trackDrag = (
@@ -110,6 +124,8 @@ export function ClaudePanel({ onClose }: { onClose: () => void }) {
     term.loadAddon(fit)
     term.open(holder.current)
     fit.fit()
+    terminalRef.current = term
+    fitRef.current = fit
 
     const offData = window.kadr.onClaudeData((data) => term.write(data))
     const offExit = window.kadr.onClaudeExit(() => {
@@ -144,15 +160,30 @@ export function ClaudePanel({ onClose }: { onClose: () => void }) {
       offData()
       offExit()
       window.kadr.claudeClose()
+      terminalRef.current = null
+      fitRef.current = null
       term.dispose()
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
+  useEffect(() => {
+    if (!visible) return
+    const frame = window.requestAnimationFrame(() => {
+      const term = terminalRef.current
+      if (!term) return
+      fitRef.current?.fit()
+      window.kadr.claudeResize(term.cols, term.rows)
+      term.focus()
+    })
+    return () => window.cancelAnimationFrame(frame)
+  }, [visible])
+
   return (
     <div
-      className="claude-panel"
+      className={visible ? 'claude-panel' : 'claude-panel hidden'}
       ref={panelRef}
+      aria-hidden={!visible}
       style={rect
         ? { left: rect.x, top: rect.y, width: rect.w, height: rect.h, right: 'auto', bottom: 'auto' }
         : undefined}
@@ -160,7 +191,13 @@ export function ClaudePanel({ onClose }: { onClose: () => void }) {
       <div className="claude-head" onPointerDown={startMove}>
         <span>🤖 Claude Code</span>
         <span className="dim claude-hint">{t('claudeHint')}</span>
-        <button className="claude-close" title={t('claudeClose')} onClick={onClose}>✕</button>
+        <button
+          className="claude-close"
+          title={t('claudeClose')}
+          onClick={() => setCloseConfirmOpen(true)}
+        >
+          ✕
+        </button>
       </div>
       <div className="claude-term" ref={holder} />
       <div className="claude-rs l" onPointerDown={startResize({ l: true })} />
@@ -168,6 +205,22 @@ export function ClaudePanel({ onClose }: { onClose: () => void }) {
       <div className="claude-rs b" onPointerDown={startResize({ b: true })} />
       <div className="claude-rs bl" onPointerDown={startResize({ l: true, b: true })} />
       <div className="claude-rs br" onPointerDown={startResize({ r: true, b: true })} />
+      {closeConfirmOpen && (
+        <div className="modal-back claude-confirm-back" role="presentation">
+          <div
+            className="modal claude-confirm"
+            role="dialog"
+            aria-modal="true"
+            aria-labelledby="claude-close-confirm-title"
+          >
+            <h2 id="claude-close-confirm-title">{t('claudeCloseConfirm')}</h2>
+            <div className="modal-actions">
+              <button autoFocus onClick={dismissCloseConfirm}>{t('no')}</button>
+              <button className="danger" onClick={onClose}>{t('yes')}</button>
+            </div>
+          </div>
+        </div>
+      )}
     </div>
   )
 }
diff --git a/src/components/ExportDialog.tsx b/src/components/ExportDialog.tsx
index dfece11..01dbf4a 100644
--- a/src/components/ExportDialog.tsx
+++ b/src/components/ExportDialog.tsx
@@ -1,25 +1,33 @@
 import { useEffect, useRef, useState } from 'react'
-import type { ExportProgress } from '@shared/types'
+import { DEFAULT_HTML_PLAYER_SETTINGS } from '@shared/types'
+import type { ExportProgress, HtmlPlayerSettings } from '@shared/types'
 import { PRESETS } from '@/presets'
 import { startExport, type ExportHandle } from '@/engine/exporter'
-import { useEditor } from '@/state/store'
+import { useEditor, useSettings } from '@/state/store'
 import { useT } from '@/i18n'
+import { exportHtmlPlayer } from '@/features/htmlPlayer/export'
+
+const HTML_PLAYER_ID = 'html-player'
 
 type Status =
   | { kind: 'idle' }
   | { kind: 'running'; phase: ExportProgress['phase']; progress: number }
-  | { kind: 'done' }
+  | { kind: 'done'; path?: string }
   | { kind: 'error'; message: string }
   | { kind: 'cancelled' }
 
 export function ExportDialog() {
   const t = useT()
   const open = useEditor((s) => s.exportOpen)
+  const lang = useSettings((s) => s.lang)
   const range = useEditor((s) => s.range)
   const [presetId, setPresetId] = useState(PRESETS[0].id)
   const [motionBlur, setMotionBlur] = useState(true)
   const [frameBlending, setFrameBlending] = useState(true)
   const [fastEncoder, setFastEncoder] = useState(false)
+  const [htmlPlayerSettings, setHtmlPlayerSettings] = useState<HtmlPlayerSettings>(
+    () => ({ ...DEFAULT_HTML_PLAYER_SETTINGS })
+  )
   const [status, setStatus] = useState<Status>({ kind: 'idle' })
   const handle = useRef<ExportHandle | null>(null)
 
@@ -34,10 +42,32 @@ export function ExportDialog() {
 
   if (!open) return null
   const running = status.kind === 'running'
+  const htmlPlayer = presetId === HTML_PLAYER_ID
 
   async function begin() {
-    const preset = PRESETS.find((p) => p.id === presetId)!
     const s = useEditor.getState()
+    if (htmlPlayer) {
+      const parentDir = await window.kadr.pickDirectory(t('htmlPlayerPickFolder'))
+      if (!parentDir) return
+      s.setPlaying(false)
+      handle.current = null
+      setStatus({ kind: 'running', phase: 'files', progress: 0 })
+      try {
+        const path = await exportHtmlPlayer(
+          s.project,
+          parentDir,
+          lang,
+          htmlPlayerSettings,
+          (progress) => setStatus({ kind: 'running', ...progress })
+        )
+        setStatus({ kind: 'done', path })
+      } catch (err: any) {
+        if (String(err?.message).includes('cancelled')) setStatus({ kind: 'cancelled' })
+        else setStatus({ kind: 'error', message: String(err?.message ?? err) })
+      }
+      return
+    }
+    const preset = PRESETS.find((p) => p.id === presetId)!
     const ext = preset.container
     const out = await window.kadr.exportDialog(s.project.name, ext)
     if (!out) return
@@ -73,9 +103,11 @@ export function ExportDialog() {
     status.kind === 'running'
       ? status.phase === 'fragments'
         ? t('renderingFragments')
-        : status.phase === 'video'
-          ? t('renderingVideo')
-          : t('mixingAudio')
+        : status.phase === 'files'
+          ? t('copyingPlayerFiles')
+          : status.phase === 'video'
+            ? t('renderingVideo')
+            : t('mixingAudio')
       : ''
 
   return (
@@ -84,48 +116,93 @@ export function ExportDialog() {
         <h2>{t('export')}</h2>
         <label className="insp-field">
           <span>{t('preset')}</span>
-          <select value={presetId} disabled={running} onChange={(e) => setPresetId(e.target.value)}>
+          <select
+            value={presetId}
+            disabled={running}
+            onChange={(e) => {
+              setPresetId(e.target.value)
+              setStatus({ kind: 'idle' })
+            }}
+          >
             {PRESETS.map((p) => (
               <option key={p.id} value={p.id}>{p.name}</option>
             ))}
+            <option value={HTML_PLAYER_ID}>{t('htmlPlayerPreset')}</option>
           </select>
         </label>
         <div className="insp-field">
           <span>{t('duration')}</span>
           <span>
-            {range
+            {!htmlPlayer && range
               ? `${t('exportRange')}: ${range.start.toFixed(2)}–${range.end.toFixed(2)} c`
               : t('wholeProject')}
           </span>
         </div>
-        {!range && <div className="dim">{t('rangeHint')}</div>}
-        <label className="anim-check export-mb">
+        {htmlPlayer
+          ? <div className="dim html-player-description">{t('htmlPlayerDescription')}</div>
+          : !range && <div className="dim">{t('rangeHint')}</div>}
+        {htmlPlayer && (
+          <fieldset className="html-player-settings" disabled={running}>
+            <legend>{t('htmlPlayerSettings')}</legend>
+            <label className="anim-check export-mb">
+              <input
+                type="checkbox"
+                checked={htmlPlayerSettings.showTimeline}
+                onChange={(e) => setHtmlPlayerSettings((current) => ({
+                  ...current, showTimeline: e.target.checked
+                }))}
+              />
+              <span className="export-mb-label">{t('htmlPlayerShowTimeline')}</span>
+            </label>
+            <label className="anim-check export-mb">
+              <input
+                type="checkbox"
+                checked={htmlPlayerSettings.allowSeeking}
+                onChange={(e) => setHtmlPlayerSettings((current) => ({
+                  ...current, allowSeeking: e.target.checked
+                }))}
+              />
+              <span className="export-mb-label">{t('htmlPlayerAllowSeeking')}</span>
+            </label>
+            <label className="anim-check export-mb">
+              <input
+                type="checkbox"
+                checked={htmlPlayerSettings.showControls}
+                onChange={(e) => setHtmlPlayerSettings((current) => ({
+                  ...current, showControls: e.target.checked
+                }))}
+              />
+              <span className="export-mb-label">{t('htmlPlayerShowControls')}</span>
+            </label>
+          </fieldset>
+        )}
+        {!htmlPlayer && <label className="anim-check export-mb">
           <input
             type="checkbox"
             checked={motionBlur}
             disabled={running}
             onChange={(e) => setMotionBlur(e.target.checked)}
           />
-          {t('motionBlur')}
-        </label>
-        <label className="anim-check export-mb" title={t('frameBlendingHint')}>
+          <span className="export-mb-label">{t('motionBlur')}</span>
+        </label>}
+        {!htmlPlayer && <label className="anim-check export-mb" title={t('frameBlendingHint')}>
           <input
             type="checkbox"
             checked={frameBlending}
             disabled={running}
             onChange={(e) => setFrameBlending(e.target.checked)}
           />
-          {t('frameBlending')}
-        </label>
-        <label className="anim-check export-mb" title={t('fastEncoderHint')}>
+          <span className="export-mb-label">{t('frameBlending')}</span>
+        </label>}
+        {!htmlPlayer && <label className="anim-check export-mb" title={t('fastEncoderHint')}>
           <input
             type="checkbox"
             checked={fastEncoder}
             disabled={running}
             onChange={(e) => setFastEncoder(e.target.checked)}
           />
-          {t('fastEncoder')}
-        </label>
+          <span className="export-mb-label">{t('fastEncoder')}</span>
+        </label>}
 
         {status.kind === 'running' && (
           <div className="export-progress">
@@ -134,7 +211,12 @@ export function ExportDialog() {
             <div className="dim">{Math.round(status.progress * 100)}%</div>
           </div>
         )}
-        {status.kind === 'done' && <div className="export-ok">✓ {t('exportDone')}</div>}
+        {status.kind === 'done' && (
+          <div className="export-ok">
+            ✓ {htmlPlayer ? t('htmlPlayerExportDone') : t('exportDone')}
+            {status.path && <div className="dim export-output-path">{status.path}</div>}
+          </div>
+        )}
         {status.kind === 'cancelled' && <div className="dim">{t('exportCancelled')}</div>}
         {status.kind === 'error' && (
           <div className="export-err">{t('exportError')}: {status.message}</div>
diff --git a/src/components/FragmentGizmo.tsx b/src/components/FragmentGizmo.tsx
index 934b313..36a04cd 100644
--- a/src/components/FragmentGizmo.tsx
+++ b/src/components/FragmentGizmo.tsx
@@ -1,14 +1,21 @@
 import { useEffect, useRef, useState } from 'react'
 import { useEditor } from '@/state/store'
 import { evalAnim } from '@/engine/anim'
+import { measureTextContent } from '@/engine/previewHitTest'
+import { rebaseAnim } from './animUtils'
+import type { Clip, MediaAsset } from '@shared/types'
 
 /**
- * Mouse control for the selected remotion clip in the preview: drag the
- * dashed box to move it, drag the corner handle or scroll the wheel to
- * scale. Writes through clip.transform — works in both the iframe overlay
- * and the pixel-capture mode, and matches the final render exactly.
+ * Mouse control for every visible layer in the preview. Native text/images,
+ * media and Remotion fragments all write through the same clip.transform.
  */
-export function FragmentGizmo({ canvas }: { canvas: React.RefObject<HTMLCanvasElement> }) {
+export function FragmentGizmo({
+  canvas,
+  onPick
+}: {
+  canvas: React.RefObject<HTMLCanvasElement>
+  onPick?: (clientX: number, clientY: number) => void
+}) {
   const selId = useEditor((s) => s.selection[0])
   const project = useEditor((s) => s.project)
   const playhead = useEditor((s) => s.playhead)
@@ -23,15 +30,19 @@ export function FragmentGizmo({ canvas }: { canvas: React.RefObject<HTMLCanvasEl
     pushed: boolean
   } | null>(null)
 
-  const found = (() => {
+  const found: { clip: Clip; asset?: MediaAsset } | null = (() => {
     if (!selId) return null
     for (const track of project.tracks) {
       const clip = track.clips.find((c) => c.id === selId)
-      if (clip) return clip.kind === 'remotion' ? clip : null
+      if (!clip || track.kind !== 'video') continue
+      const asset = clip.assetId ? project.assets.find((a) => a.id === clip.assetId) : undefined
+      if (clip.kind === 'media' && (!asset || asset.kind === 'audio')) return null
+      return { clip, asset }
     }
     return null
   })()
-  const active = !!found && playhead >= found.start - 1e-9 && playhead < found.start + found.duration
+  const active = !!found && playhead >= found.clip.start - 1e-9 &&
+    playhead < found.clip.start + found.clip.duration
 
   useEffect(() => {
     const el = canvas.current
@@ -48,20 +59,39 @@ export function FragmentGizmo({ canvas }: { canvas: React.RefObject<HTMLCanvasEl
   }, [canvas, active])
 
   if (!found || !active || !rect) return null
-  const clip = found
+  const { clip, asset } = found
 
   const disp = rect.w / Math.max(1, project.width)
   const rel = Math.max(0, Math.min(clip.duration, playhead - clip.start))
-  const fw = clip.fragmentMeta?.width ?? project.width
-  const fh = clip.fragmentMeta?.height ?? project.height
-  const fit = Math.min(project.width / fw, project.height / fh)
   const scaleAnim = evalAnim(clip.transform.scale, rel)
+  const sourceW = clip.kind === 'remotion'
+    ? clip.fragmentMeta?.width ?? project.width
+    : clip.kind === 'media'
+      ? asset?.width ?? project.width
+      : project.width
+  const sourceH = clip.kind === 'remotion'
+    ? clip.fragmentMeta?.height ?? project.height
+    : clip.kind === 'media'
+      ? asset?.height ?? project.height
+      : project.height
+  const fit = clip.kind === 'text'
+    ? 1
+    : Math.min(project.width / Math.max(1, sourceW), project.height / Math.max(1, sourceH))
   const scale = scaleAnim * fit * disp
   const x = evalAnim(clip.transform.x, rel) * disp
   const y = evalAnim(clip.transform.y, rel) * disp
-  const boxW = fw * scale
-  const boxH = fh * scale
-  const left = rect.left + rect.w / 2 + x - boxW / 2
+  let contentW = sourceW
+  let contentH = sourceH
+  let contentOffsetX = 0
+  if (clip.kind === 'text' && clip.textStyle) {
+    const bounds = measureTextContent(clip.text ?? '', clip.textStyle, project.width)
+    contentW = bounds.width
+    contentH = bounds.height
+    contentOffsetX = bounds.centerX - project.width / 2
+  }
+  const boxW = Math.max(28, contentW * scale)
+  const boxH = Math.max(22, contentH * scale)
+  const left = rect.left + rect.w / 2 + x + contentOffsetX * scale - boxW / 2
   const top = rect.top + rect.h / 2 + y - boxH / 2
 
   const st = () => useEditor.getState()
@@ -71,9 +101,9 @@ export function FragmentGizmo({ canvas }: { canvas: React.RefObject<HTMLCanvasEl
     st().updateClip(c.id, {
       transform: {
         ...c.transform,
-        x: { ...c.transform.x, value: px },
-        y: { ...c.transform.y, value: py },
-        scale: { ...c.transform.scale, value: ps }
+        x: rebaseAnim(c.transform.x, px, 'offset'),
+        y: rebaseAnim(c.transform.y, py, 'offset'),
+        scale: rebaseAnim(c.transform.scale, ps, 'ratio')
       }
     })
   }
@@ -109,8 +139,10 @@ export function FragmentGizmo({ canvas }: { canvas: React.RefObject<HTMLCanvasEl
       writeTransform(g.baseX, g.baseY, Math.min(20, Math.max(0.05, g.baseScale * grow)))
     }
   }
-  const onUp = () => {
+  const onUp = (e: React.PointerEvent) => {
+    const g = gesture.current
     gesture.current = null
+    if (g?.kind === 'move' && !g.pushed) onPick?.(e.clientX, e.clientY)
   }
   const onWheel = (e: React.WheelEvent) => {
     e.preventDefault()
@@ -127,13 +159,13 @@ export function FragmentGizmo({ canvas }: { canvas: React.RefObject<HTMLCanvasEl
 
   return (
     <div
-      className="frag-gizmo"
+      className={`frag-gizmo ${clip.kind}`}
       style={{ left, top, width: boxW, height: boxH }}
       onPointerDown={begin('move')}
       onPointerMove={onMove}
       onPointerUp={onUp}
       onWheel={onWheel}
-      title="Перетащите — позиция · колесо/уголок — размер"
+      title="Перетащите — позиция · колесо или уголок — размер"
     >
       <div
         className="frag-gizmo-handle"
diff --git a/src/components/Inspector.tsx b/src/components/Inspector.tsx
index 17fc4e7..8f1a114 100644
--- a/src/components/Inspector.tsx
+++ b/src/components/Inspector.tsx
@@ -4,6 +4,7 @@ import { useEditor, useFxPresets, findClip, uid } from '@/state/store'
 import { GLOW_DEFAULTS } from '@/gl/glow'
 import { useT } from '@/i18n'
 import { CtxMenu } from './CtxMenu'
+import { rebaseAnim } from './animUtils'
 
 function Num({
   label, value, step = 1, min, max, onChange
@@ -77,9 +78,11 @@ function ProjectProps() {
 function ClipProps({ clip }: { clip: Clip }) {
   const t = useT()
   const update = (patch: Partial<Clip>) => useEditor.getState().updateClip(clip.id, patch)
-  const setAnim = (key: keyof Clip['transform'], v: number) =>
-    update({ transform: { ...clip.transform, [key]: { ...clip.transform[key], value: v } } })
-  const setGain = (v: number) => update({ gain: { ...clip.gain, value: v } as Anim })
+  const setAnim = (key: 'x' | 'y' | 'scale' | 'rotation' | 'opacity', v: number) => {
+    const mode = key === 'scale' || key === 'opacity' ? 'ratio' : 'offset'
+    update({ transform: { ...clip.transform, [key]: rebaseAnim(clip.transform[key], v, mode) } })
+  }
+  const setGain = (v: number) => update({ gain: rebaseAnim(clip.gain, v, 'ratio') as Anim })
   const setStyle = (patch: Partial<TextStyle>) =>
     update({ textStyle: { ...clip.textStyle!, ...patch } })
 
diff --git a/src/components/MediaBin.tsx b/src/components/MediaBin.tsx
index 9c49581..5d23c3f 100644
--- a/src/components/MediaBin.tsx
+++ b/src/components/MediaBin.tsx
@@ -1,16 +1,24 @@
 import { useRef, useState } from 'react'
 import { useEditor } from '@/state/store'
-import { useProxyProgress } from '@/engine/proxy'
-import { importFiles, dropPayload, dragHasMedia, dropUsable, importDrop, useImportUi } from '@/engine/mediaImport'
+import { rebuildProxy, useProxyProgress } from '@/engine/proxy'
+import {
+  beginInternalMediaDrag, endInternalMediaDrag, importFiles, dropPayload,
+  dragHasMedia, dropUsable, importDrop, useImportUi
+} from '@/engine/mediaImport'
 import { useTextUi } from './TextTools'
 import { useT } from '@/i18n'
+import { hasPrimaryModifier } from '@/shortcuts'
 
 export function MediaBin() {
   const t = useT()
   const assets = useEditor((s) => s.project.assets)
   const texts = useEditor((s) => s.project.texts ?? [])
+  const projectName = useEditor((s) => s.project.name)
+  const playhead = useEditor((s) => s.playhead)
   const proxyJobs = useProxyProgress((s) => s.jobs)
+  const proxyErrors = useProxyProgress((s) => s.errors)
   const [busy, setBusy] = useState(false)
+  const [importError, setImportError] = useState('')
   const importing = useImportUi((s) => s.active > 0)
   const [sel, setSel] = useState<string[]>([])
   const [confirmIds, setConfirmIds] = useState<string[] | null>(null)
@@ -27,8 +35,34 @@ export function MediaBin() {
     const paths = await window.kadr.openMediaDialog()
     if (!paths.length) return
     setBusy(true)
+    setImportError('')
     try {
       await importFiles(paths, null)
+    } catch (error) {
+      setImportError(String(error instanceof Error ? error.message : error))
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  async function createSrt() {
+    setBusy(true)
+    setImportError('')
+    try {
+      const suggested = projectName && projectName !== 'Untitled'
+        ? `${projectName} subtitles`
+        : 'subtitles'
+      const path = await window.kadr.createSrtFile(suggested, playhead)
+      if (!path) return
+      await importFiles([path], null)
+      const created = (useEditor.getState().project.texts ?? []).find((doc) => doc.path === path)
+      if (created) {
+        setTextsOpen(true)
+        localStorage.setItem('kadr.textsOpen', '1')
+        useTextUi.getState().openDoc(created.id)
+      }
+    } catch (error) {
+      setImportError(String(error instanceof Error ? error.message : error))
     } finally {
       setBusy(false)
     }
@@ -40,12 +74,14 @@ export function MediaBin() {
     const payload = dropPayload(e)
     if (!dropUsable(payload)) return
     e.preventDefault()
-    void importDrop(payload, null)
+    setImportError('')
+    void importDrop(payload, null).catch((error) =>
+      setImportError(String(error instanceof Error ? error.message : error)))
   }
 
-  // click selects, Ctrl toggles, Shift extends from the last clicked tile
+  // Click selects, the platform modifier toggles, Shift extends a range.
   const clickTile = (e: React.MouseEvent, id: string) => {
-    if (e.ctrlKey || e.metaKey) {
+    if (hasPrimaryModifier(e)) {
       setSel((s) => (s.includes(id) ? s.filter((x) => x !== id) : [...s, id]))
     } else if (e.shiftKey && lastClick.current) {
       const order = assets.map((a) => a.id)
@@ -93,10 +129,14 @@ export function MediaBin() {
             ✕ {sel.length}
           </button>
         )}
+        <button title={t('createSrtHint')} onClick={() => void createSrt()} disabled={busy || importing}>
+          ＋ SRT
+        </button>
         <button onClick={importMedia} disabled={busy || importing}>
           {busy || importing ? '…' : t('import')}
         </button>
       </div>
+      {importError && <div className="bin-import-error">{importError}</div>}
       <div
         className="bin-grid"
         onDragOver={(e) => {
@@ -115,9 +155,11 @@ export function MediaBin() {
             title={a.path}
             draggable
             onDragStart={(e) => {
+              beginInternalMediaDrag(a.id)
               e.dataTransfer.setData('kadr/asset', a.id)
               e.dataTransfer.effectAllowed = 'copy'
             }}
+            onDragEnd={endInternalMediaDrag}
             onClick={(e) => clickTile(e, a.id)}
             onDoubleClick={() => {
               const s = useEditor.getState()
@@ -133,6 +175,17 @@ export function MediaBin() {
               <div className="proxy-badge building" title={t('proxyBuilding')}>
                 ⚙ {Math.round(proxyJobs[a.id] * 100)}%
               </div>
+            ) : proxyErrors[a.id] ? (
+              <button
+                className="proxy-badge error"
+                title={`${t('proxyError')}: ${proxyErrors[a.id]}\n${t('proxyRetry')}`}
+                onClick={(e) => {
+                  e.stopPropagation()
+                  void rebuildProxy(a.id).catch(() => { /* the badge retains the new error */ })
+                }}
+              >
+                ! ↻
+              </button>
             ) : a.proxyPath ? (
               <div className="proxy-badge" title={t('proxyReady')}>
                 P
diff --git a/src/components/MicStudio.tsx b/src/components/MicStudio.tsx
new file mode 100644
index 0000000..b97c2d5
--- /dev/null
+++ b/src/components/MicStudio.tsx
@@ -0,0 +1,674 @@
+import { useEffect, useMemo, useRef, useState } from 'react'
+import type {
+  VoiceEffectProfile,
+  VoiceoverCustomVoice,
+  VoiceoverStatus,
+  VoiceoverVersion
+} from '@shared/types'
+import {
+  DEFAULT_VOICEOVER_SETTINGS,
+  mergeVoiceChoices
+} from '@shared/voiceover'
+import { useEditor, useSettings, findClip } from '@/state/store'
+import { importFiles } from '@/engine/mediaImport'
+import { normalizeClip } from '@/engine/normalize'
+import { transcribeFlow } from '@/engine/subtitles'
+import { analyseVoiceRanges, preferredVoiceMime } from '@/engine/voice'
+import { VoiceoverSetup } from './VoiceoverStudio'
+import { VoiceCloneStudio } from './VoiceCloneStudio'
+import { VoiceLibraryStudio } from './VoiceLibraryStudio'
+
+type Tab = 'record' | 'leveling' | 'noise' | 'compressor' | 'delay' | 'cut' | 'subtitles' | 'regenerate'
+
+const DEFAULT_FX: VoiceEffectProfile = {
+  inputGain: 1,
+  leveling: { enabled: true, targetLufs: -14 },
+  noiseReduction: { enabled: true, highPassHz: 75 },
+  compressor: { enabled: false, threshold: -18, ratio: 3, attack: 0.01, release: 0.2 },
+  delay: { enabled: false, time: 0.18, feedback: 0.2, mix: 0.12 }
+}
+
+interface AudioGraph {
+  context: AudioContext
+  analyser: AnalyserNode
+  destination: MediaStreamAudioDestinationNode
+  close(): void
+}
+
+function makeGraph(stream: MediaStream, fx: VoiceEffectProfile): AudioGraph {
+  const context = new AudioContext()
+  const source = context.createMediaStreamSource(stream)
+  const input = context.createGain()
+  input.gain.value = fx.inputGain
+  source.connect(input)
+  let tail: AudioNode = input
+
+  if (fx.noiseReduction.enabled && fx.noiseReduction.highPassHz > 0) {
+    const highPass = context.createBiquadFilter()
+    highPass.type = 'highpass'
+    highPass.frequency.value = fx.noiseReduction.highPassHz
+    highPass.Q.value = 0.7
+    tail.connect(highPass)
+    tail = highPass
+  }
+  if (fx.compressor.enabled) {
+    const compressor = context.createDynamicsCompressor()
+    compressor.threshold.value = fx.compressor.threshold
+    compressor.knee.value = 12
+    compressor.ratio.value = fx.compressor.ratio
+    compressor.attack.value = fx.compressor.attack
+    compressor.release.value = fx.compressor.release
+    tail.connect(compressor)
+    tail = compressor
+  }
+
+  const bus = context.createGain()
+  if (fx.delay.enabled && fx.delay.mix > 0) {
+    const dry = context.createGain()
+    const wet = context.createGain()
+    const delay = context.createDelay(2)
+    const feedback = context.createGain()
+    dry.gain.value = 1 - fx.delay.mix
+    wet.gain.value = fx.delay.mix
+    delay.delayTime.value = fx.delay.time
+    feedback.gain.value = fx.delay.feedback
+    tail.connect(dry).connect(bus)
+    tail.connect(delay)
+    delay.connect(wet).connect(bus)
+    delay.connect(feedback).connect(delay)
+  } else {
+    tail.connect(bus)
+  }
+
+  const analyser = context.createAnalyser()
+  analyser.fftSize = 1024
+  analyser.smoothingTimeConstant = 0.68
+  const destination = context.createMediaStreamDestination()
+  bus.connect(analyser)
+  analyser.connect(destination)
+  return {
+    context,
+    analyser,
+    destination,
+    close: () => {
+      try { source.disconnect() } catch { /* already gone */ }
+      void context.close()
+    }
+  }
+}
+
+function slider(
+  label: string, value: number, set: (value: number) => void,
+  min: number, max: number, step: number, suffix = ''
+) {
+  return (
+    <label className="mic-slider">
+      <span>{label}</span>
+      <input type="range" min={min} max={max} step={step} value={value}
+        onChange={(e) => set(Number(e.target.value))} />
+      <b>{value}{suffix}</b>
+    </label>
+  )
+}
+
+export function MicStudio({ open, onClose }: { open: boolean; onClose: () => void }) {
+  const lang = useSettings((s) => s.lang)
+  const ru = lang === 'ru'
+  const [tab, setTab] = useState<Tab>('record')
+  const [devices, setDevices] = useState<MediaDeviceInfo[]>([])
+  const [deviceId, setDeviceId] = useState('')
+  const [stream, setStream] = useState<MediaStream | null>(null)
+  const [fx, setFx] = useState<VoiceEffectProfile>(DEFAULT_FX)
+  const [recording, setRecording] = useState(false)
+  const [busy, setBusy] = useState(false)
+  const [elapsed, setElapsed] = useState(0)
+  const [levelDb, setLevelDb] = useState(-60)
+  const [status, setStatus] = useState('')
+  const [error, setError] = useState('')
+  const [autoCut, setAutoCut] = useState(true)
+  const [silenceSeconds, setSilenceSeconds] = useState(0.8)
+  const [minChunkSeconds, setMinChunkSeconds] = useState(2)
+  const [maxChunkSeconds, setMaxChunkSeconds] = useState(24)
+  const [thresholdDb, setThresholdDb] = useState(-42)
+  const [knownText, setKnownText] = useState('')
+  const [voiceId, setVoiceId] = useState(DEFAULT_VOICEOVER_SETTINGS.voiceId)
+  const [language, setLanguage] = useState('auto')
+  const [currentAssetId, setCurrentAssetId] = useState<string | null>(null)
+  const [currentClipId, setCurrentClipId] = useState<string | null>(null)
+  const [generatedClipId, setGeneratedClipId] = useState<string | null>(null)
+  const [ttsStatus, setTtsStatus] = useState<VoiceoverStatus | null>(null)
+  const [globalVoices, setGlobalVoices] = useState<VoiceoverCustomVoice[]>([])
+  const [cloneOpen, setCloneOpen] = useState(false)
+  const [libraryOpen, setLibraryOpen] = useState(false)
+  const [editVoice, setEditVoice] = useState<VoiceoverCustomVoice | undefined>()
+  const projectPath = useEditor((s) => s.projectPath)
+  const projectVoices = useEditor((s) => s.project.voiceClones ?? [])
+  const graphRef = useRef<AudioGraph | null>(null)
+  const recorderRef = useRef<MediaRecorder | null>(null)
+  const rawRecorderRef = useRef<MediaRecorder | null>(null)
+  const chunksRef = useRef<BlobPart[]>([])
+  const rawChunksRef = useRef<BlobPart[]>([])
+  const startedAtRef = useRef(0)
+  const timelineStartRef = useRef(0)
+  const voices = useMemo(() => mergeVoiceChoices([...globalVoices, ...projectVoices]), [globalVoices, projectVoices])
+  const customVoices = useMemo(() => voices.flatMap((voice) => voice.customVoice ? [voice.customVoice] : []), [voices])
+  const selectedVoice = voices.find((voice) => voice.id === voiceId) ?? voices[0]
+
+  const tabs = useMemo(() => ([
+    ['record', ru ? 'Запись' : 'Record'],
+    ['leveling', ru ? 'Выравнивание' : 'Leveling'],
+    ['noise', ru ? 'Шум' : 'Noise'],
+    ['compressor', ru ? 'Компрессор' : 'Compressor'],
+    ['delay', ru ? 'Дилей' : 'Delay'],
+    ['cut', ru ? 'Автонарезка' : 'Auto-cut'],
+    ['subtitles', ru ? 'Субтитры' : 'Subtitles'],
+    ['regenerate', ru ? 'Перегенерация' : 'Regenerate']
+  ] as [Tab, string][]), [ru])
+
+  useEffect(() => {
+    if (!open) return
+    let current = true
+    setTtsStatus(null)
+    void window.kadr.voiceoverStatus(DEFAULT_VOICEOVER_SETTINGS).then((result) => {
+      if (current) setTtsStatus(result)
+    }).catch((err) => {
+      if (current) setTtsStatus({
+        ready: false,
+        reason: String(err),
+        configPath: '~/.config/kadr/tts.json'
+      })
+    })
+    return () => { current = false }
+  }, [open])
+
+  useEffect(() => {
+    if (!open) return
+    void window.kadr.voiceCloneList().then(setGlobalVoices).catch(() => setGlobalVoices([]))
+  }, [open])
+
+  useEffect(() => {
+    if (!open) return
+    let cancelled = false
+    let acquired: MediaStream | null = null
+    const acquire = async () => {
+      setError('')
+      try {
+        const next = await navigator.mediaDevices.getUserMedia({
+          audio: {
+            ...(deviceId ? { deviceId: { exact: deviceId } } : {}),
+            channelCount: 1,
+            echoCancellation: false,
+            autoGainControl: false,
+            noiseSuppression: fx.noiseReduction.enabled
+          },
+          video: false
+        })
+        if (cancelled) {
+          next.getTracks().forEach((track) => track.stop())
+          return
+        }
+        acquired = next
+        setStream((old) => {
+          old?.getTracks().forEach((track) => track.stop())
+          return next
+        })
+        const all = await navigator.mediaDevices.enumerateDevices()
+        const inputs = all.filter((d) => d.kind === 'audioinput')
+        setDevices(inputs)
+        if (!deviceId) setDeviceId(next.getAudioTracks()[0]?.getSettings().deviceId || inputs[0]?.deviceId || '')
+      } catch (err) {
+        setError(ru ? `Нет доступа к микрофону: ${String(err)}` : `Microphone unavailable: ${String(err)}`)
+      }
+    }
+    void acquire()
+    return () => {
+      cancelled = true
+      acquired?.getTracks().forEach((track) => track.stop())
+    }
+    // Noise suppression is a capture constraint and requires a fresh stream.
+  }, [open, deviceId, fx.noiseReduction.enabled, ru])
+
+  useEffect(() => {
+    if (!open || !stream) return
+    graphRef.current?.close()
+    graphRef.current = makeGraph(stream, fx)
+    return () => {
+      graphRef.current?.close()
+      graphRef.current = null
+    }
+  }, [open, stream, fx])
+
+  useEffect(() => {
+    if (!open) return
+    let raf = 0
+    let last = 0
+    const data = new Float32Array(1024)
+    const tick = (now: number) => {
+      raf = requestAnimationFrame(tick)
+      if (now - last < 70) return
+      last = now
+      const analyser = graphRef.current?.analyser
+      if (!analyser) return
+      analyser.getFloatTimeDomainData(data)
+      let sum = 0
+      for (const v of data) sum += v * v
+      const rms = Math.sqrt(sum / data.length)
+      setLevelDb(Math.max(-60, Math.min(0, 20 * Math.log10(rms || 0.001))))
+    }
+    raf = requestAnimationFrame(tick)
+    return () => cancelAnimationFrame(raf)
+  }, [open])
+
+  useEffect(() => {
+    if (!recording) return
+    const timer = setInterval(() => setElapsed((performance.now() - startedAtRef.current) / 1000), 100)
+    return () => clearInterval(timer)
+  }, [recording])
+
+  useEffect(() => () => {
+    graphRef.current?.close()
+    stream?.getTracks().forEach((track) => track.stop())
+  }, [stream])
+
+  const patchFx = <K extends keyof VoiceEffectProfile>(key: K, value: VoiceEffectProfile[K]) => {
+    if (recording) return
+    setFx((old) => ({ ...old, [key]: value }))
+  }
+
+  const startRecording = async () => {
+    if (!stream || !graphRef.current || recording || busy) return
+    setError('')
+    setStatus('')
+    const { mime } = preferredVoiceMime()
+    try {
+      await graphRef.current.context.resume()
+      const options = mime ? { mimeType: mime, audioBitsPerSecond: 192_000 } : undefined
+      const recorder = new MediaRecorder(graphRef.current.destination.stream, options)
+      chunksRef.current = []
+      recorder.ondataavailable = (e) => { if (e.data.size) chunksRef.current.push(e.data) }
+      recorderRef.current = recorder
+
+      const realtimeFx = Math.abs(fx.inputGain - 1) > 0.001 || fx.noiseReduction.enabled ||
+        fx.compressor.enabled || fx.delay.enabled
+      if (realtimeFx) {
+        const raw = new MediaRecorder(stream, options)
+        rawChunksRef.current = []
+        raw.ondataavailable = (e) => { if (e.data.size) rawChunksRef.current.push(e.data) }
+        rawRecorderRef.current = raw
+        raw.start(250)
+      }
+      timelineStartRef.current = useEditor.getState().playhead
+      startedAtRef.current = performance.now()
+      setElapsed(0)
+      recorder.start(250)
+      setRecording(true)
+      useEditor.getState().setPlaying(true)
+    } catch (err) {
+      setError(String(err))
+    }
+  }
+
+  const stopOne = (recorder: MediaRecorder | null, chunks: BlobPart[]) => new Promise<Blob>((resolve) => {
+    if (!recorder || recorder.state === 'inactive') {
+      resolve(new Blob(chunks, { type: recorder?.mimeType || 'audio/webm' }))
+      return
+    }
+    recorder.addEventListener('stop', () => resolve(new Blob(chunks, { type: recorder.mimeType })), { once: true })
+    recorder.stop()
+  })
+
+  const stopRecording = async () => {
+    if (!recording || busy) return
+    // MediaRecorder's WebM output has no container duration in Chromium.
+    // Keep the wall-clock duration so the imported clip is playable even
+    // when ffprobe reports duration=N/A for an otherwise valid Opus stream.
+    const recordedDuration = Math.max(0.05, (performance.now() - startedAtRef.current) / 1000)
+    setRecording(false)
+    setElapsed(recordedDuration)
+    setBusy(true)
+    useEditor.getState().setPlaying(false)
+    setStatus(ru ? 'Сохраняю дубль…' : 'Saving take…')
+    try {
+      const [blob, rawBlob] = await Promise.all([
+        stopOne(recorderRef.current, chunksRef.current),
+        stopOne(rawRecorderRef.current, rawChunksRef.current)
+      ])
+      recorderRef.current = null
+      rawRecorderRef.current = null
+      if (!blob.size) throw new Error(ru ? 'Запись пуста' : 'The recording is empty')
+      const { extension } = preferredVoiceMime()
+      const stamp = new Date().toISOString().replace(/[:.]/g, '-')
+      let rawPath: string | undefined
+      if (rawBlob.size) {
+        rawPath = await window.kadr.saveBlobMedia(
+          `mic-${stamp}-raw.${extension}`, rawBlob.type,
+          new Uint8Array(await rawBlob.arrayBuffer())
+        )
+      }
+      const path = await window.kadr.saveBlobMedia(
+        `mic-${stamp}.${extension}`, blob.type,
+        new Uint8Array(await blob.arrayBuffer())
+      )
+      if (!useEditor.getState().project.tracks.some((t) => t.kind === 'audio' && !t.locked)) {
+        useEditor.getState().addTrack('audio')
+      }
+      const assetIds = await importFiles([path], { trackId: null, at: timelineStartRef.current })
+      const assetId = assetIds[0]
+      if (!assetId) throw new Error(ru ? 'Не удалось добавить запись в проект' : 'Could not add the recording')
+      const st = useEditor.getState()
+      st.updateAsset(assetId, {
+        duration: recordedDuration,
+        voice: {
+          source: 'microphone',
+          recordedAt: new Date().toISOString(),
+          deviceLabel: stream?.getAudioTracks()[0]?.label,
+          rawPath,
+          effects: fx,
+          knownText: knownText.trim() || undefined
+        }
+      })
+      setCurrentAssetId(assetId)
+      const warnings: string[] = []
+      let clip = st.project.tracks.flatMap((t) => t.clips)
+        .find((c) => c.assetId === assetId && Math.abs(c.start - timelineStartRef.current) < 0.05)
+      if (clip) {
+        st.updateClip(clip.id, { duration: recordedDuration })
+        clip = findClip(useEditor.getState().project, clip.id)?.clip
+        setCurrentClipId(clip?.id ?? null)
+      }
+      if (clip && fx.leveling.enabled) {
+        setStatus(ru ? 'Выравниваю громкость…' : 'Leveling loudness…')
+        try {
+          await normalizeClip(clip.id, { targetLufs: fx.leveling.targetLufs })
+          clip = findClip(useEditor.getState().project, clip.id)?.clip
+        } catch (err) {
+          warnings.push(`${ru ? 'выравнивание' : 'leveling'}: ${String(err)}`)
+        }
+      }
+      if (clip && autoCut) {
+        setStatus(ru ? 'Ищу длинные паузы…' : 'Finding long pauses…')
+        const decode = new AudioContext()
+        try {
+          const buffer = await decode.decodeAudioData(await blob.arrayBuffer())
+          const ranges = analyseVoiceRanges(buffer, {
+            silenceSeconds, minChunkSeconds, maxChunkSeconds, thresholdDb
+          })
+          const materiallyCut = ranges.length > 1 || ranges.some((r) => r.start > 0.05 || r.end < buffer.duration - 0.05)
+          if (materiallyCut) {
+            const ids = useEditor.getState().splitClipIntoRanges(clip.id, ranges)
+            if (ids[0]) setCurrentClipId(ids[0])
+          }
+        } catch (err) {
+          warnings.push(`${ru ? 'автонарезка' : 'auto-cut'}: ${String(err)}`)
+        } finally {
+          void decode.close()
+        }
+      }
+      setStatus(warnings.length
+        ? `${ru ? 'Дубль сохранён, предупреждение' : 'Take saved, warning'} — ${warnings.join('; ')}`
+        : (ru ? 'Дубль добавлен на таймлайн' : 'Take added to the timeline'))
+    } catch (err) {
+      setError(String(err))
+      setStatus('')
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  const makeSubtitles = async () => {
+    if (!currentAssetId || busy) return
+    setBusy(true)
+    setError('')
+    setStatus(ru ? 'Распознаю речь…' : 'Transcribing…')
+    try {
+      const result = await transcribeFlow({
+        target: { kind: 'asset', assetId: currentAssetId },
+        language,
+        maxWords: 3
+      })
+      setStatus(ru ? `Готово: ${result.doc.name}` : `Ready: ${result.doc.name}`)
+    } catch (err) {
+      setError(String(err))
+      setStatus('')
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  const regenerate = async () => {
+    if (!knownText.trim() || busy || !ttsStatus?.ready) return
+    setBusy(true)
+    setError('')
+    setStatus(ru ? 'Нейросеть генерирует голос…' : 'Generating neural speech…')
+    try {
+      const generationSettings = {
+        ...DEFAULT_VOICEOVER_SETTINGS,
+        voiceId,
+        customVoice: selectedVoice?.customVoice
+      }
+      const existing = generatedClipId
+        ? findClip(useEditor.getState().project, generatedClipId)?.clip
+        : null
+      const previousVersions = existing?.voiceover?.versions ?? []
+      const versionNumber = Math.max(0, ...previousVersions.map((v) => v.number)) + 1
+      const jobClipId = generatedClipId || currentClipId || `mic-${Date.now()}`
+      const generated = await window.kadr.voiceoverGenerate({
+        clipId: jobClipId,
+        projectPath,
+        version: versionNumber,
+        text: knownText.trim(),
+        settings: generationSettings
+      })
+      const probe = await window.kadr.probeMedia(generated.path)
+      const takeSettings = { ...generationSettings, seed: generated.seed }
+      let assetId: string
+      let targetClipId = generatedClipId
+
+      if (!targetClipId || !existing) {
+        if (!useEditor.getState().project.tracks.some((t) => t.kind === 'audio' && !t.locked)) {
+          useEditor.getState().addTrack('audio')
+        }
+        const at = currentAssetId ? timelineStartRef.current : useEditor.getState().playhead
+        const ids = await importFiles([generated.path], { trackId: null, at })
+        assetId = ids[0]
+        if (!assetId) throw new Error(ru ? 'Не удалось добавить сгенерированный голос' : 'Could not add generated speech')
+        targetClipId = useEditor.getState().project.tracks.flatMap((t) => t.clips)
+          .find((c) => c.assetId === assetId && Math.abs(c.start - at) < 0.05)?.id ?? null
+        if (!targetClipId) throw new Error(ru ? 'Не найден созданный аудиоклип' : 'Generated clip was not found')
+      } else {
+        assetId = `mic-${targetClipId}-v${versionNumber}-${Date.now()}`
+        const st = useEditor.getState()
+        st.pushHistory('hVoiceGeneration')
+        st.addAsset({
+          ...probe.asset,
+          id: assetId,
+          path: generated.path,
+          name: `Нейродубль · V${versionNumber}`,
+          kind: 'audio'
+        })
+      }
+
+      const finalClipId = targetClipId
+      const version: VoiceoverVersion = {
+        id: `take-${finalClipId}-${versionNumber}`,
+        number: versionNumber,
+        text: knownText.trim(),
+        path: generated.path,
+        assetId,
+        duration: generated.duration,
+        createdAt: new Date().toISOString(),
+        settings: takeSettings
+      }
+      const latest = findClip(useEditor.getState().project, finalClipId)?.clip
+      useEditor.getState().updateClip(finalClipId, {
+        assetId,
+        inPoint: 0,
+        duration: Math.max(0.05, generated.duration),
+        label: `Нейродубль · V${versionNumber}`,
+        voiceover: {
+          activeVersionId: version.id,
+          versions: [...(latest?.voiceover?.versions ?? previousVersions), version],
+          settings: takeSettings
+        }
+      })
+      useEditor.getState().updateAsset(assetId, {
+        voice: {
+          source: 'neural-tts',
+          recordedAt: new Date().toISOString(),
+          knownText: knownText.trim(),
+          provider: 'Local F5-TTS'
+        }
+      })
+      setGeneratedClipId(finalClipId)
+      setCurrentAssetId(assetId)
+      setStatus(ru ? 'Новый вариант добавлен на таймлайн' : 'New version added to the timeline')
+    } catch (err) {
+      setError(String(err))
+      setStatus('')
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  if (!open) return null
+  const meter = Math.max(0, Math.min(100, ((levelDb + 60) / 60) * 100))
+  const inputName = devices.find((d) => d.deviceId === deviceId)?.label || (ru ? 'Микрофон' : 'Microphone')
+
+  return (
+    <div className="modal-back mic-back" onClick={() => !recording && !busy && !cloneOpen && !libraryOpen && onClose()}>
+      <div className="modal mic-studio" onClick={(e) => e.stopPropagation()}>
+        <div className="mic-head">
+          <div>
+            <h2>🎙 {ru ? 'Студия голоса' : 'Voice Studio'}</h2>
+            <span>{inputName}</span>
+          </div>
+          <button disabled={recording || busy || cloneOpen || libraryOpen} onClick={onClose}>✕</button>
+        </div>
+        <div className="mic-tabs">
+          {tabs.map(([id, label]) => <button key={id} disabled={recording && id !== 'record'} className={tab === id ? 'active' : ''} onClick={() => setTab(id)}>{label}</button>)}
+        </div>
+        <div className="mic-body">
+          <div className={`mic-pane mic-pane-${tab}`}>
+          {tab === 'record' && <>
+            <label className="mic-field">
+              <span>{ru ? 'Микрофон' : 'Microphone'}</span>
+              <select value={deviceId} disabled={recording || busy} onChange={(e) => setDeviceId(e.target.value)}>
+                {devices.map((d, i) => <option key={d.deviceId} value={d.deviceId}>{d.label || `${ru ? 'Микрофон' : 'Microphone'} ${i + 1}`}</option>)}
+              </select>
+            </label>
+            {slider(ru ? 'Входной уровень' : 'Input gain', fx.inputGain,
+              (v) => patchFx('inputGain', v), 0.25, 2, 0.05, '×')}
+            <div className="mic-meter" aria-label={`${Math.round(levelDb)} dBFS`}>
+              <div className="mic-meter-colors" />
+              <div className="mic-meter-mask" style={{ left: `${meter}%` }} />
+              <i style={{ left: `${meter}%` }} />
+            </div>
+            <div className="mic-meter-labels"><span>−60</span><span>−18</span><span>−6</span><span>0 dBFS</span></div>
+            <p className="mic-hint">{ru ? 'Говорите так, чтобы шкала чаще была зелёной или жёлтой. Красный означает перегруз.' : 'Aim for green or yellow. Red means clipping.'}</p>
+            <div className="mic-record-row">
+              {!recording
+                ? <button className="mic-record" disabled={!stream || busy} onClick={startRecording}>● {ru ? 'Запись' : 'Record'}</button>
+                : <button className="mic-stop" onClick={stopRecording}>■ {ru ? 'Стоп' : 'Stop'}</button>}
+              <strong>{elapsed.toFixed(1)} s</strong>
+              <span>{ru ? `Старт с ${timelineStartRef.current.toFixed(2)} с` : `Starts at ${timelineStartRef.current.toFixed(2)} s`}</span>
+            </div>
+          </>}
+
+          {tab === 'leveling' && <>
+            <label className="mic-toggle"><input type="checkbox" checked={fx.leveling.enabled}
+              onChange={(e) => patchFx('leveling', { ...fx.leveling, enabled: e.target.checked })} />
+              <b>{ru ? 'Автовыравнивание громкости' : 'Automatic loudness leveling'}</b></label>
+            <p className="mic-hint">{ru ? 'После записи измеряет реальную интегральную громкость и безопасно выставляет усиление клипа. Исходник не меняется.' : 'Measures integrated loudness after recording and adjusts clip gain non-destructively.'}</p>
+            {slider('Target', fx.leveling.targetLufs, (v) => patchFx('leveling', { ...fx.leveling, targetLufs: v }), -24, -9, 1, ' LUFS')}
+          </>}
+
+          {tab === 'noise' && <>
+            <label className="mic-toggle"><input type="checkbox" checked={fx.noiseReduction.enabled} disabled={recording}
+              onChange={(e) => patchFx('noiseReduction', { ...fx.noiseReduction, enabled: e.target.checked })} />
+              <b>{ru ? 'Очистка от фонового шума' : 'Background noise reduction'}</b></label>
+            <p className="mic-hint">{ru ? 'Использует шумоподавление аудиодрайвера/Chromium и срезает низкочастотный гул. Переключение переподключает микрофон.' : 'Uses the device/Chromium noise suppressor and removes low-frequency rumble.'}</p>
+            {slider(ru ? 'Срезать ниже' : 'High-pass', fx.noiseReduction.highPassHz,
+              (v) => patchFx('noiseReduction', { ...fx.noiseReduction, highPassHz: v }), 40, 180, 5, ' Hz')}
+          </>}
+
+          {tab === 'compressor' && <>
+            <label className="mic-toggle"><input type="checkbox" checked={fx.compressor.enabled}
+              onChange={(e) => patchFx('compressor', { ...fx.compressor, enabled: e.target.checked })} />
+              <b>{ru ? 'Компрессор' : 'Compressor'}</b></label>
+            {slider(ru ? 'Порог' : 'Threshold', fx.compressor.threshold, (v) => patchFx('compressor', { ...fx.compressor, threshold: v }), -48, -6, 1, ' dB')}
+            {slider(ru ? 'Соотношение' : 'Ratio', fx.compressor.ratio, (v) => patchFx('compressor', { ...fx.compressor, ratio: v }), 1, 12, 0.5, ':1')}
+            {slider('Attack', Math.round(fx.compressor.attack * 1000), (v) => patchFx('compressor', { ...fx.compressor, attack: v / 1000 }), 1, 100, 1, ' ms')}
+            {slider('Release', Math.round(fx.compressor.release * 1000), (v) => patchFx('compressor', { ...fx.compressor, release: v / 1000 }), 30, 1000, 10, ' ms')}
+          </>}
+
+          {tab === 'delay' && <>
+            <label className="mic-toggle"><input type="checkbox" checked={fx.delay.enabled}
+              onChange={(e) => patchFx('delay', { ...fx.delay, enabled: e.target.checked })} />
+              <b>{ru ? 'Дилей' : 'Delay'}</b></label>
+            {slider(ru ? 'Время' : 'Time', Math.round(fx.delay.time * 1000), (v) => patchFx('delay', { ...fx.delay, time: v / 1000 }), 20, 1000, 10, ' ms')}
+            {slider(ru ? 'Обратная связь' : 'Feedback', Math.round(fx.delay.feedback * 100), (v) => patchFx('delay', { ...fx.delay, feedback: v / 100 }), 0, 80, 1, '%')}
+            {slider(ru ? 'Подмешивание' : 'Mix', Math.round(fx.delay.mix * 100), (v) => patchFx('delay', { ...fx.delay, mix: v / 100 }), 0, 80, 1, '%')}
+          </>}
+
+          {tab === 'cut' && <>
+            <label className="mic-toggle"><input type="checkbox" checked={autoCut} onChange={(e) => setAutoCut(e.target.checked)} />
+              <b>{ru ? 'Нарезать дубль после записи' : 'Cut take after recording'}</b></label>
+            <p className="mic-hint">{ru ? 'Куски сохраняют исходные позиции: паузы видны как промежутки, а голос остаётся синхронным с видео.' : 'Pieces keep their original positions, preserving video sync.'}</p>
+            {slider(ru ? 'Пауза для разреза' : 'Silence to cut', silenceSeconds, setSilenceSeconds, 0.2, 5, 0.1, ' s')}
+            {slider(ru ? 'Минимальный кусок' : 'Minimum chunk', minChunkSeconds, setMinChunkSeconds, 0.5, 10, 0.5, ' s')}
+            {slider(ru ? 'Максимальный кусок' : 'Maximum chunk', maxChunkSeconds, setMaxChunkSeconds, 5, 120, 1, ' s')}
+            {slider(ru ? 'Порог тишины' : 'Silence threshold', thresholdDb, setThresholdDb, -60, -24, 1, ' dB')}
+          </>}
+
+          {tab === 'subtitles' && <>
+            <h3>{ru ? 'Запись → субтитры' : 'Recording → subtitles'}</h3>
+            <p className="mic-hint">{currentAssetId ? (ru ? 'Будет распознан последний дубль. Создадутся SRT и TXT в источниках проекта.' : 'The latest take will become SRT and TXT project sources.') : (ru ? 'Сначала запишите или сгенерируйте дубль.' : 'Record or generate a take first.')}</p>
+            <label className="mic-field"><span>{ru ? 'Язык' : 'Language'}</span><select value={language} onChange={(e) => setLanguage(e.target.value)}><option value="auto">Auto</option><option value="ru">Русский</option><option value="en">English</option></select></label>
+            <button className="primary" disabled={!currentAssetId || busy} onClick={makeSubtitles}>{ru ? 'Сконвертировать в субтитры' : 'Convert to subtitles'}</button>
+          </>}
+
+          {tab === 'regenerate' && <>
+            <h3>{ru ? 'Перегенерация по тексту' : 'Regenerate from text'}</h3>
+            <label className="mic-field">
+              <span>{ru ? 'Голос F5‑TTS' : 'F5-TTS voice'}</span>
+              <select value={voiceId} disabled={busy} onChange={(event) => setVoiceId(event.target.value)}>
+                {voices.map((voice) => (
+                  <option key={voice.id} value={voice.id}>
+                    {voice.number ? `№${voice.number} · ` : '★ '}{ru ? voice.name : voice.nameEn}
+                  </option>
+                ))}
+              </select>
+            </label>
+            <p className="mic-hint">{ru ? selectedVoice?.description : selectedVoice?.descriptionEn}</p>
+            <div className="voice-clone-actions">
+              <button className="clone-open" disabled={busy} onClick={() => { setEditVoice(undefined); setCloneOpen(true) }}>
+                ＋ {ru ? 'Клонировать новый голос' : 'Clone a new voice'}
+              </button>
+              <button className="voice-library-open" disabled={busy} onClick={() => setLibraryOpen(true)}>
+                ⚙ {ru ? 'Управление голосами' : 'Manage voices'}
+              </button>
+            </div>
+            <textarea className="mic-text" rows={7} value={knownText} onChange={(e) => setKnownText(e.target.value)} placeholder={ru ? 'Точный текст реплики…' : 'Exact spoken text…'} />
+            <VoiceoverSetup status={ttsStatus} settings={{ ...DEFAULT_VOICEOVER_SETTINGS, voiceId, customVoice: selectedVoice?.customVoice }}
+              onReady={setTtsStatus} ru={ru} />
+            <p className="mic-hint">{ru ? 'F5‑TTS клонирует выбранный референс. Голос можно менять перед каждым запуском; все варианты сохраняются в истории дублей.' : 'F5-TTS clones the selected reference. You can change voice before every run; every take stays in history.'}</p>
+            <button className="primary" disabled={!knownText.trim() || busy || !ttsStatus?.ready} onClick={regenerate}>{ru ? 'Перегенерировать голос' : 'Regenerate voice'}</button>
+          </>}
+          </div>
+        </div>
+        {(status || error) && <div className={error ? 'mic-status error' : 'mic-status'}>{error || status}</div>}
+      </div>
+      {cloneOpen && <VoiceCloneStudio open onClose={() => { setCloneOpen(false); setEditVoice(undefined) }} ru={ru} editVoice={editVoice}
+        onCreated={(voice) => {
+          setGlobalVoices((current) => [...current.filter((item) => item.id !== voice.id), voice])
+          setVoiceId(voice.id)
+        }} />}
+      {libraryOpen && <VoiceLibraryStudio open voices={customVoices} ru={ru} onClose={() => setLibraryOpen(false)}
+        onEdit={(voice) => { setLibraryOpen(false); setEditVoice(voice); setCloneOpen(true) }}
+        onDeleted={(deletedId) => {
+          setGlobalVoices((current) => current.filter((voice) => voice.id !== deletedId))
+          if (voiceId === deletedId) setVoiceId(DEFAULT_VOICEOVER_SETTINGS.voiceId)
+        }} />}
+    </div>
+  )
+}
diff --git a/src/components/Preview.tsx b/src/components/Preview.tsx
index 70f4f6c..4d02d4f 100644
--- a/src/components/Preview.tsx
+++ b/src/components/Preview.tsx
@@ -1,5 +1,6 @@
-import { useEffect, useRef } from 'react'
+import { useCallback, useEffect, useRef } from 'react'
 import { Player } from '@/engine/player'
+import { previewHitsAt } from '@/engine/previewHitTest'
 import { registerPreviewCanvas } from '@/engine/snapshot'
 import { useEditor, projectDuration } from '@/state/store'
 import { AudioMeter } from './AudioMeter'
@@ -8,6 +9,13 @@ import { FragmentGizmo } from './FragmentGizmo'
 
 export function Preview() {
   const canvasRef = useRef<HTMLCanvasElement>(null)
+  const clickCycle = useRef<{
+    x: number
+    y: number
+    ids: string[]
+    index: number
+    time: number
+  } | null>(null)
   const width = useEditor((s) => s.project.width)
   const height = useEditor((s) => s.project.height)
   const loading = useEditor((s) => s.previewLoading)
@@ -33,12 +41,48 @@ export function Preview() {
     }
   }, [])
 
+  const selectAt = useCallback((clientX: number, clientY: number) => {
+    const canvas = canvasRef.current
+    if (!canvas) return
+    const rect = canvas.getBoundingClientRect()
+    if (!rect.width || !rect.height) return
+    const st = useEditor.getState()
+    const x = (clientX - rect.left) * st.project.width / rect.width
+    const y = (clientY - rect.top) * st.project.height / rect.height
+    const hits = previewHitsAt(st.project, st.playhead, x, y)
+    if (!hits.length) {
+      clickCycle.current = null
+      st.select([])
+      return
+    }
+
+    const ids = hits.map((clip) => clip.id)
+    const previous = clickCycle.current
+    const now = performance.now()
+    const samePoint = previous && Math.hypot(previous.x - x, previous.y - y) < 8
+    const sameStack = previous && previous.ids.length === ids.length &&
+      previous.ids.every((id, i) => id === ids[i])
+    const sameSelection = previous && st.selection[0] === previous.ids[previous.index]
+    const index = previous && samePoint && sameStack && sameSelection && now - previous.time < 1400
+      ? (previous.index + 1) % ids.length
+      : 0
+    clickCycle.current = { x, y, ids, index, time: now }
+    st.select([ids[index]])
+  }, [])
+
   return (
     <div className="preview">
       <div className="preview-canvas-wrap">
-        <canvas ref={canvasRef} width={width} height={height} />
+        <canvas
+          ref={canvasRef}
+          width={width}
+          height={height}
+          onPointerDown={(e) => {
+            if (e.button === 0) selectAt(e.clientX, e.clientY)
+          }}
+        />
         <FragmentOverlays canvas={canvasRef} />
-        <FragmentGizmo canvas={canvasRef} />
+        <FragmentGizmo canvas={canvasRef} onPick={selectAt} />
         {loading && (
           <div className="preview-loading">
             <div className="spinner" />
diff --git a/src/components/PreviewWindow.tsx b/src/components/PreviewWindow.tsx
new file mode 100644
index 0000000..6e17311
--- /dev/null
+++ b/src/components/PreviewWindow.tsx
@@ -0,0 +1,159 @@
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { createPortal } from 'react-dom'
+import { useT } from '@/i18n'
+import { Preview } from './Preview'
+import { TransportBar } from './TransportBar'
+
+const WINDOW_NAME = 'kadr-preview'
+const BOUNDS_KEY = 'kadr.previewWindowBounds'
+
+interface PreviewBounds {
+  x?: number
+  y?: number
+  width: number
+  height: number
+}
+
+function savedBounds(): PreviewBounds {
+  const fallback = { width: 960, height: 540 }
+  try {
+    const value = JSON.parse(localStorage.getItem(BOUNDS_KEY) ?? '') as Partial<PreviewBounds>
+    return {
+      x: Number.isFinite(value.x) ? value.x : undefined,
+      y: Number.isFinite(value.y) ? value.y : undefined,
+      width: Number.isFinite(value.width) ? Math.max(480, value.width!) : fallback.width,
+      height: Number.isFinite(value.height) ? Math.max(320, value.height!) : fallback.height
+    }
+  } catch {
+    return fallback
+  }
+}
+
+function rememberBounds(popup: Window) {
+  if (popup.closed) return
+  const bounds: PreviewBounds = {
+    x: popup.screenX,
+    y: popup.screenY,
+    width: popup.outerWidth,
+    height: popup.outerHeight
+  }
+  localStorage.setItem(BOUNDS_KEY, JSON.stringify(bounds))
+}
+
+function copyStyles(target: Document) {
+  const base = target.createElement('base')
+  base.href = document.baseURI
+  target.head.appendChild(base)
+
+  document.head.querySelectorAll<HTMLLinkElement>('link[rel="stylesheet"]').forEach((source) => {
+    const link = target.createElement('link')
+    link.rel = 'stylesheet'
+    link.href = source.href
+    target.head.appendChild(link)
+  })
+  document.head.querySelectorAll<HTMLStyleElement>('style').forEach((source) => {
+    target.head.appendChild(source.cloneNode(true))
+  })
+}
+
+function preparePopup(popup: Window, title: string) {
+  const doc = popup.document
+  doc.documentElement.lang = document.documentElement.lang
+  doc.title = title
+  doc.head.replaceChildren()
+  doc.body.replaceChildren()
+  copyStyles(doc)
+  doc.body.className = 'detached-preview-body'
+  const root = doc.createElement('div')
+  root.className = 'detached-preview-root'
+  doc.body.appendChild(root)
+  return root
+}
+
+export function PreviewWindow({
+  onKeyDown,
+  onDetachedChange
+}: {
+  onKeyDown: (e: KeyboardEvent) => void
+  onDetachedChange: (detached: boolean) => void
+}) {
+  const t = useT()
+  const popupRef = useRef<Window | null>(null)
+  const [portalRoot, setPortalRoot] = useState<HTMLElement | null>(null)
+
+  const dock = useCallback(() => {
+    const popup = popupRef.current
+    if (!popup) {
+      setPortalRoot(null)
+      return
+    }
+    rememberBounds(popup)
+    popupRef.current = null
+    setPortalRoot(null)
+    // Let React move the portal back before Chromium destroys its document.
+    window.setTimeout(() => {
+      if (!popup.closed) popup.close()
+    }, 0)
+  }, [])
+
+  const detach = useCallback(() => {
+    const current = popupRef.current
+    if (current && !current.closed) {
+      current.focus()
+      return
+    }
+
+    const bounds = savedBounds()
+    const position = bounds.x === undefined || bounds.y === undefined
+      ? ''
+      : `,left=${Math.round(bounds.x)},top=${Math.round(bounds.y)}`
+    const popup = window.open(
+      'about:blank',
+      WINDOW_NAME,
+      `popup=yes,width=${Math.round(bounds.width)},height=${Math.round(bounds.height)}${position}`
+    )
+    if (!popup) return
+
+    const root = preparePopup(popup, t('previewWindowTitle'))
+    popupRef.current = popup
+    popup.addEventListener('keydown', onKeyDown)
+    popup.addEventListener('beforeunload', () => {
+      rememberBounds(popup)
+      if (popupRef.current === popup) popupRef.current = null
+      setPortalRoot(null)
+    }, { once: true })
+    setPortalRoot(root)
+    popup.focus()
+  }, [onKeyDown, t])
+
+  useEffect(() => {
+    const popup = popupRef.current
+    if (popup && !popup.closed) popup.document.title = t('previewWindowTitle')
+  }, [portalRoot, t])
+
+  useEffect(() => {
+    onDetachedChange(Boolean(portalRoot))
+  }, [onDetachedChange, portalRoot])
+
+  useEffect(() => () => {
+    const popup = popupRef.current
+    if (popup && !popup.closed) popup.close()
+  }, [])
+
+  const pane = (
+    <div className={portalRoot ? 'preview-host detached' : 'preview-host'}>
+      <Preview />
+      <TransportBar
+        previewDetached={Boolean(portalRoot)}
+        onPreviewToggle={portalRoot ? dock : detach}
+      />
+    </div>
+  )
+
+  return (
+    <>
+      {!portalRoot && pane}
+      {portalRoot && createPortal(pane, portalRoot)}
+    </>
+  )
+}
diff --git a/src/components/SaveAsDialog.tsx b/src/components/SaveAsDialog.tsx
new file mode 100644
index 0000000..0da7823
--- /dev/null
+++ b/src/components/SaveAsDialog.tsx
@@ -0,0 +1,104 @@
+import { useEffect, useState } from 'react'
+import { create } from 'zustand'
+import { useT } from '@/i18n'
+import type { ProjectPackageOptions } from '@shared/types'
+
+interface SaveAsDialogState {
+  open: boolean
+  busy: boolean
+}
+
+const useSaveAsDialog = create<SaveAsDialogState>(() => ({ open: false, busy: false }))
+let finishRequest: ((options: ProjectPackageOptions | null) => void) | null = null
+
+export function requestSaveAsOptions(): Promise<ProjectPackageOptions | null> {
+  finishRequest?.(null)
+  useSaveAsDialog.setState({ open: true })
+  return new Promise((resolve) => { finishRequest = resolve })
+}
+
+export function setSaveAsBusy(busy: boolean) {
+  useSaveAsDialog.setState({ busy })
+}
+
+function finish(options: ProjectPackageOptions | null) {
+  useSaveAsDialog.setState({ open: false })
+  const resolve = finishRequest
+  finishRequest = null
+  resolve?.(options)
+}
+
+export function SaveAsDialog() {
+  const t = useT()
+  const open = useSaveAsDialog((state) => state.open)
+  const busy = useSaveAsDialog((state) => state.busy)
+  const [includeDependencies, setIncludeDependencies] = useState(false)
+  const [zip, setZip] = useState(false)
+
+  useEffect(() => {
+    if (!open) return
+    setIncludeDependencies(false)
+    setZip(false)
+  }, [open])
+
+  useEffect(() => {
+    if (!open) return
+    const onKey = (event: KeyboardEvent) => {
+      if (event.key === 'Escape') finish(null)
+    }
+    window.addEventListener('keydown', onKey)
+    return () => window.removeEventListener('keydown', onKey)
+  }, [open])
+
+  if (busy) {
+    return (
+      <div className="modal-back">
+        <div className="modal save-as-modal">
+          <h2>{t('saveAsPackaging')}</h2>
+          <div className="dim">{t('saveAsPackagingHint')}</div>
+          <progress className="save-as-progress" />
+        </div>
+      </div>
+    )
+  }
+  if (!open) return null
+  return (
+    <div className="modal-back" onClick={() => finish(null)}>
+      <div className="modal save-as-modal" onClick={(event) => event.stopPropagation()}>
+        <h2>{t('saveAsTitle')}</h2>
+        <div className="dim save-as-description">{t('saveAsDescription')}</div>
+        <label className="save-as-option">
+          <input
+            type="checkbox"
+            checked={includeDependencies}
+            onChange={(event) => setIncludeDependencies(event.target.checked)}
+          />
+          <span>
+            <b>{t('saveWithDependencies')}</b>
+            <small>{t('saveWithDependenciesHint')}</small>
+          </span>
+        </label>
+        <label className="save-as-option">
+          <input
+            type="checkbox"
+            checked={zip}
+            onChange={(event) => setZip(event.target.checked)}
+          />
+          <span>
+            <b>{t('packZip')}</b>
+            <small>{t('packZipHint')}</small>
+          </span>
+        </label>
+        <div className="modal-actions">
+          <button onClick={() => finish(null)}>{t('cancel')}</button>
+          <button
+            className="primary"
+            onClick={() => finish({ includeDependencies, zip })}
+          >
+            {t('continueSave')}
+          </button>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/SidePanel.tsx b/src/components/SidePanel.tsx
index d4d374a..b0d6638 100644
--- a/src/components/SidePanel.tsx
+++ b/src/components/SidePanel.tsx
@@ -2,10 +2,11 @@ import { useEffect, useState } from 'react'
 import { MediaBin } from './MediaBin'
 import { AnimEditor } from './AnimEditor'
 import { TrackMotionEditor } from './TrackMotionEditor'
+import { AnnotationPanel } from './AnnotationPanel'
 import { useEditor } from '@/state/store'
 import { useT } from '@/i18n'
 
-type Tab = 'media' | 'anim' | 'motion'
+type Tab = 'media' | 'annotations' | 'anim' | 'motion'
 
 export function SidePanel({ width }: { width: number }) {
   const t = useT()
@@ -24,6 +25,12 @@ export function SidePanel({ width }: { width: number }) {
         <button className={tab === 'media' ? 'active' : ''} onClick={() => setTab('media')}>
           {t('media')}
         </button>
+        <button
+          className={tab === 'annotations' ? 'active' : ''}
+          onClick={() => setTab('annotations')}
+        >
+          {t('annotations')}
+        </button>
         {animClipId && (
           <button className={tab === 'anim' ? 'active' : ''} onClick={() => setTab('anim')}>
             {t('animTab')}
@@ -55,7 +62,9 @@ export function SidePanel({ width }: { width: number }) {
           </button>
         )}
       </div>
-      {tab === 'anim' && animClipId ? (
+      {tab === 'annotations' ? (
+        <AnnotationPanel />
+      ) : tab === 'anim' && animClipId ? (
         <AnimEditor width={width} />
       ) : tab === 'motion' && motionTrackId ? (
         <TrackMotionEditor width={width} />
diff --git a/src/components/TextTools.tsx b/src/components/TextTools.tsx
index e917e53..1c8b9ac 100644
--- a/src/components/TextTools.tsx
+++ b/src/components/TextTools.tsx
@@ -1,12 +1,18 @@
-import { useEffect, useRef, useState } from 'react'
+import { useEffect, useMemo, useRef, useState } from 'react'
 import { create } from 'zustand'
-import type { SubCue, TextDoc } from '@shared/types'
-import { useEditor } from '@/state/store'
+import type {
+  MediaAsset, SubCue, TextDoc, VoiceoverCustomVoice, VoiceoverStatus, VoiceoverVersion
+} from '@shared/types'
+import {
+  DEFAULT_VOICEOVER_SETTINGS, mergeVoiceChoices
+} from '@shared/voiceover'
+import { uid, useEditor, useSettings, type TimedVoiceoverInsert } from '@/state/store'
 import {
   transcribeFlow, type TranscribeFlowOpts,
-  parseSrt, cuesToSrt, srtTime, parseSrtTime, docTimeToProject
+  parseSrt, cuesToSrt, srtTime, parseSrtTime, docTimeToProject, transcribeErrorMessage
 } from '@/engine/subtitles'
 import { useT } from '@/i18n'
+import { VoiceoverSetup } from './VoiceoverStudio'
 
 /** UI state shared by MediaBin, Timeline and App: what's open right now. */
 interface TextUiState {
@@ -38,6 +44,7 @@ export function TranscribeDialog() {
   const [progress, setProgress] = useState(0)
   const [liveText, setLiveText] = useState('')
   const [error, setError] = useState('')
+  const cancelRequested = useRef(false)
 
   useEffect(() => {
     if (!running) return
@@ -62,12 +69,14 @@ export function TranscribeDialog() {
   }
 
   async function run() {
+    cancelRequested.current = false
     setRunning(true)
     setError('')
     setLiveText('')
     setProgress(0)
     try {
       const r = await transcribeFlow({ target: target!, model, language, timecodes, maxWords })
+      cancelRequested.current = false
       setRunning(false)
       useTextUi.getState().closeTranscribe()
       useTextUi.getState().openDoc(r.doc.id)
@@ -75,12 +84,21 @@ export function TranscribeDialog() {
       setProgress(0)
     } catch (err) {
       setRunning(false)
-      setError(String((err as Error)?.message ?? err))
+      if (cancelRequested.current) {
+        cancelRequested.current = false
+        setError('')
+        setLiveText('')
+        setProgress(0)
+        useTextUi.getState().closeTranscribe()
+      } else {
+        setError(transcribeErrorMessage(err))
+      }
     }
   }
 
   function cancel() {
-    window.kadr.transcribeCancel()
+    cancelRequested.current = true
+    void window.kadr.transcribeCancel()
   }
 
   return (
@@ -158,15 +176,45 @@ export function TranscribeDialog() {
 
 // ------------------------------------------------------------------- panel
 
+const cueSpeechText = (text: string) => text
+  .replace(/<[^>]*>/g, ' ')
+  .replace(/\{\\[^}]*\}/g, ' ')
+  .replace(/\s+/g, ' ')
+  .trim()
+
 export function SubtitlePanel() {
   const t = useT()
+  const ru = useSettings((s) => s.lang) === 'ru'
   const docId = useTextUi((s) => s.openDocId)
   const doc = useEditor((s) => (s.project.texts ?? []).find((d) => d.id === docId) ?? null)
+  const projectPath = useEditor((s) => s.projectPath)
+  const projectVoices = useEditor((s) => s.project.voiceClones ?? [])
   const [cues, setCues] = useState<SubCue[]>([])
   const [txt, setTxt] = useState('')
   const [dirty, setDirty] = useState(false)
   const [missing, setMissing] = useState(false)
+  const [ttsStatus, setTtsStatus] = useState<VoiceoverStatus | null>(null)
+  const [voiceId, setVoiceId] = useState(DEFAULT_VOICEOVER_SETTINGS.voiceId)
+  const [globalVoices, setGlobalVoices] = useState<VoiceoverCustomVoice[]>([])
+  const [voiceBusy, setVoiceBusy] = useState(false)
+  const [voiceDone, setVoiceDone] = useState(0)
+  const [voiceTotal, setVoiceTotal] = useState(0)
+  const [voiceStageProgress, setVoiceStageProgress] = useState(0)
+  const [voiceMessage, setVoiceMessage] = useState('')
+  const [voiceError, setVoiceError] = useState('')
   const mtime = useRef<number | null>(null)
+  const voiceJobId = useRef('')
+  const voiceCancelRequested = useRef(false)
+  const voices = useMemo(
+    () => mergeVoiceChoices([...globalVoices, ...projectVoices]),
+    [globalVoices, projectVoices]
+  )
+  const selectedVoice = voices.find((voice) => voice.id === voiceId) ?? voices[0]
+  const voiceSettings = {
+    ...DEFAULT_VOICEOVER_SETTINGS,
+    voiceId: selectedVoice?.id ?? DEFAULT_VOICEOVER_SETTINGS.voiceId,
+    customVoice: selectedVoice?.customVoice
+  }
 
   const load = async (d: TextDoc) => {
     const content = await window.kadr.readTextFile(d.path)
@@ -188,6 +236,33 @@ export function SubtitlePanel() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [doc?.id])
 
+  useEffect(() => {
+    if (doc?.format !== 'srt') return
+    let current = true
+    setTtsStatus(null)
+    setVoiceError('')
+    void Promise.all([
+      window.kadr.voiceoverStatus(DEFAULT_VOICEOVER_SETTINGS),
+      window.kadr.voiceCloneList().catch(() => [] as VoiceoverCustomVoice[])
+    ]).then(([status, customVoices]) => {
+      if (!current) return
+      setTtsStatus(status)
+      setGlobalVoices(customVoices)
+    }).catch((error) => {
+      if (!current) return
+      setTtsStatus({
+        ready: false,
+        reason: String(error instanceof Error ? error.message : error),
+        configPath: '~/.config/kadr/tts.json'
+      })
+    })
+    return () => { current = false }
+  }, [doc?.id, doc?.format])
+
+  useEffect(() => window.kadr.onVoiceoverProgress((progress) => {
+    if (progress.clipId === voiceJobId.current) setVoiceStageProgress(progress.progress)
+  }), [])
+
   // pick up external edits (e.g. Claude editing the file) while clean
   useEffect(() => {
     if (!doc) return
@@ -204,7 +279,9 @@ export function SubtitlePanel() {
 
   if (!doc) return null
 
-  const close = () => useTextUi.getState().openDoc(null)
+  const close = () => {
+    if (!voiceBusy) useTextUi.getState().openDoc(null)
+  }
 
   async function save() {
     if (!doc) return
@@ -225,14 +302,143 @@ export function SubtitlePanel() {
     setDirty(true)
   }
 
+  function addCue() {
+    const latestEnd = cues.reduce((end, cue) => Math.max(end, cue.end), 0)
+    const projectTime = useEditor.getState().playhead
+    const mappedPlayhead = doc!.offset !== undefined
+      ? Math.max(0, projectTime - doc!.offset)
+      : doc!.assetId ? 0 : projectTime
+    const start = Math.max(latestEnd, mappedPlayhead)
+    setCues((current) => [...current, { start, end: start + 3, text: '' }])
+    setDirty(true)
+  }
+
+  async function generateSrtVoiceover() {
+    if (!doc || doc.format !== 'srt' || voiceBusy || !ttsStatus?.ready || !selectedVoice) return
+    setVoiceError('')
+    setVoiceMessage('')
+    if (dirty) await save()
+
+    const project = useEditor.getState().project
+    const plans = cues.map((cue, cueIndex) => {
+      const text = cueSpeechText(cue.text)
+      const start = docTimeToProject(project, doc, cue.start)
+      const end = docTimeToProject(project, doc, cue.end)
+      if (!text || start === null || end === null || end <= start) return null
+      return { cueIndex, text, start, duration: Math.max(0.05, end - start) }
+    }).filter((plan): plan is NonNullable<typeof plan> => !!plan)
+
+    if (!plans.length) {
+      setVoiceError(t('subVoiceNoCues'))
+      return
+    }
+
+    const batchId = `${Date.now().toString(36)}-${uid()}`
+    const inserts: TimedVoiceoverInsert[] = []
+    voiceCancelRequested.current = false
+    setVoiceBusy(true)
+    setVoiceDone(0)
+    setVoiceTotal(plans.length)
+    setVoiceStageProgress(0)
+    let failure = ''
+
+    try {
+      for (let index = 0; index < plans.length; index++) {
+        if (voiceCancelRequested.current) break
+        const plan = plans[index]
+        const jobId = `srt-${doc.id}-${batchId}-${plan.cueIndex + 1}`
+        voiceJobId.current = jobId
+        setVoiceStageProgress(0)
+        setVoiceMessage(t('subVoiceProgress')
+          .replace('{current}', String(index + 1))
+          .replace('{total}', String(plans.length)))
+        const generated = await window.kadr.voiceoverGenerate({
+          clipId: jobId,
+          projectPath,
+          version: 1,
+          text: plan.text,
+          settings: voiceSettings
+        })
+        const probe = await window.kadr.probeMedia(generated.path)
+        const assetId = `voice-${jobId}`
+        const versionId = `take-${jobId}-1`
+        const takeSettings = { ...voiceSettings, seed: generated.seed }
+        const version: VoiceoverVersion = {
+          id: versionId,
+          number: 1,
+          text: plan.text,
+          path: generated.path,
+          assetId,
+          duration: generated.duration,
+          createdAt: new Date().toISOString(),
+          settings: takeSettings
+        }
+        const asset: MediaAsset = {
+          ...probe.asset,
+          id: assetId,
+          path: generated.path,
+          name: `${doc.name} · ${plan.cueIndex + 1}`,
+          kind: 'audio'
+        }
+        inserts.push({
+          asset,
+          start: plan.start,
+          duration: plan.duration,
+          speed: generated.duration / plan.duration,
+          label: `${plan.cueIndex + 1}. ${plan.text.slice(0, 64)}`,
+          voiceover: {
+            activeVersionId: versionId,
+            versions: [version],
+            settings: takeSettings,
+            timedDuration: plan.duration
+          }
+        })
+        setVoiceStageProgress(0)
+        setVoiceDone(index + 1)
+      }
+    } catch (error) {
+      failure = String(error instanceof Error ? error.message : error)
+    }
+
+    if (inserts.length) {
+      useEditor.getState().insertTimedVoiceovers(
+        inserts,
+        `${ru ? 'SRT-озвучка' : 'SRT voiceover'} · ${doc.name}`
+      )
+    }
+    voiceJobId.current = ''
+    setVoiceBusy(false)
+    setVoiceStageProgress(0)
+    if (voiceCancelRequested.current) {
+      setVoiceMessage(t('subVoicePartial')
+        .replace('{done}', String(inserts.length))
+        .replace('{total}', String(plans.length)))
+    } else if (failure) {
+      setVoiceError(`${failure}${inserts.length
+        ? ` · ${t('subVoicePartial').replace('{done}', String(inserts.length)).replace('{total}', String(plans.length))}`
+        : ''}`)
+      setVoiceMessage('')
+    } else {
+      setVoiceMessage(t('subVoiceDone').replace('{count}', String(inserts.length)))
+    }
+  }
+
+  function cancelSrtVoiceover() {
+    voiceCancelRequested.current = true
+    void window.kadr.voiceoverCancel()
+  }
+
   return (
     <div className="sub-panel">
       <div className="claude-head">
         <span>📄 {doc.name}</span>
         <span className="dim claude-hint">{doc.language ? `(${doc.language})` : ''}</span>
+        {doc.format === 'srt' && (
+          <button disabled={voiceBusy} onClick={addCue}>＋ {t('subAddCue')}</button>
+        )}
         <button disabled={!dirty} onClick={save}>{t('subSave')}{dirty ? ' *' : ''}</button>
-        <button onClick={() => void load(doc)} title={t('subReload')}>↻</button>
-        <button className="claude-close" onClick={close}>✕</button>
+        <button disabled={voiceBusy} onClick={() => void load(doc)} title={t('subReload')}>↻</button>
+        <button className="claude-close" disabled={voiceBusy} onClick={close}>✕</button>
       </div>
       <div className="sub-body">
         {missing && <div className="tr-error">{t('subMissing')}: {doc.path}</div>}
@@ -246,40 +452,76 @@ export function SubtitlePanel() {
             }}
           />
         ) : (
-          <div className="sub-list">
-            {cues.map((c, i) => (
-              <div className="sub-cue" key={i}>
-                <div className="sub-times">
-                  <button className="sub-idx" title={t('subSeek')} onClick={() => seek(c)}>
-                    ▸ {i + 1}
-                  </button>
-                  <input
-                    value={srtTime(c.start)}
-                    onChange={(e) => setCue(i, { start: parseSrtTime(e.target.value) })}
+          <>
+            <section className="sub-voice-box">
+              <div className="sub-voice-title">
+                <div><b>{t('subVoiceTitle')}</b><span>{t('subVoiceTimingHint')}</span></div>
+                <select value={voiceId} disabled={voiceBusy}
+                  aria-label={t('subVoiceChoice')} onChange={(event) => setVoiceId(event.target.value)}>
+                  {voices.map((voice) => (
+                    <option key={voice.id} value={voice.id}>
+                      {voice.number ? `№${voice.number} · ` : '★ '}{ru ? voice.name : voice.nameEn}
+                    </option>
+                  ))}
+                </select>
+              </div>
+              <VoiceoverSetup status={ttsStatus} settings={voiceSettings} onReady={setTtsStatus} ru={ru} />
+              {voiceBusy && (
+                <div className="sub-voice-progress" role="status">
+                  <div><span>{voiceMessage}</span><b>{voiceDone}/{voiceTotal}</b></div>
+                  <progress
+                    value={voiceTotal ? Math.min(1, (voiceDone + voiceStageProgress) / voiceTotal) : 0}
+                    max={1}
                   />
-                  <span>→</span>
-                  <input
-                    value={srtTime(c.end)}
-                    onChange={(e) => setCue(i, { end: parseSrtTime(e.target.value) })}
+                </div>
+              )}
+              {voiceError && <div className="tr-error">{voiceError}</div>}
+              {!voiceBusy && voiceMessage && <div className="sub-voice-result">{voiceMessage}</div>}
+              {voiceBusy ? (
+                <button className="sub-voice-cancel" onClick={cancelSrtVoiceover}>{t('subVoiceCancel')}</button>
+              ) : (
+                <button className="primary sub-voice-generate"
+                  disabled={!cues.length || !ttsStatus?.ready || missing}
+                  onClick={() => void generateSrtVoiceover()}>
+                  {t('subVoiceGenerate')}
+                </button>
+              )}
+            </section>
+            <div className="sub-list">
+              {cues.map((c, i) => (
+                <div className="sub-cue" key={i}>
+                  <div className="sub-times">
+                    <button className="sub-idx" title={t('subSeek')} onClick={() => seek(c)}>
+                      ▸ {i + 1}
+                    </button>
+                    <input
+                      value={srtTime(c.start)}
+                      onChange={(e) => setCue(i, { start: parseSrtTime(e.target.value) })}
+                    />
+                    <span>→</span>
+                    <input
+                      value={srtTime(c.end)}
+                      onChange={(e) => setCue(i, { end: parseSrtTime(e.target.value) })}
+                    />
+                    <button
+                      className="preset-del"
+                      title={t('delete')}
+                      onClick={() => {
+                        setCues((cs) => cs.filter((_, j) => j !== i))
+                        setDirty(true)
+                      }}
+                    >✕</button>
+                  </div>
+                  <textarea
+                    rows={Math.max(1, c.text.split('\n').length)}
+                    value={c.text}
+                    onChange={(e) => setCue(i, { text: e.target.value })}
                   />
-                  <button
-                    className="preset-del"
-                    title={t('delete')}
-                    onClick={() => {
-                      setCues((cs) => cs.filter((_, j) => j !== i))
-                      setDirty(true)
-                    }}
-                  >✕</button>
                 </div>
-                <textarea
-                  rows={Math.max(1, c.text.split('\n').length)}
-                  value={c.text}
-                  onChange={(e) => setCue(i, { text: e.target.value })}
-                />
-              </div>
-            ))}
-            {!cues.length && !missing && <div className="hint">{t('subEmpty')}</div>}
-          </div>
+              ))}
+              {!cues.length && !missing && <div className="hint">{t('subEmpty')}</div>}
+            </div>
+          </>
         )}
       </div>
     </div>
diff --git a/src/components/Timeline.tsx b/src/components/Timeline.tsx
index e1b7047..f2cc013 100644
--- a/src/components/Timeline.tsx
+++ b/src/components/Timeline.tsx
@@ -1,8 +1,9 @@
 import { useEffect, useMemo, useRef, useState } from 'react'
 import { flushSync, createPortal } from 'react-dom'
-import type { Clip, MediaAsset, Track } from '@shared/types'
+import type { AnnotationTask, Chapter, Clip, MediaAsset, Track, VoiceoverStatus } from '@shared/types'
 import {
-  useEditor, useSettings, projectDuration, snapPoints, findClip, withLinked, MAX_ZOOM
+  useEditor, useSettings, projectDuration, snapPoints, findClip, withLinked, MAX_ZOOM,
+  TRACK_HEADER_MIN, TRACK_HEADER_MAX, TRACK_HEADER_DEFAULT
 } from '@/state/store'
 import { useT } from '@/i18n'
 import { TRANSITIONS } from '@/gl/transitions'
@@ -10,9 +11,16 @@ import { EDGE_TRANSITIONS } from '@/gl/edges'
 import { CtxMenu } from './CtxMenu'
 import { reverseClip, useReverseUi } from '@/engine/reverse'
 import { normalizeClip, useNormalizeUi } from '@/engine/normalize'
-import { dropPayload, dragHasMedia, dropUsable, importDrop } from '@/engine/mediaImport'
+import {
+  clearMediaDropPreview, dragHasMedia, dropPayload, dropUsable,
+  getInternalMediaDragAssetId, importDrop, showMediaDropPreview, useMediaDropUi,
+  type MediaDropGhost
+} from '@/engine/mediaImport'
 import { useTextUi } from './TextTools'
 import { useCaptionsUi } from './CaptionsDialog'
+import { useVoiceoverUi } from './VoiceoverStudio'
+import { hasPrimaryModifier } from '@/shortcuts'
+import { useTimelineThumbnails } from '@/engine/timelineThumbnails'
 
 /** Transcribe the selected range (Shift-drag on the ruler) into SRT/TXT. */
 function TranscribeRangeButton() {
@@ -32,7 +40,6 @@ function TranscribeRangeButton() {
   )
 }
 
-const HEADER_W = 150
 const RULER_H = 28
 
 function niceStep(zoom: number): number {
@@ -152,54 +159,119 @@ export function Timeline({ height }: { height: number }) {
   const tracks = useEditor((s) => s.project.tracks)
   const zoom = useEditor((s) => s.zoom)
   const trackH = useSettings((s) => s.trackH)
+  const headerW = useSettings((s) => s.trackHeaderW)
   const duration = useEditor((s) => projectDuration(s.project))
+  const annotationDuration = useEditor((s) => s.project.tracks.reduce(
+    (end, track) => Math.max(end, ...(track.annotations ?? []).map((item) => item.start + item.duration)),
+    0
+  ))
+  const chapterDuration = useEditor((s) => Math.max(0, ...(s.project.chapters ?? []).map((chapter) => chapter.end)))
+  const selectedId = useEditor((s) => s.selection[0])
+  const annotationId = useEditor((s) => s.annotationId)
+  const timelineRef = useRef<HTMLDivElement>(null)
   const scrollRef = useRef<HTMLDivElement>(null)
+  const horizontalScrollRef = useRef<HTMLDivElement>(null)
   const [view, setView] = useState({ start: 0, end: 60 })
+  const [viewportW, setViewportW] = useState(800)
   const [menu, setMenu] = useState<MenuState | null>(null)
 
-  const contentW = Math.max(800, (duration + 30) * zoom)
+  const contentW = Math.max(800, viewportW, (Math.max(duration, annotationDuration, chapterDuration) + 30) * zoom)
+  const trackAreaH = tracks.length * trackH
 
   useEffect(() => {
     const el = scrollRef.current
-    if (!el) return
+    const horizontal = horizontalScrollRef.current
+    const timeline = timelineRef.current
+    if (!el || !horizontal || !timeline) return
     let raf = 0
     const updateView = () => {
       cancelAnimationFrame(raf)
       raf = requestAnimationFrame(() => {
         const z = useEditor.getState().zoom
-        setView({
+        const visibleW = Math.max(0, el.clientWidth - useSettings.getState().trackHeaderW)
+        const next = {
           start: el.scrollLeft / z,
-          end: (el.scrollLeft + el.clientWidth - HEADER_W) / z
-        })
+          end: (el.scrollLeft + visibleW) / z
+        }
+        setViewportW((prev) => Math.abs(prev - visibleW) < 0.5 ? prev : visibleW)
+        setView((prev) =>
+          Math.abs(prev.start - next.start) < 0.001 && Math.abs(prev.end - next.end) < 0.001
+            ? prev
+            : next
+        )
       })
     }
+    const onTimelineScroll = () => {
+      if (Math.abs(horizontal.scrollLeft - el.scrollLeft) > 0.5) {
+        horizontal.scrollLeft = el.scrollLeft
+      }
+      updateView()
+    }
+    const onHorizontalScroll = () => {
+      if (Math.abs(el.scrollLeft - horizontal.scrollLeft) > 0.5) {
+        el.scrollLeft = horizontal.scrollLeft
+      }
+    }
+    horizontal.scrollLeft = el.scrollLeft
     updateView()
-    el.addEventListener('scroll', updateView)
+    el.addEventListener('scroll', onTimelineScroll)
+    horizontal.addEventListener('scroll', onHorizontalScroll)
     const ro = new ResizeObserver(updateView)
     ro.observe(el)
 
     const onWheel = (e: WheelEvent) => {
-      // plain wheel (and Ctrl+wheel) zooms around the cursor; Shift+wheel pans
-      if (e.shiftKey) return
-      // the gain/opacity slider row has its own precise ±1% wheel
-      if ((e.target as HTMLElement).closest?.('.track-gain-row')) return
+      // macOS trackpads send ordinary two-finger navigation as deltaX/deltaY.
+      // The visible horizontal scrollbar is a separate synchronized element, so
+      // forward horizontal gestures to the hidden x-axis of the main scroller.
+      // Pinch gestures are reported by Chromium as Ctrl+wheel; Cmd/Ctrl+wheel is
+      // the keyboard form.
+      const zoomGesture = e.ctrlKey || e.metaKey
+      const modeScale = e.deltaMode === WheelEvent.DOM_DELTA_LINE
+        ? 16
+        : e.deltaMode === WheelEvent.DOM_DELTA_PAGE
+          ? el.clientHeight
+          : 1
+      if (!zoomGesture) {
+        if (!el.contains(e.target as Node)) return
+        const dx = e.deltaX * modeScale
+        const dy = e.deltaY * modeScale
+        // A mouse has no horizontal wheel, so Shift maps its vertical delta to
+        // the time axis. Trackpad gestures keep both axes for diagonal movement.
+        const horizontalDelta = e.shiftKey && Math.abs(dx) < Math.abs(dy) ? dy : dx
+        if (Math.abs(horizontalDelta) < 0.01) return
+        e.preventDefault()
+        el.scrollLeft += horizontalDelta
+        if (!e.shiftKey) el.scrollTop += dy
+        updateView()
+        return
+      }
       e.preventDefault()
+      e.stopPropagation()
       const s = useEditor.getState()
       const rect = el.getBoundingClientRect()
-      const cx = e.clientX - rect.left - HEADER_W + el.scrollLeft
+      const pointerX = Math.max(0, e.clientX - rect.left - useSettings.getState().trackHeaderW)
+      const cx = pointerX + el.scrollLeft
       const tAtCursor = cx / s.zoom
-      const nz = Math.min(MAX_ZOOM, Math.max(4, s.zoom * Math.exp(-e.deltaY * 0.0015)))
+      const delta = Math.max(-40, Math.min(40, e.deltaY * modeScale))
+      // Chromium synthesizes Ctrl+wheel for a trackpad pinch: pinch-out has a
+      // negative delta and must increase the timeline scale; pinch-in reduces it.
+      // Cmd+wheel is a manual shortcut and follows the same wheel direction.
+      const exponent = e.ctrlKey && !e.metaKey ? -delta * 0.01 : -delta * 0.008
+      const nz = Math.min(MAX_ZOOM, Math.max(4, s.zoom * Math.exp(exponent)))
       // commit the new content width NOW: scrollLeft set against the stale
       // (narrower) width gets clamped by the browser, so zooming near the
       // end of a long timeline used to anchor somewhere left of the cursor
       flushSync(() => s.setZoom(nz))
-      el.scrollLeft = tAtCursor * nz - (e.clientX - rect.left - HEADER_W)
+      el.scrollLeft = tAtCursor * nz - pointerX
       updateView()
     }
-    el.addEventListener('wheel', onWheel, { passive: false })
+    // Capture on the whole timeline: macOS may target a pinch at the ruler,
+    // sticky track header or toolbar rather than the scrolling lane itself.
+    timeline.addEventListener('wheel', onWheel, { passive: false, capture: true })
     return () => {
-      el.removeEventListener('wheel', onWheel)
-      el.removeEventListener('scroll', updateView)
+      timeline.removeEventListener('wheel', onWheel, true)
+      el.removeEventListener('scroll', onTimelineScroll)
+      horizontal.removeEventListener('scroll', onHorizontalScroll)
       ro.disconnect()
       cancelAnimationFrame(raf)
     }
@@ -208,11 +280,28 @@ export function Timeline({ height }: { height: number }) {
   useEffect(() => {
     const el = scrollRef.current
     if (!el) return
+    const visibleW = Math.max(0, el.clientWidth - headerW)
+    setViewportW((prev) => Math.abs(prev - visibleW) < 0.5 ? prev : visibleW)
     setView({
       start: el.scrollLeft / zoom,
-      end: (el.scrollLeft + el.clientWidth - HEADER_W) / zoom
+      end: (el.scrollLeft + visibleW) / zoom
     })
-  }, [zoom])
+  }, [zoom, headerW])
+
+  // Selection and annotation focus are independent requests. In particular,
+  // closing an annotation must not reveal an old selected clip and yank the
+  // timeline viewport back to the beginning of the project.
+  useEffect(() => {
+    const scroller = scrollRef.current
+    if (!scroller || !selectedId || useEditor.getState().annotationId) return
+    return revealTimelineItem(scroller, selectedId, headerW)
+  }, [selectedId, headerW])
+
+  useEffect(() => {
+    const scroller = scrollRef.current
+    if (!scroller || !annotationId) return
+    return revealTimelineItem(scroller, annotationId, headerW)
+  }, [annotationId, headerW])
 
   useEffect(() => {
     if (!menu) return
@@ -227,16 +316,18 @@ export function Timeline({ height }: { height: number }) {
   const onAnyDragOver = (e: React.DragEvent<HTMLDivElement>) => {
     if (e.defaultPrevented) return
     if (e.dataTransfer.types.includes('kadr/asset') || dragHasMedia(e)) {
+      clearMediaDropPreview()
       e.preventDefault()
       e.dataTransfer.dropEffect = 'copy'
     }
   }
   const onAnyDrop = (e: React.DragEvent<HTMLDivElement>) => {
+    clearMediaDropPreview()
     if (e.defaultPrevented) return
     const sc = e.currentTarget
     const rect = sc.getBoundingClientRect()
     const time = Math.max(0,
-      (e.clientX - rect.left + sc.scrollLeft - HEADER_W) / useEditor.getState().zoom)
+      (e.clientX - rect.left + sc.scrollLeft - headerW) / useEditor.getState().zoom)
     const assetId = e.dataTransfer.getData('kadr/asset')
     if (assetId) {
       e.preventDefault()
@@ -251,10 +342,11 @@ export function Timeline({ height }: { height: number }) {
   }
 
   return (
-    <div className="timeline" style={{ height }}>
+    <div className="timeline" ref={timelineRef} style={{ height }}>
       <div className="tl-toolbar">
         <button onClick={() => useEditor.getState().addTrack('video')}>{t('addVideoTrack')}</button>
         <button onClick={() => useEditor.getState().addTrack('audio')}>{t('addAudioTrack')}</button>
+        <button onClick={() => useEditor.getState().addTrack('annotation')}>{t('addAnnotationTrack')}</button>
         <TranscribeRangeButton />
         <button
           title={t('capButtonHint')}
@@ -287,24 +379,38 @@ export function Timeline({ height }: { height: number }) {
           />
         </label>
       </div>
-      <div className="tl-scroll" ref={scrollRef} onDragOver={onAnyDragOver} onDrop={onAnyDrop}>
-        <div className="tl-content" style={{ width: HEADER_W + contentW }}>
-          <RulerRow contentW={contentW} />
-          {tracks.map((track) => (
-            <TrackRow
-              key={track.id}
-              track={track}
-              trackH={trackH}
-              contentW={contentW}
-              view={view}
-              onMenu={setMenu}
-            />
-          ))}
-          <RangeOverlay />
-          <KfMarker />
-          <Markers />
-          <Playhead />
+      <div className="tl-scroll-shell">
+        <div className="tl-scroll" ref={scrollRef} onDragOver={onAnyDragOver} onDrop={onAnyDrop}>
+          <div className="tl-content" style={{ width: headerW + contentW }}>
+            <RulerRow contentW={contentW} headerW={headerW} />
+            {tracks.map((track) => (
+              <TrackRow
+                key={track.id}
+                track={track}
+                trackH={trackH}
+                headerW={headerW}
+                contentW={contentW}
+                view={view}
+                onMenu={setMenu}
+              />
+            ))}
+            <RangeOverlay headerW={headerW} />
+            <KfMarker headerW={headerW} trackAreaH={trackAreaH} />
+            <Markers headerW={headerW} />
+            <Playhead headerW={headerW} trackAreaH={trackAreaH} />
+          </div>
+        </div>
+        <div className="tl-track-header-underlay" style={{ width: headerW }} aria-hidden="true" />
+        <div
+          className="tl-horizontal-scroll"
+          ref={horizontalScrollRef}
+          style={{ left: headerW }}
+          aria-hidden="true"
+        >
+          <div className="tl-horizontal-scroll-content" style={{ width: contentW }} />
         </div>
+        <div className="tl-scrollbar-corner" aria-hidden="true" />
+        <TrackHeaderResizer width={headerW} />
       </div>
       {menu && <TrackMenu menu={menu} onClose={() => setMenu(null)} />}
     </div>
@@ -314,6 +420,28 @@ export function Timeline({ height }: { height: number }) {
 function TrackMenu({ menu, onClose }: { menu: MenuState; onClose: () => void }) {
   const t = useT()
   const selCount = useEditor((s) => s.selection.length)
+  const voiceSettings = useEditor((s) => {
+    if (!menu.clipId) return null
+    return findClip(s.project, menu.clipId)?.clip.voiceover?.settings ?? null
+  })
+  const [voiceStatus, setVoiceStatus] = useState<VoiceoverStatus | null>(null)
+  useEffect(() => {
+    let current = true
+    setVoiceStatus(null)
+    if (voiceSettings) {
+      void window.kadr.voiceoverStatus(voiceSettings).then((status) => {
+        if (current) setVoiceStatus(status)
+      }).catch(() => {
+        if (current) setVoiceStatus({
+          ready: false,
+          reason: 'Не удалось проверить TTS',
+          configPath: '~/.config/kadr/tts.json'
+        })
+      })
+    }
+    return () => { current = false }
+  }, [menu.clipId, voiceSettings?.modelPath, voiceSettings?.pythonPath,
+    voiceSettings?.vocabPath, voiceSettings?.voicesPath])
   const transCur = useEditor((s) => {
     if (menu.kind !== 'transition' || !menu.clipId) return null
     const f = findClip(s.project, menu.clipId)
@@ -412,7 +540,11 @@ function TrackMenu({ menu, onClose }: { menu: MenuState; onClose: () => void })
               onClose()
             }}
           >
-            {menu.trackKind === 'video' ? t('addVideoTrack') : t('addAudioTrack')}
+            {menu.trackKind === 'video'
+              ? t('addVideoTrack')
+              : menu.trackKind === 'audio'
+                ? t('addAudioTrack')
+                : t('addAnnotationTrack')}
           </button>
           <button
             className="danger"
@@ -449,6 +581,32 @@ function TrackMenu({ menu, onClose }: { menu: MenuState; onClose: () => void })
               </button>
             )
           )}
+          {(() => {
+            const f = findClip(useEditor.getState().project, menu.clipId!)
+            if (f?.track.kind !== 'audio' || !f.clip.voiceover) return null
+            const ready = voiceStatus?.ready === true
+            return (
+              <>
+                <button
+                  className="voice-menu-item"
+                  title={ready ? 'Создать новый дубль' : voiceStatus?.reason ??
+                    'Открыть переозвучку; первая проверка F5-TTS может занять несколько секунд'}
+                  onClick={() => {
+                    useVoiceoverUi.getState().open(menu.clipId!)
+                    onClose()
+                  }}
+                >
+                  <span className="ctx-voice-mark">{voiceStatus ? '●' : '◌'}</span>{' '}
+                  {voiceStatus ? 'Переозвучить…' : 'Проверяю F5-TTS…'}
+                </button>
+                {voiceStatus && !ready && (
+                  <div className="ctx-voice-disabled-note">
+                    {voiceStatus.reason}. Откройте переозвучку, чтобы установить F5-TTS.
+                  </div>
+                )}
+              </>
+            )
+          })()}
           <button
             onClick={() => {
               const st = useEditor.getState()
@@ -516,7 +674,53 @@ function TrackMenu({ menu, onClose }: { menu: MenuState; onClose: () => void })
   )
 }
 
-function RulerRow({ contentW }: { contentW: number }) {
+function TrackHeaderResizer({ width }: { width: number }) {
+  const t = useT()
+  const drag = useRef<{ startX: number; startWidth: number } | null>(null)
+  useEffect(() => () => document.body.classList.remove('track-header-resizing'), [])
+  const stop = () => {
+    drag.current = null
+    document.body.classList.remove('track-header-resizing')
+  }
+  return (
+    <div
+      className="track-header-resizer"
+      style={{ left: width - 5 }}
+      role="separator"
+      aria-label={t('trackHeaderResize')}
+      aria-orientation="vertical"
+      aria-valuemin={TRACK_HEADER_MIN}
+      aria-valuemax={TRACK_HEADER_MAX}
+      aria-valuenow={width}
+      tabIndex={0}
+      title={t('trackHeaderResizeHint')}
+      onPointerDown={(e) => {
+        if (e.button !== 0) return
+        e.preventDefault()
+        e.stopPropagation()
+        e.currentTarget.setPointerCapture(e.pointerId)
+        drag.current = { startX: e.clientX, startWidth: width }
+        document.body.classList.add('track-header-resizing')
+      }}
+      onPointerMove={(e) => {
+        const d = drag.current
+        if (d) useSettings.getState().setTrackHeaderW(d.startWidth + e.clientX - d.startX)
+      }}
+      onPointerUp={stop}
+      onPointerCancel={stop}
+      onLostPointerCapture={stop}
+      onDoubleClick={() => useSettings.getState().setTrackHeaderW(TRACK_HEADER_DEFAULT)}
+      onKeyDown={(e) => {
+        if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight') return
+        e.preventDefault()
+        const step = e.shiftKey ? 20 : 5
+        useSettings.getState().setTrackHeaderW(width + (e.key === 'ArrowRight' ? step : -step))
+      }}
+    />
+  )
+}
+
+function RulerRow({ contentW, headerW }: { contentW: number; headerW: number }) {
   const zoom = useEditor((s) => s.zoom)
   const step = niceStep(zoom)
   const ticks = useMemo(() => {
@@ -526,41 +730,144 @@ function RulerRow({ contentW }: { contentW: number }) {
   }, [step, zoom, contentW])
 
   return (
-    <div className="tl-row" style={{ height: RULER_H }}>
-      <div className="tl-head" style={{ width: HEADER_W, height: RULER_H }} />
+    <div className="tl-row tl-ruler-row" style={{ height: RULER_H }}>
+      <div className="tl-head" style={{ width: headerW, height: RULER_H }} />
       <div
         className="ruler"
         style={{ width: contentW, backgroundSize: `${step * zoom}px 100%` }}
-        onPointerDown={(e) => startScrubOrRange(e, e.currentTarget)}
       >
-        {ticks.map((tt) => (
-          <span key={tt} style={{ left: tt * zoom }}>{tickLabel(tt)}</span>
-        ))}
+        <div
+          className="ruler-scrub-area"
+          onPointerDown={(e) => startScrubOrRange(e, e.currentTarget.parentElement!)}
+        >
+          {ticks.map((tt) => (
+            <span key={tt} style={{ left: tt * zoom }}>{tickLabel(tt)}</span>
+          ))}
+        </div>
+        <ChapterBand />
+        <RulerCursors />
       </div>
     </div>
   )
 }
 
-function Playhead() {
-  const playhead = useEditor((s) => s.playhead)
+function ChapterBand() {
+  const t = useT()
+  const chapters = useEditor((s) => s.project.chapters ?? [])
   const zoom = useEditor((s) => s.zoom)
-  return <div className="playhead" style={{ left: HEADER_W + playhead * zoom }} />
+
+  const timeAt = (lane: HTMLElement, clientX: number) => {
+    const rect = lane.getBoundingClientRect()
+    return Math.max(0, (clientX - rect.left) / useEditor.getState().zoom)
+  }
+
+  const startCreate = (e: React.PointerEvent<HTMLDivElement>) => {
+    if (e.button !== 0 || e.target !== e.currentTarget) return
+    e.preventDefault()
+    e.stopPropagation()
+    const lane = e.currentTarget
+    const st = useEditor.getState()
+    const points = [
+      ...snapPoints(st.project, '', st.playhead),
+      ...(st.project.chapters ?? []).flatMap((chapter) => [chapter.start, chapter.end])
+    ]
+    const anchor = snapTime(timeAt(lane, e.clientX), points, st.zoom)
+    let current = anchor
+    windowDrag(e, (_dx, ev) => {
+      const s = useEditor.getState()
+      current = snapTime(timeAt(lane, ev.clientX), points, s.zoom)
+      s.setRange({ start: Math.min(anchor, current), end: Math.max(anchor, current) })
+    }, () => {
+      const s = useEditor.getState()
+      s.setRange(null)
+      if (Math.abs(current - anchor) < 0.05) return
+      const fallback = `${t('chapterDefault')} ${(s.project.chapters?.length ?? 0) + 1}`
+      const title = window.prompt(t('chapterNamePrompt'), fallback)
+      if (title === null) return
+      s.addChapter(title || fallback, Math.min(anchor, current), Math.max(anchor, current))
+    })
+  }
+
+  const startEdgeDrag = (chapter: Chapter, edge: 'start' | 'end') =>
+    (e: React.PointerEvent<HTMLDivElement>) => {
+      e.preventDefault()
+      e.stopPropagation()
+      const lane = e.currentTarget.closest('.chapter-band') as HTMLElement
+      const st = useEditor.getState()
+      const points = [
+        ...snapPoints(st.project, '', st.playhead),
+        ...(st.project.chapters ?? [])
+          .filter((item) => item.id !== chapter.id)
+          .flatMap((item) => [item.start, item.end])
+      ]
+      let started = false
+      windowDrag(e, (_dx, ev) => {
+        const s = useEditor.getState()
+        const current = s.project.chapters?.find((item) => item.id === chapter.id)
+        if (!current) return
+        if (!started) {
+          s.pushHistory('hChapter')
+          started = true
+        }
+        const raw = snapTime(timeAt(lane, ev.clientX), points, s.zoom)
+        const value = edge === 'start'
+          ? Math.min(raw, current.end - 0.05)
+          : Math.max(raw, current.start + 0.05)
+        s.updateChapter(chapter.id, { [edge]: Math.max(0, value) })
+      })
+    }
+
+  const rename = (chapter: Chapter) => {
+    const title = window.prompt(t('chapterNamePrompt'), chapter.title)
+    if (title === null || !title.trim() || title.trim() === chapter.title) return
+    const s = useEditor.getState()
+    s.pushHistory('hChapter')
+    s.updateChapter(chapter.id, { title })
+  }
+  return (
+    <div className="chapter-band" title={t('chapterBandHint')} onPointerDown={startCreate}>
+      {chapters.map((chapter) => (
+        <div
+          key={chapter.id}
+          className="timeline-chapter"
+          style={{ left: chapter.start * zoom, width: Math.max(2, (chapter.end - chapter.start) * zoom) }}
+          title={`${chapter.title} · ${tickLabel(chapter.start)}–${tickLabel(chapter.end)}`}
+          onPointerDown={(e) => e.stopPropagation()}
+          onDoubleClick={() => rename(chapter)}
+        >
+          <div className="chapter-marker start" onPointerDown={startEdgeDrag(chapter, 'start')} />
+          <span>{chapter.title}</span>
+          <button
+            className="chapter-delete"
+            title={t('chapterDelete')}
+            aria-label={t('chapterDelete')}
+            onPointerDown={(e) => e.stopPropagation()}
+            onClick={(e) => {
+              e.stopPropagation()
+              useEditor.getState().deleteChapter(chapter.id)
+            }}
+          >×</button>
+          <div className="chapter-marker end" onPointerDown={startEdgeDrag(chapter, 'end')} />
+        </div>
+      ))}
+    </div>
+  )
 }
 
 /** Track-independent user markers: M adds one at the playhead, the flag
     drags along the timeline (snapping), right-click removes. */
-function Markers() {
+function Markers({ headerW }: { headerW: number }) {
   const markers = useEditor((s) => s.project.markers)
   const zoom = useEditor((s) => s.zoom)
   const t = useT()
   if (!markers?.length) return null
   return (
     <>
-      {markers.map((m) => (
+      {markers.map((marker) => (
         <div
-          key={m.id}
+          key={marker.id}
           className="tl-marker"
-          style={{ left: HEADER_W + m.time * zoom }}
+          style={{ left: headerW + marker.time * zoom }}
           onPointerDown={(e) => {
             if (e.button !== 0) return
             e.stopPropagation()
@@ -568,38 +875,69 @@ function Markers() {
             st.pushHistory('hMarkerMove')
             const points = snapPoints(st.project, '', st.playhead)
             const startX = e.clientX
-            const t0 = m.time
+            const initialTime = marker.time
             windowDrag(e, (_dx, ev) => {
               const s = useEditor.getState()
-              s.moveMarker(m.id, snapTime(t0 + (ev.clientX - startX) / s.zoom, points, s.zoom))
+              s.moveMarker(
+                marker.id,
+                snapTime(initialTime + (ev.clientX - startX) / s.zoom, points, s.zoom)
+              )
             })
           }}
           onContextMenu={(e) => {
             e.preventDefault()
             e.stopPropagation()
-            useEditor.getState().removeMarker(m.id)
+            useEditor.getState().removeMarker(marker.id)
           }}
         >
-          <span className="tl-marker-flag" title={t('markerTip')}>{m.label}</span>
+          <span className="tl-marker-flag" title={t('markerTip')}>{marker.label}</span>
         </div>
       ))}
     </>
   )
 }
 
+function RulerCursors() {
+  const playhead = useEditor((s) => s.playhead)
+  const kfMarker = useEditor((s) => s.kfMarker)
+  const zoom = useEditor((s) => s.zoom)
+  return (
+    <>
+      <div className="ruler-playhead" style={{ left: playhead * zoom }} />
+      {kfMarker !== null && (
+        <div className="ruler-kf-marker" style={{ left: kfMarker * zoom }}>
+          <div className="ruler-kf-diamond" />
+        </div>
+      )}
+    </>
+  )
+}
+
+function Playhead({ headerW, trackAreaH }: { headerW: number; trackAreaH: number }) {
+  const playhead = useEditor((s) => s.playhead)
+  const zoom = useEditor((s) => s.zoom)
+  return (
+    <div
+      className="playhead"
+      style={{ left: headerW + playhead * zoom, height: trackAreaH }}
+    />
+  )
+}
+
 /** Yellow marker mirroring a keyframe being dragged in a mini-timeline. */
-function KfMarker() {
+function KfMarker({ headerW, trackAreaH }: { headerW: number; trackAreaH: number }) {
   const kfMarker = useEditor((s) => s.kfMarker)
   const zoom = useEditor((s) => s.zoom)
   if (kfMarker === null) return null
   return (
-    <div className="kf-marker" style={{ left: HEADER_W + kfMarker * zoom }}>
-      <div className="kf-marker-diamond" />
-    </div>
+    <div
+      className="kf-marker"
+      style={{ left: headerW + kfMarker * zoom, height: trackAreaH }}
+    />
   )
 }
 
-function RangeOverlay() {
+function RangeOverlay({ headerW }: { headerW: number }) {
   const range = useEditor((s) => s.range)
   const zoom = useEditor((s) => s.zoom)
   if (!range) return null
@@ -616,7 +954,7 @@ function RangeOverlay() {
       const r = s.range
       if (!r) return
       const time = snapTime(
-        Math.max(0, (ev.clientX - contentLeft - HEADER_W) / s.zoom),
+        Math.max(0, (ev.clientX - contentLeft - headerW) / s.zoom),
         points,
         s.zoom
       )
@@ -629,7 +967,7 @@ function RangeOverlay() {
   return (
     <div
       className="range-overlay"
-      style={{ left: HEADER_W + range.start * zoom, width: (range.end - range.start) * zoom }}
+      style={{ left: headerW + range.start * zoom, width: (range.end - range.start) * zoom }}
     >
       <div className="range-edge left" onPointerDown={dragEdge('start')} />
       <div className="range-edge right" onPointerDown={dragEdge('end')} />
@@ -650,10 +988,32 @@ interface ViewWindow {
   end: number
 }
 
+function revealTimelineItem(
+  scroller: HTMLDivElement,
+  focusedId: string,
+  headerW: number
+): () => void {
+  const raf = requestAnimationFrame(() => {
+    const item = scroller.querySelector<HTMLElement>(
+      `[data-clip-id="${CSS.escape(focusedId)}"], [data-annotation-id="${CSS.escape(focusedId)}"]`
+    )
+    if (!item) return
+    const viewport = scroller.getBoundingClientRect()
+    const bounds = item.getBoundingClientRect()
+    const topEdge = viewport.top + RULER_H
+    const leftEdge = viewport.left + headerW
+    if (bounds.top < topEdge) scroller.scrollTop -= topEdge - bounds.top + 6
+    else if (bounds.bottom > viewport.bottom) scroller.scrollTop += bounds.bottom - viewport.bottom + 6
+    if (bounds.left < leftEdge) scroller.scrollLeft -= leftEdge - bounds.left + 12
+    else if (bounds.right > viewport.right) scroller.scrollLeft += bounds.right - viewport.right + 12
+  })
+  return () => cancelAnimationFrame(raf)
+}
+
 // groups a burst of wheel notches over one gain slider into a single undo entry
 const gainWheelMark = { id: '', ts: 0 }
 
-// Ctrl-drag speed range and the round multipliers the drag snaps to.
+// Primary-modifier drag speed range and the round multipliers it snaps to.
 // Preview playback is clamped to Chromium's 0.0625–16× element range and
 // relies on resync seeks beyond it; export is exact at any speed.
 const SPEED_MIN = 0.02
@@ -664,10 +1024,11 @@ const SPEED_SNAPS = [
 ]
 
 function TrackRow({
-  track, trackH, contentW, view, onMenu
+  track, trackH, headerW, contentW, view, onMenu
 }: {
   track: Track
   trackH: number
+  headerW: number
   contentW: number
   view: ViewWindow
   onMenu: (m: MenuState) => void
@@ -675,13 +1036,26 @@ function TrackRow({
   const t = useT()
   const reorder = useRef<{ pushed: boolean } | null>(null)
   const gainRef = useRef<HTMLInputElement>(null)
+  const renameCancelled = useRef(false)
+  const [renaming, setRenaming] = useState(false)
+  const [nameDraft, setNameDraft] = useState(track.name)
+  const activeAnnotationTrackId = useEditor((s) => s.activeAnnotationTrackId)
+  const dropGhost = useMediaDropUi((s) => s.ghosts.find((ghost) => ghost.trackId === track.id))
+  // Paint longer clips first so a short clip remains both visible and clickable
+  // wherever it overlaps a long recording on the same lane.
+  const orderedClips = useMemo(
+    () => [...track.clips].sort((a, b) => b.duration - a.duration),
+    [track.clips]
+  )
 
-  // wheel over the volume/opacity slider: precise ±1% per notch (a drag can't
-  // hit exact values); consecutive notches merge into one history entry
+  // Option+wheel over the volume/opacity slider: precise ±1%. A plain
+  // two-finger gesture must keep scrolling the timeline on macOS.
   useEffect(() => {
+    if (track.kind === 'annotation') return
     const el = gainRef.current
     if (!el) return
     const onWheel = (e: WheelEvent) => {
+      if (!e.altKey) return
       e.preventDefault()
       e.stopPropagation() // the timeline zoom listener must not see this
       const st = useEditor.getState()
@@ -700,6 +1074,8 @@ function TrackRow({
   }, [track.id, trackH < 46]) // the slider row mounts only when tall enough
 
   const onDrop = (e: React.DragEvent<HTMLDivElement>) => {
+    if (track.kind === 'annotation') return
+    clearMediaDropPreview()
     const rect = e.currentTarget.getBoundingClientRect()
     const time = Math.max(0, (e.clientX - rect.left) / useEditor.getState().zoom)
     const assetId = e.dataTransfer.getData('kadr/asset')
@@ -720,7 +1096,12 @@ function TrackRow({
 
   const onLaneDown = (e: React.PointerEvent<HTMLDivElement>) => {
     if (e.target !== e.currentTarget) return
-    if (e.ctrlKey) {
+    if (track.kind === 'annotation') {
+      useEditor.getState().setActiveAnnotationTrack(track.id)
+      startScrubOrRange(e, e.currentTarget)
+      return
+    }
+    if (hasPrimaryModifier(e)) {
       const rect = e.currentTarget.getBoundingClientRect()
       const time = (e.clientX - rect.left) / useEditor.getState().zoom
       useEditor.getState().closeGapAt(track.id, time)
@@ -759,22 +1140,93 @@ function TrackRow({
     reorder.current = null
   }
 
+  const beginRename = () => {
+    renameCancelled.current = false
+    setNameDraft(track.name)
+    setRenaming(true)
+  }
+  const finishRename = () => {
+    setRenaming(false)
+    if (renameCancelled.current) {
+      renameCancelled.current = false
+      setNameDraft(track.name)
+      return
+    }
+    const name = nameDraft.trim()
+    if (!name || name === track.name) {
+      setNameDraft(track.name)
+      return
+    }
+    const state = useEditor.getState()
+    state.pushHistory('hTrack')
+    state.updateTrack(track.id, { name })
+  }
+
   return (
-    <div className="tl-row" style={{ height: trackH }}>
+    <div className={dropGhost ? 'tl-row media-drop-target' : 'tl-row'} style={{ height: trackH }}>
       <div
-        className={`tl-head track-head ${track.kind}`}
-        style={{ width: HEADER_W, height: trackH }}
+        className={`tl-head track-head ${track.kind}${
+          track.kind === 'annotation' && activeAnnotationTrackId === track.id
+            ? ' active-annotation-track'
+            : ''
+        }`}
+        style={{ width: headerW, height: trackH }}
         data-trackhead={track.id}
         onPointerDown={onHeadDown}
         onPointerMove={onHeadMove}
         onPointerUp={onHeadUp}
+        onClick={() => {
+          if (track.kind === 'annotation') useEditor.getState().setActiveAnnotationTrack(track.id)
+        }}
         onContextMenu={(e) => {
           e.preventDefault()
           onMenu({ x: e.clientX, y: e.clientY, kind: 'track', trackId: track.id, trackKind: track.kind })
         }}
       >
         <div className="track-head-row">
-          <span className="track-name">{track.name}</span>
+          {renaming ? (
+            <input
+              className="track-name-input"
+              value={nameDraft}
+              autoFocus
+              aria-label={t('renameTrack')}
+              onFocus={(e) => e.currentTarget.select()}
+              onPointerDown={(e) => e.stopPropagation()}
+              onChange={(e) => setNameDraft(e.target.value)}
+              onBlur={finishRename}
+              onKeyDown={(e) => {
+                e.stopPropagation()
+                if (e.key === 'Enter') {
+                  e.preventDefault()
+                  e.currentTarget.blur()
+                } else if (e.key === 'Escape') {
+                  e.preventDefault()
+                  renameCancelled.current = true
+                  e.currentTarget.blur()
+                }
+              }}
+            />
+          ) : (
+            <span
+              className="track-name"
+              title={`${track.name} · ${t('renameTrackHint')}`}
+              role="button"
+              tabIndex={0}
+              onPointerDown={(e) => e.stopPropagation()}
+              onClick={(e) => {
+                e.stopPropagation()
+                beginRename()
+              }}
+              onKeyDown={(e) => {
+                if (e.key !== 'Enter' && e.key !== ' ') return
+                e.preventDefault()
+                e.stopPropagation()
+                beginRename()
+              }}
+            >
+              {track.name}
+            </span>
+          )}
           {track.kind === 'video' && (
             <button
               className={track.motion ? 'toggled-on' : ''}
@@ -784,13 +1236,17 @@ function TrackRow({
               ✥
             </button>
           )}
-          <button
-            className={track.muted ? 'toggled' : ''}
-            title={t('mute')}
-            onClick={() => useEditor.getState().updateTrack(track.id, { muted: !track.muted })}
-          >
-            {track.muted ? '🔇' : '🔊'}
-          </button>
+          {track.kind === 'annotation' ? (
+            <span className="annotation-track-mark" aria-hidden="true">◆</span>
+          ) : (
+            <button
+              className={track.muted ? 'toggled' : ''}
+              title={t('mute')}
+              onClick={() => useEditor.getState().updateTrack(track.id, { muted: !track.muted })}
+            >
+              {track.muted ? '🔇' : '🔊'}
+            </button>
+          )}
           <button
             className={track.locked ? 'toggled' : ''}
             title={t('lock')}
@@ -799,7 +1255,7 @@ function TrackRow({
             {track.locked ? '🔒' : '🔓'}
           </button>
         </div>
-        {trackH >= 46 && (
+        {track.kind !== 'annotation' && trackH >= 46 && (
           <div className="track-gain-row">
             <input
               ref={gainRef}
@@ -809,7 +1265,7 @@ function TrackRow({
               max={track.kind === 'audio' ? 2 : 1}
               step={0.01}
               value={track.gain}
-              title={track.kind === 'audio' ? t('volume') : t('opacity')}
+              title={`${track.kind === 'audio' ? t('volume') : t('opacity')} · ⌥ + scroll: ±1%`}
               onPointerDown={(e) => {
                 e.stopPropagation()
                 useEditor.getState().pushHistory('hEdit')
@@ -823,27 +1279,171 @@ function TrackRow({
         )}
       </div>
       <div
-        className={`lane ${track.kind}`}
+        className={`lane ${track.kind}${dropGhost ? ' media-drop-target' : ''}`}
         data-lane={track.id}
         style={{ width: contentW, height: trackH }}
         onDragOver={(e) => {
+          if (track.kind === 'annotation') return
           if (e.dataTransfer.types.includes('kadr/asset') || dragHasMedia(e)) {
             e.preventDefault()
             e.dataTransfer.dropEffect = 'copy'
+            const rect = e.currentTarget.getBoundingClientRect()
+            const state = useEditor.getState()
+            const start = Math.max(0, (e.clientX - rect.left) / state.zoom)
+            const assetId = getInternalMediaDragAssetId() || e.dataTransfer.getData('kadr/asset')
+            const asset = assetId ? state.project.assets.find((item) => item.id === assetId) : null
+
+            if (!asset) {
+              showMediaDropPreview([{
+                trackId: track.id,
+                start,
+                duration: Math.max(1, 96 / state.zoom),
+                label: t('dropImportPreview'),
+                kind: 'external',
+                blocked: track.locked
+              }])
+              return
+            }
+
+            const wantKind = asset.kind === 'audio' ? 'audio' : 'video'
+            const primaryTrack = track.kind === wantKind && !track.locked
+              ? track
+              : state.project.tracks.find((candidate) => candidate.kind === wantKind && !candidate.locked)
+            const duration = asset.kind === 'image' ? 5 : asset.duration
+            if (!primaryTrack) {
+              showMediaDropPreview([{
+                trackId: track.id,
+                start,
+                duration,
+                label: asset.name,
+                kind: wantKind,
+                blocked: true
+              }])
+              return
+            }
+
+            const ghosts: MediaDropGhost[] = [{
+              trackId: primaryTrack.id,
+              start,
+              duration,
+              label: asset.name,
+              kind: wantKind
+            }]
+            if (asset.kind === 'video' && asset.hasAudio) {
+              const audioTrack = state.project.tracks.find(
+                (candidate) => candidate.kind === 'audio' && !candidate.locked
+              )
+              if (audioTrack) ghosts.push({
+                trackId: audioTrack.id,
+                start,
+                duration,
+                label: `🔗 ${asset.name}`,
+                kind: 'audio',
+                secondary: true
+              })
+            }
+            showMediaDropPreview(ghosts)
           }
         }}
+        onDragLeave={(e) => {
+          if (!e.currentTarget.contains(e.relatedTarget as Node | null)) clearMediaDropPreview()
+        }}
         onDrop={onDrop}
         onPointerDown={onLaneDown}
       >
-        {track.clips.map((c) => (
-          <ClipView key={c.id} clip={c} track={track} laneHeight={trackH} view={view} onMenu={onMenu} />
-        ))}
-        <TransitionZones track={track} onMenu={onMenu} />
+        {dropGhost && (
+          <div
+            className={[
+              'media-drop-preview', dropGhost.kind,
+              dropGhost.secondary ? 'secondary' : '',
+              dropGhost.blocked ? 'blocked' : ''
+            ].filter(Boolean).join(' ')}
+            style={{
+              left: dropGhost.start * useEditor.getState().zoom,
+              width: Math.max(24, dropGhost.duration * useEditor.getState().zoom)
+            }}
+          >
+            <span>{dropGhost.blocked ? '⛔ ' : ''}{dropGhost.label}</span>
+            <small>{tickLabel(dropGhost.start)}</small>
+          </div>
+        )}
+        {track.kind === 'annotation'
+          ? (track.annotations ?? []).map((annotation) => (
+              <AnnotationView key={annotation.id} annotation={annotation} track={track} />
+            ))
+          : orderedClips.map((c) => (
+              <ClipView key={c.id} clip={c} track={track} laneHeight={trackH} view={view} onMenu={onMenu} />
+            ))}
+        {track.kind !== 'annotation' && <TransitionZones track={track} onMenu={onMenu} />}
       </div>
     </div>
   )
 }
 
+function AnnotationView({ annotation, track }: { annotation: AnnotationTask; track: Track }) {
+  const t = useT()
+  const zoom = useEditor((s) => s.zoom)
+  const open = useEditor((s) => s.annotationId === annotation.id)
+  const title = annotation.text.split(/\r?\n/, 1)[0].trim()
+
+  const startMove = (e: React.PointerEvent<HTMLDivElement>) => {
+    if (track.locked || e.button !== 0) return
+    e.preventDefault()
+    e.stopPropagation()
+    const original = annotation.start
+    let moved = false
+    windowDrag(e, (dx) => {
+      if (!moved && Math.abs(dx) < 2) return
+      if (!moved) useEditor.getState().pushHistory('hAnnotationMove')
+      moved = true
+      useEditor.getState().moveAnnotation(annotation.id, original + dx / useEditor.getState().zoom)
+    }, () => {
+      useEditor.getState().setActiveAnnotationTrack(track.id)
+    })
+  }
+
+  const startResize = (edge: 'start' | 'end') => (e: React.PointerEvent<HTMLDivElement>) => {
+    if (track.locked || e.button !== 0) return
+    e.preventDefault()
+    e.stopPropagation()
+    const original = edge === 'start' ? annotation.start : annotation.start + annotation.duration
+    let moved = false
+    windowDrag(e, (dx) => {
+      if (!moved && Math.abs(dx) < 2) return
+      if (!moved) useEditor.getState().pushHistory('hAnnotationResize')
+      moved = true
+      useEditor.getState().resizeAnnotation(
+        annotation.id,
+        edge,
+        original + dx / useEditor.getState().zoom
+      )
+    })
+  }
+
+  return (
+    <div
+      className={`annotation-clip status-${annotation.status}${open ? ' selected' : ''}`}
+      data-annotation-id={annotation.id}
+      style={{ left: annotation.start * zoom, width: Math.max(12, annotation.duration * zoom) }}
+      title={`${title ? `${title}\n` : ''}${t('annotationTimelineHint')}`}
+      onPointerDown={startMove}
+      onDoubleClick={(e) => {
+        e.preventDefault()
+        e.stopPropagation()
+        const st = useEditor.getState()
+        st.setActiveAnnotationTrack(track.id)
+        st.setPlayhead(annotation.start)
+        st.setAnnotation(annotation.id)
+      }}
+    >
+      <div className="annotation-resize left" onPointerDown={startResize('start')} />
+      <span className="annotation-clip-status" />
+      <span className="annotation-clip-label">{title || '…'}</span>
+      <div className="annotation-resize right" onPointerDown={startResize('end')} />
+    </div>
+  )
+}
+
 /**
  * Vegas-style crossed overlap regions (badge picks the blend) plus junction
  * markers on butt joints (badge picks an AE-style edge transition pair).
@@ -957,7 +1557,7 @@ function ClipView({
   const drag = useRef<DragState | null>(null)
   const waveRef = useRef<HTMLCanvasElement>(null)
   const [levelDrag, setLevelDrag] = useState<number | null>(null)
-  // live ×N readout during a Ctrl speed drag; highlighted when snapped
+  // live ×N readout during a modifier speed drag; highlighted when snapped
   const [speedBadge, setSpeedBadge] =
     useState<{ x: number; y: number; speed: number; snapped: boolean } | null>(null)
 
@@ -970,6 +1570,15 @@ function ClipView({
       : Infinity
   const loops = isFinite(natural) && clip.duration > natural + 0.01
 
+  const filmstrip = useTimelineThumbnails({
+    clip,
+    asset,
+    zoom,
+    viewStart: view.start,
+    viewEnd: view.end,
+    enabled: track.kind === 'video' && !clip.text
+  })
+
   // visible slice in clip-local px — waveform drawn 1:1 with device pixels
   const margin = 64
   const vis0 = Math.max(0, Math.floor((view.start - clip.start) * zoom) - margin)
@@ -1019,8 +1628,8 @@ function ClipView({
     e.stopPropagation()
     const st = useEditor.getState()
     const linkedIds = withLinked(st.project, [clip.id])
-    if (e.ctrlKey) {
-      // Ctrl+drag near EITHER edge = speed (Vegas-style time stretch) —
+    if (hasPrimaryModifier(e)) {
+      // Primary-modifier drag near EITHER edge = speed (Vegas-style time stretch) —
       // the same gesture as the extend handles, but forgiving about where
       // exactly the clip is grabbed
       const rect = e.currentTarget.getBoundingClientRect()
@@ -1179,8 +1788,8 @@ function ClipView({
 
   // ---------------------------------------------------- extend/speed drag
   // Works from BOTH clip ends. Right: the start stays put (resize = loop-
-  // extend, Ctrl = speed). Left: the RIGHT edge stays anchored (resize =
-  // trim-in, Ctrl = speed with the start moving instead).
+  // extend, primary modifier = speed). Left: the RIGHT edge stays anchored
+  // (resize = trim-in, primary modifier = speed with the start moving).
   const startExtendDrag = (edge: 'left' | 'right') =>
     (e: React.PointerEvent<HTMLDivElement>) => {
     if (track.locked || e.button !== 0) return
@@ -1188,7 +1797,7 @@ function ClipView({
     e.preventDefault()
     const st = useEditor.getState()
     if (!selected) st.select([clip.id])
-    const speedMode = e.ctrlKey && !!asset && asset.kind !== 'image'
+    const speedMode = hasPrimaryModifier(e) && !!asset && asset.kind !== 'image'
     const leftTrim = edge === 'left' && !speedMode
     st.pushHistory(speedMode ? 'hSpeed' : leftTrim ? 'hTrim' : 'hResize')
     const origStart = clip.start
@@ -1303,6 +1912,7 @@ function ClipView({
   return (
     <div
       className={cls}
+      data-clip-id={clip.id}
       style={{ left: clip.start * zoom, width: Math.max(4, w) }}
       onPointerDown={onPointerDown}
       onDoubleClick={(e) => {
@@ -1331,6 +1941,24 @@ function ClipView({
           draggable={false}
         />
       )}
+      {track.kind === 'video' && !isText && filmstrip.length > 0 && (
+        <div className="clip-filmstrip" aria-hidden="true">
+          {filmstrip.map((frame) => (
+            <img
+              key={frame.key}
+              className="clip-filmstrip-frame"
+              src={frame.url}
+              alt=""
+              draggable={false}
+              decoding="async"
+              style={{
+                left: frame.localTime * zoom,
+                width: Math.max(1, frame.duration * zoom)
+              }}
+            />
+          ))}
+        </div>
+      )}
       {track.kind === 'audio' && visW > 0 && (
         <canvas ref={waveRef} className="clip-wave" style={{ left: vis0, width: visW }} />
       )}
@@ -1402,12 +2030,12 @@ function ClipView({
           />
           <div
             className="extend-handle"
-            title="Drag: resize/loop · Ctrl: speed"
+            title={t('clipResizeLoopHint')}
             onPointerDown={startExtendDrag('right')}
           />
           <div
             className="extend-handle left"
-            title="Drag: resize · Ctrl: speed"
+            title={t('clipResizeHint')}
             onPointerDown={startExtendDrag('left')}
           />
         </>
diff --git a/src/components/TransportBar.tsx b/src/components/TransportBar.tsx
index 9b08ee3..11092ce 100644
--- a/src/components/TransportBar.tsx
+++ b/src/components/TransportBar.tsx
@@ -15,7 +15,13 @@ export function formatTime(t: number, fps: number): string {
   return `${sign}${pad(h)}:${pad(m)}:${pad(s)}.${pad(f)}`
 }
 
-export function TransportBar() {
+export function TransportBar({
+  previewDetached = false,
+  onPreviewToggle
+}: {
+  previewDetached?: boolean
+  onPreviewToggle?: () => void
+}) {
   const t = useT()
   const [shot, setShot] = useState<'idle' | 'busy' | 'ok' | 'fail'>('idle')
   const playing = useEditor((s) => s.playing)
@@ -24,6 +30,7 @@ export function TransportBar() {
   const duration = useEditor((s) => projectDuration(s.project))
   const undoLabel = useEditor((s) => s.past[s.past.length - 1]?.label)
   const redoLabel = useEditor((s) => s.future[0]?.label)
+  const canCut = useEditor((s) => s.selection.length > 0 || s.range !== null)
   const st = useEditor.getState
 
   return (
@@ -56,8 +63,20 @@ export function TransportBar() {
       </button>
       <span className="sep" />
       <button title={t('split')} onClick={() => st().splitAtPlayhead()}>✂</button>
+      <button
+        title={t('cut')}
+        disabled={!canCut}
+        onClick={() => {
+          const s = st()
+          if (s.selection.length) s.cutSelection()
+          else if (s.range) s.cutRange()
+        }}
+      >
+        ✂ X
+      </button>
       <button title={t('delete')} onClick={() => st().deleteSelection()}>🗑</button>
       <button title={t('addText')} onClick={() => st().insertTextClip(playhead)}>T+</button>
+      <button title={t('addAnnotation')} onClick={() => st().insertAnnotation(playhead)}>A+</button>
       <button
         title={shot === 'fail' ? t('snapshotFail') : t('snapshot')}
         disabled={shot === 'busy'}
@@ -82,6 +101,17 @@ export function TransportBar() {
           <span> / {Math.floor(duration * fps + 1e-6)}</span>
         </span>
       </span>
+      {onPreviewToggle && (
+        <button
+          className={`preview-window-toggle${previewDetached ? ' active' : ''}`}
+          title={t(previewDetached ? 'previewDockHint' : 'previewDetachHint')}
+          aria-label={t(previewDetached ? 'previewDockHint' : 'previewDetachHint')}
+          aria-pressed={previewDetached}
+          onClick={onPreviewToggle}
+        >
+          <span className="split-screen-icon" aria-hidden="true" />
+        </button>
+      )}
     </div>
   )
 }
diff --git a/src/components/VoiceCloneStudio.tsx b/src/components/VoiceCloneStudio.tsx
new file mode 100644
index 0000000..6d27bc6
--- /dev/null
+++ b/src/components/VoiceCloneStudio.tsx
@@ -0,0 +1,499 @@
+import { useEffect, useRef, useState } from 'react'
+import { createPortal } from 'react-dom'
+import type {
+  VoiceClonePreview,
+  VoiceCloneProcessingOptions,
+  VoiceoverCustomVoice
+} from '@shared/types'
+import { baseOf } from '@shared/paths'
+import { preferredVoiceMime } from '@/engine/voice'
+import { useEditor } from '@/state/store'
+
+const DEFAULT_PROCESSING: VoiceCloneProcessingOptions = {
+  normalization: { enabled: true, targetLufs: -18 },
+  noiseReduction: { enabled: false, strength: 0.5 },
+  compressor: { enabled: false, thresholdDb: -18, ratio: 3 }
+}
+
+function Preview({ title, preview }: { title: string; preview: VoiceClonePreview }) {
+  const [ready, setReady] = useState(false)
+  const [failed, setFailed] = useState(false)
+  const src = `${window.kadr.fileUrl(preview.path)}?voice-preview=${encodeURIComponent(`${preview.path}:${preview.duration}`)}`
+
+  useEffect(() => {
+    setReady(false)
+    setFailed(false)
+  }, [src])
+
+  return (
+    <div className={`clone-preview${ready ? ' ready' : ' loading'}`}>
+      <div><b>{title}</b><span>{preview.duration.toFixed(1)} с</span></div>
+      <div className="clone-preview-player">
+        {!ready && !failed && <span className="clone-preview-loading"><i />Подготавливаю полное аудио…</span>}
+        {failed && <span className="clone-preview-failed">Не удалось загрузить аудио целиком</span>}
+        <audio key={src} controls preload="auto" src={src}
+          onCanPlayThrough={() => setReady(true)}
+          onError={() => setFailed(true)} />
+      </div>
+    </div>
+  )
+}
+
+export function VoiceCloneStudio({
+  open,
+  onClose,
+  onCreated,
+  ru,
+  editVoice
+}: {
+  open: boolean
+  onClose: () => void
+  onCreated: (voice: VoiceoverCustomVoice) => void
+  ru: boolean
+  editVoice?: VoiceoverCustomVoice
+}) {
+  const [source, setSource] = useState<'file' | 'microphone'>('file')
+  const [devices, setDevices] = useState<MediaDeviceInfo[]>([])
+  const [deviceId, setDeviceId] = useState('')
+  const [stream, setStream] = useState<MediaStream | null>(null)
+  const [recording, setRecording] = useState(false)
+  const [elapsed, setElapsed] = useState(0)
+  const [original, setOriginal] = useState<VoiceClonePreview | null>(null)
+  const [processed, setProcessed] = useState<VoiceClonePreview | null>(null)
+  const [sourceLabel, setSourceLabel] = useState('')
+  const [options, setOptions] = useState<VoiceCloneProcessingOptions>(DEFAULT_PROCESSING)
+  const [name, setName] = useState('')
+  const [description, setDescription] = useState('')
+  const [referenceText, setReferenceText] = useState('')
+  const [busy, setBusy] = useState(false)
+  const [status, setStatus] = useState('')
+  const [error, setError] = useState('')
+  const recorderRef = useRef<MediaRecorder | null>(null)
+  const chunksRef = useRef<BlobPart[]>([])
+  const startedRef = useRef(0)
+  const meterBarRef = useRef<HTMLElement | null>(null)
+  const temporaryPathsRef = useRef(new Set<string>())
+  const streamRef = useRef<MediaStream | null>(null)
+  const closingRef = useRef(false)
+
+  const rememberTemporary = (preview: VoiceClonePreview) => {
+    temporaryPathsRef.current.add(preview.path)
+    return preview
+  }
+
+  const discardPreviews = (...previews: (VoiceClonePreview | null)[]) => {
+    const paths = previews.filter((item): item is VoiceClonePreview => !!item)
+      .map((item) => item.path)
+    for (const path of paths) temporaryPathsRef.current.delete(path)
+    if (paths.length) void window.kadr.voiceCloneDiscard(paths)
+  }
+
+  useEffect(() => {
+    closingRef.current = false
+    return () => {
+      closingRef.current = true
+      try {
+        if (recorderRef.current?.state !== 'inactive') recorderRef.current?.stop()
+      } catch { /* recorder already stopped */ }
+      streamRef.current?.getTracks().forEach((track) => track.stop())
+      const paths = [...temporaryPathsRef.current]
+      if (paths.length) void window.kadr.voiceCloneDiscard(paths)
+      temporaryPathsRef.current.clear()
+    }
+  }, [])
+
+  useEffect(() => { streamRef.current = stream }, [stream])
+
+  useEffect(() => {
+    if (!open || !editVoice) return
+    let cancelled = false
+    setSource('file')
+    setName(editVoice.name)
+    setDescription(editVoice.description ?? '')
+    setReferenceText(editVoice.referenceText)
+    setSourceLabel(editVoice.sourceLabel ?? editVoice.name)
+    setBusy(true)
+    setStatus(ru ? 'Загружаю сохранённый референс…' : 'Loading saved reference…')
+    void window.kadr.voiceClonePrepare(editVoice.referencePath).then((result) => {
+      if (cancelled) {
+        void window.kadr.voiceCloneDiscard([result.path])
+        return
+      }
+      const preview = rememberTemporary(result)
+      setOriginal(preview)
+      setProcessed(preview)
+      setStatus(editVoice.referenceText
+        ? (ru ? 'Можно изменить описание или заменить исходник' : 'Edit details or replace the source')
+        : (ru ? 'У этого голоса нет подтверждённого текста. Замените исходник или введите точный текст записи.' : 'This voice has no confirmed text. Replace the source or enter the exact recording text.'))
+    }).catch((cause) => {
+      setError(String(cause instanceof Error ? cause.message : cause))
+      setStatus('')
+    }).finally(() => { if (!cancelled) setBusy(false) })
+    return () => { cancelled = true }
+  }, [open, editVoice?.id, ru])
+
+  useEffect(() => {
+    if (!open || source !== 'microphone') return
+    let cancelled = false
+    let acquired: MediaStream | null = null
+    void navigator.mediaDevices.getUserMedia({
+      audio: {
+        ...(deviceId ? { deviceId: { exact: deviceId } } : {}),
+        channelCount: 1,
+        echoCancellation: false,
+        autoGainControl: false,
+        noiseSuppression: false
+      },
+      video: false
+    }).then(async (next) => {
+      if (cancelled) {
+        next.getTracks().forEach((track) => track.stop())
+        return
+      }
+      acquired = next
+      setStream((previous) => {
+        previous?.getTracks().forEach((track) => track.stop())
+        return next
+      })
+      const inputs = (await navigator.mediaDevices.enumerateDevices())
+        .filter((device) => device.kind === 'audioinput')
+      setDevices(inputs)
+      if (!deviceId) setDeviceId(next.getAudioTracks()[0]?.getSettings().deviceId || inputs[0]?.deviceId || '')
+    }).catch((cause) => setError(
+      ru ? `Нет доступа к микрофону: ${String(cause)}` : `Microphone unavailable: ${String(cause)}`
+    ))
+    return () => {
+      cancelled = true
+      acquired?.getTracks().forEach((track) => track.stop())
+    }
+  }, [open, source, deviceId, ru])
+
+  useEffect(() => {
+    if (!open || source !== 'microphone' || !stream) return
+    const context = new AudioContext()
+    const analyser = context.createAnalyser()
+    analyser.fftSize = 1024
+    context.createMediaStreamSource(stream).connect(analyser)
+    const data = new Float32Array(analyser.fftSize)
+    let frame = 0
+    let lastPaint = 0
+    let smoothedDb = -60
+    const tick = (now: number) => {
+      frame = requestAnimationFrame(tick)
+      if (now - lastPaint < 33) return
+      lastPaint = now
+      analyser.getFloatTimeDomainData(data)
+      let sum = 0
+      for (const sample of data) sum += sample * sample
+      const rms = Math.sqrt(sum / data.length)
+      const nextDb = Math.max(-60, Math.min(0, 20 * Math.log10(rms || 0.001)))
+      smoothedDb += (nextDb - smoothedDb) * (nextDb > smoothedDb ? 0.72 : 0.28)
+      const meter = Math.max(0, Math.min(1, (smoothedDb + 60) / 60))
+      if (meterBarRef.current) meterBarRef.current.style.transform = `scaleX(${meter})`
+    }
+    frame = requestAnimationFrame(tick)
+    return () => {
+      cancelAnimationFrame(frame)
+      void context.close()
+    }
+  }, [open, source, stream])
+
+  useEffect(() => {
+    if (!recording) return
+    const timer = setInterval(() => setElapsed((performance.now() - startedRef.current) / 1000), 100)
+    return () => clearInterval(timer)
+  }, [recording])
+
+  useEffect(() => {
+    if (!open) {
+      recorderRef.current?.state !== 'inactive' && recorderRef.current?.stop()
+      setRecording(false)
+      setStream((current) => {
+        current?.getTracks().forEach((track) => track.stop())
+        return null
+      })
+    }
+  }, [open])
+
+  useEffect(() => {
+    if (!processed || processed === original) return
+    discardPreviews(processed)
+    setProcessed(null)
+  }, [options])
+
+  const changeSource = (next: 'file' | 'microphone') => {
+    if (next === source) return
+    discardPreviews(original, processed === original ? null : processed)
+    setOriginal(null)
+    setProcessed(null)
+    setReferenceText('')
+    setSourceLabel('')
+    setStatus('')
+    setError('')
+    setElapsed(0)
+    setSource(next)
+  }
+
+  const prepare = async (path: string, label: string) => {
+    setBusy(true)
+    setError('')
+    setStatus(ru ? 'Готовлю исходник…' : 'Preparing source…')
+    try {
+      const result = await window.kadr.voiceClonePrepare(path)
+      discardPreviews(original, processed === original ? null : processed)
+      setOriginal(rememberTemporary(result))
+      setProcessed(null)
+      setReferenceText('')
+      setSourceLabel(label)
+      if (!name) setName(label.replace(/\.[^.]+$/, '').slice(0, 80))
+      setStatus('')
+    } catch (cause) {
+      setError(String(cause instanceof Error ? cause.message : cause))
+      setStatus('')
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  const chooseFile = async () => {
+    const path = await window.kadr.voiceClonePickFile()
+    if (path) await prepare(path, baseOf(path))
+  }
+
+  const startRecording = () => {
+    if (!stream || recording || busy) return
+    setError('')
+    setStatus('')
+    const { mime } = preferredVoiceMime()
+    try {
+      const recorder = new MediaRecorder(stream, mime ? { mimeType: mime, audioBitsPerSecond: 192_000 } : undefined)
+      chunksRef.current = []
+      recorder.ondataavailable = (event) => { if (event.data.size) chunksRef.current.push(event.data) }
+      recorder.onstop = () => {
+        if (closingRef.current) {
+          chunksRef.current = []
+          return
+        }
+        const blob = new Blob(chunksRef.current, { type: recorder.mimeType || mime || 'audio/webm' })
+        if (!blob.size) {
+          setError(ru ? 'Запись пуста' : 'The recording is empty')
+          return
+        }
+        setBusy(true)
+        void blob.arrayBuffer().then(async (data) => {
+          const extension = preferredVoiceMime().extension
+          const path = await window.kadr.saveBlobMedia(
+            `voice-clone-${Date.now()}.${extension}`,
+            blob.type,
+            new Uint8Array(data)
+          )
+          const device = devices.find((item) => item.deviceId === deviceId)
+          await prepare(path, device?.label || (ru ? 'Запись голоса' : 'Voice recording'))
+        }).catch((cause) => setError(String(cause))).finally(() => setBusy(false))
+      }
+      recorderRef.current = recorder
+      startedRef.current = performance.now()
+      setElapsed(0)
+      recorder.start(250)
+      setRecording(true)
+    } catch (cause) {
+      setError(String(cause))
+    }
+  }
+
+  const stopRecording = () => {
+    if (!recording) return
+    setRecording(false)
+    recorderRef.current?.stop()
+  }
+
+  const execute = async () => {
+    if (!original || busy) return
+    setBusy(true)
+    setError('')
+    setStatus(ru ? 'Обрабатываю голос…' : 'Processing voice…')
+    try {
+      const result = rememberTemporary(await window.kadr.voiceCloneProcess(original.path, options))
+      if (processed && processed !== original) discardPreviews(processed)
+      setProcessed(result)
+      setStatus(ru ? 'Распознаю точный текст референса…' : 'Transcribing the exact reference text…')
+      try {
+        const transcript = await window.kadr.voiceCloneTranscribe(result.path)
+        setReferenceText(transcript)
+        setStatus(ru ? 'Проверьте распознанный текст и звук до/после' : 'Check the transcript and before/after audio')
+      } catch (cause) {
+        setError(String(cause instanceof Error ? cause.message : cause))
+        setStatus(ru ? 'Введите точный текст записи вручную' : 'Enter the exact recording text manually')
+      }
+    } catch (cause) {
+      setError(String(cause instanceof Error ? cause.message : cause))
+      setStatus('')
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  const recognize = async () => {
+    if (!processed || busy) return
+    setBusy(true)
+    setError('')
+    setStatus(ru ? 'Распознаю точный текст референса…' : 'Transcribing the exact reference text…')
+    try {
+      setReferenceText(await window.kadr.voiceCloneTranscribe(processed.path))
+      setStatus(ru ? 'Проверьте распознанный текст перед сохранением' : 'Check the transcript before saving')
+    } catch (cause) {
+      setError(String(cause instanceof Error ? cause.message : cause))
+      setStatus('')
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  const save = async () => {
+    if (!processed || !name.trim() || !referenceText.trim() || busy) return
+    setBusy(true)
+    setError('')
+    setStatus(ru ? 'Сохраняю клон…' : 'Saving clone…')
+    try {
+      const voice = await window.kadr.voiceCloneSave({
+        voiceId: editVoice?.id,
+        processedPath: processed.path,
+        name,
+        description,
+        referenceText,
+        source,
+        sourceLabel
+      })
+      const state = useEditor.getState()
+      state.pushHistory('hVoiceClone')
+      useEditor.setState({
+        project: {
+          ...state.project,
+          voiceClones: [...(state.project.voiceClones ?? []).filter((item) => item.id !== voice.id), voice]
+        }
+      })
+      onCreated(voice)
+      onClose()
+    } catch (cause) {
+      setError(String(cause instanceof Error ? cause.message : cause))
+      setStatus('')
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  if (!open) return null
+  return createPortal(
+    <div className="modal-back clone-back"
+      onPointerDown={(event) => event.stopPropagation()}
+      onClick={(event) => {
+        event.stopPropagation()
+        if (!recording && !busy) onClose()
+      }}>
+      <div className="modal clone-studio" onClick={(event) => event.stopPropagation()}>
+        <div className="clone-head">
+          <div><h2>{editVoice
+            ? (ru ? 'Редактирование голоса' : 'Edit voice')
+            : (ru ? 'Клонирование голоса' : 'Voice cloning')}</h2><span>F5‑TTS</span></div>
+          <button disabled={recording || busy} onClick={onClose}>✕</button>
+        </div>
+
+        <div className="clone-source-tabs">
+          <button className={source === 'file' ? 'active' : ''} disabled={recording || busy}
+            onClick={() => changeSource('file')}>{ru ? 'Из файла' : 'From file'}</button>
+          <button className={source === 'microphone' ? 'active' : ''} disabled={recording || busy}
+            onClick={() => changeSource('microphone')}>{ru ? 'Записать голос' : 'Record voice'}</button>
+        </div>
+
+        <div className="clone-scroll">
+          {source === 'file' ? (
+            <button className="clone-pick" disabled={busy} onClick={() => void chooseFile()}>
+              {original ? (ru ? 'Выбрать другой файл' : 'Choose another file') : (ru ? 'Выбрать аудиофайл' : 'Choose audio file')}
+            </button>
+          ) : (
+            <div className="clone-record-box">
+              <label className="mic-field"><span>{ru ? 'Источник записи' : 'Recording source'}</span>
+                <select value={deviceId} disabled={recording || busy} onChange={(event) => setDeviceId(event.target.value)}>
+                  {devices.map((device, index) => <option key={device.deviceId} value={device.deviceId}>
+                    {device.label || `${ru ? 'Микрофон' : 'Microphone'} ${index + 1}`}
+                  </option>)}
+                </select>
+              </label>
+              <div className="clone-meter"><i ref={meterBarRef} /></div>
+              <div className="clone-record-row">
+                {!recording
+                  ? <button className="mic-record" disabled={!stream || busy} onClick={startRecording}>● {ru ? 'Запись' : 'Record'}</button>
+                  : <button className="mic-stop" onClick={stopRecording}>■ {ru ? 'Стоп' : 'Stop'}</button>}
+                <strong>{elapsed.toFixed(1)} с</strong>
+              </div>
+            </div>
+          )}
+
+          {original && <Preview title={ru ? 'До обработки' : 'Before processing'} preview={original} />}
+
+          {original && <div className="clone-options">
+            <h3>{ru ? 'Обработка' : 'Processing'}</h3>
+            <label className="clone-option">
+              <input type="checkbox" checked={options.normalization.enabled} disabled={busy}
+                onChange={(event) => setOptions((old) => ({ ...old, normalization: { ...old.normalization, enabled: event.target.checked } }))} />
+              <span><b>{ru ? 'Нормализация' : 'Normalization'}</b><small>{ru ? 'Выравнивает общую громкость' : 'Balances overall loudness'}</small></span>
+              <select value={options.normalization.targetLufs} disabled={busy || !options.normalization.enabled}
+                onChange={(event) => setOptions((old) => ({ ...old, normalization: { ...old.normalization, targetLufs: Number(event.target.value) } }))}>
+                <option value={-20}>−20 LUFS</option><option value={-18}>−18 LUFS</option>
+                <option value={-16}>−16 LUFS</option><option value={-14}>−14 LUFS</option>
+              </select>
+            </label>
+            <label className="clone-option">
+              <input type="checkbox" checked={options.noiseReduction.enabled} disabled={busy}
+                onChange={(event) => setOptions((old) => ({ ...old, noiseReduction: { ...old.noiseReduction, enabled: event.target.checked } }))} />
+              <span><b>{ru ? 'Удаление шума' : 'Noise reduction'}</b><small>{ru ? 'Убирает постоянный фоновый шум' : 'Reduces steady background noise'}</small></span>
+              <select value={options.noiseReduction.strength} disabled={busy || !options.noiseReduction.enabled}
+                onChange={(event) => setOptions((old) => ({ ...old, noiseReduction: { ...old.noiseReduction, strength: Number(event.target.value) } }))}>
+                <option value={0.25}>{ru ? 'Лёгкое' : 'Light'}</option><option value={0.5}>{ru ? 'Среднее' : 'Medium'}</option>
+                <option value={0.8}>{ru ? 'Сильное' : 'Strong'}</option>
+              </select>
+            </label>
+            <label className="clone-option">
+              <input type="checkbox" checked={options.compressor.enabled} disabled={busy}
+                onChange={(event) => setOptions((old) => ({ ...old, compressor: { ...old.compressor, enabled: event.target.checked } }))} />
+              <span><b>{ru ? 'Компрессор' : 'Compressor'}</b><small>{ru ? 'Смягчает перепады громкости' : 'Controls volume peaks'}</small></span>
+              <select value={options.compressor.ratio} disabled={busy || !options.compressor.enabled}
+                onChange={(event) => setOptions((old) => ({ ...old, compressor: { ...old.compressor, ratio: Number(event.target.value) } }))}>
+                <option value={2}>2:1</option><option value={3}>3:1</option><option value={4}>4:1</option><option value={6}>6:1</option>
+              </select>
+            </label>
+            <button className="primary clone-execute" disabled={busy} onClick={() => void execute()}>
+              {busy ? (ru ? 'Обработка…' : 'Processing…') : (ru ? 'Выполнить' : 'Apply')}
+            </button>
+          </div>}
+
+          {processed && <Preview title={ru ? 'После обработки' : 'After processing'} preview={processed} />}
+
+          {processed && <div className="clone-meta">
+            <label><span>{ru ? 'Название голоса' : 'Voice name'}</span>
+              <input value={name} maxLength={80} onChange={(event) => setName(event.target.value)} placeholder={ru ? 'Например, Мой голос' : 'For example, My voice'} />
+            </label>
+            <label><span>{ru ? 'Описание' : 'Description'}</span>
+              <input value={description} maxLength={240} onChange={(event) => setDescription(event.target.value)} placeholder={ru ? 'Спокойный, уверенный…' : 'Calm, confident…'} />
+            </label>
+            <label><span>{ru ? 'Точный текст записи (обязательно)' : 'Exact recording text (required)'}</span>
+              <textarea rows={3} value={referenceText} onChange={(event) => setReferenceText(event.target.value)}
+                placeholder={ru ? 'Проверьте автоматически распознанный текст — он должен дословно совпадать с записью.' : 'Check the automatic transcript; it must exactly match the recording.'} />
+            </label>
+            <button className="clone-transcribe" disabled={busy} onClick={() => void recognize()}>
+              ↻ {ru ? 'Распознать текст заново' : 'Transcribe again'}
+            </button>
+            <p>{ru ? 'Лучше всего работает чистая запись одной речи длиной 3–15 секунд. Точный текст защищает от повторения фраз из референса.' : 'A clean 3–15 second speech sample works best. An exact transcript prevents reference phrases from being repeated.'}</p>
+            <button className="primary clone-save" disabled={busy || !name.trim() || !referenceText.trim()} onClick={() => void save()}>
+              {editVoice ? (ru ? 'Сохранить изменения' : 'Save changes') : (ru ? 'Сделать клон' : 'Create clone')}
+            </button>
+          </div>}
+          {(status || error) && <div className={error ? 'clone-status error' : `clone-status${busy ? ' busy' : ''}`}>
+            {busy && <i className="clone-status-spinner" />}{error || status}
+          </div>}
+        </div>
+      </div>
+    </div>,
+    document.body
+  )
+}
diff --git a/src/components/VoiceLibraryStudio.tsx b/src/components/VoiceLibraryStudio.tsx
new file mode 100644
index 0000000..c08455b
--- /dev/null
+++ b/src/components/VoiceLibraryStudio.tsx
@@ -0,0 +1,99 @@
+import { useState } from 'react'
+import { createPortal } from 'react-dom'
+import type { VoiceoverCustomVoice } from '@shared/types'
+import { useEditor } from '@/state/store'
+
+export function VoiceLibraryStudio({
+  open,
+  voices,
+  ru,
+  onClose,
+  onEdit,
+  onDeleted
+}: {
+  open: boolean
+  voices: VoiceoverCustomVoice[]
+  ru: boolean
+  onClose: () => void
+  onEdit: (voice: VoiceoverCustomVoice) => void
+  onDeleted: (voiceId: string) => void
+}) {
+  const [deletingId, setDeletingId] = useState<string | null>(null)
+  const [confirmId, setConfirmId] = useState<string | null>(null)
+  const [error, setError] = useState('')
+
+  if (!open) return null
+
+  const remove = async (voice: VoiceoverCustomVoice) => {
+    setDeletingId(voice.id)
+    setError('')
+    try {
+      await window.kadr.voiceCloneDelete(voice.id)
+      const state = useEditor.getState()
+      state.pushHistory('hVoiceClone')
+      useEditor.setState({
+        project: {
+          ...state.project,
+          voiceClones: (state.project.voiceClones ?? []).filter((item) => item.id !== voice.id)
+        }
+      })
+      onDeleted(voice.id)
+      setConfirmId(null)
+    } catch (cause) {
+      setError(String(cause instanceof Error ? cause.message : cause))
+    } finally {
+      setDeletingId(null)
+    }
+  }
+
+  return createPortal(
+    <div className="modal-back voice-library-back" onPointerDown={(event) => event.stopPropagation()}
+      onClick={(event) => { event.stopPropagation(); if (!deletingId) onClose() }}>
+      <div className="modal voice-library-studio" onClick={(event) => event.stopPropagation()}>
+        <div className="clone-head">
+          <div>
+            <h2>{ru ? 'Управление голосами' : 'Voice management'}</h2>
+            <span>{ru ? `${voices.length} пользовательских` : `${voices.length} custom`}</span>
+          </div>
+          <button disabled={!!deletingId} onClick={onClose}>✕</button>
+        </div>
+        <div className="voice-library-scroll">
+          {!voices.length && <div className="voice-library-empty">
+            {ru ? 'Пользовательских голосов пока нет. Создайте первый клон из файла или микрофона.' : 'No custom voices yet. Clone one from a file or microphone.'}
+          </div>}
+          {voices.map((voice) => (
+            <article className="voice-library-item" key={voice.id}>
+              <div className="voice-library-copy">
+                <div><b>{voice.name}</b><span>{voice.source === 'microphone' ? '● MIC' : '▣ FILE'}</span></div>
+                <p>{voice.description || (ru ? 'Без описания' : 'No description')}</p>
+                <small>{voice.referenceText
+                  ? (ru ? 'Текст референса подтверждён' : 'Reference text confirmed')
+                  : (ru ? '⚠ Текст референса не подтверждён' : '⚠ Reference text not confirmed')}</small>
+              </div>
+              {confirmId === voice.id ? (
+                <div className="voice-library-confirm">
+                  <span>{ru ? 'Удалить голос из библиотеки и проекта?' : 'Delete from the library and project?'}</span>
+                  <button disabled={!!deletingId} onClick={() => setConfirmId(null)}>{ru ? 'Нет' : 'No'}</button>
+                  <button className="danger" disabled={!!deletingId} onClick={() => void remove(voice)}>
+                    {deletingId === voice.id ? (ru ? 'Удаляю…' : 'Deleting…') : (ru ? 'Удалить' : 'Delete')}
+                  </button>
+                </div>
+              ) : (
+                <div className="voice-library-actions">
+                  <button disabled={!!deletingId} onClick={() => onEdit(voice)}>
+                    {ru ? 'Изменить / заменить исходник' : 'Edit / replace source'}
+                  </button>
+                  <button className="danger" disabled={!!deletingId} onClick={() => setConfirmId(voice.id)}>
+                    {ru ? 'Удалить' : 'Delete'}
+                  </button>
+                </div>
+              )}
+            </article>
+          ))}
+          {error && <div className="clone-status error">{error}</div>}
+        </div>
+      </div>
+    </div>,
+    document.body
+  )
+}
diff --git a/src/components/VoiceoverStudio.tsx b/src/components/VoiceoverStudio.tsx
new file mode 100644
index 0000000..a10f166
--- /dev/null
+++ b/src/components/VoiceoverStudio.tsx
@@ -0,0 +1,442 @@
+import { useEffect, useMemo, useState } from 'react'
+import { create } from 'zustand'
+import type {
+  MediaAsset,
+  VoiceoverCustomVoice,
+  VoiceoverInstallProgress,
+  VoiceoverProgress,
+  VoiceoverSettings,
+  VoiceoverStatus,
+  VoiceoverVersion
+} from '@shared/types'
+import {
+  DEFAULT_VOICEOVER_SETTINGS,
+  getVoiceoverVoice,
+  mergeVoiceChoices,
+  normalizeVoiceoverSettings,
+} from '@shared/voiceover'
+import { findClip, useEditor } from '@/state/store'
+import { VoiceCloneStudio } from './VoiceCloneStudio'
+import { VoiceLibraryStudio } from './VoiceLibraryStudio'
+
+export { DEFAULT_VOICEOVER_SETTINGS } from '@shared/voiceover'
+
+export const useVoiceoverUi = create<{
+  clipId: string | null
+  open(clipId: string): void
+  close(): void
+}>((set) => ({
+  clipId: null,
+  open: (clipId) => set({ clipId }),
+  close: () => set({ clipId: null })
+}))
+
+const versionAsset = (
+  id: string,
+  path: string,
+  name: string,
+  probed: Omit<MediaAsset, 'id'>
+): MediaAsset => ({ ...probed, id, path, name, kind: 'audio' })
+
+function VoicePlayer({ version, label }: { version: VoiceoverVersion; label: string }) {
+  const [failed, setFailed] = useState(false)
+
+  useEffect(() => setFailed(false), [version.id, version.path])
+
+  return (
+    <div className="voice-player">
+      <audio
+        key={`${version.id}:${version.path}`}
+        aria-label={label}
+        controls
+        crossOrigin="anonymous"
+        preload="metadata"
+        src={window.kadr.fileUrl(version.path)}
+        onCanPlay={() => setFailed(false)}
+        onError={() => setFailed(true)}
+      />
+      {failed && <span className="voice-player-error">Не удалось открыть аудио. Закройте окно дублей и попробуйте снова.</span>}
+    </div>
+  )
+}
+
+const formatSize = (bytes: number) => bytes >= 1024 ** 3
+  ? `${(bytes / 1024 ** 3).toFixed(1)} ГБ`
+  : `${Math.round(bytes / 1024 ** 2)} МБ`
+
+export function VoiceoverSetup({
+  status,
+  settings,
+  onReady,
+  ru = true
+}: {
+  status: VoiceoverStatus | null
+  settings: VoiceoverSettings
+  onReady: (status: VoiceoverStatus) => void
+  ru?: boolean
+}) {
+  const [licenseAccepted, setLicenseAccepted] = useState(false)
+  const [installing, setInstalling] = useState(false)
+  const [installProgress, setInstallProgress] = useState<VoiceoverInstallProgress | null>(null)
+  const [installError, setInstallError] = useState('')
+
+  useEffect(() => window.kadr.onVoiceoverInstallProgress((progress) => {
+    setInstallProgress(progress)
+    if (progress.stage === 'error') setInstallError(progress.message)
+  }), [])
+
+  if (!status) return (
+    <div className="voice-setup-checking" role="status">
+      <span className="voice-check-spinner" aria-hidden="true" />
+      <div>
+        <b>{ru ? 'Проверяю F5‑TTS…' : 'Checking F5-TTS…'}</b>
+        <span>{ru
+          ? 'При первом запуске загрузка Python и PyTorch может занять несколько секунд.'
+          : 'On first launch, loading Python and PyTorch can take a few seconds.'}</span>
+      </div>
+    </div>
+  )
+  if (status.ready) return null
+  const percent = Math.round((installProgress?.progress ?? 0) * 100)
+  const transfer = installProgress?.downloadedBytes && installProgress.totalBytes
+    ? `${formatSize(installProgress.downloadedBytes)} / ${formatSize(installProgress.totalBytes)}`
+    : ''
+
+  const install = async () => {
+    if (!licenseAccepted || installing) return
+    setInstalling(true)
+    setInstallError('')
+    setInstallProgress({ stage: 'preparing', progress: 0.01,
+      message: ru ? 'Начинаю установку…' : 'Starting installation…' })
+    try {
+      onReady(await window.kadr.voiceoverInstall(settings))
+    } catch (error) {
+      setInstallError(String(error instanceof Error ? error.message : error))
+    } finally {
+      setInstalling(false)
+    }
+  }
+
+  return (
+    <div className="voice-setup-required">
+      <b>{ru ? 'Локальная переозвучка не настроена' : 'Local voiceover is not configured'}</b>
+      <span>{status.reason}</span>
+      <span>{ru
+        ? 'Kadr установит изолированный Python, F5‑TTS, русскую модель и 11 голосов. Потребуется интернет и около 5 ГБ свободного места.'
+        : 'Kadr will install an isolated Python, F5-TTS, the Russian model and 11 voices. Internet access and about 5 GB of free space are required.'}</span>
+      <label className="voice-license-confirm">
+        <input type="checkbox" checked={licenseAccepted} disabled={installing}
+          onChange={(event) => setLicenseAccepted(event.target.checked)} />
+        <span>{ru
+          ? 'Понимаю, что русская модель имеет лицензию CC BY‑NC 4.0 и не предназначена для коммерческого использования.'
+          : 'I understand that the Russian model is CC BY-NC 4.0 and is not intended for commercial use.'}</span>
+      </label>
+      {installing && installProgress && (
+        <div className="voice-install-progress">
+          <div><span>{installProgress.message}</span><b>{transfer || `${percent}%`}</b></div>
+          <progress value={Math.max(0.01, installProgress.progress)} max={1} />
+        </div>
+      )}
+      {installError && <span className="voice-install-error">{installError}</span>}
+      {installing ? (
+        <button className="voice-install-cancel" onClick={() => void window.kadr.voiceoverInstallCancel()}>
+          {ru ? 'Отменить установку' : 'Cancel installation'}
+        </button>
+      ) : (
+        <button className="voice-install" disabled={!licenseAccepted} onClick={() => void install()}>
+          {ru ? 'Установить F5‑TTS' : 'Install F5-TTS'}
+        </button>
+      )}
+    </div>
+  )
+}
+
+export function VoiceoverStudio() {
+  const clipId = useVoiceoverUi((s) => s.clipId)
+  const project = useEditor((s) => s.project)
+  const projectPath = useEditor((s) => s.projectPath)
+  const found = clipId ? findClip(project, clipId) : null
+  const clip = found?.clip
+  const history = clip?.voiceover
+  const versions = history?.versions ?? []
+  const active = versions.find((v) => v.id === history?.activeVersionId)
+  const settings = normalizeVoiceoverSettings(history?.settings)
+  const [draft, setDraft] = useState('')
+  const [voiceId, setVoiceId] = useState(DEFAULT_VOICEOVER_SETTINGS.voiceId)
+  const [busy, setBusy] = useState(false)
+  const [progress, setProgress] = useState<VoiceoverProgress | null>(null)
+  const [error, setError] = useState('')
+  const [ttsStatus, setTtsStatus] = useState<VoiceoverStatus | null>(null)
+  const [globalVoices, setGlobalVoices] = useState<VoiceoverCustomVoice[]>([])
+  const [cloneOpen, setCloneOpen] = useState(false)
+  const [libraryOpen, setLibraryOpen] = useState(false)
+  const [editVoice, setEditVoice] = useState<VoiceoverCustomVoice | undefined>()
+  const embeddedVoices = useMemo(() => {
+    if (project.voiceClones !== undefined) return project.voiceClones
+    const result: VoiceoverCustomVoice[] = []
+    if (history?.settings.customVoice) result.push(history.settings.customVoice)
+    for (const version of versions) if (version.settings.customVoice) result.push(version.settings.customVoice)
+    return result
+  }, [project.voiceClones, history, versions])
+  const voices = useMemo(() => mergeVoiceChoices([...globalVoices, ...embeddedVoices]), [globalVoices, embeddedVoices])
+  const customVoices = useMemo(() => voices.flatMap((voice) => voice.customVoice ? [voice.customVoice] : []), [voices])
+  const selectedVoice = voices.find((voice) => voice.id === voiceId) ?? voices[0]
+
+  useEffect(() => {
+    if (!clipId || !clip) return
+    setDraft(active?.text ?? versions.at(-1)?.text ?? clip.label ?? '')
+    const initialSettings = active?.settings ?? history?.settings
+    setVoiceId(initialSettings?.customVoice?.id ?? getVoiceoverVoice(initialSettings?.voiceId).id)
+    setProgress(null)
+    setError('')
+  }, [clipId])
+
+  useEffect(() => {
+    if (!clipId) return
+    void window.kadr.voiceCloneList().then(setGlobalVoices).catch(() => setGlobalVoices([]))
+  }, [clipId])
+
+  useEffect(() => window.kadr.onVoiceoverProgress((p) => {
+    if (p.clipId === clipId) setProgress(p)
+  }), [clipId])
+
+  useEffect(() => {
+    let current = true
+    setTtsStatus(null)
+    if (!clipId) return () => { current = false }
+    void window.kadr.voiceoverStatus(settings).then((status) => {
+      if (current) setTtsStatus(status)
+    }).catch(() => {
+      if (current) setTtsStatus({
+        ready: false,
+        reason: 'Не удалось проверить TTS',
+        configPath: '~/.config/kadr/tts.json'
+      })
+    })
+    return () => { current = false }
+  }, [clipId, settings.modelPath, settings.pythonPath, settings.vocabPath, settings.voicesPath])
+
+  useEffect(() => {
+    if (!clipId) return
+    const key = (e: KeyboardEvent) => {
+      if (e.code === 'Escape' && !busy && !cloneOpen && !libraryOpen) useVoiceoverUi.getState().close()
+    }
+    window.addEventListener('keydown', key)
+    return () => window.removeEventListener('keydown', key)
+  }, [clipId, busy, cloneOpen, libraryOpen])
+
+  const nextVersion = useMemo(
+    () => Math.max(0, ...versions.map((v) => v.number)) + 1,
+    [versions]
+  )
+
+  if (!clipId || !clip) return null
+
+  const generate = async () => {
+    const text = draft.trim()
+    if (!text || busy || !ttsStatus?.ready) return
+    setBusy(true)
+    setError('')
+    try {
+      const generationSettings = { ...settings, voiceId, customVoice: selectedVoice?.customVoice }
+      const result = await window.kadr.voiceoverGenerate({
+        clipId,
+        projectPath,
+        version: nextVersion,
+        text,
+        settings: generationSettings
+      })
+      const probe = await window.kadr.probeMedia(result.path)
+      const assetId = `voice-${clipId}-v${nextVersion}`
+      const takeSettings = { ...generationSettings, seed: result.seed }
+      const version: VoiceoverVersion = {
+        id: `take-${clipId}-${nextVersion}`,
+        number: nextVersion,
+        text,
+        path: result.path,
+        assetId,
+        duration: result.duration,
+        createdAt: new Date().toISOString(),
+        settings: takeSettings
+      }
+      const st = useEditor.getState()
+      st.pushHistory('hVoiceGeneration')
+      st.addAsset(versionAsset(
+        assetId,
+        result.path,
+        `${clip.label ?? 'Озвучка'} · V${nextVersion}`,
+        probe.asset
+      ))
+      const latest = findClip(useEditor.getState().project, clipId)?.clip
+      st.updateClip(clipId, {
+        voiceover: {
+          activeVersionId: latest?.voiceover?.activeVersionId,
+          versions: [...(latest?.voiceover?.versions ?? []), version],
+          settings: takeSettings,
+          timedDuration: latest?.voiceover?.timedDuration
+        }
+      })
+    } catch (err) {
+      setError(String(err instanceof Error ? err.message : err))
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  const applyVersion = (version: VoiceoverVersion) => {
+    const st = useEditor.getState()
+    const current = findClip(st.project, clipId)?.clip
+    if (!current || current.voiceover?.activeVersionId === version.id) return
+    st.pushHistory('hVoiceVersion')
+    const base = (current.label ?? 'Озвучка').replace(/\s*[·•-]\s*V\d+$/i, '')
+    const timedDuration = current.voiceover?.timedDuration
+    st.updateClip(clipId, {
+      assetId: version.assetId,
+      inPoint: 0,
+      duration: Math.max(0.05, timedDuration ?? version.duration),
+      speed: timedDuration ? Math.max(0.01, version.duration / timedDuration) : 1,
+      label: `${base} · V${version.number}`,
+      voiceover: {
+        settings: version.settings,
+        versions: current.voiceover?.versions ?? [version],
+        activeVersionId: version.id,
+        timedDuration
+      }
+    })
+  }
+
+  const percent = Math.round((progress?.progress ?? 0) * 100)
+  const stage = progress?.stage === 'loading'
+    ? 'Загружаю голосовую модель'
+    : progress?.stage === 'mastering'
+      ? 'Выравниваю громкость и финализирую'
+      : 'Генерирую новый дубль'
+
+  return (
+    <div className="voice-studio-backdrop" onPointerDown={() => !busy && !cloneOpen && !libraryOpen && useVoiceoverUi.getState().close()}>
+      <section className="voice-studio" onPointerDown={(e) => e.stopPropagation()}>
+        <header className="voice-studio-head">
+          <div>
+            <span className="voice-eyebrow">ЛОКАЛЬНАЯ ОЗВУЧКА / {clip.label ?? 'КЛИП'}</span>
+            <h2>Новый дубль</h2>
+          </div>
+          <button className="voice-close" disabled={busy || cloneOpen || libraryOpen} onClick={() => useVoiceoverUi.getState().close()}>×</button>
+        </header>
+
+        <div className="voice-studio-grid">
+          <div className="voice-compose">
+            <label htmlFor="voice-choice">Голос F5‑TTS</label>
+            <div className="voice-choice">
+              <select id="voice-choice" value={voiceId} disabled={busy}
+                onChange={(event) => setVoiceId(event.target.value)}>
+                {voices.map((voice) => (
+                  <option key={voice.id} value={voice.id}>
+                    {voice.number ? `№${voice.number} · ` : '★ '}{voice.name}
+                  </option>
+                ))}
+              </select>
+              <span>{selectedVoice?.description}</span>
+            </div>
+            <div className="voice-clone-actions">
+              <button className="clone-open" disabled={busy} onClick={() => { setEditVoice(undefined); setCloneOpen(true) }}>
+                ＋ Клонировать новый голос
+              </button>
+              <button className="voice-library-open" disabled={busy} onClick={() => setLibraryOpen(true)}>
+                ⚙ Управление голосами
+              </button>
+            </div>
+            <label htmlFor="voice-draft">Текст для генерации</label>
+            <textarea
+              id="voice-draft"
+              autoFocus
+              value={draft}
+              onChange={(e) => setDraft(e.target.value)}
+              disabled={busy}
+              spellCheck
+            />
+            <div className="voice-hint">
+              Ударение можно отметить знаком: молоко́. Перед каждым новым дублем голос можно сменить.
+            </div>
+            <VoiceoverSetup status={ttsStatus}
+              settings={{ ...settings, voiceId, customVoice: selectedVoice?.customVoice }} onReady={setTtsStatus} />
+            {error && <div className="voice-error">{error}</div>}
+            {busy && (
+              <div className="voice-progress">
+                <div className="voice-progress-copy"><span>{stage}</span><b>{percent}%</b></div>
+                <div className="voice-progress-rail"><i style={{ width: `${Math.max(4, percent)}%` }} /></div>
+              </div>
+            )}
+            <div className="voice-actions">
+              {busy ? (
+                <button className="voice-cancel" onClick={() => void window.kadr.voiceoverCancel()}>Отменить</button>
+              ) : (
+                <button className="voice-generate" disabled={!draft.trim() || !ttsStatus?.ready} onClick={() => void generate()}>
+                  <span>Сгенерировать</span><b>V{nextVersion}</b>
+                </button>
+              )}
+            </div>
+          </div>
+
+          <aside className="voice-history">
+            <div className="voice-history-title">
+              <span>История дублей</span><b>{versions.length}</b>
+            </div>
+            {active && (
+              <div className="voice-active-preview">
+                <div className="voice-active-preview-head">
+                  <span>Сейчас в проекте</span>
+                  <b>V{active.number}</b>
+                </div>
+                <VoicePlayer version={active} label={`Текущая версия V${active.number}`} />
+              </div>
+            )}
+            <div className="voice-takes">
+              {[...versions].sort((a, b) => b.number - a.number).map((version) => {
+                const checked = history?.activeVersionId === version.id
+                return (
+                  <article key={version.id} className={`voice-take ${checked ? 'active' : ''}`}>
+                    <div className="voice-take-top">
+                      <label className="voice-version-check" title="Применить эту версию">
+                        <input type="checkbox" checked={checked} onChange={() => applyVersion(version)} />
+                        <span>V{version.number}</span>
+                      </label>
+                      <time>{new Date(version.createdAt).toLocaleString('ru-RU')}</time>
+                      <button onClick={() => void navigator.clipboard.writeText(version.text)}>Копировать</button>
+                    </div>
+                    <p>{version.text}</p>
+                    <VoicePlayer version={version} label={`Версия V${version.number}`} />
+                    <div className="voice-take-foot">
+                      <span>{version.duration.toFixed(2)} сек</span>
+                      <span>{version.settings.customVoice
+                        ? `★ ${version.settings.customVoice.name}`
+                        : `№${getVoiceoverVoice(version.settings.voiceId).number} · ${getVoiceoverVoice(version.settings.voiceId).name}`}</span>
+                      <span>seed {version.settings.seed}</span>
+                      {checked && <strong>В ПРОЕКТЕ</strong>}
+                    </div>
+                  </article>
+                )
+              })}
+              {!versions.length && (
+                <div className="voice-empty">
+                  <span>V1</span>
+                  Первый сгенерированный дубль появится здесь вместе с текстом и аудио.
+                </div>
+              )}
+            </div>
+          </aside>
+        </div>
+      </section>
+      {cloneOpen && <VoiceCloneStudio open onClose={() => { setCloneOpen(false); setEditVoice(undefined) }} ru editVoice={editVoice}
+        onCreated={(voice) => {
+          setGlobalVoices((current) => [...current.filter((item) => item.id !== voice.id), voice])
+          setVoiceId(voice.id)
+        }} />}
+      {libraryOpen && <VoiceLibraryStudio open voices={customVoices} ru onClose={() => setLibraryOpen(false)}
+        onEdit={(voice) => { setLibraryOpen(false); setEditVoice(voice); setCloneOpen(true) }}
+        onDeleted={(deletedId) => {
+          setGlobalVoices((current) => current.filter((voice) => voice.id !== deletedId))
+          if (voiceId === deletedId) setVoiceId(DEFAULT_VOICEOVER_SETTINGS.voiceId)
+        }} />}
+    </div>
+  )
+}
diff --git a/src/components/animUtils.ts b/src/components/animUtils.ts
index 4954cd1..6640e4d 100644
--- a/src/components/animUtils.ts
+++ b/src/components/animUtils.ts
@@ -26,6 +26,30 @@ export function applyValue(anim: Anim, rel: number, value: number, linked: boole
   return { ...anim, value }
 }
 
+/**
+ * Change the base value while preserving the shape of an existing animation.
+ * Simple inspector/gizmo edits reposition the whole motion; the animation
+ * editor remains the place for changing an individual keyframe.
+ */
+export function rebaseAnim(anim: Anim, value: number, mode: 'offset' | 'ratio'): Anim {
+  const previous = Number.isFinite(anim.value) ? anim.value : 0
+  const delta = value - previous
+  const keyframeReference = [...(anim.keyframes ?? [])]
+    .reverse()
+    .find((kf) => Math.abs(kf.value) > 1e-9)?.value
+  const reference = Math.abs(previous) > 1e-9 ? previous : keyframeReference
+  const canScale = mode === 'ratio' && reference !== undefined
+  const ratio = canScale ? value / reference : 1
+  return {
+    ...anim,
+    value,
+    keyframes: anim.keyframes?.map((kf) => ({
+      ...kf,
+      value: canScale ? kf.value * ratio : kf.value + delta
+    }))
+  }
+}
+
 /** Reset helper: keyframed params get a default keyframe, static ones reset. */
 export function resetValue(anim: Anim, rel: number, def: number): Anim {
   return anim.keyframes?.length ? upsertKf(anim, rel, def) : { ...anim, value: def }
diff --git a/src/engine/annotationTasks.ts b/src/engine/annotationTasks.ts
new file mode 100644
index 0000000..8e1c034
--- /dev/null
+++ b/src/engine/annotationTasks.ts
@@ -0,0 +1,129 @@
+import type { AnnotationStatus, AnnotationTask, Project } from '@shared/types'
+import { findAnnotation, useEditor } from '@/state/store'
+
+const clone = <T,>(value: T): T => JSON.parse(JSON.stringify(value))
+
+interface TaskStart {
+  status: AnnotationStatus
+  result?: string
+  updatedAt: string
+  completedAt?: string
+}
+
+const taskStarts = new Map<string, TaskStart>()
+
+export interface LiveAnnotationTask extends AnnotationTask {
+  trackId: string
+  trackName: string
+  end: number
+}
+
+export function getAnnotationTasks(filter: {
+  status?: AnnotationStatus
+  trackId?: string
+} = {}): LiveAnnotationTask[] {
+  const project = useEditor.getState().project
+  return project.tracks
+    .filter((track) => track.kind === 'annotation' && (!filter.trackId || track.id === filter.trackId))
+    .flatMap((track) => (track.annotations ?? [])
+      .filter((task) => !filter.status || task.status === filter.status)
+      .map((task) => ({
+        ...clone(task),
+        trackId: track.id,
+        trackName: track.name,
+        end: task.start + task.duration
+      })))
+    .sort((a, b) => a.start - b.start)
+}
+
+export function startAnnotationTask(id: string): LiveAnnotationTask {
+  const state = useEditor.getState()
+  const live = findAnnotation(state.project, id)
+  if (!live) throw new Error(`annotation task not found: ${id}`)
+  if (!taskStarts.has(id)) {
+    taskStarts.set(id, {
+      status: live.annotation.status,
+      result: live.annotation.result,
+      updatedAt: live.annotation.updatedAt,
+      completedAt: live.annotation.completedAt
+    })
+  }
+  const project = clone(state.project)
+  const found = findAnnotation(project, id)!
+  found.annotation.status = 'in_progress'
+  found.annotation.completedAt = undefined
+  found.annotation.updatedAt = new Date().toISOString()
+  useEditor.setState({ project })
+  return getAnnotationTasks().find((task) => task.id === id)!
+}
+
+/**
+ * Apply one agent task as one undo entry. The undo snapshot restores the
+ * pre-agent status/result while retaining the latest live text and timing, so
+ * a user drag performed while the agent was thinking is never overwritten.
+ * `mutate` should contain the final, short editor mutation batch.
+ */
+export async function applyAnnotationTask<T>(
+  id: string,
+  result: string,
+  mutate?: () => T | Promise<T>
+): Promise<{ task: LiveAnnotationTask; value: T | null }> {
+  const before = useEditor.getState()
+  const live = findAnnotation(before.project, id)
+  if (!live) {
+    taskStarts.delete(id)
+    throw new Error(`annotation task not found: ${id}`)
+  }
+
+  const currentProject = clone(before.project)
+  const undoProject: Project = clone(currentProject)
+  const undoTask = findAnnotation(undoProject, id)!.annotation
+  const started = taskStarts.get(id)
+  if (started) {
+    undoTask.status = started.status
+    undoTask.result = started.result
+    undoTask.updatedAt = started.updatedAt
+    undoTask.completedAt = started.completedAt
+  }
+  const past = before.past
+  const future = before.future
+
+  try {
+    const value = mutate ? await mutate() : null
+    const after = useEditor.getState()
+    const project = clone(after.project)
+    const found = findAnnotation(project, id)
+    if (!found) throw new Error(`annotation task not found: ${id}`)
+    const now = new Date().toISOString()
+    found.annotation.status = 'done'
+    found.annotation.result = result.trim()
+    found.annotation.updatedAt = now
+    found.annotation.completedAt = now
+    useEditor.setState({
+      project,
+      past: [...past, { project: undoProject, label: 'hAnnotationAgent' }].slice(-50),
+      future: []
+    })
+    taskStarts.delete(id)
+    return { task: getAnnotationTasks().find((task) => task.id === id)!, value }
+  } catch (error) {
+    const latest = useEditor.getState()
+    if (findAnnotation(latest.project, id)) {
+      useEditor.setState({ project: currentProject, past, future })
+    } else {
+      // A concurrent user deletion wins: never resurrect a task by ID.
+      useEditor.setState({ past, future: [] })
+    }
+    taskStarts.delete(id)
+    throw error
+  }
+}
+
+export function updateAnnotationTask(
+  id: string,
+  patch: { status?: AnnotationStatus; result?: string }
+): LiveAnnotationTask {
+  const ok = useEditor.getState().updateAnnotation(id, patch)
+  if (!ok) throw new Error(`annotation task not found: ${id}`)
+  return getAnnotationTasks().find((task) => task.id === id)!
+}
diff --git a/src/engine/audio.ts b/src/engine/audio.ts
index da4b3c5..dad3b95 100644
--- a/src/engine/audio.ts
+++ b/src/engine/audio.ts
@@ -44,6 +44,12 @@ export function setElementGain(el: HTMLMediaElement, v: number) {
   if (g) g.gain.value = Number.isFinite(v) ? Math.max(0, v) : 0
 }
 
+/** Master output level for standalone-player volume and mute controls. */
+export function setMasterGain(v: number) {
+  ensureAudio()
+  master!.gain.value = Number.isFinite(v) ? Math.max(0, v) : 0
+}
+
 export function isRouted(el: HTMLMediaElement): boolean {
   return gains.has(el)
 }
diff --git a/src/engine/capabilities.ts b/src/engine/capabilities.ts
new file mode 100644
index 0000000..b645462
--- /dev/null
+++ b/src/engine/capabilities.ts
@@ -0,0 +1,373 @@
+// Machine-readable editor contract for AI/MCP clients. Keep capability values
+// close to the runtime registries they describe: transition ids, effect
+// defaults, caption defaults and export presets are imported from the same
+// modules the UI and renderer use, so the agent never relies on a stale list.
+import { TRANSITIONS, DEFAULT_TRANSITION } from '@/gl/transitions'
+import { EDGE_TRANSITIONS, DEFAULT_EDGE_DURATION } from '@/gl/edges'
+import { GLOW_DEFAULTS } from '@/gl/glow'
+import { CAPTION_DEFAULTS } from './captions'
+import { PRESETS } from '@/presets'
+import { DEFAULT_VOICEOVER_SETTINGS, VOICEOVER_VOICES } from '@shared/voiceover'
+
+export const CAPABILITY_SECTION_NAMES = [
+  'model',
+  'projectFiles',
+  'timeline',
+  'animation',
+  'transforms',
+  'masks',
+  'effects',
+  'transitions',
+  'audioSpeech',
+  'captions',
+  'fragments',
+  'voice',
+  'export',
+  'store'
+] as const
+
+export type CapabilitySection = (typeof CAPABILITY_SECTION_NAMES)[number]
+
+const param = (
+  unit: string,
+  defaultValue: number,
+  min: number | null = null,
+  max: number | null = null,
+  step: number | null = null
+) => ({ unit, default: defaultValue, min, max, step, animatable: true })
+
+function sections(storeActions: string[]) {
+  return {
+    model: {
+      times: 'seconds',
+      project: {
+        fields: ['version', 'id', 'name', 'width', 'height', 'fps', 'background', 'tracks', 'assets', 'texts', 'chapters'],
+        trackOrder: 'tracks[0] is the topmost video layer and is drawn last'
+      },
+      chapter: {
+        fields: ['id', 'title', 'start', 'end'],
+        timing: '[start,end) in project seconds; structural metadata only, never rendered',
+        identity: 'stable random id; preserve ids when revising an existing chapter map'
+      },
+      track: {
+        kinds: ['video', 'audio', 'annotation'],
+        fields: ['id', 'kind', 'name', 'muted', 'locked', 'gain', 'motion', 'clips', 'annotations'],
+        gain: 'audio track volume 0..2; video track opacity 0..1; ignored for annotation tracks'
+      },
+      annotationTask: {
+        fields: [
+          'id', 'text', 'status', 'start', 'duration', 'result',
+          'createdAt', 'updatedAt', 'completedAt'
+        ],
+        statuses: ['new', 'in_progress', 'done'],
+        identity: 'stable random id; never derive identity from timing',
+        timing: 'fixed project seconds, user-owned, never follows media clips and never renders'
+      },
+      clip: {
+        kinds: ['media', 'text', 'remotion'],
+        fields: [
+          'id', 'assetId', 'kind', 'fragmentId', 'fragmentMeta', 'text', 'textStyle',
+          'voiceover', 'start', 'duration', 'inPoint', 'speed', 'fadeIn', 'fadeOut',
+          'gain', 'muted', 'transform', 'mask', 'maskShapes', 'effects', 'linkId',
+          'transitionIn', 'transitionOut', 'label'
+        ],
+        looping: 'duration beyond the remaining source span loops media',
+        linkedPairs: 'video and audio clips imported together share linkId and normally move/edit together'
+      },
+      mediaAsset: {
+        kinds: ['video', 'audio', 'image'],
+        fields: [
+          'id', 'path', 'name', 'kind', 'duration', 'width', 'height', 'fps',
+          'hasAudio', 'codec', 'proxyPath', 'reverseOf', 'voice'
+        ],
+        importPipeline: 'ffprobe metadata + thumbnails + waveform; >=720p video may receive a 540p proxy; export uses path/original'
+      }
+    },
+
+    projectFiles: {
+      format: '.kadr JSON project file',
+      read: 'await window.kadr.readProject(absolutePath)',
+      write: 'await window.kadr.writeProject(absolutePath, project)',
+      portablePackage: {
+        action: 'await window.kadr.packageProject(parentDir, sourceProjectPath|null, project, options)',
+        options: {
+          includeDependencies: 'copy media, transcript files, voice sources/versions and Remotion fragments into the project folder',
+          zip: 'also create a zip archive beside the packaged folder'
+        },
+        result: '{projectPath,folderPath,zipPath?}',
+        pathRules: 'packaged projects use relative dependency paths; readProject resolves them and restores packaged fragments'
+      },
+      autosave: {
+        action: 'await window.kadrEditor.autosaveNow()',
+        behavior: 'writes <project-name>.autosave.kadr beside a saved project when dirty; pauses during export or an active Claude session'
+      },
+      recovery: 'read/write are non-interactive; use absolute paths and never overwrite a user file without explicit intent'
+    },
+
+    timeline: {
+      conventions: [
+        'clip.start/duration/inPoint and fades are timeline seconds',
+        'mutating low-level fields requires pushHistory(label) once before the batch',
+        'high-level actions document whether they push their own history entry',
+        're-read useEditor.getState() after every action: zustand state objects are immutable snapshots'
+      ],
+      speed: {
+        uiRange: { min: 0.02, max: 100 },
+        action: 'setClipSpeed(clipId, speed, duration, start?)',
+        behavior: 'rescales clip-local keyframes and fades; linked partners follow; optional start anchors a left-edge speed edit'
+      },
+      actions: {
+        import: 'await importFiles([absolutePaths], {trackId, at}|null)',
+        insert: 'insertClipFromAsset(assetId, trackId|null, at)',
+        insertBatch: 'insertClipsFromAssets(assetIds, trackId|null, at)',
+        text: 'insertTextClip(at)',
+        move: 'moveClip(clipId, trackId, start) or setClipStarts(entries)',
+        trim: "trimClip(clipId, 'in'|'out', time)",
+        split: 'setPlayhead(t); select([clipId]); splitAtPlayhead()',
+        keepRanges: 'splitClipIntoRanges(clipId, [{start,end}, ...]) where ranges are clip-local seconds',
+        delete: 'select(ids); deleteSelection()',
+        durationOrLoop: 'setClipDuration(clipId, duration)',
+        link: 'select two clips; toggleLinkSelection()',
+        reverse: 'await window.kadrEditor.reverseClip(clipId)',
+        normalize: 'await window.kadrEditor.normalizeClip(clipId, {targetLufs?, peakDb?})',
+        chapters: 'prefer the kadr_chapters MCP tool; replaceChapters(chapters) is the store action',
+        annotationTasks: 'prefer kadr_tasks / kadr_task_start / kadr_task_complete MCP tools; they patch by id without timing fields'
+      }
+    },
+
+    animation: {
+      animSchema: {
+        value: 'number: fallback/static value',
+        keyframes: "optional sorted [{time:number,value:number,easing:'linear'|'easeIn'|'easeOut'|'easeInOut'|'hold'}]",
+        smooth: 'optional boolean; continuous asymmetric smoothing and Catmull-Rom through 3+ keys'
+      },
+      easing: ['linear', 'easeIn', 'easeOut', 'easeInOut', 'hold'],
+      timeBases: {
+        clipProperties: 'keyframe.time is relative to clip.start',
+        trackMotion: 'keyframe.time is absolute project time'
+      },
+      safeEdit: [
+        'Never replace an existing Anim with {value} when it has keyframes unless the user asked to remove animation.',
+        'To set a keyed value, clone the current Anim, upsert a key at the correct time base, preserve smooth, sort keys by time.',
+        'The easing stored on a key controls the segment from that key to the next key.'
+      ],
+      example: {
+        existing: { value: 1, smooth: false, keyframes: [{ time: 0, value: 1, easing: 'easeInOut' }] },
+        addAtClipLocalSecond2: { value: 1, smooth: false, keyframes: [
+          { time: 0, value: 1, easing: 'easeInOut' },
+          { time: 2, value: 1.5, easing: 'easeOut' }
+        ] }
+      }
+    },
+
+    transforms: {
+      clip: {
+        x: param('project px from center', 0, null, null, 1),
+        y: param('project px from center', 0, null, null, 1),
+        scale: param('1 = fitted source size', 1, 0.01, 20, 0.05),
+        rotation: param('degrees around Z', 0, null, null, 1),
+        opacity: param('ratio', 1, 0, 1, 0.05),
+        rotX: param('degrees; presence enables 3D', 0, null, null, 1),
+        rotY: param('degrees; presence enables 3D', 0, null, null, 1),
+        z: param('project px depth; presence enables 3D', 0, null, null, 10)
+      },
+      trackMotion: {
+        fields: ['x', 'y', 'scale', 'rotation', 'rotX', 'rotY', 'z'],
+        timeBase: 'absolute project seconds',
+        applicationOrder: 'applied after each clip transform to every clip on the video track'
+      },
+      perspective: 'perspective-correct GPU projection; rotX/rotY/z work on media, text and captured Remotion fragments'
+    },
+
+    masks: {
+      crop: {
+        fields: ['left', 'top', 'right', 'bottom'],
+        each: param('fraction of layer', 0, 0, 0.49, 0.01)
+      },
+      shapes: {
+        maxPerClip: 8,
+        types: ['rect', 'ellipse', 'triangle'],
+        fields: {
+          cx: param('layer UV', 0.5, -0.5, 1.5, 0.01),
+          cy: param('layer UV', 0.5, -0.5, 1.5, 0.01),
+          w: param('layer UV size', 0.5, 0.01, 2, 0.01),
+          h: param('layer UV size', 0.5, 0.01, 2, 0.01),
+          featherIn: param('layer-height fraction', 0, 0, 0.5, 0.005),
+          featherOut: param('layer-height fraction', 0, 0, 0.5, 0.005),
+          invert: { type: 'boolean', default: false, animatable: false }
+        },
+        composition: 'union of normal shapes minus inverted shapes; crop and shape masks both apply'
+      }
+    },
+
+    effects: {
+      stack: 'clip.effects is ordered; each item is {id,type,enabled,params}',
+      types: [
+        {
+          type: 'blur',
+          defaults: { size: 20 },
+          params: { size: { unit: 'project px', min: 0, max: 300, step: 1 } }
+        },
+        {
+          type: 'glow',
+          defaults: { ...GLOW_DEFAULTS },
+          params: {
+            color: { type: 'hex color string' },
+            size: { unit: 'project px', min: 4, max: 400, step: 1 },
+            intensity: { min: 0, max: 3, step: 0.05 },
+            saturation: { min: 0, max: 2, step: 0.05 },
+            smoke: { min: 0, max: 1, step: 0.05 },
+            speed: { min: 0, max: 3, step: 0.05 },
+            particles: { min: 0, max: 1, step: 0.05 }
+          }
+        }
+      ],
+      presets: {
+        store: 'window.kadrEditor.useFxPresets.getState()',
+        save: 'savePreset({name,effects})',
+        apply: 'clone preset effects with fresh uid() values and cloned params, then updateClip',
+        delete: 'deletePreset(id)',
+        scope: 'app-wide, persisted across projects'
+      }
+    },
+
+    transitions: {
+      overlap: {
+        behavior: 'overlap two visual clips on one track; overlap duration is transition duration',
+        action: 'setTransition(incomingClipId, type|null); null means hard cut',
+        default: DEFAULT_TRANSITION,
+        effects: TRANSITIONS.map(({ id, nameKey }) => ({ id, nameKey })),
+        menuChoicesIncludingHardCut: TRANSITIONS.length + 1
+      },
+      edge: {
+        behavior: 'tip effect on an in/out edge; matched out+in effects hide a butt-joint cut at peak intensity',
+        action: "setEdgeTransitions([{clipId,edge:'in'|'out',type,duration}, ...])",
+        defaultDuration: DEFAULT_EDGE_DURATION,
+        effects: EDGE_TRANSITIONS.map(({ id, nameKey }) => ({ id, nameKey }))
+      }
+    },
+
+    audioSpeech: {
+      gain: 'clip.gain is Anim, normally 0..2; track.gain is a scalar 0..2',
+      fades: 'fadeIn/fadeOut are timeline seconds; overlapping audible clips on one track crossfade automatically',
+      normalize: { action: 'await normalizeClip(clipId, options?)', defaults: { targetLufs: -14, peakDb: -1 } },
+      transcription: {
+        tool: 'kadr_transcribe',
+        models: ['large-v3', 'medium', 'base'],
+        targets: ['assetId', 'timeline start+end'],
+        languageDefault: 'auto',
+        timecodes: ['absolute', 'relative'],
+        maxWords: '1..4 for word-timed cues; 0 for phrases; default 3',
+        output: 'SRT + TXT registered in project.texts',
+        protections: ['VAD', 'no cross-segment conditioning', 'confidence thresholds', 'long-pause rejection', 'repeat filters']
+      }
+    },
+
+    captions: {
+      creation: 'await window.kadrEditor.autoCaptions({range,style,maxWords,model?,language?})',
+      defaults: { ...CAPTION_DEFAULTS },
+      style: {
+        fontFamily: 'string',
+        fontSize: 'project px',
+        bold: 'boolean',
+        color: 'CSS color',
+        highlightColor: 'CSS color',
+        entrance: ['pop', 'fade', 'rise', 'none'],
+        highlight: ['color', 'pop', 'box', 'none'],
+        speed: { min: 0.5, max: 2 }
+      },
+      result: 'transparent Remotion fragment with word-level timing, placed on a free top video track'
+    },
+
+    fragments: {
+      tool: 'kadr_fragment_create',
+      kinds: ['transparent overlay', 'opaque scene'],
+      timing: 'clip is [start,end); composition fps is max(60, project.fps)',
+      editing: 'edit returned entryFile; Vite hot reload updates preview; final render happens once during export',
+      contract: 'keep exporting fragment={component,meta}; keep meta.json durationInFrames synchronized',
+      mediaRule: 'copy media into the fragment folder and import it relatively; absolute paths do not bundle',
+      clipFeatures: 'fragment clips accept transforms, 3D, masks, effects and transitions like visual clips'
+    },
+
+    voice: {
+      recording: {
+        surface: 'UI microphone studio; browser permission and a real audio input are required',
+        effects: ['input gain', 'leveling', 'noise high-pass/suppression', 'compressor', 'delay'],
+        autoCut: 'splitClipIntoRanges keeps detected speech islands at their original timeline positions',
+        assetMetadata: "asset.voice.source is 'microphone'|'neural-tts'; rawPath preserves the pre-effect recording when present"
+      },
+      localTts: {
+        engine: 'F5-TTS',
+        status: 'await window.kadr.voiceoverStatus(settings)',
+        generate: 'await window.kadr.voiceoverGenerate({clipId,projectPath,version,text,settings})',
+        clone: {
+          list: 'await window.kadr.voiceCloneList()',
+          prepare: 'await window.kadr.voiceClonePrepare(sourcePath)',
+          process: 'await window.kadr.voiceCloneProcess(previewPath, options)',
+          save: 'await window.kadr.voiceCloneSave({processedPath,name,description,referenceText,source,sourceLabel})',
+          portability: 'project.voiceClones and settings.customVoice references are copied beside every saved or packaged project'
+        },
+        defaults: { ...DEFAULT_VOICEOVER_SETTINGS },
+        voices: VOICEOVER_VOICES.map(({ id, number, name, nameEn, description, descriptionEn }) => ({
+          id, number, name, nameEn, description, descriptionEn
+        })),
+        selection: 'bundled: set settings.voiceId; custom: set both settings.voiceId and settings.customVoice',
+        result: 'probe result.path, add an audio asset, then update clip.voiceover history and selected assetId'
+      }
+    },
+
+    export: {
+      tool: 'kadr_export',
+      presets: PRESETS.map((p) => ({
+        id: p.id,
+        name: p.name,
+        container: p.container,
+        width: p.width,
+        height: p.height,
+        fps: p.fps,
+        audioOnly: !!p.audioOnly
+      })),
+      range: 'optional [start,end) project seconds',
+      options: {
+        motionBlur: 'default true; 180-degree shutter averaging 8 subframes',
+        frameBlending: 'default true; blends adjacent source frames when source cadence is below project fps'
+      },
+      wysiwyg: 'same GPU compositor as preview; original media paths are used instead of proxies'
+    },
+
+    store: {
+      access: 'window.kadrEditor.useEditor.getState()',
+      availableActions: storeActions,
+      importantSignatures: {
+        updateClip: 'updateClip(clipId, Partial<Clip>)',
+        updateTrack: 'updateTrack(trackId, Partial<Track>)',
+        setTransition: 'setTransition(clipId, type|null)',
+        setEdgeTransitions: "setEdgeTransitions([{clipId,edge:'in'|'out',type:string|null,duration?:number}])",
+        setClipStarts: 'setClipStarts([{id,start,trackId?}])',
+        splitClipIntoRanges: 'splitClipIntoRanges(clipId, [{start,end}])',
+        replaceChapters: 'replaceChapters([{id,title,start,end}]) — replaces the full map as one undo entry',
+        updateChapter: 'updateChapter(id, {title?,start?,end?}); pushHistory once before a low-level batch',
+        pushHistory: 'pushHistory(label) once before a low-level edit batch'
+      },
+      presetStores: ['usePosePresets', 'useFxPresets']
+    }
+  }
+}
+
+export function getEditorCapabilities(
+  section: string = 'all',
+  storeActions: string[] = []
+) {
+  const data = sections(storeActions)
+  const base = {
+    apiVersion: 2,
+    editor: 'Kadr',
+    availableSections: [...CAPABILITY_SECTION_NAMES],
+    generatedFromRuntimeRegistries: ['TRANSITIONS', 'EDGE_TRANSITIONS', 'GLOW_DEFAULTS', 'CAPTION_DEFAULTS', 'PRESETS']
+  }
+  if (section === 'all') return { ...base, sections: data }
+  if (!CAPABILITY_SECTION_NAMES.includes(section as CapabilitySection)) {
+    throw new Error(`unknown capability section: ${section}; use one of ${CAPABILITY_SECTION_NAMES.join(', ')}, all`)
+  }
+  return { ...base, section, capabilities: data[section as CapabilitySection] }
+}
diff --git a/src/engine/exporter.ts b/src/engine/exporter.ts
index 6b9dad4..7aace56 100644
--- a/src/engine/exporter.ts
+++ b/src/engine/exporter.ts
@@ -648,7 +648,7 @@ function undecodableFallback(asset: MediaAsset): Promise<MediaAsset | null> {
  * (or cache-hit) fragment file — full resolution and fps, alpha kept for
  * transparent fragments. WYSIWYG: this clone is what gets exported.
  */
-async function materializeFragments(
+export async function materializeFragments(
   project: Project,
   onProgress: (p: ExportProgress) => void
 ): Promise<Project> {
diff --git a/src/engine/mediaImport.ts b/src/engine/mediaImport.ts
index 085f085..d73c2ce 100644
--- a/src/engine/mediaImport.ts
+++ b/src/engine/mediaImport.ts
@@ -6,9 +6,30 @@ import type { TextDoc } from '@shared/types'
 /** files/URLs currently being imported (drop or dialog) — drives the '…' hint */
 export const useImportUi = create<{ active: number }>(() => ({ active: 0 }))
 
+export interface MediaDropGhost {
+  trackId: string
+  start: number
+  duration: number
+  label: string
+  kind: 'video' | 'audio' | 'external'
+  secondary?: boolean
+  blocked?: boolean
+}
+
+export const useMediaDropUi = create<{ ghosts: MediaDropGhost[] }>(() => ({ ghosts: [] }))
+
+export function showMediaDropPreview(ghosts: MediaDropGhost[]): void {
+  useMediaDropUi.setState({ ghosts })
+}
+
+export function clearMediaDropPreview(): void {
+  if (useMediaDropUi.getState().ghosts.length) useMediaDropUi.setState({ ghosts: [] })
+}
+
 /**
  * Import files by absolute path: probe each into a bin asset (paths already
- * in the bin are reused, not duplicated), register srt/txt as text docs, and
+ * in the bin are reused, not duplicated), register SRT/TXT and converted
+ * DOC/DOCX scenarios as text docs, and
  * — when `at` is given — lay the media out back-to-back on the timeline from
  * that point (one undo entry; audio lands on an audio track).
  * Used by the Import dialog and by OS drag-and-drop onto the bin/timeline.
@@ -32,15 +53,32 @@ async function importFilesInner(
   const st = useEditor.getState
   const assetIds: string[] = []
   const textDocs: TextDoc[] = []
+  const knownTextPaths = new Set((st().project.texts ?? []).map((doc) => doc.path))
   for (const path of paths) {
     const ext = path.split('.').pop()?.toLowerCase()
     if (ext === 'srt' || ext === 'txt') {
-      textDocs.push({
-        id: uid(),
-        name: baseOf(path),
-        path,
-        format: ext as 'srt' | 'txt'
-      })
+      if (!knownTextPaths.has(path)) {
+        textDocs.push({
+          id: uid(),
+          name: baseOf(path),
+          path,
+          format: ext as 'srt' | 'txt'
+        })
+        knownTextPaths.add(path)
+      }
+      continue
+    }
+    if (ext === 'doc' || ext === 'docx') {
+      const converted = await window.kadr.prepareTextDocument(path)
+      if (!knownTextPaths.has(converted.path)) {
+        textDocs.push({
+          id: uid(),
+          name: converted.name,
+          path: converted.path,
+          format: 'txt'
+        })
+        knownTextPaths.add(converted.path)
+      }
       continue
     }
     const existing = st().project.assets.find((a) => a.path === path)
@@ -125,6 +163,21 @@ export function dragHasMedia(e: { dataTransfer: DataTransfer }): boolean {
     t.includes('application/vnd.portal.filetransfer')
 }
 
+let internalDragAssetId: string | null = null
+
+export function beginInternalMediaDrag(assetId: string): void {
+  internalDragAssetId = assetId
+}
+
+export function endInternalMediaDrag(): void {
+  internalDragAssetId = null
+  clearMediaDropPreview()
+}
+
+export function getInternalMediaDragAssetId(): string | null {
+  return internalDragAssetId
+}
+
 /** Is there anything for importDrop to work with? */
 export function dropUsable(p: DropPayload): boolean {
   return p.paths.length > 0 || p.urls.length > 0 || p.blobs.length > 0 || !!p.portalKey
diff --git a/src/engine/player.ts b/src/engine/player.ts
index 4f6f20b..5a6e49a 100644
--- a/src/engine/player.ts
+++ b/src/engine/player.ts
@@ -117,6 +117,12 @@ export interface MediaPoolOptions {
   audio?: boolean
   /** decode preview proxies instead of the originals when available */
   proxy?: boolean
+  /** Convert a project asset path into a URL understood by this runtime. */
+  resolveUrl?: (path: string) => string
+  /** Electron's kadr:// protocol needs CORS; local standalone files do not. */
+  crossOrigin?: boolean
+  /** Master multiplier when WebAudio routing is unavailable (notably file://). */
+  outputGain?: () => number
 }
 
 export class MediaPool {
@@ -141,17 +147,18 @@ export class MediaPool {
     const override = this.overrides.get(clipId)
     const useProxy = !override && this.opts.proxy && !!asset.proxyPath &&
       (!this.sourceQuality || !chromiumCanDecode(asset.codec))
-    const url = window.kadr.fileUrl(override ?? (useProxy ? asset.proxyPath! : asset.path))
+    const path = override ?? (useProxy ? asset.proxyPath! : asset.path)
+    const url = this.opts.resolveUrl?.(path) ?? window.kadr.fileUrl(path)
     if (!el) {
       if (asset.kind === 'image') {
         el = new Image()
         // without CORS the kadr:// image is tainted on modern Chromium and
         // texImage2D refuses it — the clip simply vanishes from the preview
-        el.crossOrigin = 'anonymous'
+        if (this.opts.crossOrigin !== false) el.crossOrigin = 'anonymous'
       } else {
         el = document.createElement('video')
         el.preload = 'auto'
-        el.crossOrigin = 'anonymous'
+        if (this.opts.crossOrigin !== false) el.crossOrigin = 'anonymous'
         if (this.opts.audio) attachAudio(el)
       }
       this.items.set(clipId, el)
@@ -170,7 +177,8 @@ export class MediaPool {
       el.volume = 1
       setElementGain(el, v)
     } else {
-      el.volume = Math.min(1, Math.max(0, v))
+      const outputGain = this.opts.outputGain?.() ?? 1
+      el.volume = Math.min(1, Math.max(0, v * outputGain))
     }
   }
 
@@ -524,21 +532,42 @@ interface PlayerHooks {
   duration(): number
 }
 
+export interface PlayerOptions {
+  /** Standalone exports use rewritten asset paths, never editor proxies. */
+  proxy?: boolean
+  resolveUrl?: (path: string) => string
+  crossOrigin?: boolean
+  /** Disable MediaElementAudioSource where the browser blocks it (file://). */
+  webAudio?: boolean
+  /** Master multiplier used when webAudio is disabled. */
+  outputGain?: () => number
+}
+
 /** Live preview: master clock + media element sync + GPU composite. */
 export class Player {
   private comp: Compositor | null = null
-  private pool = new MediaPool({ audio: true, proxy: true })
+  private pool: MediaPool
   private raf = 0
   private gcCounter = 0
   private wasLoading = false
   private lastDrawnProject: Project | null = null
   private lastDrawnT = -1
   private stableTicks = 0
+  private webAudio: boolean
   /** playback clock anchor — see tick() */
   private anchor: { ts: number; t: number } | null = null
   private lastSet = -1
 
-  constructor(private hooks: PlayerHooks) {}
+  constructor(private hooks: PlayerHooks, opts: PlayerOptions = {}) {
+    this.webAudio = opts.webAudio ?? true
+    this.pool = new MediaPool({
+      audio: this.webAudio,
+      proxy: opts.proxy ?? true,
+      resolveUrl: opts.resolveUrl,
+      crossOrigin: opts.crossOrigin,
+      outputGain: opts.outputGain
+    })
+  }
 
   /** Frame snapshots: decode originals instead of preview proxies while on. */
   setSourceQuality(on: boolean) {
@@ -588,7 +617,7 @@ export class Player {
 
     let t = playhead
     if (playing) {
-      resumeAudio()
+      if (this.webAudio) resumeAudio()
       // anchored clock: rAF timestamps are vsync-aligned, so projecting from
       // a fixed anchor gives constant velocity — accumulating per-frame
       // deltas would fold frame-time jitter into the motion (visible judder)
diff --git a/src/engine/previewHitTest.ts b/src/engine/previewHitTest.ts
new file mode 100644
index 0000000..8de1524
--- /dev/null
+++ b/src/engine/previewHitTest.ts
@@ -0,0 +1,143 @@
+import type { Clip, MediaAsset, Project, TextStyle, Track } from '@shared/types'
+import { evalAnim } from './anim'
+import { fadeFactor, videoLayersAt } from './player'
+
+export interface TextContentBounds {
+  width: number
+  height: number
+  centerX: number
+}
+
+export function measureTextContent(
+  text: string,
+  style: TextStyle,
+  projectWidth: number
+): TextContentBounds {
+  const canvas = document.createElement('canvas')
+  const ctx = canvas.getContext('2d')!
+  ctx.font = `${style.italic ? 'italic ' : ''}${style.bold ? 'bold ' : ''}${style.fontSize}px ${style.fontFamily}`
+  const lines = (text || ' ').split('\n')
+  const rawWidth = Math.max(...lines.map((line) => ctx.measureText(line || ' ').width))
+  const pad = style.background ? style.fontSize * 0.4 : style.outlineWidth + 4
+  const width = Math.max(style.fontSize, rawWidth + pad * 2)
+  const height = Math.max(style.fontSize, style.fontSize * 1.25 * lines.length + pad * 2)
+  const anchor = style.align === 'left'
+    ? projectWidth * 0.1
+    : style.align === 'right'
+      ? projectWidth * 0.9
+      : projectWidth / 2
+  const centerX = style.align === 'left'
+    ? anchor + rawWidth / 2
+    : style.align === 'right'
+      ? anchor - rawWidth / 2
+      : anchor
+  return { width, height, centerX }
+}
+
+function inverse2d(
+  px: number,
+  py: number,
+  x: number,
+  y: number,
+  scale: number,
+  rotation: number
+): [number, number] {
+  const dx = px - x
+  const dy = py - y
+  const rad = rotation * Math.PI / 180
+  const cos = Math.cos(rad)
+  const sin = Math.sin(rad)
+  const safeScale = Math.max(0.0001, Math.abs(scale))
+  return [
+    (dx * cos + dy * sin) / safeScale,
+    (-dx * sin + dy * cos) / safeScale
+  ]
+}
+
+function sourceSize(
+  project: Project,
+  clip: Clip,
+  asset: MediaAsset | undefined
+): { width: number; height: number; fit: number } | null {
+  if (clip.kind === 'text') return { width: project.width, height: project.height, fit: 1 }
+  if (clip.kind === 'remotion') {
+    const width = clip.fragmentMeta?.width ?? project.width
+    const height = clip.fragmentMeta?.height ?? project.height
+    return { width, height, fit: Math.min(project.width / width, project.height / height) }
+  }
+  if (!asset || asset.kind === 'audio') return null
+  const width = Math.max(1, asset.width || project.width)
+  const height = Math.max(1, asset.height || project.height)
+  return { width, height, fit: Math.min(project.width / width, project.height / height) }
+}
+
+function hitsLayer(
+  project: Project,
+  playhead: number,
+  projectX: number,
+  projectY: number,
+  clip: Clip,
+  track: Track,
+  asset: MediaAsset | undefined
+): boolean {
+  const rel = Math.max(0, Math.min(clip.duration, playhead - clip.start))
+  const opacity = evalAnim(clip.transform.opacity, rel) * fadeFactor(clip, rel) * track.gain
+  if (opacity <= 0.01) return false
+  const source = sourceSize(project, clip, asset)
+  if (!source) return false
+
+  let x = projectX - project.width / 2
+  let y = projectY - project.height / 2
+  if (track.motion) {
+    ;[x, y] = inverse2d(
+      x,
+      y,
+      evalAnim(track.motion.x, playhead),
+      evalAnim(track.motion.y, playhead),
+      evalAnim(track.motion.scale, playhead),
+      evalAnim(track.motion.rotation, playhead)
+    )
+  }
+  ;[x, y] = inverse2d(
+    x,
+    y,
+    evalAnim(clip.transform.x, rel),
+    evalAnim(clip.transform.y, rel),
+    evalAnim(clip.transform.scale, rel) * source.fit,
+    evalAnim(clip.transform.rotation, rel)
+  )
+
+  if (clip.kind === 'text' && clip.textStyle) {
+    const bounds = measureTextContent(clip.text ?? '', clip.textStyle, project.width)
+    const centerX = bounds.centerX - project.width / 2
+    return Math.abs(x - centerX) <= bounds.width / 2 && Math.abs(y) <= bounds.height / 2
+  }
+
+  if (Math.abs(x) > source.width / 2 || Math.abs(y) > source.height / 2) return false
+  if (clip.mask) {
+    const u = x / source.width + 0.5
+    const v = y / source.height + 0.5
+    const left = Math.min(0.5, Math.max(0, evalAnim(clip.mask.left, rel)))
+    const top = Math.min(0.5, Math.max(0, evalAnim(clip.mask.top, rel)))
+    const right = Math.min(0.5, Math.max(0, evalAnim(clip.mask.right, rel)))
+    const bottom = Math.min(0.5, Math.max(0, evalAnim(clip.mask.bottom, rel)))
+    if (u < left || u > 1 - right || v < top || v > 1 - bottom) return false
+  }
+  return true
+}
+
+/** Visible visual clips under a project-space point, topmost first. */
+export function previewHitsAt(
+  project: Project,
+  playhead: number,
+  projectX: number,
+  projectY: number
+): Clip[] {
+  return videoLayersAt(project, playhead)
+    .slice()
+    .reverse()
+    .filter(({ clip, track, asset }) =>
+      hitsLayer(project, playhead, projectX, projectY, clip, track, asset)
+    )
+    .map(({ clip }) => clip)
+}
diff --git a/src/engine/proxy.ts b/src/engine/proxy.ts
index d2dce55..9d16888 100644
--- a/src/engine/proxy.ts
+++ b/src/engine/proxy.ts
@@ -1,8 +1,8 @@
-// Preview proxies: heavy sources get a background 540p copy from the main
+// Preview proxies: heavy sources get a background adaptive 720p copy from the main
 // process; the preview's MediaPool then decodes the proxy while export keeps
 // reading the original (WYSIWYG quality).
 import { create } from 'zustand'
-import type { MediaAsset } from '@shared/types'
+import type { MediaAsset, ProxyBuildState } from '@shared/types'
 import { useEditor } from '@/state/store'
 import { chromiumCanDecode } from './codecs'
 
@@ -12,9 +12,17 @@ const PROXY_MIN_SIDE = 720
 interface ProxyProgressState {
   /** asset id → 0..1 while a proxy is being generated */
   jobs: Record<string, number>
+  /** Last known lifecycle state, retained after a job completes. */
+  status: Record<string, ProxyBuildState>
+  /** Final error text, retained so a failed proxy is visible and retryable. */
+  errors: Record<string, string>
 }
 
-export const useProxyProgress = create<ProxyProgressState>(() => ({ jobs: {} }))
+export const useProxyProgress = create<ProxyProgressState>(() => ({
+  jobs: {},
+  status: {},
+  errors: {}
+}))
 
 export function wantsProxy(a: MediaAsset): boolean {
   if (a.kind !== 'video') return false
@@ -26,6 +34,69 @@ export function wantsProxy(a: MediaAsset): boolean {
 
 const inflight = new Set<string>()
 
+function requestAssetProxy(a: MediaAsset, force: boolean): Promise<void> {
+  if (inflight.has(a.id)) return Promise.resolve()
+  inflight.add(a.id)
+  useProxyProgress.setState((state) => {
+    const errors = { ...state.errors }
+    delete errors[a.id]
+    return {
+      jobs: { ...state.jobs, [a.id]: 0 },
+      status: { ...state.status, [a.id]: 'queued' },
+      errors
+    }
+  })
+
+  const request = (async () => {
+    // Projects saved before codec/hasAlpha existed need one fresh probe so
+    // transparent sources never keep an H.264 proxy with baked-in black.
+    let { codec, hasAlpha } = a
+    if (codec === undefined) {
+      const fresh = (await window.kadr.probeMedia(a.path)).asset
+      codec = fresh.codec
+      hasAlpha = fresh.hasAlpha
+      useEditor.getState().updateAsset(a.id, { codec, hasAlpha: !!hasAlpha })
+    }
+    const opts = { alpha: !!hasAlpha, codec }
+    return force
+      ? window.kadr.rebuildProxy(a.path, a.duration, opts)
+      : window.kadr.requestProxy(a.path, a.duration, opts)
+  })()
+  return request
+    .then((proxyPath) => {
+      const cur = useEditor.getState().project.assets.find((asset) => asset.id === a.id)
+      if (cur && cur.proxyPath !== proxyPath) {
+        useEditor.getState().updateAsset(a.id, { proxyPath })
+      }
+      useProxyProgress.setState((state) => ({
+        status: { ...state.status, [a.id]: 'ready' }
+      }))
+    })
+    .catch((error) => {
+      const message = error instanceof Error ? error.message : String(error)
+      useProxyProgress.setState((state) => ({
+        status: { ...state.status, [a.id]: 'error' },
+        errors: { ...state.errors, [a.id]: message }
+      }))
+      throw error
+    })
+    .finally(() => {
+      inflight.delete(a.id)
+      useProxyProgress.setState((state) => {
+        const jobs = { ...state.jobs }
+        delete jobs[a.id]
+        return { jobs }
+      })
+    })
+}
+
+/** Force a fresh, validated proxy for one asset (for UI/manual recovery). */
+export function rebuildProxy(assetId: string): Promise<void> {
+  const asset = useEditor.getState().project.assets.find((candidate) => candidate.id === assetId)
+  if (!asset || asset.kind !== 'video') return Promise.resolve()
+  return requestAssetProxy(asset, true)
+}
+
 /**
  * Kick off proxy builds for every heavy asset. Safe to call repeatedly: an
  * already-built proxy resolves instantly from the main-process cache, which
@@ -35,36 +106,7 @@ export function ensureProxies() {
   const st = useEditor.getState()
   for (const a of st.project.assets) {
     if (!wantsProxy(a) || inflight.has(a.id)) continue
-    inflight.add(a.id)
-    useProxyProgress.setState((s) => ({ jobs: { ...s.jobs, [a.id]: 0 } }))
-    ;(async () => {
-      // assets saved before codec/hasAlpha existed: re-probe once so alpha
-      // sources stop getting (and keeping) an H.264 proxy that bakes the
-      // transparency into a solid background
-      let { codec, hasAlpha } = a
-      if (a.kind === 'video' && codec === undefined) {
-        const fresh = (await window.kadr.probeMedia(a.path)).asset
-        codec = fresh.codec
-        hasAlpha = fresh.hasAlpha
-        useEditor.getState().updateAsset(a.id, { codec, hasAlpha: !!hasAlpha })
-      }
-      return window.kadr.requestProxy(a.path, a.duration, { alpha: !!hasAlpha, codec })
-    })()
-      .then((proxyPath) => {
-        const cur = useEditor.getState().project.assets.find((x) => x.id === a.id)
-        if (cur && cur.proxyPath !== proxyPath) {
-          useEditor.getState().updateAsset(a.id, { proxyPath })
-        }
-      })
-      .catch(() => { /* preview keeps decoding the original */ })
-      .finally(() => {
-        inflight.delete(a.id)
-        useProxyProgress.setState((s) => {
-          const jobs = { ...s.jobs }
-          delete jobs[a.id]
-          return { jobs }
-        })
-      })
+    void requestAssetProxy(a, false).catch(() => { /* original remains usable; error stays in the store */ })
   }
 }
 
@@ -74,11 +116,23 @@ let wired = false
 export function wireProxies() {
   if (wired) return
   wired = true
-  window.kadr.onProxyProgress(({ path, progress }) => {
-    const a = useEditor.getState().project.assets.find((x) => x.path === path)
-    if (a && inflight.has(a.id)) {
-      useProxyProgress.setState((s) => ({ jobs: { ...s.jobs, [a.id]: progress } }))
-    }
+  window.kadr.onProxyProgress(({ path, progress, state, error }) => {
+    const assetIds = useEditor.getState().project.assets
+      .filter((asset) => asset.path === path && inflight.has(asset.id))
+      .map((asset) => asset.id)
+    if (!assetIds.length) return
+    useProxyProgress.setState((current) => {
+      const jobs = { ...current.jobs }
+      const status = { ...current.status }
+      const errors = { ...current.errors }
+      for (const assetId of assetIds) {
+        jobs[assetId] = progress
+        status[assetId] = state
+        if (error) errors[assetId] = error
+        else if (state !== 'retrying' && state !== 'error') delete errors[assetId]
+      }
+      return { jobs, status, errors }
+    })
   })
   let lastAssets: unknown = null
   useEditor.subscribe((s) => {
diff --git a/src/engine/snapshot.ts b/src/engine/snapshot.ts
index 3354644..7099fb6 100644
--- a/src/engine/snapshot.ts
+++ b/src/engine/snapshot.ts
@@ -1,14 +1,11 @@
-// Frame snapshot: grab the WYSIWYG frame at the playhead (or a given time)
-// from the preview compositor, save it as a PNG next to the project file and
-// import it into the media bin. Fragments in iframe-overlay mode are DOM,
-// not GL — for the duration of a snapshot every active fragment is forced
-// through pixel capture so the PNG matches what the export would render.
-// This is also the embedded Claude's "eyes": kadr_snapshot returns the PNG
-// path for it to Read.
+// Frame snapshots and agent storyboards: capture the WYSIWYG preview compositor
+// at source quality. Remotion iframe overlays are forced through pixel capture
+// so the PNGs match the rendered timeline rather than omitting DOM layers.
 import { useEditor } from '@/state/store'
 import { dirOf } from '@shared/paths'
+import type { Project } from '@shared/types'
 import {
-  setForceCaptureAll, captureReady, captureTargets, captureVersion, pokeCaptureSync
+  setForceCaptureAll, captureReady, captureTargets, captureVersion, getCaptureFrame, pokeCaptureSync
 } from './fragmentCapture'
 import { ensureFragmentServer } from './fragments'
 import { importFiles } from './mediaImport'
@@ -27,14 +24,18 @@ export function registerPreviewCanvas(
 
 const sleep = (ms: number) => new Promise((r) => setTimeout(r, ms))
 
-const hasFragmentsNear = (t: number): boolean => {
-  const p = useEditor.getState().project
-  return p.tracks.some(
-    (tr) => tr.kind === 'video' && !tr.muted && tr.clips.some(
-      (c) => c.kind === 'remotion' && t >= c.start - 2 && t < c.start + c.duration + 0.75
-    )
-  )
-}
+const fragmentIdsNear = (project: Project, t: number): string[] =>
+  [...new Set(project.tracks.flatMap((track) => {
+    if (track.kind !== 'video' || track.muted) return []
+    return track.clips.flatMap((clip) =>
+      clip.kind === 'remotion' && clip.fragmentId &&
+      t >= clip.start - 2 && t < clip.start + clip.duration + 0.75
+        ? [clip.fragmentId]
+        : [])
+  }))]
+
+const hasFragmentsNear = (project: Project, t: number): boolean =>
+  fragmentIdsNear(project, t).length > 0
 
 export interface SnapshotResult {
   path: string
@@ -43,121 +44,384 @@ export interface SnapshotResult {
   height: number
 }
 
+export interface StoryboardFrame {
+  t: number
+  path: string
+}
+
+export interface StoryboardResult {
+  contactSheetPath: string
+  frames: StoryboardFrame[]
+  fingerprint: string
+  cached: boolean
+  width: number
+  height: number
+}
+
+export interface StoryboardOptions {
+  start: number
+  end: number
+  step?: number
+  maxFrames?: number
+  refresh?: 'auto' | 'force'
+}
+
+interface CapturedFrame {
+  t: number
+  blob: Blob
+  width: number
+  height: number
+}
+
+// Captures mutate shared preview state, so concurrent MCP and toolbar calls must
+// queue. Rejections are swallowed only on the tail promise; each caller still
+// receives its own error.
+let captureTail: Promise<void> = Promise.resolve()
+function serializeCapture<T>(work: () => Promise<T>): Promise<T> {
+  const run = captureTail.then(work, work)
+  captureTail = run.then(() => undefined, () => undefined)
+  return run
+}
+
+function targetDirectory(interactive: boolean, explicit?: string): Promise<string | null> | string | null {
+  if (explicit) return explicit
+  const projectPath = useEditor.getState().projectPath
+  if (projectPath) return dirOf(projectPath)
+  if (!interactive) return null // main process falls back to Downloads
+  return window.kadr.pickDirectory('Куда сохранить снимок кадра')
+}
+
 /**
- * Render the timeline frame at `t` (default: current playhead) into a PNG.
- * dir: target directory; defaults to the project file's directory. When the
- * project was never saved: `interactive` (the toolbar button) asks with a
- * native picker, non-interactive callers (kadr_snapshot) fall back to
- * Downloads. The PNG is imported into the media bin unless `importToBin`
- * is false.
+ * Capture several frames in one source-quality session, restoring playhead and
+ * playback even when a seek, Remotion capture, or PNG encode fails.
  */
-export async function snapshotFrame(opts: {
-  t?: number
-  dir?: string
-  interactive?: boolean
-  importToBin?: boolean
-} = {}): Promise<SnapshotResult> {
+async function captureFrames(times: number[]): Promise<CapturedFrame[]> {
   const st = () => useEditor.getState()
-  if (!previewCanvas) throw new Error('preview is not mounted')
-
-  let dir = opts.dir ?? null
-  if (!dir) {
-    const pp = st().projectPath
-    if (pp) dir = dirOf(pp)
-    else if (opts.interactive) {
-      dir = await window.kadr.pickDirectory('Куда сохранить снимок кадра')
-      if (!dir) throw new Error('snapshot cancelled')
-    }
-    // else: main falls back to Downloads
-  }
+  const canvas = previewCanvas
+  if (!canvas) throw new Error('preview is not mounted')
 
-  const t = opts.t ?? st().playhead
-  if (Math.abs(t - st().playhead) > 1e-9) st().setPlayhead(t)
+  const originalPlayhead = st().playhead
+  const originalPlaying = st().playing
+  const forceFragments = times.some((t) => hasFragmentsNear(st().project, t))
+  st().setPlaying(false)
 
-  const forced = hasFragmentsNear(t)
-  if (forced) {
-    // cold path: the vite fragment server may still be booting — captures
-    // can't start until it answers, and reconcile retries only every 400 ms
-    try { await ensureFragmentServer() } catch { /* reconcile keeps retrying */ }
+  if (forceFragments) {
+    try { await ensureFragmentServer() } catch { /* capture readiness below reports failure */ }
     setForceCaptureAll(true)
   }
-  // decode ORIGINALS for the shot: the preview normally plays 540p proxies,
-  // and a snapshot at proxy quality defeats its purpose. Elements swap src
-  // and re-seek; undecodable codecs (HEVC) keep their proxy.
+  // This module is the sole source-quality caller. Captures are serialized, so
+  // restoring false recreates the preview's pre-capture proxy mode.
   previewPlayer?.setSourceQuality(true)
   try {
-    // give the player a tick to notice the src swaps (previewLoading rises),
-    // then wait for seeks + captures, then one idle-draw period (~4 fps)
+    // Let source swaps reach the media elements before the first seek.
     await sleep(350)
-    const deadline = Date.now() + 12000
-    for (;;) {
-      const ready = !st().previewLoading && (!forced || captureReady(st().project, t))
-      if (ready || Date.now() > deadline) break
-      await sleep(120)
-    }
-    // fragment seeks are async inside the capture window: grabbing pixels
-    // before the player painted the requested frame returned STALE content
-    // (bug report: snapshots showed the previous playhead's frame). Wait
-    // until each captured player REPORTS the expected frame and has painted
-    // since (version bump), with a grace path for already-correct frames.
-    if (forced) {
-      const targets = captureTargets(st().project, t)
-      const v0 = new Map(targets.map((x) => [x.fragmentId, captureVersion(x.fragmentId)]))
-      const matchedAt = new Map<string, number>()
-      const fresh = new Set<string>()
-      const fDeadline = Date.now() + 6000
-      while (Date.now() < fDeadline && fresh.size < targets.length) {
-        for (const { fragmentId, expectedFrame } of targets) {
-          if (fresh.has(fragmentId)) continue
-          const cur = await window.kadr.fragmentCaptureQuery(fragmentId)
-          if (Math.abs(cur - expectedFrame) <= 1) {
-            if (!matchedAt.has(fragmentId)) matchedAt.set(fragmentId, Date.now())
-            const painted = captureVersion(fragmentId) > (v0.get(fragmentId) ?? 0)
-            if (painted || Date.now() - matchedAt.get(fragmentId)! > 700) fresh.add(fragmentId)
-          } else {
-            matchedAt.delete(fragmentId)
+    const out: CapturedFrame[] = []
+    for (const t of times) {
+      const fragmentIds = fragmentIdsNear(st().project, t)
+      const previousFragmentVersions = new Map(fragmentIds.map(
+        (id) => [id, getCaptureFrame(id)?.version ?? null]
+      ))
+      const moved = Math.abs(t - st().playhead) > 1e-9
+      if (moved) st().setPlayhead(t)
+      // Let the player observe the seek before checking previewLoading.
+      await sleep(180)
+      const deadline = Date.now() + 12000
+      let ready = false
+      while (Date.now() <= deadline) {
+        const fragmentsAdvanced = !moved || fragmentIds.every((id) => {
+          const current = getCaptureFrame(id)?.version
+          const previous = previousFragmentVersions.get(id)
+          return current != null && (previous == null || current > previous)
+        })
+        ready = !st().previewLoading &&
+          (!fragmentIds.length || (captureReady(st().project, t) && fragmentsAdvanced))
+        if (ready) break
+        await sleep(120)
+      }
+      if (!ready) throw new Error(`frame at ${t.toFixed(3)}s did not become ready`)
+      // A capture window can report a frame before it has painted the exact
+      // requested position. Verify both its reported frame and a fresh paint.
+      if (fragmentIds.length) {
+        const targets = captureTargets(st().project, t)
+        const matchedAt = new Map<string, number>()
+        const fresh = new Set<string>()
+        const fragmentDeadline = Date.now() + 6000
+        while (Date.now() < fragmentDeadline && fresh.size < targets.length) {
+          for (const { fragmentId, expectedFrame } of targets) {
+            if (fresh.has(fragmentId)) continue
+            const current = await window.kadr.fragmentCaptureQuery(fragmentId)
+            if (Math.abs(current - expectedFrame) <= 1) {
+              if (!matchedAt.has(fragmentId)) matchedAt.set(fragmentId, Date.now())
+              const previous = previousFragmentVersions.get(fragmentId) ?? 0
+              const painted = captureVersion(fragmentId) > previous
+              if (painted || Date.now() - matchedAt.get(fragmentId)! > 700) fresh.add(fragmentId)
+            } else {
+              matchedAt.delete(fragmentId)
+            }
+          }
+          if (fresh.size < targets.length) {
+            pokeCaptureSync()
+            await sleep(150)
           }
         }
         if (fresh.size < targets.length) {
-          pokeCaptureSync()
-          await sleep(150)
+          console.warn('[kadr] snapshot fragment wait timed out', { t, targets: targets.length })
         }
       }
-      if (fresh.size < targets.length) {
-        const dbg = await Promise.all(targets.map(async (x) => ({
-          id: x.fragmentId, want: x.expectedFrame,
-          got: await window.kadr.fragmentCaptureQuery(x.fragmentId),
-          v0: v0.get(x.fragmentId), v: captureVersion(x.fragmentId)
-        })))
-        console.warn('[kadr] snapshot fragment wait TIMED OUT', JSON.stringify(dbg))
-      }
+      // Never depend on a possibly throttled preview animation loop.
+      await sleep(350)
+      previewPlayer?.drawNow()
+      const blob = await new Promise<Blob | null>((resolve) => canvas.toBlob(resolve, 'image/png'))
+      if (!blob) throw new Error('canvas toBlob failed')
+      out.push({ t, blob, width: canvas.width, height: canvas.height })
     }
-    await sleep(600)
-
-    // the preview rAF loop may be throttled to a standstill while the window
-    // is occluded — never rely on it having drawn: composite the frame NOW
-    previewPlayer?.drawNow()
+    return out
+  } finally {
+    previewPlayer?.setSourceQuality(false)
+    if (forceFragments) setForceCaptureAll(false)
+    if (Math.abs(st().playhead - originalPlayhead) > 1e-9) st().setPlayhead(originalPlayhead)
+    st().setPlaying(originalPlaying)
+  }
+}
 
-    const canvas = previewCanvas
-    const blob = await new Promise<Blob | null>((res) => canvas.toBlob(res, 'image/png'))
-    if (!blob) throw new Error('canvas toBlob failed')
-    const buf = await blob.arrayBuffer()
+const snapshotBase = (project: Project, t: number) => {
+  const frame = Math.floor(t * project.fps + 1e-6)
+  const m = Math.floor(t / 60)
+  const s = Math.floor(t % 60)
+  return `${project.name || 'kadr'}_${m}m${String(s).padStart(2, '0')}s_f${frame}`
+}
 
-    const fps = st().project.fps
-    const frame = Math.floor(t * fps + 1e-6)
-    const m = Math.floor(t / 60)
-    const s = Math.floor(t % 60)
-    const base = `${st().project.name || 'kadr'}_${m}m${String(s).padStart(2, '0')}s_f${frame}`
-    const path = await window.kadr.saveSnapshot(dir, base, buf)
+/**
+ * Render the timeline frame at `t` (default: current playhead) into a PNG.
+ * The PNG is imported into the media bin unless `importToBin` is false.
+ */
+export function snapshotFrame(opts: {
+  t?: number
+  dir?: string
+  interactive?: boolean
+  importToBin?: boolean
+} = {}): Promise<SnapshotResult> {
+  return serializeCapture(async () => {
+    const st = () => useEditor.getState()
+    const chosen = await targetDirectory(!!opts.interactive, opts.dir)
+    if (opts.interactive && !chosen) throw new Error('snapshot cancelled')
+    const t = opts.t ?? st().playhead
+    const [captured] = await captureFrames([t])
+    const buf = await captured.blob.arrayBuffer()
+    const path = await window.kadr.saveSnapshot(chosen, snapshotBase(st().project, t), buf)
 
     let assetId: string | null = null
     if (opts.importToBin !== false) {
       await importFiles([path], null)
-      assetId = st().project.assets.find((a) => a.path === path)?.id ?? null
+      assetId = st().project.assets.find((asset) => asset.path === path)?.id ?? null
     }
-    return { path, assetId, width: canvas.width, height: canvas.height }
-  } finally {
-    previewPlayer?.setSourceQuality(false)
-    if (forced) setForceCaptureAll(false)
+    return { path, assetId, width: captured.width, height: captured.height }
+  })
+}
+
+const MAX_STORYBOARD_FRAMES = 24
+
+/** Build coverage-preserving timestamps for [start,end]. */
+export function storyboardTimes(opts: StoryboardOptions): number[] {
+  const { start, end } = opts
+  if (!Number.isFinite(start) || !Number.isFinite(end) || start < 0 || end <= start) {
+    throw new Error('storyboard requires 0 <= start < end')
+  }
+  if (opts.step != null && (!Number.isFinite(opts.step) || opts.step <= 0)) {
+    throw new Error('storyboard step must be positive')
+  }
+  const maxFrames = Math.max(1, Math.min(MAX_STORYBOARD_FRAMES, Math.floor(opts.maxFrames ?? 9)))
+  if (opts.step == null) {
+    if (maxFrames === 1) return [start]
+    return Array.from({ length: maxFrames }, (_, i) => start + (end - start) * i / (maxFrames - 1))
+  }
+
+  const count = Math.floor((end - start) / opts.step + 1e-9) + 1
+  if (count <= maxFrames) {
+    return Array.from({ length: count }, (_, i) => start + i * opts.step!)
   }
+  // A tiny requested step can yield millions of candidates. Sample its index
+  // space directly so maxFrames remains a hard CPU/memory bound.
+  if (maxFrames === 1) return [start]
+  return Array.from({ length: maxFrames }, (_, i) => {
+    const index = Math.round((count - 1) * i / (maxFrames - 1))
+    return start + index * opts.step!
+  })
+}
+
+function stableStringify(value: unknown): string {
+  if (value === null || typeof value !== 'object') return JSON.stringify(value) ?? 'null'
+  if (Array.isArray(value)) return `[${value.map(stableStringify).join(',')}]`
+  const record = value as Record<string, unknown>
+  return `{${Object.keys(record).sort().map(
+    (key) => `${JSON.stringify(key)}:${stableStringify(record[key])}`
+  ).join(',')}}`
+}
+
+async function sha256(value: string): Promise<string> {
+  const bytes = new TextEncoder().encode(value)
+  const digest = await crypto.subtle.digest('SHA-256', bytes)
+  return Array.from(new Uint8Array(digest), (b) => b.toString(16).padStart(2, '0')).join('')
+}
+
+/** Visual state only: bin-only assets, waveform/poster blobs and annotations do not alter pixels. */
+async function visualFingerprint(): Promise<string> {
+  const state = useEditor.getState()
+  const project = state.project
+  const tracks = project.tracks
+    .filter((track) => track.kind === 'video')
+    .map((track) => ({ ...track, annotations: undefined }))
+  const assetIds = new Set(tracks.flatMap((track) => track.clips.map((clip) => clip.assetId).filter(Boolean)))
+  const assets = project.assets
+    .filter((asset) => assetIds.has(asset.id))
+    .map(({ thumbnail: _thumbnail, thumbnailEnd: _thumbnailEnd, waveform: _waveform,
+      proxyPath: _proxyPath, ...asset }) => asset)
+  const fragmentIds = [...new Set(tracks.flatMap((track) => track.clips
+    .map((clip) => clip.fragmentId).filter((id): id is string => !!id)))].sort()
+  const paths = assets.map((asset) => asset.path).sort()
+  const diskApi = window.kadr as typeof window.kadr & {
+    visualFingerprint?: (paths: string[], fragmentIds: string[]) => Promise<string>
+  }
+  // The main-process contribution observes source file mtime/size and hashes
+  // each fragment folder. The renderer hash still protects cache correctness
+  // on older builds, but cannot see external in-place file edits by itself.
+  const disk = diskApi.visualFingerprint
+    ? await diskApi.visualFingerprint(paths, fragmentIds)
+    : 'renderer-only'
+  return sha256(stableStringify({
+    projectPath: state.projectPath,
+    project: {
+      id: project.id,
+      width: project.width,
+      height: project.height,
+      fps: project.fps,
+      background: project.background,
+      tracks,
+      assets
+    },
+    disk
+  }))
+}
+
+function timestampLabel(t: number): string {
+  const h = Math.floor(t / 3600)
+  const m = Math.floor((t % 3600) / 60)
+  const s = t % 60
+  return `${String(h).padStart(2, '0')}:${String(m).padStart(2, '0')}:${s.toFixed(2).padStart(5, '0')}`
+}
+
+async function contactSheet(captured: CapturedFrame[]): Promise<Blob> {
+  const columns = Math.min(4, Math.max(1, Math.ceil(Math.sqrt(captured.length))))
+  const rows = Math.ceil(captured.length / columns)
+  const cellWidth = 360
+  const imageHeight = Math.max(1, Math.round(cellWidth * captured[0].height / captured[0].width))
+  const labelHeight = 32
+  const sheet = document.createElement('canvas')
+  sheet.width = columns * cellWidth
+  sheet.height = rows * (imageHeight + labelHeight)
+  const ctx = sheet.getContext('2d')
+  if (!ctx) throw new Error('contact sheet canvas unavailable')
+  ctx.fillStyle = '#15171b'
+  ctx.fillRect(0, 0, sheet.width, sheet.height)
+  ctx.font = '600 18px ui-monospace, SFMono-Regular, Menlo, monospace'
+  ctx.textBaseline = 'middle'
+
+  for (let i = 0; i < captured.length; i++) {
+    const frame = captured[i]
+    const bitmap = await createImageBitmap(frame.blob)
+    const x = (i % columns) * cellWidth
+    const y = Math.floor(i / columns) * (imageHeight + labelHeight)
+    ctx.drawImage(bitmap, x, y, cellWidth, imageHeight)
+    bitmap.close()
+    ctx.fillStyle = '#15171b'
+    ctx.fillRect(x, y + imageHeight, cellWidth, labelHeight)
+    ctx.fillStyle = '#f5f7fa'
+    ctx.fillText(timestampLabel(frame.t), x + 10, y + imageHeight + labelHeight / 2)
+  }
+  const blob = await new Promise<Blob | null>((resolve) => sheet.toBlob(resolve, 'image/png'))
+  if (!blob) throw new Error('contact sheet toBlob failed')
+  return blob
+}
+
+const storyboardCache = new Map<string, StoryboardResult>()
+const STORYBOARD_CACHE_LIMIT = 8
+
+function rememberStoryboard(key: string, value: StoryboardResult) {
+  storyboardCache.delete(key)
+  storyboardCache.set(key, value)
+  while (storyboardCache.size > STORYBOARD_CACHE_LIMIT) {
+    const oldest = storyboardCache.keys().next().value as string | undefined
+    if (!oldest) break
+    storyboardCache.delete(oldest)
+  }
+}
+
+/** Drop the session index. Generated PNGs remain ordinary files on disk. */
+export function clearStoryboardCache() {
+  storyboardCache.clear()
+}
+
+async function generateStoryboard(
+  opts: StoryboardOptions,
+  times: number[],
+  fingerprint: string
+): Promise<StoryboardResult> {
+  const captured = await captureFrames(times)
+  const project = useEditor.getState().project
+  const tag = fingerprint.slice(0, 12)
+  const cacheKey = await sha256(`${fingerprint}:${stableStringify(times)}`)
+  const frames: StoryboardFrame[] = []
+  for (const frame of captured) {
+    const base = `${project.name || 'kadr'}_storyboard_${tag}_${snapshotBase(project, frame.t)}`
+    const path = await window.kadr.saveStoryboardImage(cacheKey, base, await frame.blob.arrayBuffer())
+    frames.push({ t: frame.t, path })
+  }
+  const sheet = await contactSheet(captured)
+  const contactSheetPath = await window.kadr.saveStoryboardImage(
+    cacheKey,
+    `${project.name || 'kadr'}_storyboard_${tag}_${opts.start.toFixed(2)}-${opts.end.toFixed(2)}`,
+    await sheet.arrayBuffer()
+  )
+  return {
+    contactSheetPath,
+    frames,
+    fingerprint,
+    cached: false,
+    width: captured[0].width,
+    height: captured[0].height
+  }
+}
+
+/**
+ * Generate or reuse a source-quality contact sheet plus individual PNGs.
+ * `auto` reuses only an exact current visual fingerprint; `force` always
+ * captures again. Files are deliberately not imported into the media bin.
+ */
+export function storyboardFrames(opts: StoryboardOptions): Promise<StoryboardResult> {
+  return serializeCapture(async () => {
+    const times = storyboardTimes(opts)
+    let fingerprint = await visualFingerprint()
+    const request = stableStringify({ times })
+    let key = `${fingerprint}:${request}`
+    if (opts.refresh !== 'force') {
+      const hit = storyboardCache.get(key)
+      if (hit) return { ...hit, cached: true }
+    }
+
+    let generated = await generateStoryboard(opts, times, fingerprint)
+    // A long capture must not be labelled current if the project or fragment
+    // sources changed while frames were being produced. Retry once; continual
+    // edits then surface as a clear error instead of returning mixed old/new art.
+    const after = await visualFingerprint()
+    if (after !== fingerprint) {
+      fingerprint = after
+      key = `${fingerprint}:${request}`
+      generated = await generateStoryboard(opts, times, fingerprint)
+      if (await visualFingerprint() !== fingerprint) {
+        throw new Error('project changed while storyboard was being captured; retry when editing pauses')
+      }
+    }
+    rememberStoryboard(key, generated)
+    return generated
+  })
 }
diff --git a/src/engine/subtitles.ts b/src/engine/subtitles.ts
index 28d014a..d91f42f 100644
--- a/src/engine/subtitles.ts
+++ b/src/engine/subtitles.ts
@@ -235,6 +235,13 @@ export interface TranscribeFlowResult {
   language: string
 }
 
+/** Remove Electron's IPC wrapper while keeping the useful backend message. */
+export function transcribeErrorMessage(error: unknown): string {
+  return String((error as Error)?.message ?? error)
+    .replace(/^Error invoking remote method 'transcribe:run':\s*/, '')
+    .replace(/^Error:\s*/, '')
+}
+
 const sanitize = (s: string) => s.replace(/[^\p{L}\p{N}._ -]/gu, '').trim() || 'transcript'
 
 /** Pick a free path: base.srt, base.1.srt, base.2.srt… (don't clobber). */
diff --git a/src/engine/timelineThumbnails.ts b/src/engine/timelineThumbnails.ts
new file mode 100644
index 0000000..b8a3de7
--- /dev/null
+++ b/src/engine/timelineThumbnails.ts
@@ -0,0 +1,348 @@
+import { useEffect, useMemo, useRef, useState } from 'react'
+import type { Clip, KadrApi, MediaAsset, TimelineThumbnailFrame } from '@shared/types'
+
+const TARGET_TILE_PX = 92
+const REQUEST_WIDTH = 160
+const REQUEST_HEIGHT = 90
+const REQUEST_DEBOUNCE_MS = 140
+const REMOTION_FINGERPRINT_POLL_MS = 3_000
+const MAX_CACHE_ENTRIES = 800
+const MAX_CONCURRENT_REQUESTS = 2
+
+// Stable density levels keep both renderer and disk caches useful while zooming.
+// The 1-2-3-5 sequence stays close to one thumbnail per 80-100 CSS pixels.
+const STEP_LEVELS = [
+  1 / 30, 1 / 20, 0.1, 0.2, 0.3, 0.5,
+  1, 2, 3, 5, 10, 20, 30, 60, 120, 300
+]
+
+type TimelineThumbnailApi = Partial<Pick<KadrApi, 'timelineThumbnails' | 'visualFingerprint'>>
+
+export interface TimelineThumbnailTile {
+  /** Timeline position relative to the start of the clip. */
+  localTime: number
+  /** Width of the tile in timeline seconds. */
+  duration: number
+  /** Rendered thumbnail data URL. */
+  url: string
+  /** Stable React key across viewport changes. */
+  key: string
+}
+
+interface UseTimelineThumbnailsOptions {
+  clip: Clip
+  asset?: MediaAsset
+  zoom: number
+  viewStart: number
+  viewEnd: number
+  enabled: boolean
+}
+
+interface Sample {
+  localTime: number
+  sourceTime: number
+  duration: number
+}
+
+interface ScheduledJob {
+  cancelled: boolean
+  run: () => Promise<void>
+}
+
+const frameCache = new Map<string, string>()
+const requestQueue: ScheduledJob[] = []
+let activeRequests = 0
+
+function putCached(key: string, value: string): void {
+  // Map insertion order is a compact LRU approximation. Refresh cache hits so
+  // frames around the current viewport survive longer than abandoned zooms.
+  frameCache.delete(key)
+  frameCache.set(key, value)
+  while (frameCache.size > MAX_CACHE_ENTRIES) {
+    const oldest = frameCache.keys().next().value as string | undefined
+    if (!oldest) break
+    frameCache.delete(oldest)
+  }
+}
+
+function getCached(key: string): string | undefined {
+  const value = frameCache.get(key)
+  if (!value) return undefined
+  frameCache.delete(key)
+  frameCache.set(key, value)
+  return value
+}
+
+function pumpQueue(): void {
+  while (activeRequests < MAX_CONCURRENT_REQUESTS) {
+    const job = requestQueue.shift()
+    if (!job) return
+    if (job.cancelled) continue
+    activeRequests += 1
+    void job.run().finally(() => {
+      activeRequests -= 1
+      pumpQueue()
+    })
+  }
+}
+
+function schedule(run: () => Promise<void>): () => void {
+  const job: ScheduledJob = { cancelled: false, run }
+  requestQueue.push(job)
+  pumpQueue()
+  return () => {
+    job.cancelled = true
+  }
+}
+
+function densityStep(zoom: number): number {
+  const desired = TARGET_TILE_PX / Math.max(1, zoom)
+  let best = STEP_LEVELS[0]
+  let bestDistance = Infinity
+  for (const step of STEP_LEVELS) {
+    const distance = Math.abs(Math.log(step / desired))
+    if (distance < bestDistance) {
+      best = step
+      bestDistance = distance
+    }
+  }
+  return best
+}
+
+function frameTime(time: number, fps: number, sourceDuration: number): number {
+  const safeFps = Number.isFinite(fps) && fps > 0 ? fps : 30
+  const lastFrame = Math.max(0, sourceDuration - 1 / safeFps)
+  const aligned = Math.min(lastFrame, Math.max(0, Math.round(time * safeFps) / safeFps))
+  // The IPC boundary normalizes requests to milliseconds; mirror that here so
+  // response times address the exact same memory-cache entries.
+  return Math.round(aligned * 1000) / 1000
+}
+
+function timeKey(time: number): string {
+  return time.toFixed(6)
+}
+
+function sourceInfo(clip: Clip, asset?: MediaAsset): {
+  kind: 'media' | 'remotion'
+  source: string
+  duration: number
+  fps: number
+  requestIdentity: string
+} | null {
+  if (clip.kind === 'remotion' && clip.fragmentId) {
+    const meta = clip.fragmentMeta
+    const fps = meta?.fps || 30
+    const duration = meta ? meta.durationInFrames / fps : Math.max(0.05, clip.duration * (clip.speed || 1))
+    const version = meta
+      ? `${meta.width}x${meta.height}:${meta.fps}:${meta.durationInFrames}:${meta.transparent ? 1 : 0}`
+      : 'live'
+    return {
+      kind: 'remotion', source: clip.fragmentId, duration, fps,
+      requestIdentity: `remotion:${clip.fragmentId}:${version}`
+    }
+  }
+  if (clip.kind === 'media' && asset?.kind === 'video') {
+    const sourcePath = asset.proxyPath ?? asset.path
+    return {
+      kind: 'media', source: sourcePath, duration: asset.duration, fps: asset.fps || 30,
+      requestIdentity: `media:${asset.id}:${sourcePath}:${asset.duration}:${asset.fps}`
+    }
+  }
+  return null
+}
+
+function makeSamples(
+  clip: Clip,
+  sourceDuration: number,
+  fps: number,
+  zoom: number,
+  viewStart: number,
+  viewEnd: number
+): { step: number; samples: Sample[] } {
+  const step = densityStep(zoom)
+  // One extra tile on either side prevents a blank flash during a small scroll.
+  const from = Math.max(0, viewStart - clip.start - step)
+  const to = Math.min(clip.duration, viewEnd - clip.start + step)
+  if (to <= from || clip.duration * zoom < 24) return { step, samples: [] }
+
+  const speed = clip.speed || 1
+  const sourceStart = Math.min(Math.max(0, clip.inPoint), Math.max(0, sourceDuration))
+  const sourceSpan = Math.max(1 / Math.max(1, fps), sourceDuration - sourceStart)
+  const first = Math.max(0, Math.floor(from / step) * step)
+  const samples: Sample[] = []
+  for (let localTime = first; localTime < to + 1e-8; localTime += step) {
+    // Sample the centre of the actual tile. When a whole short clip fits in a
+    // coarse tile, using step / 2 would clamp to the very last source frame;
+    // some containers cannot seek to that rounded end timestamp reliably.
+    const tileDuration = Math.min(step, clip.duration - localTime)
+    const sampleAt = localTime + tileDuration / 2
+    if (sampleAt < 0) continue
+    const offset = ((sampleAt * speed) % sourceSpan + sourceSpan) % sourceSpan
+    samples.push({
+      localTime,
+      sourceTime: frameTime(sourceStart + offset, fps, sourceDuration),
+      duration: tileDuration
+    })
+  }
+  return { step, samples }
+}
+
+/**
+ * Load an adaptive, viewport-limited timeline filmstrip. Existing coarse tiles
+ * remain mounted until a finer density is complete, avoiding flashes on zoom.
+ */
+export function useTimelineThumbnails({
+  clip, asset, zoom, viewStart, viewEnd, enabled
+}: UseTimelineThumbnailsOptions): TimelineThumbnailTile[] {
+  const source = useMemo(
+    () => sourceInfo(clip, asset),
+    [asset, clip.fragmentId, clip.fragmentMeta, clip.kind]
+  )
+  const [visualVersion, setVisualVersion] = useState<{ source: string; value: string } | null>(null)
+  const [result, setResult] = useState<{ mappingKey: string; tiles: TimelineThumbnailTile[] }>({
+    mappingKey: '', tiles: []
+  })
+  const generation = useRef(0)
+
+  const api = window.kadr as typeof window.kadr & TimelineThumbnailApi
+  const visible = enabled && viewEnd > clip.start && viewStart < clip.start + clip.duration
+  const needsFingerprint = source?.kind === 'remotion' && !!api.visualFingerprint
+  const fingerprintReady = !needsFingerprint || visualVersion?.source === source?.source
+  const versionedIdentity = source && visualVersion?.source === source.source
+    ? `${source.requestIdentity}:${visualVersion.value}`
+    : source?.requestIdentity ?? ''
+  const mappingKey = source
+    ? `${versionedIdentity}:${clip.inPoint}:${clip.speed || 1}:${clip.duration}`
+    : ''
+
+  useEffect(() => {
+    const fingerprint = api.visualFingerprint
+    if (!visible || source?.kind !== 'remotion' || !fingerprint) return
+    let alive = true
+    let checking = false
+    const check = async () => {
+      if (checking) return
+      checking = true
+      try {
+        const value = await fingerprint([], [source.source])
+        if (alive) setVisualVersion((previous) =>
+          previous?.source === source.source && previous.value === value
+            ? previous
+            : { source: source.source, value }
+        )
+      } catch {
+        // Thumbnail generation remains available even if invalidation probing fails.
+        if (alive) setVisualVersion((previous) => previous?.source === source.source
+          ? previous
+          : { source: source.source, value: 'unversioned' })
+      } finally {
+        checking = false
+      }
+    }
+    void check()
+    const timer = window.setInterval(() => { void check() }, REMOTION_FINGERPRINT_POLL_MS)
+    return () => {
+      alive = false
+      window.clearInterval(timer)
+    }
+  }, [api.visualFingerprint, source?.kind, source?.source, visible])
+
+  useEffect(() => {
+    const currentGeneration = ++generation.current
+    if (!visible || !source || !fingerprintReady) return
+    const requestThumbnails = api.timelineThumbnails
+    if (!requestThumbnails) return
+
+    const { samples } = makeSamples(
+      clip, source.duration, source.fps, zoom, viewStart, viewEnd
+    )
+    if (!samples.length) return
+
+    const cachePrefix = `${versionedIdentity}:${REQUEST_WIDTH}x${REQUEST_HEIGHT}`
+    const cacheKeyFor = (time: number) => `${cachePrefix}:${timeKey(time)}`
+    const cachedTiles = samples.map((sample): TimelineThumbnailTile | null => {
+      const url = getCached(cacheKeyFor(sample.sourceTime))
+      return url ? {
+        localTime: sample.localTime,
+        duration: sample.duration,
+        url,
+        key: `${mappingKey}:${sample.localTime.toFixed(6)}`
+      } : null
+    })
+    if (cachedTiles.every((tile): tile is TimelineThumbnailTile => tile !== null)) {
+      setResult({ mappingKey, tiles: cachedTiles })
+      return
+    }
+
+    let cancelScheduled: (() => void) | undefined
+    const timer = window.setTimeout(() => {
+      const missingTimes = [...new Set(samples
+        .filter((sample) => !frameCache.has(cacheKeyFor(sample.sourceTime)))
+        .map((sample) => sample.sourceTime))]
+      if (!missingTimes.length) {
+        const tiles = samples.flatMap((sample): TimelineThumbnailTile[] => {
+          const url = getCached(cacheKeyFor(sample.sourceTime))
+          return url ? [{
+            localTime: sample.localTime,
+            duration: sample.duration,
+            url,
+            key: `${mappingKey}:${sample.localTime.toFixed(6)}`
+          }] : []
+        })
+        if (currentGeneration === generation.current && tiles.length) {
+          setResult({ mappingKey, tiles })
+        }
+        return
+      }
+      cancelScheduled = schedule(async () => {
+        if (currentGeneration !== generation.current) return
+        try {
+          const frames: TimelineThumbnailFrame[] = []
+          // The native side intentionally caps one request at 32 frames. Wide
+          // displays can need a few more, so keep them in one queued job but
+          // send bounded batches.
+          for (let offset = 0; offset < missingTimes.length; offset += 32) {
+            if (currentGeneration !== generation.current) return
+            frames.push(...await requestThumbnails({
+              kind: source.kind,
+              ...(source.kind === 'media'
+                ? { sourcePath: source.source }
+                : { fragmentId: source.source }),
+              times: missingTimes.slice(offset, offset + 32),
+              width: REQUEST_WIDTH,
+              height: REQUEST_HEIGHT,
+              cacheKey: versionedIdentity
+            }))
+          }
+          if (currentGeneration !== generation.current) return
+          for (const frame of frames) {
+            if (frame.dataUrl) putCached(cacheKeyFor(frame.time), frame.dataUrl)
+          }
+          const tiles = samples.flatMap((sample): TimelineThumbnailTile[] => {
+            const url = getCached(cacheKeyFor(sample.sourceTime))
+            return url ? [{
+              localTime: sample.localTime,
+              duration: sample.duration,
+              url,
+              key: `${mappingKey}:${sample.localTime.toFixed(6)}`
+            }] : []
+          })
+          // A sparse/failed response must not replace a complete coarse strip.
+          if (tiles.length > 0) setResult({ mappingKey, tiles })
+        } catch {
+          // Existing start/end posters (or the previous coarse strip) remain.
+        }
+      })
+    }, REQUEST_DEBOUNCE_MS)
+
+    return () => {
+      window.clearTimeout(timer)
+      cancelScheduled?.()
+    }
+  }, [
+    api.timelineThumbnails, asset, clip, fingerprintReady, mappingKey, source,
+    versionedIdentity, viewEnd, viewStart, visible, zoom
+  ])
+
+  return result.mappingKey === mappingKey ? result.tiles : []
+}
diff --git a/src/engine/voice.ts b/src/engine/voice.ts
new file mode 100644
index 0000000..918d654
--- /dev/null
+++ b/src/engine/voice.ts
@@ -0,0 +1,140 @@
+export interface AutoCutOptions {
+  /** minimum silence that may become a cut */
+  silenceSeconds: number
+  /** chunks shorter than this are joined to a neighbour */
+  minChunkSeconds: number
+  /** continuous speech is split when it grows beyond this */
+  maxChunkSeconds: number
+  /** silence detector threshold in dBFS */
+  thresholdDb: number
+  /** a little room around each spoken phrase */
+  paddingSeconds?: number
+}
+
+export interface VoiceRange {
+  start: number
+  end: number
+}
+
+export function preferredVoiceMime(): { mime: string; extension: string } {
+  const variants = [
+    ['audio/webm;codecs=opus', 'webm'],
+    ['audio/ogg;codecs=opus', 'ogg'],
+    ['audio/webm', 'webm']
+  ] as const
+  for (const [mime, extension] of variants) {
+    if (typeof MediaRecorder !== 'undefined' && MediaRecorder.isTypeSupported(mime)) {
+      return { mime, extension }
+    }
+  }
+  return { mime: '', extension: 'webm' }
+}
+
+/**
+ * Find speech islands without changing their project-time positions. Long
+ * silences disappear from the clip bodies, but the resulting clips retain
+ * the original gaps so a take stays in sync with the video it was read to.
+ */
+export function analyseVoiceRanges(buffer: AudioBuffer, opts: AutoCutOptions): VoiceRange[] {
+  const duration = buffer.duration
+  if (!Number.isFinite(duration) || duration <= 0.05) return []
+  const requestedWindowSeconds = 0.02
+  const windowSamples = Math.max(32, Math.round(buffer.sampleRate * requestedWindowSeconds))
+  const windowSeconds = windowSamples / buffer.sampleRate
+  const windows = Math.ceil(buffer.length / windowSamples)
+  const threshold = Math.pow(10, Math.min(-6, opts.thresholdDb) / 20)
+  const active = new Uint8Array(windows)
+
+  for (let w = 0; w < windows; w++) {
+    const from = w * windowSamples
+    const to = Math.min(buffer.length, from + windowSamples)
+    let energy = 0
+    for (let ch = 0; ch < buffer.numberOfChannels; ch++) {
+      const data = buffer.getChannelData(ch)
+      let sum = 0
+      for (let i = from; i < to; i++) sum += data[i] * data[i]
+      energy = Math.max(energy, Math.sqrt(sum / Math.max(1, to - from)))
+    }
+    if (energy >= threshold) active[w] = 1
+  }
+
+  let first = -1
+  let last = -1
+  for (let i = 0; i < active.length; i++) {
+    if (!active[i]) continue
+    if (first < 0) first = i
+    last = i
+  }
+  // Never erase an apparently silent take: the threshold can be wrong for a
+  // very quiet microphone, and keeping the source is the recoverable choice.
+  if (first < 0) return [{ start: 0, end: duration }]
+
+  const silenceWindows = Math.max(1, Math.round(opts.silenceSeconds / windowSeconds))
+  const padding = Math.max(0, opts.paddingSeconds ?? 0.12)
+  const raw: VoiceRange[] = []
+  let groupStart = first
+  let lastActive = first
+  for (let i = first + 1; i <= last; i++) {
+    if (!active[i]) continue
+    if (i - lastActive - 1 >= silenceWindows) {
+      raw.push({
+        start: Math.max(0, groupStart * windowSeconds - padding),
+        end: Math.min(duration, (lastActive + 1) * windowSeconds + padding)
+      })
+      groupStart = i
+    }
+    lastActive = i
+  }
+  raw.push({
+    start: Math.max(0, groupStart * windowSeconds - padding),
+    end: Math.min(duration, (lastActive + 1) * windowSeconds + padding)
+  })
+
+  const min = Math.max(0.2, opts.minChunkSeconds)
+  const max = Math.max(min, opts.maxChunkSeconds)
+  // Give very short phrases some surrounding room instead of joining them
+  // across a potentially huge silence. Midpoints keep neighbouring phrases
+  // from overlapping while still allowing a phrase to reach the requested
+  // minimum duration when the timeline has enough room.
+  const prepared = raw.map((range, index) => {
+    const current = { ...range }
+    const length = current.end - current.start
+    if (length >= min) return current
+
+    const previous = raw[index - 1]
+    const next = raw[index + 1]
+    const leftLimit = previous ? (previous.end + current.start) / 2 : 0
+    const rightLimit = next ? (current.end + next.start) / 2 : duration
+    let needed = min - length
+    const left = Math.min(current.start - leftLimit, needed / 2)
+    const right = Math.min(rightLimit - current.end, needed - left)
+    current.start -= left
+    current.end += right
+    needed -= left + right
+
+    if (needed > 0) {
+      const extraLeft = Math.min(current.start - leftLimit, needed)
+      current.start -= extraLeft
+      needed -= extraLeft
+    }
+    if (needed > 0) current.end += Math.min(rightLimit - current.end, needed)
+    return current
+  })
+
+  const out: VoiceRange[] = []
+  for (const range of prepared) {
+    const length = range.end - range.start
+    let parts = Math.max(1, Math.ceil(length / max))
+    // If the requested minimum and maximum cannot both be satisfied, prefer
+    // one slightly longer chunk over producing a tiny unusable tail.
+    if (length / parts < min) parts = Math.max(1, Math.floor(length / min))
+    const partLength = length / parts
+    for (let part = 0; part < parts; part++) {
+      out.push({
+        start: range.start + part * partLength,
+        end: part === parts - 1 ? range.end : range.start + (part + 1) * partLength
+      })
+    }
+  }
+  return out
+}
diff --git a/src/features/htmlPlayer/export.ts b/src/features/htmlPlayer/export.ts
new file mode 100644
index 0000000..d5034f3
--- /dev/null
+++ b/src/features/htmlPlayer/export.ts
@@ -0,0 +1,50 @@
+import type { ExportProgress, HtmlPlayerSettings, MediaAsset, Project } from '@shared/types'
+import { chromiumCanDecode } from '@/engine/codecs'
+
+const WEB_VIDEO_EXTENSIONS = new Set(['mp4', 'm4v', 'webm'])
+
+function extension(path: string): string {
+  const clean = path.split(/[?#]/, 1)[0]
+  const dot = clean.lastIndexOf('.')
+  return dot >= 0 ? clean.slice(dot + 1).toLowerCase() : ''
+}
+
+function browserReady(asset: MediaAsset): boolean {
+  return asset.kind !== 'video' || (
+    WEB_VIDEO_EXTENSIONS.has(extension(asset.path)) && chromiumCanDecode(asset.codec)
+  )
+}
+
+/** Prepare browser-safe sources, then ask Electron to package the portable folder. */
+export async function exportHtmlPlayer(
+  sourceProject: Project,
+  parentDir: string,
+  lang: 'ru' | 'en',
+  settings: HtmlPlayerSettings,
+  onProgress: (progress: ExportProgress) => void
+): Promise<string> {
+  const project = JSON.parse(JSON.stringify(sourceProject)) as Project
+  const videos = project.assets.filter((asset) => asset.kind === 'video')
+  let prepared = 0
+
+  for (const asset of videos) {
+    if (!asset.codec) {
+      const probe = await window.kadr.probeMedia(asset.path)
+      asset.codec = probe.asset.codec
+    }
+    if (!browserReady(asset)) {
+      // Preview proxies are H.264/AAC MP4 and therefore work both from
+      // file:// folders and ordinary web hosting. The source project stays untouched.
+      const cachedProxy = asset.proxyPath && await window.kadr.statFile(asset.proxyPath)
+        ? asset.proxyPath
+        : null
+      asset.path = cachedProxy ?? await window.kadr.requestProxy(asset.path, asset.duration)
+      asset.codec = 'h264'
+    }
+    delete asset.proxyPath
+    prepared++
+    onProgress({ phase: 'files', progress: videos.length ? prepared / videos.length * 0.15 : 0.15 })
+  }
+
+  return window.kadr.htmlPlayerExport({ parentDir, project, lang, player: settings })
+}
diff --git a/src/features/htmlPlayer/fileAssets.ts b/src/features/htmlPlayer/fileAssets.ts
new file mode 100644
index 0000000..431a6c1
--- /dev/null
+++ b/src/features/htmlPlayer/fileAssets.ts
@@ -0,0 +1,165 @@
+export interface FileAssetManifestEntry {
+  path: string
+  kind: 'image' | 'video'
+  mime: string
+  chunks: string[]
+}
+
+export interface FileAssetBridge {
+  has(path: string): boolean
+  load(path: string, signal: AbortSignal): Promise<void>
+  resolveUrl(path: string): string
+  destroy(): void
+}
+
+type ChunkReceiver = (
+  path: string,
+  index: number,
+  mime: string,
+  base64: string
+) => void
+
+declare global {
+  interface Window {
+    __kadrFileAssetChunk?: ChunkReceiver
+  }
+}
+
+const TRANSPARENT_IMAGE =
+  'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='
+const EMPTY_VIDEO = 'data:video/mp4;base64,'
+
+function manifestEntries(): FileAssetManifestEntry[] {
+  const data = document.getElementById('kadr-file-assets')
+  if (!data) return []
+  try {
+    const value = JSON.parse(data.textContent ?? '[]') as unknown
+    if (!Array.isArray(value)) return []
+    return value.filter((entry): entry is FileAssetManifestEntry => {
+      if (!entry || typeof entry !== 'object') return false
+      const item = entry as FileAssetManifestEntry
+      return typeof item.path === 'string'
+        && (item.kind === 'image' || item.kind === 'video')
+        && typeof item.mime === 'string'
+        && Array.isArray(item.chunks)
+        && item.chunks.every((chunk) => typeof chunk === 'string')
+    })
+  } catch {
+    return []
+  }
+}
+
+function decodeBase64(value: string): ArrayBuffer {
+  const binary = atob(value)
+  const bytes = new Uint8Array(binary.length)
+  for (let index = 0; index < binary.length; index++) bytes[index] = binary.charCodeAt(index)
+  return bytes.buffer
+}
+
+function loadScript(path: string, signal: AbortSignal): Promise<void> {
+  return new Promise((resolve, reject) => {
+    const script = document.createElement('script')
+    const cleanup = (): void => {
+      script.remove()
+      signal.removeEventListener('abort', aborted)
+    }
+    const done = (): void => {
+      cleanup()
+      resolve()
+    }
+    const failed = (): void => {
+      cleanup()
+      reject(new Error(`Could not load local asset chunk: ${path}`))
+    }
+    const aborted = (): void => {
+      cleanup()
+      reject(new DOMException('Aborted', 'AbortError'))
+    }
+    script.async = true
+    script.src = new URL(path, document.baseURI).href
+    script.addEventListener('load', done, { once: true })
+    script.addEventListener('error', failed, { once: true })
+    signal.addEventListener('abort', aborted, { once: true })
+    document.head.appendChild(script)
+  })
+}
+
+/**
+ * Chromium assigns every file:// URL a separate opaque origin. A sibling
+ * video can therefore play as a media element, but WebGL is forbidden from
+ * uploading its frames with texImage2D. Exported visual assets include small
+ * classic-script chunks; loading those chunks and creating a Blob in this
+ * document gives WebGL an origin-clean media URL without a local server.
+ */
+export function createFileAssetBridge(): FileAssetBridge {
+  const enabled = location.protocol === 'file:'
+  const entries = new Map(manifestEntries().map((entry) => [entry.path, entry]))
+  const pieces = new Map<string, Array<ArrayBuffer | undefined>>()
+  const urls = new Map<string, string>()
+  const loading = new Map<string, Promise<void>>()
+
+  const previousReceiver = window.__kadrFileAssetChunk
+  const receiver: ChunkReceiver = (path, index, _mime, base64) => {
+    const entry = entries.get(path)
+    if (!entry || index < 0 || index >= entry.chunks.length) return
+    const parts = pieces.get(path) ?? Array<ArrayBuffer | undefined>(entry.chunks.length)
+    parts[index] = decodeBase64(base64)
+    pieces.set(path, parts)
+  }
+  if (enabled) {
+    window.__kadrFileAssetChunk = receiver
+  }
+
+  const load = (path: string, signal: AbortSignal): Promise<void> => {
+    if (!enabled || urls.has(path)) return Promise.resolve()
+    const current = loading.get(path)
+    if (current) return current
+    const entry = entries.get(path)
+    if (!entry) return Promise.resolve()
+
+    const promise = (async () => {
+      try {
+        for (const chunk of entry.chunks) {
+          if (signal.aborted) throw new DOMException('Aborted', 'AbortError')
+          await loadScript(chunk, signal)
+        }
+        const parts = pieces.get(path)
+        if (!parts || parts.length !== entry.chunks.length || parts.some((part) => !part)) {
+          throw new Error(`Local asset chunks are incomplete: ${path}`)
+        }
+        const blob = new Blob(parts as ArrayBuffer[], { type: entry.mime })
+        urls.set(path, URL.createObjectURL(blob))
+        pieces.delete(path)
+      } catch (error) {
+        pieces.delete(path)
+        throw error
+      }
+    })()
+    loading.set(path, promise)
+    void promise.then(
+      () => loading.delete(path),
+      () => loading.delete(path)
+    )
+    return promise
+  }
+
+  return {
+    has: (path) => enabled && entries.has(path),
+    load,
+    resolveUrl(path) {
+      if (!enabled || !entries.has(path)) return new URL(path, document.baseURI).href
+      const url = urls.get(path)
+      if (url) return url
+      return entries.get(path)?.kind === 'image' ? TRANSPARENT_IMAGE : EMPTY_VIDEO
+    },
+    destroy() {
+      for (const url of urls.values()) URL.revokeObjectURL(url)
+      urls.clear()
+      pieces.clear()
+      loading.clear()
+      if (enabled && window.__kadrFileAssetChunk === receiver) {
+        window.__kadrFileAssetChunk = previousReceiver
+      }
+    }
+  }
+}
diff --git a/src/features/htmlPlayer/fragments.ts b/src/features/htmlPlayer/fragments.ts
new file mode 100644
index 0000000..c0e5818
--- /dev/null
+++ b/src/features/htmlPlayer/fragments.ts
@@ -0,0 +1,143 @@
+import type { Clip, Project, Track } from '@shared/types'
+import { evalAnim } from '@/engine/anim'
+import { fadeFactor } from '@/engine/player'
+
+interface FragmentEntry {
+  clip: Clip
+  track: Track
+  trackIndex: number
+  clipIndex: number
+  iframe: HTMLIFrameElement | null
+}
+
+export interface FragmentRuntime {
+  update(playhead: number, playing: boolean, masterVolume: number, force?: boolean): void
+  destroy(): void
+}
+
+/** Live Remotion layers for a portable HTML export. The exported bundle is
+ * driven by the same sync protocol as Kadr's editor preview; no frames are
+ * rendered during export. */
+export function createFragmentRuntime(
+  project: Project,
+  container: HTMLElement
+): FragmentRuntime {
+  const entries: FragmentEntry[] = []
+  for (let trackIndex = 0; trackIndex < project.tracks.length; trackIndex++) {
+    const track = project.tracks[trackIndex]
+    if (track.kind !== 'video') continue
+    for (let clipIndex = 0; clipIndex < track.clips.length; clipIndex++) {
+      const clip = track.clips[clipIndex]
+      if (clip.kind === 'remotion' && clip.fragmentId) {
+        entries.push({ clip, track, trackIndex, clipIndex, iframe: null })
+      }
+    }
+  }
+
+  let lastPlayhead = 0
+  let lastPlaying = false
+  let lastMasterVolume = 1
+  let lastSyncAt = 0
+
+  const ensureFrame = (entry: FragmentEntry): HTMLIFrameElement => {
+    if (entry.iframe) return entry.iframe
+    const frame = document.createElement('iframe')
+    frame.className = 'kadr-fragment-frame'
+    frame.title = entry.clip.label ?? entry.clip.fragmentId ?? 'Remotion'
+    frame.src = new URL(
+      `fragments/index.html?comp=${encodeURIComponent(entry.clip.fragmentId!)}`,
+      document.baseURI
+    ).href
+    frame.allow = 'autoplay'
+    frame.style.zIndex = String((project.tracks.length - entry.trackIndex) * 1000 + entry.clipIndex)
+    container.appendChild(frame)
+    entry.iframe = frame
+    frame.addEventListener('load', () => update(lastPlayhead, lastPlaying, lastMasterVolume, true))
+    return frame
+  }
+
+  const removeFrame = (entry: FragmentEntry): void => {
+    entry.iframe?.remove()
+    entry.iframe = null
+  }
+
+  const update = (
+    playhead: number,
+    playing: boolean,
+    masterVolume: number,
+    force = false
+  ): void => {
+    lastPlayhead = playhead
+    lastPlaying = playing
+    lastMasterVolume = masterVolume
+    const now = performance.now()
+    const postSync = force || !playing || now - lastSyncAt >= 200
+    if (postSync) lastSyncAt = now
+
+    for (const entry of entries) {
+      const { clip, track } = entry
+      const rel = playhead - clip.start
+      const near = !track.muted && rel >= -1.5 && rel < clip.duration + 0.5
+      if (!near) {
+        removeFrame(entry)
+        continue
+      }
+      const frame = ensureFrame(entry)
+      const active = rel >= 0 && rel < clip.duration
+      const localTime = Math.max(0, Math.min(clip.duration, rel))
+      const meta = clip.fragmentMeta
+      const sourceWidth = meta?.width ?? project.width
+      const sourceHeight = meta?.height ?? project.height
+      const fit = Math.min(project.width / sourceWidth, project.height / sourceHeight)
+      const scale = evalAnim(clip.transform.scale, localTime) * fit
+      const x = project.width / 2 + evalAnim(clip.transform.x, localTime)
+      const y = project.height / 2 + evalAnim(clip.transform.y, localTime)
+      const rotation = evalAnim(clip.transform.rotation, localTime)
+      const trackOpacity = Math.min(1, Math.max(0, track.gain ?? 1))
+      const opacity = active
+        ? evalAnim(clip.transform.opacity, localTime) * fadeFactor(clip, localTime) * trackOpacity
+        : 0
+
+      frame.style.left = `${x / project.width * 100}%`
+      frame.style.top = `${y / project.height * 100}%`
+      frame.style.width = `${sourceWidth * scale / project.width * 100}%`
+      frame.style.height = `${sourceHeight * scale / project.height * 100}%`
+      frame.style.transform = `translate(-50%, -50%)${rotation ? ` rotate(${rotation}deg)` : ''}`
+      frame.style.opacity = String(Math.max(0, Math.min(1, opacity)))
+      frame.style.visibility = opacity > 0.001 ? 'visible' : 'hidden'
+
+      if (postSync) {
+        const fps = meta?.fps ?? project.fps
+        const volume = clip.muted || !active
+          ? 0
+          : Math.min(
+              1,
+              Math.max(0, masterVolume * evalAnim(clip.gain, localTime) * track.gain * fadeFactor(clip, localTime))
+            )
+        frame.contentWindow?.postMessage({
+          kadr: true,
+          type: 'sync',
+          frame: Math.max(0, Math.round((localTime * (clip.speed || 1) + clip.inPoint) * fps)),
+          playing: playing && active,
+          volume
+        }, '*')
+      }
+    }
+  }
+
+  const onReady = (event: MessageEvent): void => {
+    if (!event.data?.kadr || event.data.type !== 'ready') return
+    if (entries.some((entry) => entry.iframe?.contentWindow === event.source)) {
+      update(lastPlayhead, lastPlaying, lastMasterVolume, true)
+    }
+  }
+  window.addEventListener('message', onReady)
+
+  return {
+    update,
+    destroy: () => {
+      window.removeEventListener('message', onReady)
+      for (const entry of entries) removeFrame(entry)
+    }
+  }
+}
diff --git a/src/features/htmlPlayer/player.ts b/src/features/htmlPlayer/player.ts
new file mode 100644
index 0000000..c3fe60d
--- /dev/null
+++ b/src/features/htmlPlayer/player.ts
@@ -0,0 +1,308 @@
+import { DEFAULT_HTML_PLAYER_SETTINGS } from '@shared/types'
+import type { HtmlPlayerSettings, Project } from '@shared/types'
+import { Player } from '@/engine/player'
+import { setMasterGain } from '@/engine/audio'
+import { createFragmentRuntime, type FragmentRuntime } from './fragments'
+import { createAssetPreloader, type FragmentAssetRef } from './preloader'
+import { createFileAssetBridge } from './fileAssets'
+
+interface PlayerState {
+  project: Project
+  playhead: number
+  playing: boolean
+  loading: boolean
+}
+
+interface Labels {
+  play: string
+  pause: string
+  restart: string
+  mute: string
+  unmute: string
+  volume: string
+  fullscreen: string
+  exitFullscreen: string
+  loading: string
+  unsupported: string
+}
+
+const LABELS: Record<'ru' | 'en', Labels> = {
+  ru: {
+    play: 'Воспроизвести', pause: 'Пауза', restart: 'В начало', mute: 'Выключить звук',
+    unmute: 'Включить звук', volume: 'Громкость', fullscreen: 'На весь экран',
+    exitFullscreen: 'Выйти из полноэкранного режима', loading: 'Загрузка медиа…',
+    unsupported: 'Не удалось запустить HTML-плеер'
+  },
+  en: {
+    play: 'Play', pause: 'Pause', restart: 'Restart', mute: 'Mute', unmute: 'Unmute',
+    volume: 'Volume', fullscreen: 'Fullscreen', exitFullscreen: 'Exit fullscreen',
+    loading: 'Loading media…', unsupported: 'Could not start the HTML player'
+  }
+}
+
+function projectDuration(project: Project): number {
+  let duration = 0
+  for (const track of project.tracks) {
+    for (const clip of track.clips) duration = Math.max(duration, clip.start + clip.duration)
+  }
+  return duration
+}
+
+function formatTime(value: number): string {
+  const seconds = Math.max(0, value)
+  const h = Math.floor(seconds / 3600)
+  const m = Math.floor((seconds % 3600) / 60)
+  const s = Math.floor(seconds % 60)
+  const pad = (n: number) => String(n).padStart(2, '0')
+  return h > 0 ? `${h}:${pad(m)}:${pad(s)}` : `${m}:${pad(s)}`
+}
+
+function required<T extends Element>(root: ParentNode, selector: string): T {
+  const element = root.querySelector<T>(selector)
+  if (!element) throw new Error(`HTML player element is missing: ${selector}`)
+  return element
+}
+
+function renderFailure(root: HTMLElement, labels: Labels, error: unknown): void {
+  root.innerHTML = ''
+  const message = document.createElement('div')
+  message.className = 'kadr-player-error'
+  message.textContent = `${labels.unsupported}: ${String(error)}`
+  root.appendChild(message)
+}
+
+function playerSettings(): HtmlPlayerSettings {
+  const data = document.getElementById('kadr-player-settings')
+  if (!data) return { ...DEFAULT_HTML_PLAYER_SETTINGS }
+  try {
+    return { ...DEFAULT_HTML_PLAYER_SETTINGS, ...JSON.parse(data.textContent ?? '{}') }
+  } catch {
+    return { ...DEFAULT_HTML_PLAYER_SETTINGS }
+  }
+}
+
+function fragmentAssetPaths(): FragmentAssetRef[] {
+  const data = document.getElementById('kadr-fragment-assets')
+  if (!data) return []
+  try {
+    const paths = JSON.parse(data.textContent ?? '[]') as unknown
+    return Array.isArray(paths) ? paths.filter((asset): asset is FragmentAssetRef => (
+      typeof asset === 'object' && asset !== null && typeof (asset as FragmentAssetRef).path === 'string'
+    )) : []
+  } catch {
+    return []
+  }
+}
+
+function start(): void {
+  const lang = document.documentElement.lang.toLowerCase().startsWith('ru') ? 'ru' : 'en'
+  const labels = LABELS[lang]
+  const root = document.getElementById('kadr-player')
+  const data = document.getElementById('kadr-project')
+  if (!root || !data) return
+
+  try {
+    const project = JSON.parse(data.textContent ?? '') as Project
+    const settings = playerSettings()
+    const duration = projectDuration(project)
+    const state: PlayerState = { project, playhead: 0, playing: false, loading: false }
+    const fileAssets = createFileAssetBridge()
+    const preloader = createAssetPreloader(project, fragmentAssetPaths(), fileAssets)
+
+    root.innerHTML = `
+      <div class="kadr-stage">
+        <div class="kadr-frame">
+          <canvas class="kadr-canvas"></canvas>
+          <div class="kadr-fragments"></div>
+        </div>
+        <button class="kadr-big-play" type="button" aria-label="${labels.play}">▶</button>
+        <div class="kadr-loading" hidden><span></span>${labels.loading}</div>
+      </div>
+      <div class="kadr-controls"${!settings.showTimeline && !settings.showControls ? ' hidden' : ''}>
+        <button class="kadr-restart" type="button" title="${labels.restart}" aria-label="${labels.restart}">⏮</button>
+        <button class="kadr-play" type="button" title="${labels.play}" aria-label="${labels.play}">▶</button>
+        <span class="kadr-current">0:00</span>
+        <input class="kadr-seek" type="range" min="0" max="${duration}" step="0.001" value="0" aria-label="Timeline" />
+        <span class="kadr-duration">${formatTime(duration)}</span>
+        <button class="kadr-mute" type="button" title="${labels.mute}" aria-label="${labels.mute}">🔊</button>
+        <input class="kadr-volume" type="range" min="0" max="1" step="0.01" value="1" title="${labels.volume}" aria-label="${labels.volume}" />
+        <button class="kadr-fullscreen" type="button" title="${labels.fullscreen}" aria-label="${labels.fullscreen}">⛶</button>
+      </div>`
+
+    const canvas = required<HTMLCanvasElement>(root, '.kadr-canvas')
+    const stage = required<HTMLElement>(root, '.kadr-stage')
+    const frameBox = required<HTMLElement>(root, '.kadr-frame')
+    const fragments = required<HTMLElement>(root, '.kadr-fragments')
+    const playButton = required<HTMLButtonElement>(root, '.kadr-play')
+    const bigPlay = required<HTMLButtonElement>(root, '.kadr-big-play')
+    const restart = required<HTMLButtonElement>(root, '.kadr-restart')
+    const current = required<HTMLElement>(root, '.kadr-current')
+    const seek = required<HTMLInputElement>(root, '.kadr-seek')
+    const mute = required<HTMLButtonElement>(root, '.kadr-mute')
+    const volume = required<HTMLInputElement>(root, '.kadr-volume')
+    const fullscreen = required<HTMLButtonElement>(root, '.kadr-fullscreen')
+    const loading = required<HTMLElement>(root, '.kadr-loading')
+    restart.hidden = !settings.showControls || !settings.allowSeeking
+    playButton.hidden = !settings.showControls
+    mute.hidden = !settings.showControls
+    volume.hidden = !settings.showControls
+    fullscreen.hidden = !settings.showControls
+    current.hidden = !settings.showTimeline
+    seek.hidden = !settings.showTimeline
+    required<HTMLElement>(root, '.kadr-duration').hidden = !settings.showTimeline
+    if (!settings.allowSeeking) {
+      seek.disabled = true
+      seek.tabIndex = -1
+      seek.setAttribute('aria-readonly', 'true')
+      seek.classList.add('read-only')
+    }
+    canvas.width = project.width
+    canvas.height = project.height
+
+    let lastVolume = 1
+    let muted = false
+    const useWebAudio = location.protocol !== 'file:'
+    let fragmentRuntime: FragmentRuntime | null = null
+    const updateUi = (): void => {
+      playButton.textContent = state.playing ? '⏸' : '▶'
+      playButton.title = state.playing ? labels.pause : labels.play
+      playButton.ariaLabel = playButton.title
+      bigPlay.hidden = state.playing || state.playhead > 0.001
+      current.textContent = formatTime(state.playhead)
+      seek.value = String(state.playhead)
+      loading.hidden = !state.loading
+      fragmentRuntime?.update(state.playhead, state.playing, muted ? 0 : lastVolume)
+    }
+
+    const player = new Player({
+      getState: () => state,
+      setPlayhead: (time) => {
+        state.playhead = Math.min(duration, Math.max(0, time))
+        updateUi()
+      },
+      setPlaying: (playing) => {
+        state.playing = playing
+        updateUi()
+      },
+      setLoading: (isLoading) => {
+        state.loading = isLoading
+        updateUi()
+      },
+      duration: () => duration
+    }, {
+      proxy: false,
+      resolveUrl: (path) => fileAssets.resolveUrl(path),
+      crossOrigin: false,
+      webAudio: useWebAudio,
+      outputGain: () => muted ? 0 : lastVolume
+    })
+    player.attach(canvas)
+    fragmentRuntime = createFragmentRuntime(project, fragments)
+
+    const resizeFrame = (): void => {
+      const availableWidth = stage.clientWidth
+      const availableHeight = stage.clientHeight
+      const ratio = project.width / Math.max(1, project.height)
+      let width = availableWidth
+      let height = width / ratio
+      if (height > availableHeight) {
+        height = availableHeight
+        width = height * ratio
+      }
+      frameBox.style.width = `${Math.max(1, width)}px`
+      frameBox.style.height = `${Math.max(1, height)}px`
+    }
+    const resizeObserver = new ResizeObserver(resizeFrame)
+    resizeObserver.observe(stage)
+    resizeFrame()
+
+    const togglePlayback = (): void => {
+      if (duration <= 0) return
+      if (!state.playing && state.playhead >= duration - 0.001) {
+        state.playhead = 0
+        preloader.prioritize(0)
+      }
+      state.playing = !state.playing
+      updateUi()
+    }
+    playButton.addEventListener('click', togglePlayback)
+    bigPlay.addEventListener('click', togglePlayback)
+    canvas.addEventListener('click', togglePlayback)
+    restart.addEventListener('click', () => {
+      if (!settings.allowSeeking) return
+      state.playhead = 0
+      preloader.prioritize(0)
+      updateUi()
+    })
+    seek.addEventListener('input', () => {
+      if (!settings.allowSeeking) return
+      state.playhead = Number(seek.value)
+      preloader.prioritize(state.playhead)
+      updateUi()
+    })
+    volume.addEventListener('input', () => {
+      lastVolume = Number(volume.value)
+      muted = lastVolume <= 0
+      if (useWebAudio) setMasterGain(lastVolume)
+      mute.textContent = muted ? '🔇' : '🔊'
+      mute.title = muted ? labels.unmute : labels.mute
+      mute.ariaLabel = mute.title
+      fragmentRuntime?.update(state.playhead, state.playing, muted ? 0 : lastVolume, true)
+    })
+    mute.addEventListener('click', () => {
+      muted = !muted
+      if (useWebAudio) setMasterGain(muted ? 0 : lastVolume || 1)
+      mute.textContent = muted ? '🔇' : '🔊'
+      mute.title = muted ? labels.unmute : labels.mute
+      mute.ariaLabel = mute.title
+      fragmentRuntime?.update(state.playhead, state.playing, muted ? 0 : lastVolume, true)
+    })
+    fullscreen.addEventListener('click', () => {
+      if (document.fullscreenElement) void document.exitFullscreen()
+      else void root.requestFullscreen()
+    })
+    document.addEventListener('fullscreenchange', () => {
+      const active = Boolean(document.fullscreenElement)
+      fullscreen.title = active ? labels.exitFullscreen : labels.fullscreen
+      fullscreen.ariaLabel = fullscreen.title
+    })
+    window.addEventListener('keydown', (event) => {
+      if (event.target instanceof HTMLInputElement) return
+      if (event.code === 'Space') {
+        event.preventDefault()
+        togglePlayback()
+      } else if (settings.allowSeeking && event.code === 'ArrowLeft') {
+        state.playhead = Math.max(0, state.playhead - (event.shiftKey ? 10 : 5))
+        preloader.prioritize(state.playhead)
+        updateUi()
+      } else if (settings.allowSeeking && event.code === 'ArrowRight') {
+        state.playhead = Math.min(duration, state.playhead + (event.shiftKey ? 10 : 5))
+        preloader.prioritize(state.playhead)
+        updateUi()
+      } else if (settings.allowSeeking && event.code === 'Home') {
+        state.playhead = 0
+        preloader.prioritize(0)
+        updateUi()
+      } else if (settings.allowSeeking && event.code === 'End') {
+        state.playhead = duration
+        preloader.prioritize(duration)
+        updateUi()
+      } else if (event.code === 'KeyF') {
+        fullscreen.click()
+      }
+    })
+    window.addEventListener('beforeunload', () => {
+      resizeObserver.disconnect()
+      preloader.destroy()
+      fileAssets.destroy()
+      fragmentRuntime?.destroy()
+      player.detach()
+    }, { once: true })
+    stage.addEventListener('dblclick', () => fullscreen.click())
+    updateUi()
+  } catch (error) {
+    renderFailure(root, labels, error)
+  }
+}
+
+start()
diff --git a/src/features/htmlPlayer/preloader.ts b/src/features/htmlPlayer/preloader.ts
new file mode 100644
index 0000000..b095abd
--- /dev/null
+++ b/src/features/htmlPlayer/preloader.ts
@@ -0,0 +1,270 @@
+import type { AssetKind, Project } from '@shared/types'
+import type { FileAssetBridge } from './fileAssets'
+
+interface UsageWindow {
+  start: number
+  end: number
+}
+
+interface PreloadEntry {
+  path: string
+  url: string
+  kind: AssetKind | 'file'
+  windows: UsageWindow[]
+}
+
+interface ConnectionInfo {
+  effectiveType?: string
+  saveData?: boolean
+}
+
+interface NavigatorWithConnection extends Navigator {
+  connection?: ConnectionInfo
+}
+
+export interface AssetPreloader {
+  prioritize(time: number): void
+  destroy(): void
+}
+
+export interface FragmentAssetRef {
+  path: string
+  fragmentId?: string
+}
+
+function parallelLimit(): number {
+  const connection = (navigator as NavigatorWithConnection).connection
+  if (connection?.saveData || connection?.effectiveType?.includes('2g')) return 2
+  if ((navigator.hardwareConcurrency ?? 4) >= 8) return 6
+  return 4
+}
+
+function inferredKind(path: string): AssetKind | 'file' {
+  const extension = path.split(/[?#]/, 1)[0].split('.').pop()?.toLowerCase()
+  if (extension && ['png', 'jpg', 'jpeg', 'gif', 'webp', 'avif', 'svg'].includes(extension)) return 'image'
+  if (extension && ['mp3', 'wav', 'm4a', 'aac', 'ogg', 'flac'].includes(extension)) return 'audio'
+  if (extension && ['mp4', 'm4v', 'webm', 'mov'].includes(extension)) return 'video'
+  return 'file'
+}
+
+function entriesFor(project: Project, fragmentAssets: FragmentAssetRef[]): PreloadEntry[] {
+  const windowsByAsset = new Map<string, UsageWindow[]>()
+  const windowsByFragment = new Map<string, UsageWindow[]>()
+  for (const track of project.tracks) {
+    for (const clip of track.clips) {
+      const window = { start: clip.start, end: clip.start + clip.duration }
+      if (clip.assetId) {
+        const windows = windowsByAsset.get(clip.assetId) ?? []
+        windows.push(window)
+        windowsByAsset.set(clip.assetId, windows)
+      }
+      if (clip.kind === 'remotion' && clip.fragmentId) {
+        const windows = windowsByFragment.get(clip.fragmentId) ?? []
+        windows.push(window)
+        windowsByFragment.set(clip.fragmentId, windows)
+      }
+    }
+  }
+
+  const entries = project.assets.map((asset): PreloadEntry => ({
+    path: asset.path,
+    url: new URL(asset.path, document.baseURI).href,
+    kind: asset.kind,
+    windows: windowsByAsset.get(asset.id) ?? []
+  }))
+  const allFragmentWindows = [...windowsByFragment.values()].flat()
+  for (const asset of fragmentAssets) {
+    entries.push({
+      path: asset.path,
+      url: new URL(asset.path, document.baseURI).href,
+      kind: inferredKind(asset.path),
+      windows: asset.fragmentId ? windowsByFragment.get(asset.fragmentId) ?? [] : allFragmentWindows
+    })
+  }
+  return [...new Map(entries.map((entry) => [entry.url, entry])).values()]
+}
+
+function priority(entry: PreloadEntry, time: number): [number, number] {
+  const active = entry.windows.filter((window) => window.start <= time && window.end > time)
+  if (active.length) return [0, Math.min(...active.map((window) => Math.abs(time - window.start)))]
+  const future = entry.windows.filter((window) => window.start > time)
+  if (future.length) return [1, Math.min(...future.map((window) => window.start - time))]
+  const past = entry.windows.filter((window) => window.end <= time)
+  if (past.length) return [2, Math.min(...past.map((window) => time - window.end))]
+  return [3, Number.POSITIVE_INFINITY]
+}
+
+function compareAt(time: number): (left: PreloadEntry, right: PreloadEntry) => number {
+  return (left, right) => {
+    const a = priority(left, time)
+    const b = priority(right, time)
+    return a[0] - b[0] || a[1] - b[1]
+      || left.url.localeCompare(right.url, undefined, { numeric: true })
+  }
+}
+
+function waitForMedia(entry: PreloadEntry, signal: AbortSignal): Promise<void> {
+  return new Promise((resolve, reject) => {
+    const media: HTMLImageElement | HTMLMediaElement = entry.kind === 'image'
+      ? new Image()
+      : document.createElement(entry.kind === 'video' ? 'video' : 'audio')
+    const readyEvent = entry.kind === 'image' ? 'load' : 'canplaythrough'
+    const done = (): void => {
+      cleanup()
+      resolve()
+    }
+    const fail = (): void => {
+      cleanup()
+      reject(new Error(`Could not preload ${entry.url}`))
+    }
+    const aborted = (): void => {
+      cleanup()
+      reject(new DOMException('Aborted', 'AbortError'))
+    }
+    const cleanup = (): void => {
+      clearTimeout(timeout)
+      media.removeEventListener(readyEvent, done)
+      media.removeEventListener('error', fail)
+      signal.removeEventListener('abort', aborted)
+      if (media instanceof HTMLMediaElement) {
+        media.pause()
+        media.removeAttribute('src')
+        media.load()
+      }
+    }
+    const timeout = window.setTimeout(done, 30_000)
+    media.addEventListener(readyEvent, done, { once: true })
+    media.addEventListener('error', fail, { once: true })
+    signal.addEventListener('abort', aborted, { once: true })
+    if (media instanceof HTMLMediaElement) media.preload = 'auto'
+    media.src = entry.url
+  })
+}
+
+function waitForFile(entry: PreloadEntry, signal: AbortSignal): Promise<void> {
+  return new Promise((resolve, reject) => {
+    const link = document.createElement('link')
+    const cleanup = (): void => {
+      clearTimeout(timeout)
+      link.remove()
+      signal.removeEventListener('abort', aborted)
+    }
+    const done = (): void => {
+      cleanup()
+      resolve()
+    }
+    const aborted = (): void => {
+      cleanup()
+      reject(new DOMException('Aborted', 'AbortError'))
+    }
+    const timeout = window.setTimeout(done, 30_000)
+    signal.addEventListener('abort', aborted, { once: true })
+    link.addEventListener('load', done, { once: true })
+    link.addEventListener('error', done, { once: true })
+    link.rel = 'preload'
+    link.as = 'fetch'
+    link.href = entry.url
+    document.head.appendChild(link)
+  })
+}
+
+async function consumeResponse(response: Response, signal: AbortSignal): Promise<void> {
+  if (!response.ok) throw new Error(`Preload failed (${response.status})`)
+  if (!response.body) {
+    await response.blob()
+    return
+  }
+  const reader = response.body.getReader()
+  try {
+    while (!signal.aborted && !(await reader.read()).done) { /* fill the browser cache */ }
+  } finally {
+    reader.releaseLock()
+  }
+  if (signal.aborted) throw new DOMException('Aborted', 'AbortError')
+}
+
+async function load(
+  entry: PreloadEntry,
+  signal: AbortSignal,
+  fileAssets?: FileAssetBridge
+): Promise<void> {
+  if (location.protocol === 'file:') {
+    if (fileAssets?.has(entry.path)) {
+      await fileAssets.load(entry.path, signal)
+      return
+    }
+    if (entry.kind === 'file') await waitForFile(entry, signal)
+    else await waitForMedia(entry, signal)
+    return
+  }
+  try {
+    await consumeResponse(await fetch(entry.url, { cache: 'force-cache', signal }), signal)
+  } catch (error) {
+    if (signal.aborted) throw error
+    if (entry.kind === 'file') throw error
+    await waitForMedia(entry, signal)
+  }
+}
+
+export function createAssetPreloader(
+  project: Project,
+  fragmentAssets: FragmentAssetRef[],
+  fileAssets?: FileAssetBridge
+): AssetPreloader {
+  const entries = entriesFor(project, fragmentAssets)
+  const byUrl = new Map(entries.map((entry) => [entry.url, entry]))
+  const finished = new Set<string>()
+  const inFlight = new Map<string, AbortController>()
+  const concurrency = parallelLimit()
+  let target = 0
+  let destroyed = false
+  let reprioritizeTimer = 0
+
+  const pending = (): PreloadEntry[] => entries
+    .filter((entry) => !finished.has(entry.url))
+    .sort(compareAt(target))
+
+  const pump = (): void => {
+    if (destroyed) return
+    const queue = pending()
+    while (inFlight.size < concurrency) {
+      const entry = queue.find((candidate) => !inFlight.has(candidate.url))
+      if (!entry) break
+      const controller = new AbortController()
+      inFlight.set(entry.url, controller)
+      void load(entry, controller.signal, fileAssets).then(
+        () => finished.add(entry.url),
+        (error: unknown) => {
+          if (!(error instanceof DOMException && error.name === 'AbortError')) finished.add(entry.url)
+        }
+      ).finally(() => {
+        if (inFlight.get(entry.url) === controller) inFlight.delete(entry.url)
+        pump()
+      })
+    }
+  }
+
+  const rebuild = (): void => {
+    if (destroyed) return
+    const wanted = new Set(pending().slice(0, concurrency).map((entry) => entry.url))
+    for (const [url, controller] of inFlight) {
+      if (!wanted.has(url) && byUrl.has(url)) controller.abort()
+    }
+    pump()
+  }
+
+  rebuild()
+  return {
+    prioritize(time) {
+      target = Math.max(0, time)
+      window.clearTimeout(reprioritizeTimer)
+      reprioritizeTimer = window.setTimeout(rebuild, 140)
+    },
+    destroy() {
+      destroyed = true
+      window.clearTimeout(reprioritizeTimer)
+      for (const controller of inFlight.values()) controller.abort()
+      inFlight.clear()
+    }
+  }
+}
diff --git a/src/i18n.ts b/src/i18n.ts
index 52f7bc5..00178dc 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -1,18 +1,61 @@
 import { useSettings } from './state/store'
+import { PRIMARY_MODIFIER, shortcut } from './shortcuts'
 
 const ru = {
   import: 'Импорт',
+  createSrtHint: 'Создать новый файл субтитров SRT рядом со сценарием проекта',
+  micStudio: 'Студия голоса',
   media: 'Медиа',
+  annotations: 'Аннотации',
   inspector: 'Свойства',
+  preview: 'Превью',
+  previewDetach: 'В отдельное окно',
+  previewDetachHint: 'Перенести превью в отдельное окно для второго монитора',
+  previewWindowTitle: 'Kadr — Превью',
+  previewDetached: 'Превью открыто в отдельном окне',
+  previewDetachedHint: 'Закройте отдельное окно или нажмите кнопку ниже, чтобы вернуть его сюда.',
+  previewFocus: 'Показать окно',
+  previewDock: 'Вернуть превью',
+  previewDockHint: 'Вернуть превью в основное окно Kadr',
+  htmlPlayerPreset: 'HTML-плеер + ассеты',
+  htmlPlayerDescription: 'Переносимая папка: автономный index.html со встроенным проектом и относительными путями к медиа.',
+  htmlPlayerPickFolder: 'Куда сохранить папку HTML-плеера',
+  htmlPlayerSettings: 'Настройки плеера',
+  htmlPlayerShowTimeline: 'Показывать шкалу времени',
+  htmlPlayerAllowSeeking: 'Разрешать перемотку',
+  htmlPlayerShowControls: 'Показывать кнопки управления',
+  copyingPlayerFiles: 'Подготовка HTML-плеера и копирование медиа',
+  htmlPlayerExportDone: 'HTML-плеер экспортирован',
   play: 'Воспроизвести (Space)',
   pause: 'Пауза (Space)',
   split: 'Разрезать (S)',
+  cut: `Вырезать (${shortcut('X')})`,
   delete: 'Удалить (Del)',
   addText: 'Текст',
+  addAnnotation: 'Добавить аннотацию',
   addVideoTrack: '+Видео',
   addAudioTrack: '+Аудио',
-  undo: 'Отменить (Ctrl+Z)',
-  redo: 'Повторить (Ctrl+Shift+Z)',
+  addAnnotationTrack: '+Аннотации',
+  annotationTrackFilter: 'Фильтр по дорожке',
+  allTracks: 'Все дорожки',
+  annotationAll: 'Все',
+  annotationStatus_new: 'Новая',
+  annotationStatus_in_progress: 'В работе',
+  annotationStatus_done: 'Выполнена',
+  annotationEmpty: 'Аннотаций пока нет. Нажмите A+ у плеера.',
+  annotationUntitled: 'Без текста',
+  annotationTask: 'Задача для агента',
+  annotationPlaceholder: 'Опишите, что нужно исправить в этом фрагменте…',
+  annotationTimelineHint: 'Перетащите, чтобы переместить · двойной клик — открыть',
+  annotationStatus: 'Статус задачи',
+  annotationAgentResult: 'Результат агента',
+  annotationCreated: 'Создана',
+  annotationUpdated: 'Изменена',
+  annotationCompleted: 'Выполнена',
+  annotationDelete: 'Удалить задачу',
+  annotationSave: 'Сохранить',
+  undo: `Отменить (${shortcut('Z')})`,
+  redo: `Повторить (${shortcut('Z', true)})`,
   undoShort: 'Отменить',
   redoShort: 'Повторить',
   toStart: 'В начало',
@@ -26,7 +69,21 @@ const ru = {
   hMarkerDelete: 'удаление маркера',
   normalizing: 'Нормализация',
   hNormalize: 'нормализация громкости',
+  hAutoCut: 'автонарезка голоса',
+  hAnnotation: 'изменение аннотации',
+  hAnnotationMove: 'перемещение аннотации',
+  hAnnotationResize: 'длительность аннотации',
+  hAnnotationDelete: 'удаление аннотации',
+  hAnnotationAgent: 'задача агента',
+  hChapter: 'разметка оглавления',
+  hChapterDelete: 'удаление главы',
+  chapterNamePrompt: 'Название главы',
+  chapterDefault: 'Глава',
+  chapterBandHint: 'Потяните здесь, чтобы создать главу · двойной клик по названию — переименовать',
+  chapterDelete: 'Удалить главу',
   deleteTrack: 'Удалить дорожку',
+  renameTrack: 'Переименовать дорожку',
+  renameTrackHint: 'Нажмите, чтобы переименовать',
   hMove: 'перемещение клипа',
   hTrim: 'подрезка клипа',
   hFade: 'изменение фейда',
@@ -36,6 +93,7 @@ const ru = {
   hReverse: 'реверс клипа',
   hDelete: 'удаление',
   hDeleteRange: 'удаление фрагмента',
+  hCut: 'вырезание',
   hPaste: 'вставка',
   hInsert: 'добавление клипа',
   hCloseGap: 'смыкание клипов',
@@ -50,7 +108,7 @@ const ru = {
   binDeleteSel: 'Удалить выбранные файлы из проекта',
   binConfirmTitle: 'Удалить медиа из проекта?',
   binConfirmBody: 'Файлов: {files}. Клипы на таймлайне, использующие их, тоже будут удалены: {clips}. Сами файлы на диске не трогаются.',
-  binConfirmUndo: 'Действие можно отменить (Ctrl+Z).',
+  binConfirmUndo: `Действие можно отменить (${shortcut('Z')}).`,
   effects: 'Эффекты',
   fxGlow: 'Внешнее сияние',
   fxDelete: 'Удалить эффект',
@@ -62,8 +120,12 @@ const ru = {
   fxParticles: 'Частицы',
   fxPresetsHint: 'Пресеты эффектов: сохраняйте набор настроек и применяйте к любому клипу в любом проекте',
   claudeTitle: 'Claude Code — ИИ-ассистент, подключённый к этому проекту',
-  claudeHint: 'видит проект и медиа, управляет редактором; повторное нажатие кнопки завершает сессию',
+  claudeMinimizedTitle: 'Сессия Claude активна, окно свёрнуто — нажмите, чтобы показать',
+  claudeHint: 'видит проект и медиа, управляет редактором; повторное нажатие кнопки сворачивает окно',
   claudeClose: 'Завершить сессию и закрыть',
+  claudeCloseConfirm: 'Вы действительно хотите закрыть сессию Claude?',
+  yes: 'Да',
+  no: 'Нет',
   claudeExited: 'сессия завершена — закройте панель или нажмите 🤖 ещё раз для перезапуска',
   claudeFailed: 'не удалось запустить claude',
   hText: 'текстовый документ',
@@ -115,6 +177,16 @@ const ru = {
   subSeek: 'Перейти к реплике на таймлайне',
   subMissing: 'Файл не найден',
   subEmpty: 'Реплик нет (тишина или речь не распознана)',
+  subAddCue: 'Реплика',
+  subVoiceTitle: 'Озвучка по таймингам SRT',
+  subVoiceTimingHint: 'Каждая реплика станет отдельным аудиоклипом и точно займёт свой интервал.',
+  subVoiceChoice: 'Голос F5-TTS',
+  subVoiceGenerate: 'Сгенерировать озвучку SRT',
+  subVoiceCancel: 'Остановить генерацию',
+  subVoiceProgress: 'Генерирую реплику {current} из {total}',
+  subVoiceDone: 'Готово: создано аудиоклипов — {count}.',
+  subVoicePartial: 'Создано {done} из {total} реплик.',
+  subVoiceNoCues: 'Нет непустых реплик с корректными таймингами.',
   presets: 'Пресеты',
   presetsHint: 'Сохранённые состояния маски/трансформации: клик — применить на плейхеде',
   presetName: 'Имя пресета…',
@@ -123,6 +195,8 @@ const ru = {
   deletePreset: 'Удалить пресет',
   proxyBuilding: 'Создаётся прокси для плавного превью',
   proxyReady: 'Превью идёт через прокси; экспорт — из оригинала',
+  proxyError: 'Не удалось создать прокси',
+  proxyRetry: 'Нажмите, чтобы пересоздать',
   transition: 'Переход',
   transitionHint: 'Перекройте два клипа на одной дорожке — получится переход. Клик по значку — выбор эффекта.',
   trNone: 'Без перехода (склейка)',
@@ -213,6 +287,7 @@ const ru = {
   fastEncoderHint: 'WebCodecs вместо ffmpeg x264: заметно быстрее, но кодировщик Chromium игнорирует битрейт — картинка мыльнее',
   saved: 'Сохранено',
   saveError: 'Ошибка сохранения',
+  openError: 'Ошибка открытия проекта',
   unsavedChanges: 'Есть несохранённые изменения',
   reverse: 'Реверсировать',
   reversing: 'реверс…',
@@ -235,9 +310,20 @@ const ru = {
   export: 'Экспорт',
   save: 'Сохранить',
   saveAs: 'Сохранить как…',
+  saveAsTitle: 'Сохранить проект как…',
+  saveAsDescription: 'Обычное сохранение создаст один файл проекта. Выберите дополнительные параметры, если проект нужно перенести на другой компьютер.',
+  saveWithDependencies: 'Сохранить со всеми зависимостями',
+  saveWithDependenciesHint: 'Создать папку с проектом, медиафайлами, субтитрами, голосовыми дублями, прокси и Remotion-фрагментами.',
+  packZip: 'Упаковать в ZIP',
+  packZipHint: 'Дополнительно создать ZIP-архив готовой папки проекта.',
+  continueSave: 'Выбрать место',
+  saveAsPackaging: 'Сохранение переносимой копии…',
+  saveAsPackagingHint: 'Копируем зависимости и подготавливаем папку проекта. Это может занять некоторое время.',
   open: 'Открыть проект',
   newProject: 'Новый проект',
   zoom: 'Масштаб',
+  trackHeaderResize: 'Ширина панели дорожек',
+  trackHeaderResizeHint: 'Потяните границу, чтобы изменить ширину · двойной клик — сбросить',
   noSelection: 'Ничего не выбрано',
   position: 'Позиция',
   scale: 'Масштаб',
@@ -248,6 +334,8 @@ const ru = {
   volume: 'Громкость',
   muted: 'Без звука',
   speed: 'Скорость',
+  clipResizeLoopHint: `Тянуть: размер/луп · ${PRIMARY_MODIFIER}: скорость`,
+  clipResizeHint: `Тянуть: размер · ${PRIMARY_MODIFIER}: скорость`,
   label: 'Метка',
   text: 'Текст',
   fontSize: 'Кегль',
@@ -270,8 +358,10 @@ const ru = {
   exportDone: 'Экспорт завершён',
   exportError: 'Ошибка экспорта',
   exportCancelled: 'Экспорт отменён',
-  dropHint: 'Колесо — зум · Shift+драг — фрагмент · Ctrl+клик по пустоте — сомкнуть клипы',
-  emptyBin: 'Нет медиафайлов. Нажмите «Импорт», перетащите файлы сюда или вставьте из буфера обмена (Ctrl+V).',
+  dropHint: `Два пальца — прокрутка · Pinch/${PRIMARY_MODIFIER}+колесо — масштаб · Shift+драг — фрагмент`,
+  audioMeterTitle: 'Спектр звука и индикатор перегрузки',
+  dropImportPreview: 'Импорт медиа',
+  emptyBin: `Нет медиафайлов. Нажмите «Импорт», перетащите файлы сюда или вставьте из буфера обмена (${shortcut('V')}).`,
   clipName: 'Клип',
   projectSettings: 'Параметры проекта',
   resolution: 'Разрешение',
@@ -282,17 +372,59 @@ const ru = {
 
 const en: typeof ru = {
   import: 'Import',
+  createSrtHint: 'Create a new SRT subtitle file for this project',
+  micStudio: 'Voice Studio',
   media: 'Media',
+  annotations: 'Annotations',
   inspector: 'Inspector',
+  preview: 'Preview',
+  previewDetach: 'Open in window',
+  previewDetachHint: 'Move the preview into a separate window for a second display',
+  previewWindowTitle: 'Kadr — Preview',
+  previewDetached: 'Preview is open in a separate window',
+  previewDetachedHint: 'Close the separate window or use the button below to bring it back here.',
+  previewFocus: 'Show window',
+  previewDock: 'Dock preview',
+  previewDockHint: 'Return the preview to the main Kadr window',
+  htmlPlayerPreset: 'HTML player + assets',
+  htmlPlayerDescription: 'Portable folder: a standalone index.html with the embedded project and relative media paths.',
+  htmlPlayerPickFolder: 'Choose where to save the HTML-player folder',
+  htmlPlayerSettings: 'Player settings',
+  htmlPlayerShowTimeline: 'Show timeline',
+  htmlPlayerAllowSeeking: 'Allow seeking',
+  htmlPlayerShowControls: 'Show playback controls',
+  copyingPlayerFiles: 'Preparing the HTML player and copying media',
+  htmlPlayerExportDone: 'HTML player exported',
   play: 'Play (Space)',
   pause: 'Pause (Space)',
   split: 'Split (S)',
+  cut: `Cut (${shortcut('X')})`,
   delete: 'Delete (Del)',
   addText: 'Text',
+  addAnnotation: 'Add annotation',
   addVideoTrack: '+Video',
   addAudioTrack: '+Audio',
-  undo: 'Undo (Ctrl+Z)',
-  redo: 'Redo (Ctrl+Shift+Z)',
+  addAnnotationTrack: '+Annotations',
+  annotationTrackFilter: 'Track filter',
+  allTracks: 'All tracks',
+  annotationAll: 'All',
+  annotationStatus_new: 'New',
+  annotationStatus_in_progress: 'In progress',
+  annotationStatus_done: 'Done',
+  annotationEmpty: 'No annotations yet. Press A+ by the player.',
+  annotationUntitled: 'No text',
+  annotationTask: 'Task for the agent',
+  annotationPlaceholder: 'Describe what should be fixed in this range…',
+  annotationTimelineHint: 'Drag to move · double-click to open',
+  annotationStatus: 'Task status',
+  annotationAgentResult: 'Agent result',
+  annotationCreated: 'Created',
+  annotationUpdated: 'Updated',
+  annotationCompleted: 'Completed',
+  annotationDelete: 'Delete task',
+  annotationSave: 'Save',
+  undo: `Undo (${shortcut('Z')})`,
+  redo: `Redo (${shortcut('Z', true)})`,
   undoShort: 'Undo',
   redoShort: 'Redo',
   toStart: 'To start',
@@ -306,7 +438,21 @@ const en: typeof ru = {
   hMarkerDelete: 'delete marker',
   normalizing: 'Normalizing',
   hNormalize: 'loudness normalize',
+  hAutoCut: 'voice auto-cut',
+  hAnnotation: 'annotation edit',
+  hAnnotationMove: 'annotation move',
+  hAnnotationResize: 'annotation duration',
+  hAnnotationDelete: 'annotation delete',
+  hAnnotationAgent: 'agent task',
+  hChapter: 'chapter map edit',
+  hChapterDelete: 'delete chapter',
+  chapterNamePrompt: 'Chapter title',
+  chapterDefault: 'Chapter',
+  chapterBandHint: 'Drag here to create a chapter · double-click its title to rename',
+  chapterDelete: 'Delete chapter',
   deleteTrack: 'Delete track',
+  renameTrack: 'Rename track',
+  renameTrackHint: 'Click to rename',
   hMove: 'move clip',
   hTrim: 'trim clip',
   hFade: 'fade change',
@@ -316,6 +462,7 @@ const en: typeof ru = {
   hReverse: 'reverse clip',
   hDelete: 'delete',
   hDeleteRange: 'delete fragment',
+  hCut: 'cut',
   hPaste: 'paste',
   hInsert: 'insert clip',
   hCloseGap: 'close gap',
@@ -330,7 +477,7 @@ const en: typeof ru = {
   binDeleteSel: 'Remove selected files from the project',
   binConfirmTitle: 'Remove media from the project?',
   binConfirmBody: 'Files: {files}. Timeline clips using them will be removed too: {clips}. The files on disk are untouched.',
-  binConfirmUndo: 'This can be undone (Ctrl+Z).',
+  binConfirmUndo: `This can be undone (${shortcut('Z')}).`,
   effects: 'Effects',
   fxGlow: 'Outer glow',
   fxDelete: 'Remove effect',
@@ -342,8 +489,12 @@ const en: typeof ru = {
   fxParticles: 'Particles',
   fxPresetsHint: 'Effect presets: save a settings stack and apply it to any clip in any project',
   claudeTitle: 'Claude Code — AI assistant wired to this project',
-  claudeHint: 'sees the project and media, drives the editor; pressing the button again ends the session',
+  claudeMinimizedTitle: 'Claude session is active and minimized — press to show it',
+  claudeHint: 'sees the project and media, drives the editor; pressing the button again minimizes the window',
   claudeClose: 'End session and close',
+  claudeCloseConfirm: 'Are you sure you want to close the Claude session?',
+  yes: 'Yes',
+  no: 'No',
   claudeExited: 'session ended — close the panel or press 🤖 again to restart',
   claudeFailed: 'failed to launch claude',
   hText: 'text document',
@@ -395,6 +546,16 @@ const en: typeof ru = {
   subSeek: 'Seek to this cue on the timeline',
   subMissing: 'File not found',
   subEmpty: 'No cues (silence or no recognizable speech)',
+  subAddCue: 'Cue',
+  subVoiceTitle: 'SRT timed voiceover',
+  subVoiceTimingHint: 'Each cue becomes a separate audio clip fitted exactly to its interval.',
+  subVoiceChoice: 'F5-TTS voice',
+  subVoiceGenerate: 'Generate SRT voiceover',
+  subVoiceCancel: 'Stop generation',
+  subVoiceProgress: 'Generating cue {current} of {total}',
+  subVoiceDone: 'Done: {count} audio clips created.',
+  subVoicePartial: 'Created {done} of {total} cues.',
+  subVoiceNoCues: 'There are no non-empty cues with valid timing.',
   presets: 'Presets',
   presetsHint: 'Saved mask/transform states: click to apply at the playhead',
   presetName: 'Preset name…',
@@ -403,6 +564,8 @@ const en: typeof ru = {
   deletePreset: 'Delete preset',
   proxyBuilding: 'Building a proxy for smooth preview',
   proxyReady: 'Preview plays the proxy; export uses the original',
+  proxyError: 'Proxy generation failed',
+  proxyRetry: 'Click to rebuild',
   transition: 'Transition',
   transitionHint: 'Overlap two clips on one track to get a transition. Click the badge to pick the effect.',
   trNone: 'No transition (cut)',
@@ -493,6 +656,7 @@ const en: typeof ru = {
   fastEncoderHint: 'WebCodecs instead of ffmpeg x264: much faster, but Chromium\'s encoder ignores the bitrate — softer picture',
   saved: 'Saved',
   saveError: 'Save failed',
+  openError: 'Could not open project',
   unsavedChanges: 'Unsaved changes',
   reverse: 'Reverse',
   reversing: 'reversing…',
@@ -515,9 +679,20 @@ const en: typeof ru = {
   export: 'Export',
   save: 'Save',
   saveAs: 'Save as…',
+  saveAsTitle: 'Save project as…',
+  saveAsDescription: 'A regular save creates one project file. Choose extra options when the project needs to move to another computer.',
+  saveWithDependencies: 'Save with all dependencies',
+  saveWithDependenciesHint: 'Create a folder with the project, media, subtitles, voice takes, proxies, and Remotion fragments.',
+  packZip: 'Pack as ZIP',
+  packZipHint: 'Also create a ZIP archive of the completed project folder.',
+  continueSave: 'Choose location',
+  saveAsPackaging: 'Saving a portable copy…',
+  saveAsPackagingHint: 'Copying dependencies and preparing the project folder. This may take a while.',
   open: 'Open project',
   newProject: 'New project',
   zoom: 'Zoom',
+  trackHeaderResize: 'Track controls width',
+  trackHeaderResizeHint: 'Drag the divider to resize · double-click to reset',
   noSelection: 'Nothing selected',
   position: 'Position',
   scale: 'Scale',
@@ -528,6 +703,8 @@ const en: typeof ru = {
   volume: 'Volume',
   muted: 'Muted',
   speed: 'Speed',
+  clipResizeLoopHint: `Drag: resize/loop · ${PRIMARY_MODIFIER}: speed`,
+  clipResizeHint: `Drag: resize · ${PRIMARY_MODIFIER}: speed`,
   label: 'Label',
   text: 'Text',
   fontSize: 'Font size',
@@ -550,8 +727,10 @@ const en: typeof ru = {
   exportDone: 'Export finished',
   exportError: 'Export error',
   exportCancelled: 'Export cancelled',
-  dropHint: 'Wheel zooms · Shift+drag selects a fragment · Ctrl+click a gap closes it',
-  emptyBin: 'No media yet. Click "Import", drop files here, or paste from the clipboard (Ctrl+V).',
+  dropHint: `Two fingers scroll · Pinch/${PRIMARY_MODIFIER}+wheel zooms · Shift+drag selects a fragment`,
+  audioMeterTitle: 'Audio spectrum and clipping indicator',
+  dropImportPreview: 'Import media',
+  emptyBin: `No media yet. Click "Import", drop files here, or paste from the clipboard (${shortcut('V')}).`,
   clipName: 'Clip',
   projectSettings: 'Project settings',
   resolution: 'Resolution',
diff --git a/src/main.tsx b/src/main.tsx
index b2b10f9..720f39b 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -17,9 +17,13 @@ import { wireAutosave, autosaveNow, activity } from './engine/autosave'
 import { autoCaptions, captionsTsx } from './engine/captions'
 import { reverseClip } from './engine/reverse'
 import { importFiles, wireDropDiagnostics } from './engine/mediaImport'
-import { snapshotFrame } from './engine/snapshot'
+import { snapshotFrame, storyboardFrames } from './engine/snapshot'
 import { wireExportChime } from './engine/chime'
 import { normalizeClip } from './engine/normalize'
+import { getEditorCapabilities } from './engine/capabilities'
+import {
+  applyAnnotationTask, getAnnotationTasks, startAnnotationTask, updateAnnotationTask
+} from './engine/annotationTasks'
 
 wireProxies()
 wireFragmentCapture()
@@ -33,7 +37,13 @@ wireDropDiagnostics()
   useEditor, useSettings, usePosePresets, useFxPresets, projectDuration, uid, PRESETS, startExport, evalAnim,
   transcribe: transcribeFlow, parseSrt, cuesToSrt, docTimeToProject, segmentsToCues,
   createFragment, ensureFragmentServer, deleteFragment, autoCaptions, captionsTsx, autosaveNow, activity,
-  reverseClip, importFiles, snapshotFrame, normalizeClip, syncProjectFragments
+  reverseClip, importFiles, snapshotFrame, storyboardFrames, normalizeClip,
+  getAnnotationTasks, startAnnotationTask, applyAnnotationTask, updateAnnotationTask,
+  getCapabilities: (section = 'all') => getEditorCapabilities(
+    section,
+    Object.entries(useEditor.getState()).filter(([, value]) => typeof value === 'function').map(([name]) => name).sort()
+  ),
+  syncProjectFragments
 }
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
diff --git a/src/shortcuts.ts b/src/shortcuts.ts
new file mode 100644
index 0000000..73eccb1
--- /dev/null
+++ b/src/shortcuts.ts
@@ -0,0 +1,14 @@
+const platform = typeof navigator === 'undefined' ? '' : navigator.platform || navigator.userAgent
+
+export const IS_MAC = /^Mac/.test(platform)
+export const PRIMARY_MODIFIER = IS_MAC ? '⌘' : 'Ctrl'
+
+export function hasPrimaryModifier(event: { ctrlKey: boolean; metaKey: boolean }): boolean {
+  return IS_MAC ? event.metaKey : event.ctrlKey
+}
+
+export function shortcut(key: string, shift = false): string {
+  const normalized = key.toUpperCase()
+  if (IS_MAC) return `${shift ? '⇧' : ''}⌘${normalized}`
+  return `Ctrl+${shift ? 'Shift+' : ''}${normalized}`
+}
diff --git a/src/state/store.ts b/src/state/store.ts
index 86d430a..a2c1233 100644
--- a/src/state/store.ts
+++ b/src/state/store.ts
@@ -1,9 +1,21 @@
 import { create } from 'zustand'
 import type {
-  Project, Track, Clip, Anim, MediaAsset, TrackKind, TextStyle, TextDoc, FragmentSpec
+  Project, Track, Clip, Anim, MediaAsset, TrackKind, TextStyle, TextDoc, FragmentSpec,
+  AnnotationTask, AnnotationStatus, Chapter, VoiceoverHistory
 } from '@shared/types'
 
 export const uid = () => Math.random().toString(36).slice(2, 10)
+const annotationUid = () => globalThis.crypto?.randomUUID?.() ?? uid()
+const chapterUid = () => globalThis.crypto?.randomUUID?.() ?? uid()
+
+export interface TimedVoiceoverInsert {
+  asset: MediaAsset
+  start: number
+  duration: number
+  speed: number
+  label: string
+  voiceover: VoiceoverHistory
+}
 
 export const defaultTextStyle = (): TextStyle => ({
   fontFamily: 'sans-serif',
@@ -56,7 +68,9 @@ export function newProject(): Project {
       { id: uid(), kind: 'video', name: 'V1', muted: false, locked: false, gain: 1, clips: [] },
       { id: uid(), kind: 'audio', name: 'A1', muted: false, locked: false, gain: 1, clips: [] }
     ],
-    assets: []
+    assets: [],
+    chapters: [],
+    markers: []
   }
 }
 
@@ -74,6 +88,17 @@ export function findClip(p: Project, clipId: string): { track: Track; clip: Clip
   return null
 }
 
+export function findAnnotation(
+  p: Project,
+  annotationId: string
+): { track: Track; annotation: AnnotationTask } | null {
+  for (const track of p.tracks) {
+    const annotation = track.annotations?.find((item) => item.id === annotationId)
+    if (annotation) return { track, annotation }
+  }
+  return null
+}
+
 /**
  * Heal foreign or script-written projects on load. Anim slots written as
  * plain numbers (e.g. `gain: 0.5` from a kadr_eval script) become `{value}`,
@@ -97,6 +122,22 @@ export function sanitizeProject(p: Project): Project {
   if (!Number.isFinite(p.height) || p.height <= 0) p.height = 1080
   if (!Number.isFinite(p.fps) || p.fps <= 0) p.fps = 30
   p.assets ??= []
+  p.tracks ??= []
+  p.chapters = (p.chapters ?? [])
+    .filter((chapter): chapter is Chapter => !!chapter && typeof chapter === 'object')
+    .map((chapter) => {
+      const start = Number.isFinite(chapter.start) ? Math.max(0, chapter.start) : 0
+      const end = Number.isFinite(chapter.end) ? Math.max(start + 0.05, chapter.end) : start + 1
+      return {
+        id: typeof chapter.id === 'string' && chapter.id ? chapter.id : chapterUid(),
+        title: typeof chapter.title === 'string' && chapter.title.trim()
+          ? chapter.title.trim().slice(0, 160)
+          : 'Chapter',
+        start,
+        end
+      }
+    })
+    .sort((a, b) => a.start - b.start || a.end - b.end)
   p.markers = (p.markers ?? []).filter(
     (m) => m && typeof m.id === 'string' && Number.isFinite(m.time)
   )
@@ -106,6 +147,31 @@ export function sanitizeProject(p: Project): Project {
   }
   for (const track of p.tracks) {
     if (!Number.isFinite(track.gain)) track.gain = 1
+    track.clips ??= []
+    if (track.kind === 'annotation') {
+      track.annotations ??= []
+      track.annotations = track.annotations
+        .filter((item): item is AnnotationTask => !!item && typeof item === 'object')
+        .map((item) => {
+          const now = new Date().toISOString()
+          const status: AnnotationStatus =
+            item.status === 'in_progress' || item.status === 'done' ? item.status : 'new'
+          return {
+            id: typeof item.id === 'string' && item.id ? item.id : annotationUid(),
+            text: typeof item.text === 'string' ? item.text : '',
+            status,
+            start: Number.isFinite(item.start) ? Math.max(0, item.start) : 0,
+            duration: Number.isFinite(item.duration) ? Math.max(0.05, item.duration) : 4,
+            result: typeof item.result === 'string' ? item.result : undefined,
+            createdAt: typeof item.createdAt === 'string' ? item.createdAt : now,
+            updatedAt: typeof item.updatedAt === 'string' ? item.updatedAt : now,
+            completedAt: status === 'done'
+              ? (typeof item.completedAt === 'string' ? item.completedAt : now)
+              : undefined
+          }
+        })
+        .sort((a, b) => a.start - b.start)
+    }
     for (const c of track.clips) {
       for (const k of ['start', 'duration', 'inPoint'] as const)
         if (!Number.isFinite(c[k])) c[k] = 0
@@ -208,13 +274,24 @@ interface SettingsState {
   lang: 'ru' | 'en'
   /** uniform lane height for all tracks, px */
   trackH: number
+  /** width of the sticky track-controls column, px */
+  trackHeaderW: number
   setLang(l: 'ru' | 'en'): void
   setTrackH(h: number): void
+  setTrackHeaderW(w: number): void
 }
 
+export const TRACK_HEADER_MIN = 160
+export const TRACK_HEADER_MAX = 520
+export const TRACK_HEADER_DEFAULT = 240
+
 export const useSettings = create<SettingsState>((set) => ({
   lang: (localStorage.getItem('kadr.lang') as 'ru' | 'en') || 'ru',
   trackH: Math.min(140, Math.max(32, Number(localStorage.getItem('kadr.trackh')) || 56)),
+  trackHeaderW: Math.min(
+    TRACK_HEADER_MAX,
+    Math.max(TRACK_HEADER_MIN, Number(localStorage.getItem('kadr.trackHeaderW')) || TRACK_HEADER_DEFAULT)
+  ),
   setLang: (lang) => {
     localStorage.setItem('kadr.lang', lang)
     set({ lang })
@@ -223,6 +300,11 @@ export const useSettings = create<SettingsState>((set) => ({
     const trackH = Math.min(140, Math.max(32, h))
     localStorage.setItem('kadr.trackh', String(trackH))
     set({ trackH })
+  },
+  setTrackHeaderW: (w) => {
+    const trackHeaderW = Math.min(TRACK_HEADER_MAX, Math.max(TRACK_HEADER_MIN, Math.round(w)))
+    localStorage.setItem('kadr.trackHeaderW', String(trackHeaderW))
+    set({ trackHeaderW })
   }
 }))
 
@@ -391,6 +473,10 @@ interface EditorState {
   animClipId: string | null
   /** video track whose Track Motion editor is open */
   motionTrackId: string | null
+  /** annotation card currently open */
+  annotationId: string | null
+  /** destination for A+; falls back to the last available annotation track */
+  activeAnnotationTrackId: string | null
   /** absolute time of a keyframe being dragged in a mini-timeline,
       highlighted on the main timeline while the drag lasts */
   kfMarker: number | null
@@ -422,16 +508,37 @@ interface EditorState {
   moveTrack(trackId: string, toIndex: number): void
   updateTrack(trackId: string, patch: Partial<Track>): void
 
+  /** Add a named timeline section as one undoable edit. */
+  addChapter(title: string, start: number, end: number): string
+  /** Low-level chapter patch; callers doing a drag must push history once first. */
+  updateChapter(id: string, patch: Partial<Pick<Chapter, 'title' | 'start' | 'end'>>): boolean
+  deleteChapter(id: string): boolean
+  /** Replace the full chapter map as one undoable edit (used by MCP). */
+  replaceChapters(chapters: Chapter[]): void
+
+  /** Create a four-second task at/after the playhead and open its card. */
+  insertAnnotation(at: number): string
+  updateAnnotation(id: string, patch: Partial<Pick<AnnotationTask, 'text' | 'status' | 'result'>>): boolean
+  deleteAnnotation(id: string): boolean
+  moveAnnotation(id: string, start: number): void
+  resizeAnnotation(id: string, edge: 'start' | 'end', time: number): void
+  setAnnotation(id: string | null): void
+  setActiveAnnotationTrack(id: string | null): void
+
   insertClipFromAsset(assetId: string, trackId: string | null, at: number): void
   /** Place several assets back-to-back starting at `at` (one undo entry);
       audio assets go to an audio track regardless of the drop lane. */
   insertClipsFromAssets(assetIds: string[], trackId: string | null, at: number): void
+  /** Insert a generated SRT voiceover as one exact-timing audio track and one undo step. */
+  insertTimedVoiceovers(items: TimedVoiceoverInsert[], trackName: string): string[]
   insertTextClip(at: number): void
   /** Add a track-independent timeline marker (auto-numbered); returns id. */
   addMarker(time: number): string
   moveMarker(id: string, time: number): void
   removeMarker(id: string): void
   updateClip(clipId: string, patch: Partial<Clip>): void
+  /** Replace one clip with timeline-relative kept ranges, preserving gaps. */
+  splitClipIntoRanges(clipId: string, ranges: { start: number; end: number }[]): string[]
   /** Change speed/duration, rescaling keyframes and fades to stay on content.
       Optional `start` moves the clip too (a speed drag from the LEFT edge
       keeps the right edge anchored). */
@@ -451,12 +558,14 @@ interface EditorState {
   setClipStarts(entries: { id: string; start: number; trackId?: string }[]): void
   trimClip(clipId: string, edge: 'in' | 'out', time: number): void
   splitAtPlayhead(): void
-  deleteSelection(): void
-  /** Close the gap between clips around `time` on a track (Ctrl+click). */
+  deleteSelection(historyLabel?: string): void
+  /** Close the gap around `time` (primary-modifier click). */
   closeGapAt(trackId: string, time: number): void
   copySelection(): void
   copyRange(): void
-  deleteRange(): void
+  cutSelection(): void
+  cutRange(): void
+  deleteRange(historyLabel?: string): void
   pasteAtPlayhead(): void
 
   select(ids: string[]): void
@@ -486,6 +595,8 @@ export const useEditor = create<EditorState>((set, get) => ({
   range: null,
   animClipId: null,
   motionTrackId: null,
+  annotationId: null,
+  activeAnnotationTrackId: null,
   kfMarker: null,
   clipboard: [],
   past: [],
@@ -494,7 +605,8 @@ export const useEditor = create<EditorState>((set, get) => ({
   setProject: (project, path = null) =>
     set({
       project: sanitizeProject(project), projectPath: path, past: [], future: [],
-      selection: [], playhead: 0, playing: false, range: null
+      selection: [], playhead: 0, playing: false, range: null,
+      annotationId: null, activeAnnotationTrackId: null
     }),
   setProjectPath: (projectPath) => set({ projectPath }),
 
@@ -614,8 +726,18 @@ export const useEditor = create<EditorState>((set, get) => ({
     get().pushHistory('hTrack')
     set((s) => {
       const p = clone(s.project)
-      p.tracks.splice(kind === 'video' ? 0 : p.tracks.length, 0, makeTrack(p, kind))
-      return { project: p }
+      const track = makeTrack(p, kind)
+      const firstAudio = p.tracks.findIndex((t) => t.kind === 'audio')
+      const at = kind === 'video'
+        ? 0
+        : kind === 'annotation'
+          ? (firstAudio < 0 ? p.tracks.length : firstAudio)
+          : p.tracks.length
+      p.tracks.splice(at, 0, track)
+      return {
+        project: p,
+        activeAnnotationTrackId: kind === 'annotation' ? track.id : s.activeAnnotationTrackId
+      }
     })
   },
 
@@ -658,9 +780,13 @@ export const useEditor = create<EditorState>((set, get) => ({
     s.pushHistory('hTrack')
     set((st) => {
       const p = clone(st.project)
-      // video stacks above the clicked track, audio below it
-      p.tracks.splice(kind === 'video' ? idx : idx + 1, 0, makeTrack(p, kind))
-      return { project: p }
+      // video stacks above the clicked track; audio/annotation below it
+      const track = makeTrack(p, kind)
+      p.tracks.splice(kind === 'video' ? idx : idx + 1, 0, track)
+      return {
+        project: p,
+        activeAnnotationTrackId: kind === 'annotation' ? track.id : st.activeAnnotationTrackId
+      }
     })
   },
 
@@ -671,7 +797,16 @@ export const useEditor = create<EditorState>((set, get) => ({
     set((st) => {
       const p = clone(st.project)
       p.tracks = p.tracks.filter((t) => t.id !== trackId)
-      return { project: p, selection: [] }
+      const openTrackId = st.annotationId
+        ? findAnnotation(st.project, st.annotationId)?.track.id
+        : undefined
+      return {
+        project: p,
+        selection: [],
+        annotationId: openTrackId === trackId ? null : st.annotationId,
+        activeAnnotationTrackId:
+          st.activeAnnotationTrackId === trackId ? null : st.activeAnnotationTrackId
+      }
     })
   },
 
@@ -693,6 +828,186 @@ export const useEditor = create<EditorState>((set, get) => ({
       return { project: p }
     }),
 
+  addChapter: (title, start, end) => {
+    const id = chapterUid()
+    get().pushHistory('hChapter')
+    set((s) => {
+      const p = clone(s.project)
+      const lo = Math.max(0, Math.min(start, end))
+      const hi = Math.max(lo + 0.05, Math.max(start, end))
+      p.chapters = [
+        ...(p.chapters ?? []),
+        { id, title: title.trim().slice(0, 160) || 'Chapter', start: lo, end: hi }
+      ].sort((a, b) => a.start - b.start || a.end - b.end)
+      return { project: p }
+    })
+    return id
+  },
+
+  updateChapter: (id, patch) => {
+    let changed = false
+    set((s) => {
+      const p = clone(s.project)
+      const chapter = p.chapters?.find((item) => item.id === id)
+      if (!chapter) return s
+      if (patch.title !== undefined) chapter.title = patch.title.trim().slice(0, 160) || chapter.title
+      if (patch.start !== undefined && Number.isFinite(patch.start)) chapter.start = Math.max(0, patch.start)
+      if (patch.end !== undefined && Number.isFinite(patch.end)) chapter.end = Math.max(0, patch.end)
+      if (chapter.end < chapter.start) [chapter.start, chapter.end] = [chapter.end, chapter.start]
+      chapter.end = Math.max(chapter.start + 0.05, chapter.end)
+      p.chapters!.sort((a, b) => a.start - b.start || a.end - b.end)
+      changed = true
+      return { project: p }
+    })
+    return changed
+  },
+
+  deleteChapter: (id) => {
+    if (!get().project.chapters?.some((chapter) => chapter.id === id)) return false
+    get().pushHistory('hChapterDelete')
+    set((s) => ({
+      project: {
+        ...s.project,
+        chapters: (s.project.chapters ?? []).filter((chapter) => chapter.id !== id)
+      }
+    }))
+    return true
+  },
+
+  replaceChapters: (chapters) => {
+    get().pushHistory('hChapter')
+    set((s) => {
+      const p = clone(s.project)
+      p.chapters = chapters.map((chapter) => ({ ...chapter }))
+      sanitizeProject(p)
+      return { project: p }
+    })
+  },
+
+  insertAnnotation: (at) => {
+    const s = get()
+    s.pushHistory('hAnnotation')
+    const id = annotationUid()
+    set((st) => {
+      const p = clone(st.project)
+      let track = st.activeAnnotationTrackId
+        ? p.tracks.find((item) => item.id === st.activeAnnotationTrackId && item.kind === 'annotation')
+        : undefined
+      if (!track || track.locked) {
+        const candidates = p.tracks.filter((item) => item.kind === 'annotation' && !item.locked)
+        track = candidates[candidates.length - 1]
+      }
+      if (!track) {
+        track = makeTrack(p, 'annotation')
+        const audioAt = p.tracks.findIndex((item) => item.kind === 'audio')
+        p.tracks.splice(audioAt < 0 ? p.tracks.length : audioAt, 0, track)
+      }
+      const duration = 4
+      let start = Math.max(0, at)
+      const existing = [...(track.annotations ?? [])].sort((a, b) => a.start - b.start)
+      // Preserve the four-second default. If the playhead is occupied, place the
+      // task in the first following gap instead of silently overlapping it.
+      for (const item of existing) {
+        if (start + duration <= item.start + 1e-6) break
+        if (start < item.start + item.duration - 1e-6) start = item.start + item.duration
+      }
+      const now = new Date().toISOString()
+      const annotation: AnnotationTask = {
+        id, text: '', status: 'new', start, duration, createdAt: now, updatedAt: now
+      }
+      track.annotations ??= []
+      track.annotations.push(annotation)
+      track.annotations.sort((a, b) => a.start - b.start)
+      return {
+        project: p,
+        annotationId: id,
+        activeAnnotationTrackId: track.id,
+        playhead: start
+      }
+    })
+    return id
+  },
+
+  updateAnnotation: (id, patch) => {
+    const s = get()
+    if (!findAnnotation(s.project, id)) return false
+    s.pushHistory('hAnnotation')
+    set((st) => {
+      const p = clone(st.project)
+      const found = findAnnotation(p, id)
+      if (!found) return st
+      if (patch.text !== undefined) found.annotation.text = patch.text
+      if (patch.result !== undefined) found.annotation.result = patch.result
+      if (patch.status !== undefined) {
+        found.annotation.status = patch.status
+        found.annotation.completedAt = patch.status === 'done' ? new Date().toISOString() : undefined
+      }
+      found.annotation.updatedAt = new Date().toISOString()
+      return { project: p }
+    })
+    return true
+  },
+
+  deleteAnnotation: (id) => {
+    const s = get()
+    if (!findAnnotation(s.project, id)) return false
+    s.pushHistory('hAnnotationDelete')
+    set((st) => {
+      const p = clone(st.project)
+      for (const track of p.tracks) {
+        if (track.annotations) track.annotations = track.annotations.filter((item) => item.id !== id)
+      }
+      return { project: p, annotationId: st.annotationId === id ? null : st.annotationId }
+    })
+    return true
+  },
+
+  moveAnnotation: (id, desiredStart) =>
+    set((st) => {
+      const p = clone(st.project)
+      const found = findAnnotation(p, id)
+      if (!found || found.track.locked) return st
+      const current = found.annotation
+      const ordered = (found.track.annotations ?? []).filter((item) => item.id !== id)
+        .sort((a, b) => a.start - b.start)
+      const previous = ordered.filter((item) => item.start < current.start).at(-1)
+      const next = ordered.find((item) => item.start > current.start)
+      const min = previous ? previous.start + previous.duration : 0
+      const max = next ? next.start - current.duration : Infinity
+      current.start = Math.max(min, Math.min(max, Math.max(0, desiredStart)))
+      current.updatedAt = new Date().toISOString()
+      found.track.annotations!.sort((a, b) => a.start - b.start)
+      return { project: p }
+    }),
+
+  resizeAnnotation: (id, edge, time) =>
+    set((st) => {
+      const p = clone(st.project)
+      const found = findAnnotation(p, id)
+      if (!found || found.track.locked) return st
+      const current = found.annotation
+      const ordered = (found.track.annotations ?? []).filter((item) => item.id !== id)
+        .sort((a, b) => a.start - b.start)
+      const previous = ordered.filter((item) => item.start < current.start).at(-1)
+      const next = ordered.find((item) => item.start > current.start)
+      const minDuration = Math.max(0.05, 1 / Math.max(1, p.fps))
+      if (edge === 'start') {
+        const end = current.start + current.duration
+        const min = previous ? previous.start + previous.duration : 0
+        const start = Math.max(min, Math.min(end - minDuration, time))
+        current.start = start
+        current.duration = end - start
+      } else {
+        const max = next ? next.start : Infinity
+        current.duration = Math.max(minDuration, Math.min(max, time) - current.start)
+      }
+      current.updatedAt = new Date().toISOString()
+      return { project: p }
+    }),
+
+  setAnnotation: (annotationId) => set({ annotationId }),
+  setActiveAnnotationTrack: (activeAnnotationTrackId) => set({ activeAnnotationTrackId }),
+
   insertClipFromAsset: (assetId, trackId, at) =>
     get().insertClipsFromAssets([assetId], trackId, at),
 
@@ -751,6 +1066,38 @@ export const useEditor = create<EditorState>((set, get) => ({
     })
   },
 
+  insertTimedVoiceovers: (items, trackName) => {
+    if (!items.length) return []
+    const s = get()
+    const clipIds = items.map(() => uid())
+    s.pushHistory('hVoiceGeneration')
+    set((st) => {
+      const p = clone(st.project)
+      const track = makeTrack(p, 'audio')
+      track.name = trackName
+      p.tracks.push(track)
+      items.forEach((item, index) => {
+        const asset = clone(item.asset)
+        if (!p.assets.some((existing) => existing.id === asset.id)) p.assets.push(asset)
+        track.clips.push({
+          id: clipIds[index],
+          assetId: asset.id,
+          kind: 'media',
+          start: Math.max(0, item.start),
+          duration: Math.max(0.05, item.duration),
+          inPoint: 0,
+          label: item.label,
+          voiceover: clone(item.voiceover),
+          ...newClipDefaults(),
+          // newClipDefaults supplies speed=1; exact SRT fitting wins.
+          speed: Math.max(0.01, item.speed)
+        })
+      })
+      return { project: p, selection: clipIds }
+    })
+    return clipIds
+  },
+
   setClipSpeed: (clipId, speed, duration, start) =>
     set((s) => {
       const p = clone(s.project)
@@ -867,6 +1214,42 @@ export const useEditor = create<EditorState>((set, get) => ({
       return { project: p }
     }),
 
+  splitClipIntoRanges: (clipId, ranges) => {
+    const s = get()
+    const original = findClip(s.project, clipId)
+    if (!original || original.track.locked) return []
+    const clean = ranges
+      .map((r) => ({
+        start: Math.max(0, Math.min(original.clip.duration, r.start)),
+        end: Math.max(0, Math.min(original.clip.duration, r.end))
+      }))
+      .filter((r) => r.end - r.start >= 0.05)
+      .sort((a, b) => a.start - b.start)
+    if (!clean.length) return []
+    s.pushHistory('hAutoCut')
+    const ids = clean.map(() => uid())
+    set((st) => {
+      const p = clone(st.project)
+      const found = findClip(p, clipId)
+      if (!found) return st
+      const index = found.track.clips.findIndex((c) => c.id === clipId)
+      const pieces = clean.map((r, i): Clip => ({
+        ...clone(found.clip),
+        id: ids[i],
+        start: found.clip.start + r.start,
+        duration: r.end - r.start,
+        inPoint: found.clip.inPoint + r.start * (found.clip.speed || 1),
+        label: `${found.clip.label || 'Voice'} · ${i + 1}`,
+        linkId: undefined,
+        fadeIn: Math.min(found.clip.fadeIn || 0, (r.end - r.start) / 2),
+        fadeOut: Math.min(found.clip.fadeOut || 0, (r.end - r.start) / 2)
+      }))
+      found.track.clips.splice(index, 1, ...pieces)
+      return { project: p, selection: ids }
+    })
+    return ids
+  },
+
   setClipStarts: (entries) =>
     set((s) => {
       const p = clone(s.project)
@@ -983,10 +1366,10 @@ export const useEditor = create<EditorState>((set, get) => ({
     })
   },
 
-  deleteSelection: () => {
+  deleteSelection: (historyLabel = 'hDelete') => {
     const s = get()
     if (!s.selection.length) return
-    s.pushHistory('hDelete')
+    s.pushHistory(historyLabel)
     set((st) => {
       const p = clone(st.project)
       for (const tr of p.tracks) {
@@ -1032,7 +1415,7 @@ export const useEditor = create<EditorState>((set, get) => ({
         }
       }
     }
-    set({ clipboard: items })
+    if (items.length) set({ clipboard: items })
   },
 
   copyRange: () => {
@@ -1045,14 +1428,39 @@ export const useEditor = create<EditorState>((set, get) => ({
         if (piece) items.push({ kind: track.kind, trackId: track.id, clip: piece })
       }
     }
-    if (items.length) set({ clipboard: items })
+    set({ clipboard: items })
+  },
+
+  cutSelection: () => {
+    const s = get()
+    if (!s.selection.length) return
+    s.copySelection()
+    get().deleteSelection('hCut')
+  },
+
+  cutRange: () => {
+    const s = get()
+    const range = s.range
+    if (!range) return
+    const items: ClipboardItem[] = []
+    for (const track of s.project.tracks) {
+      if (track.locked) continue
+      for (const clip of track.clips) {
+        const piece = clipIntersection(clip, range.start, range.end)
+        if (piece) items.push({ kind: track.kind, trackId: track.id, clip: piece })
+      }
+    }
+    if (!items.length) return
+    set({ clipboard: items })
+    get().deleteRange('hCut')
+    get().setRange(null)
   },
 
-  deleteRange: () => {
+  deleteRange: (historyLabel = 'hDeleteRange') => {
     const s = get()
     const r = s.range
     if (!r) return
-    s.pushHistory('hDeleteRange')
+    s.pushHistory(historyLabel)
     set((st) => {
       const p = clone(st.project)
       for (const tr of p.tracks) {
@@ -1156,11 +1564,12 @@ function makeTrack(p: Project, kind: TrackKind): Track {
   return {
     id: uid(),
     kind,
-    name: (kind === 'video' ? 'V' : 'A') + n,
+    name: (kind === 'video' ? 'V' : kind === 'audio' ? 'A' : 'AN') + n,
     muted: false,
     locked: false,
     gain: 1,
-    clips: []
+    clips: [],
+    annotations: kind === 'annotation' ? [] : undefined
   }
 }
 
diff --git a/src/styles.css b/src/styles.css
index 53dfcd8..c35b54a 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -10,6 +10,9 @@
   --clip-audio: #2f5a39;
   --clip-text: #6e4a2f;
   --sel: #ffb648;
+  --annotation-new: #d4a72c;
+  --annotation-progress: #4f8cff;
+  --annotation-done: #4fa86b;
 }
 
 * { box-sizing: border-box; }
@@ -54,27 +57,60 @@ input[type='color'] { padding: 0; width: 40px; height: 24px; }
 .sep { width: 1px; height: 18px; background: var(--border); margin: 0 4px; }
 
 .topbar {
+  position: relative;
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 6px 10px;
   background: var(--panel);
   border-bottom: 1px solid var(--border);
+  z-index: 61;
 }
 .brand { font-weight: 700; font-size: 15px; color: var(--accent); }
 .project-name { color: var(--dim); }
 .dirty-dot { color: #d6a828; font-size: 11px; }
-.save-flash {
-  margin-left: 10px;
-  font-size: 12px;
-  color: #7fae84;
-  animation: save-flash-in 0.15s ease-out;
+.save-toast {
+  position: fixed;
+  top: 52px;
+  right: 14px;
+  z-index: 3000;
+  display: flex;
+  align-items: flex-start;
+  gap: 9px;
+  width: max-content;
+  max-width: min(460px, calc(100vw - 28px));
+  padding: 10px 13px;
+  border: 1px solid #5e9d69;
+  border-radius: 7px;
+  background: color-mix(in srgb, #17251a 94%, transparent);
+  box-shadow: 0 10px 30px rgba(0, 0, 0, .38);
+  color: #b9dfbf;
+  pointer-events: none;
+  animation: save-toast-in 0.18s ease-out;
 }
-.save-flash.error { color: #d47070; }
-@keyframes save-flash-in {
-  from { opacity: 0; transform: translateY(-3px); }
+.save-toast > span:last-child { display: grid; gap: 2px; min-width: 0; }
+.save-toast b { color: #d8f0dc; font-size: 12px; font-weight: 650; }
+.save-toast small {
+  overflow-wrap: anywhere;
+  color: #91b597;
+  font-size: 10px;
+  line-height: 1.35;
+}
+.save-toast-icon { flex: 0 0 auto; color: #80c78b; font-size: 13px; line-height: 1.2; }
+.save-toast.error {
+  border-color: #a75858;
+  background: color-mix(in srgb, #2a1718 94%, transparent);
+  color: #efb1b1;
+}
+.save-toast.error b { color: #ffd2d2; }
+.save-toast.error small, .save-toast.error .save-toast-icon { color: #e18a8a; }
+@keyframes save-toast-in {
+  from { opacity: 0; transform: translateY(-6px); }
   to { opacity: 1; transform: none; }
 }
+@media (prefers-reduced-motion: reduce) {
+  .save-toast { animation: none; }
+}
 
 .main-row {
   flex: 1;
@@ -139,6 +175,14 @@ input[type='color'] { padding: 0; width: 40px; height: 24px; }
   border-bottom: 1px solid var(--border);
   font-weight: 600;
 }
+.bin-import-error {
+  padding: 6px 10px;
+  border-bottom: 1px solid rgba(190, 72, 72, 0.35);
+  background: rgba(120, 35, 35, 0.18);
+  color: #ff9b95;
+  font-size: 11px;
+  user-select: text;
+}
 .bin-grid {
   flex: 1;
   min-height: 0;
@@ -200,6 +244,44 @@ input[type='color'] { padding: 0; width: 40px; height: 24px; }
 button.danger { background: #7a2b2b; border-color: #a04040; }
 button.danger:hover { background: #944; }
 
+/* ---- annotation task list ---- */
+.annotation-panel { display: flex; flex: 1; min-height: 0; flex-direction: column; }
+.annotation-panel-head b { color: var(--dim); font-weight: 500; }
+.annotation-panel-head button { padding: 3px 7px; font-size: 11px; }
+.annotation-filters { display: grid; gap: 6px; padding: 8px; border-bottom: 1px solid var(--border); }
+.annotation-filters select { width: 100%; }
+.annotation-status-filter { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px; }
+.annotation-status-filter button { min-width: 0; padding: 4px 2px; overflow: hidden; font-size: 10px; text-overflow: ellipsis; }
+.annotation-status-filter button.active { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 18%, var(--panel2)); }
+.annotation-list { flex: 1; min-height: 0; overflow-y: auto; padding: 7px; }
+.annotation-empty { padding: 18px 10px; color: var(--dim); text-align: center; }
+.annotation-list-item {
+  position: relative;
+  display: flex;
+  width: 100%;
+  gap: 8px;
+  margin-bottom: 6px;
+  padding: 9px 8px;
+  border-left-width: 3px;
+  text-align: left;
+}
+.annotation-list-item.status-new { border-left-color: var(--annotation-new); }
+.annotation-list-item.status-in_progress { border-left-color: var(--annotation-progress); }
+.annotation-list-item.status-done { border-left-color: var(--annotation-done); }
+.annotation-list-status { width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; flex-shrink: 0; }
+.status-new .annotation-list-status { background: var(--annotation-new); }
+.status-in_progress .annotation-list-status { background: var(--annotation-progress); }
+.status-done .annotation-list-status { background: var(--annotation-done); }
+.annotation-list-copy { display: grid; min-width: 0; gap: 2px; }
+.annotation-list-copy b, .annotation-list-copy small, .annotation-list-copy em {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.annotation-list-copy b { font-size: 12px; }
+.annotation-list-copy small { color: var(--dim); font-size: 10px; }
+.annotation-list-copy em { color: #9fb0a3; font-size: 10px; font-style: normal; }
+
 /* ---- preview ---- */
 .center-col {
   flex: 1;
@@ -207,6 +289,12 @@ button.danger:hover { background: #944; }
   flex-direction: column;
   min-width: 0;
 }
+.center-col.preview-column-detached { display: none; }
+.main-row.preview-detached-layout .inspector {
+  flex: 1;
+  width: auto;
+  min-width: 260px;
+}
 .preview {
   flex: 1;
   display: flex;
@@ -217,6 +305,23 @@ button.danger:hover { background: #944; }
   padding: 10px;
   position: relative;
 }
+.preview-host {
+  position: relative;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+}
+.preview-host.detached { flex-direction: column; height: 100%; }
+.detached-preview-body,
+.detached-preview-root {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  background: var(--bg);
+}
 .preview-canvas-wrap {
   flex: 1;
   min-width: 0;
@@ -232,6 +337,7 @@ button.danger:hover { background: #944; }
   border-radius: 4px;
   background: #101216;
 }
+.audio-meter.is-silent { visibility: hidden; }
 /* the canvas keeps the exact project aspect ratio; everything around is chrome */
 .preview canvas {
   max-width: 100%;
@@ -280,6 +386,33 @@ button.danger:hover { background: #944; }
 }
 .transport .play { font-size: 15px; min-width: 44px; }
 .transport .time { margin-left: auto; font-variant-numeric: tabular-nums; font-size: 14px; }
+.transport .preview-window-toggle {
+  display: grid;
+  place-items: center;
+  min-width: 34px;
+}
+.transport .preview-window-toggle.active {
+  border-color: var(--accent);
+  background: var(--accent);
+  color: #fff;
+}
+.split-screen-icon {
+  position: relative;
+  display: block;
+  width: 18px;
+  height: 12px;
+  border: 1.5px solid currentColor;
+  border-radius: 2px;
+}
+.split-screen-icon::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  border-left: 1.5px solid currentColor;
+  transform: translateX(-0.75px);
+}
 
 /* ---- inspector ---- */
 .inspector {
@@ -340,7 +473,7 @@ button.danger:hover { background: #944; }
 }
 .clip.remotion-clip .clip-label::before { content: '⚛ '; }
 
-/* ---- fragment gizmo (mouse move/scale for remotion clips) ---- */
+/* ---- layer gizmo (mouse move/scale in the preview) ---- */
 .frag-gizmo {
   position: absolute;
   border: 2px dashed rgba(126, 91, 208, 0.9);
@@ -349,6 +482,10 @@ button.danger:hover { background: #944; }
   z-index: 7;
   touch-action: none;
 }
+.frag-gizmo.text { border-color: rgba(207, 240, 74, 0.95); }
+.frag-gizmo.media { border-color: rgba(63, 208, 255, 0.95); }
+.frag-gizmo.text .frag-gizmo-handle { background: #cfeF4a; }
+.frag-gizmo.media .frag-gizmo-handle { background: #3fd0ff; }
 .frag-gizmo-handle {
   position: absolute;
   right: -7px;
@@ -428,6 +565,26 @@ button.danger:hover { background: #944; }
 }
 .sub-body { flex: 1; min-height: 0; overflow-y: auto; padding: 8px; }
 .sub-txt { width: 100%; height: 100%; resize: none; }
+.sub-voice-box {
+  display: grid;
+  gap: 8px;
+  margin-bottom: 10px;
+  padding: 10px;
+  border: 1px solid rgba(215, 168, 76, 0.35);
+  border-radius: 8px;
+  background: rgba(69, 52, 25, 0.18);
+}
+.sub-voice-title { display: grid; grid-template-columns: 1fr minmax(180px, 48%); gap: 10px; align-items: center; }
+.sub-voice-title > div { display: grid; gap: 3px; }
+.sub-voice-title b { color: #efca80; font-size: 12px; }
+.sub-voice-title span { color: #99958c; font-size: 10px; line-height: 1.35; }
+.sub-voice-title select { min-width: 0; width: 100%; }
+.sub-voice-generate, .sub-voice-cancel { width: 100%; min-height: 34px; }
+.sub-voice-cancel { border-color: #9a4c49; color: #ff9b95; }
+.sub-voice-progress { display: grid; gap: 5px; }
+.sub-voice-progress > div { display: flex; justify-content: space-between; gap: 10px; font-size: 11px; }
+.sub-voice-progress progress { width: 100%; accent-color: #d7a84c; }
+.sub-voice-result { color: #88cf99; font-size: 11px; }
 .sub-cue {
   border-bottom: 1px solid rgba(255, 255, 255, 0.06);
   padding: 6px 0;
@@ -454,7 +611,7 @@ button.danger:hover { background: #944; }
 .claude-panel {
   position: fixed;
   right: 12px;
-  top: 44px;
+  top: 52px;
   bottom: 12px;
   width: min(620px, 46vw);
   display: flex;
@@ -466,6 +623,10 @@ button.danger:hover { background: #944; }
   z-index: 60;
   overflow: hidden;
 }
+.claude-panel.hidden {
+  visibility: hidden;
+  pointer-events: none;
+}
 .claude-head {
   display: flex;
   align-items: center;
@@ -496,7 +657,18 @@ button.danger:hover { background: #944; }
 .claude-close:hover { color: #ff7070; }
 .claude-term { flex: 1; min-height: 0; padding: 4px 0 4px 6px; }
 .claude-term .xterm { height: 100%; }
-.claude-btn.active { outline: 1px solid var(--accent, #7fc4ff); }
+.claude-btn.active {
+  border-color: var(--accent, #7fc4ff);
+  background: color-mix(in srgb, var(--accent, #7fc4ff) 16%, var(--panel2));
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent, #7fc4ff) 35%, transparent);
+}
+.claude-btn.minimized {
+  border-color: #d6a828;
+  background: color-mix(in srgb, #d6a828 14%, var(--panel2));
+  box-shadow: 0 0 0 1px color-mix(in srgb, #d6a828 35%, transparent);
+}
+.claude-confirm-back { position: absolute; z-index: 70; }
+.claude-confirm { width: min(430px, calc(100% - 24px)); }
 
 /* ---- clip effects (inspector) ---- */
 .fx-section-head {
@@ -555,10 +727,12 @@ button.danger:hover { background: #944; }
 
 /* ---- timeline ---- */
 .timeline {
+  --tl-scrollbar-size: 11px;
   display: flex;
   flex-direction: column;
   background: var(--panel);
   flex-shrink: 0;
+  isolation: isolate;
 }
 .tl-toolbar {
   display: flex;
@@ -570,13 +744,120 @@ button.danger:hover { background: #944; }
 .hint-inline { font-size: 12px; }
 .zoom-ctl { display: flex; align-items: center; gap: 6px; color: var(--dim); }
 
-.tl-scroll { flex: 1; overflow: auto; position: relative; }
-.tl-content { position: relative; }
+.tl-scroll-shell {
+  position: relative;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+}
+.tl-scroll {
+  position: absolute;
+  inset: 0 0 var(--tl-scrollbar-size);
+  overflow-x: hidden;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  scrollbar-gutter: stable;
+  scrollbar-color: color-mix(in srgb, var(--dim) 52%, transparent) var(--panel);
+}
+.tl-scroll::-webkit-scrollbar { width: var(--tl-scrollbar-size); }
+.tl-scroll::-webkit-scrollbar-track { background: var(--panel); }
+.tl-scroll::-webkit-scrollbar-thumb {
+  min-width: 34px;
+  min-height: 34px;
+  border: 3px solid var(--panel);
+  border-radius: 8px;
+  background: color-mix(in srgb, var(--dim) 48%, transparent);
+}
+.tl-scroll::-webkit-scrollbar-thumb:hover {
+  background: color-mix(in srgb, var(--accent) 68%, var(--dim));
+}
+.tl-scroll::-webkit-scrollbar-corner { background: var(--panel); }
+.tl-track-header-underlay {
+  position: absolute;
+  top: 0;
+  bottom: var(--tl-scrollbar-size);
+  left: 0;
+  z-index: 10;
+  pointer-events: none;
+  background: var(--panel);
+  border-right: 1px solid var(--border);
+}
+.tl-horizontal-scroll {
+  position: absolute;
+  right: var(--tl-scrollbar-size);
+  bottom: 0;
+  height: var(--tl-scrollbar-size);
+  overflow-x: auto;
+  overflow-y: hidden;
+  overscroll-behavior-x: contain;
+  scrollbar-color: color-mix(in srgb, var(--dim) 52%, transparent) var(--panel);
+}
+.tl-horizontal-scroll-content { height: 1px; }
+.tl-horizontal-scroll::-webkit-scrollbar { height: var(--tl-scrollbar-size); }
+.tl-horizontal-scroll::-webkit-scrollbar-track { background: var(--panel); }
+.tl-horizontal-scroll::-webkit-scrollbar-thumb {
+  min-width: 34px;
+  border: 3px solid var(--panel);
+  border-radius: 8px;
+  background: color-mix(in srgb, var(--dim) 48%, transparent);
+}
+.tl-horizontal-scroll::-webkit-scrollbar-thumb:hover {
+  background: color-mix(in srgb, var(--accent) 68%, var(--dim));
+}
+.tl-scrollbar-corner {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: var(--tl-scrollbar-size);
+  height: var(--tl-scrollbar-size);
+  background: var(--panel);
+}
+.track-header-resizer {
+  position: absolute;
+  top: 0;
+  bottom: var(--tl-scrollbar-size);
+  z-index: 50;
+  width: 10px;
+  cursor: col-resize;
+  touch-action: none;
+  outline: none;
+}
+.track-header-resizer::after {
+  content: '';
+  position: absolute;
+  left: 4px;
+  top: 0;
+  bottom: 0;
+  width: 1px;
+  background: var(--border);
+  transition: background 120ms ease, box-shadow 120ms ease;
+}
+.track-header-resizer:hover::after,
+.track-header-resizer:focus-visible::after,
+.track-header-resizing .track-header-resizer::after {
+  background: var(--accent);
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent),
+              0 0 8px color-mix(in srgb, var(--accent) 42%, transparent);
+}
+.track-header-resizing,
+.track-header-resizing * {
+  cursor: col-resize !important;
+  user-select: none !important;
+}
+.tl-content { position: relative; min-height: 100%; }
 .tl-row { display: flex; border-bottom: 1px solid var(--border); }
+.tl-ruler-row {
+  position: sticky;
+  top: 0;
+  z-index: 30;
+  background: var(--panel);
+  box-shadow: 0 1px 0 var(--border);
+}
 .tl-head {
   position: sticky;
   left: 0;
-  z-index: 3;
+  z-index: 20;
   background: var(--panel);
   border-right: 1px solid var(--border);
   flex-shrink: 0;
@@ -584,12 +865,48 @@ button.danger:hover { background: #944; }
   align-items: center;
   gap: 6px;
   padding: 0 8px;
+  min-width: 0;
+  overflow: hidden;
 }
 .track-head { flex-direction: column; justify-content: center; align-items: stretch; gap: 2px; }
-.track-head-row { display: flex; align-items: center; gap: 6px; }
-.track-head .track-name { font-weight: 600; flex: 1; }
-.track-head button { padding: 1px 5px; font-size: 11px; }
-.track-gain-row { display: flex; align-items: center; gap: 4px; }
+.track-head-row { display: flex; align-items: center; gap: 6px; width: 100%; min-width: 0; }
+.track-head .track-name {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  color: var(--text);
+  border-radius: 3px;
+  cursor: text;
+  font-weight: 600;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.track-head .track-name:hover {
+  background: color-mix(in srgb, var(--accent) 10%, transparent);
+}
+.track-head .track-name:focus-visible {
+  outline: 1px solid var(--accent);
+  outline-offset: 2px;
+}
+.track-head .track-name-input {
+  flex: 1 1 auto;
+  min-width: 0;
+  height: 22px;
+  padding: 1px 4px;
+  border-color: var(--accent);
+  font: inherit;
+  font-weight: 600;
+  outline: none;
+  user-select: text;
+}
+.track-head button {
+  flex: 0 0 30px;
+  width: 30px;
+  min-width: 30px;
+  padding: 1px 0;
+  font-size: 11px;
+}
+.track-gain-row { display: flex; align-items: center; gap: 4px; width: 100%; min-width: 0; }
 .track-gain { flex: 1; min-width: 0; height: 14px; margin: 0; }
 .gain-pct { font-size: 10px; width: 32px; text-align: right; flex-shrink: 0; }
 
@@ -597,9 +914,14 @@ button.danger:hover { background: #944; }
   position: relative;
   height: 100%;
   background-image: linear-gradient(90deg, var(--border) 1px, transparent 1px);
+}
+.ruler-scrub-area {
+  position: absolute;
+  inset: 0 0 11px;
+  z-index: 2;
   cursor: ew-resize;
 }
-.ruler span {
+.ruler-scrub-area > span {
   position: absolute;
   top: 4px;
   font-size: 10px;
@@ -607,10 +929,27 @@ button.danger:hover { background: #944; }
   padding-left: 4px;
   pointer-events: none;
 }
-
-.lane { position: relative; background: var(--bg); }
-.lane.audio { background: #161a17; }
-
+.chapter-band {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 16px;
+  bottom: 0;
+  z-index: 8;
+  cursor: crosshair;
+  background: linear-gradient(180deg, transparent, rgba(255, 182, 72, 0.035));
+}
+.timeline-chapter {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  min-width: 2px;
+  overflow: visible;
+  border-top: 1px solid color-mix(in srgb, var(--sel) 82%, white);
+  background: color-mix(in srgb, var(--sel) 16%, transparent);
+  box-shadow: inset 0 -1px color-mix(in srgb, var(--sel) 24%, transparent);
+  cursor: default;
+}
 .tl-marker {
   position: absolute;
   top: 0;
@@ -637,29 +976,174 @@ button.danger:hover { background: #944; }
   user-select: none;
   pointer-events: auto;
 }
+.timeline-chapter > span {
+  position: absolute;
+  inset: 0 12px;
+  overflow: hidden;
+  color: #ffd58d;
+  font-size: 9px;
+  font-weight: 650;
+  line-height: 11px;
+  text-align: center;
+  text-overflow: ellipsis;
+  text-shadow: 0 1px 1px #12100b;
+  white-space: nowrap;
+  pointer-events: none;
+}
+.chapter-marker {
+  position: absolute;
+  top: -1px;
+  bottom: 0;
+  z-index: 2;
+  width: 7px;
+  background: linear-gradient(90deg, transparent 2px, var(--sel) 2px 4px, transparent 4px);
+  cursor: ew-resize;
+  filter: drop-shadow(0 0 2px rgba(255, 182, 72, 0.62));
+}
+.chapter-marker.start { left: -3px; }
+.chapter-marker.end { right: -3px; }
+.chapter-delete {
+  position: absolute;
+  right: 5px;
+  top: -2px;
+  z-index: 3;
+  opacity: 0;
+  pointer-events: none;
+  width: 13px;
+  min-width: 13px;
+  height: 13px;
+  padding: 0;
+  border: 0;
+  background: #342613;
+  color: #ffd58d;
+  font-size: 11px;
+  line-height: 12px;
+  transition: opacity 90ms ease;
+}
+.timeline-chapter:hover .chapter-delete,
+.timeline-chapter:focus-within .chapter-delete {
+  opacity: 1;
+  pointer-events: auto;
+}
 
-.playhead {
+.lane {
+  position: relative;
+  z-index: 0;
+  overflow: hidden;
+  isolation: isolate;
+  background: var(--bg);
+}
+.lane.audio { background: #161a17; }
+.lane.annotation { background: #1a1813; }
+.track-head.annotation { box-shadow: inset 3px 0 0 #776426; }
+.track-head.annotation.active-annotation-track {
+  background: color-mix(in srgb, var(--annotation-new) 11%, var(--panel));
+  box-shadow: inset 3px 0 0 var(--annotation-new);
+}
+.annotation-track-mark { color: var(--annotation-new); font-size: 11px; }
+.tl-row.media-drop-target .track-head {
+  background: color-mix(in srgb, var(--accent) 13%, var(--panel));
+  box-shadow: inset -3px 0 0 color-mix(in srgb, var(--accent) 80%, transparent);
+}
+.lane.media-drop-target {
+  background-image: linear-gradient(
+    90deg,
+    color-mix(in srgb, var(--accent) 9%, transparent),
+    color-mix(in srgb, var(--accent) 3%, transparent)
+  );
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent);
+}
+.media-drop-preview {
+  position: absolute;
+  top: 3px;
+  bottom: 3px;
+  z-index: 12;
+  min-width: 24px;
+  overflow: hidden;
+  border: 2px solid color-mix(in srgb, var(--accent) 90%, white 10%);
+  border-radius: 4px;
+  padding: 3px 7px;
+  background: color-mix(in srgb, var(--clip-video) 72%, transparent);
+  box-shadow: 0 0 0 1px rgba(8, 10, 14, 0.65), 0 5px 18px rgba(0, 0, 0, 0.34);
+  color: #eef4ff;
+  pointer-events: none;
+}
+.media-drop-preview::before {
+  content: '';
   position: absolute;
+  left: 0;
   top: 0;
   bottom: 0;
+  width: 3px;
+  background: #b9d3ff;
+  box-shadow: 0 0 8px rgba(112, 171, 255, 0.9);
+}
+.media-drop-preview.audio {
+  border-color: #7ed58a;
+  background: color-mix(in srgb, var(--clip-audio) 76%, transparent);
+}
+.media-drop-preview.audio::before {
+  background: #a8efad;
+  box-shadow: 0 0 8px rgba(111, 219, 124, 0.85);
+}
+.media-drop-preview.external { border-style: dashed; }
+.media-drop-preview.secondary { opacity: 0.72; border-style: dashed; }
+.media-drop-preview.blocked {
+  border-color: #ef6f6f;
+  background: rgba(99, 33, 38, 0.78);
+  color: #ffd7d7;
+}
+.media-drop-preview.blocked::before {
+  background: #ff7777;
+  box-shadow: 0 0 8px rgba(255, 78, 78, 0.8);
+}
+.media-drop-preview span {
+  display: block;
+  overflow: hidden;
+  font-size: 11px;
+  font-weight: 700;
+  line-height: 1.2;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.media-drop-preview small {
+  display: block;
+  margin-top: 2px;
+  color: rgba(234, 240, 248, 0.72);
+  font-size: 9px;
+  white-space: nowrap;
+}
+
+.playhead {
+  position: absolute;
+  top: 28px;
   width: 1px;
   background: #ff5555;
-  z-index: 2;
+  z-index: 5;
   pointer-events: none;
 }
 
 /* dragged-keyframe mirror line */
 .kf-marker {
+  position: absolute;
+  top: 28px;
+  width: 0;
+  border-left: 2px dashed var(--sel);
+  z-index: 5;
+  pointer-events: none;
+  filter: drop-shadow(0 0 3px rgba(255, 182, 72, 0.9));
+}
+.ruler-kf-marker {
   position: absolute;
   top: 0;
   bottom: 0;
   width: 0;
+  z-index: 6;
   border-left: 2px dashed var(--sel);
-  z-index: 2;
   pointer-events: none;
   filter: drop-shadow(0 0 3px rgba(255, 182, 72, 0.9));
 }
-.kf-marker-diamond {
+.ruler-kf-diamond {
   position: absolute;
   top: 8px;
   left: -6px;
@@ -669,7 +1153,16 @@ button.danger:hover { background: #944; }
   border: 1px solid #000;
   transform: rotate(45deg);
 }
-.playhead::before {
+.ruler-playhead {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 1px;
+  z-index: 10;
+  background: #ff5555;
+  pointer-events: none;
+}
+.ruler-playhead::before {
   content: '';
   position: absolute;
   top: 0;
@@ -691,6 +1184,33 @@ button.danger:hover { background: #944; }
 .clip.audio { background: var(--clip-audio); }
 .clip.text-clip { background: var(--clip-text); }
 .clip.selected { border: 2px solid var(--sel); }
+.annotation-clip {
+  position: absolute;
+  top: 4px;
+  bottom: 4px;
+  min-width: 12px;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  overflow: hidden;
+  border: 1px solid rgba(255, 255, 255, 0.18);
+  border-radius: 4px;
+  padding: 0 8px;
+  cursor: grab;
+  touch-action: none;
+}
+.annotation-clip.status-new { background: color-mix(in srgb, var(--annotation-new) 50%, #2a2618); }
+.annotation-clip.status-in_progress { background: color-mix(in srgb, var(--annotation-progress) 50%, #1a2437); }
+.annotation-clip.status-done { background: color-mix(in srgb, var(--annotation-done) 48%, #192a20); }
+.annotation-clip.selected { border: 2px solid #fff; box-shadow: 0 0 0 1px var(--accent); }
+.annotation-clip-status { width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
+.annotation-clip.status-new .annotation-clip-status { color: #ffe18b; }
+.annotation-clip.status-in_progress .annotation-clip-status { color: #bdd3ff; }
+.annotation-clip.status-done .annotation-clip-status { color: #b5ecc3; }
+.annotation-clip-label { overflow: hidden; color: #fff; font-size: 11px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
+.annotation-resize { position: absolute; top: 0; bottom: 0; width: 7px; cursor: ew-resize; }
+.annotation-resize.left { left: 0; }
+.annotation-resize.right { right: 0; }
 .clip-thumb {
   position: absolute;
   left: 0;
@@ -700,6 +1220,22 @@ button.danger:hover { background: #944; }
   pointer-events: none;
 }
 .clip-thumb.end { left: auto; right: 0; }
+.clip-filmstrip {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+  pointer-events: none;
+}
+.clip-filmstrip-frame {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  object-fit: cover;
+  opacity: 0.58;
+  border-right: 1px solid rgba(255, 255, 255, 0.09);
+  pointer-events: none;
+  user-select: none;
+}
 
 /* rubber band: opacity (video) / volume (audio) */
 .level-hit {
@@ -884,6 +1420,597 @@ button.danger:hover { background: #944; }
 }
 .ctx-menu button:hover { background: var(--accent); color: #fff; }
 .ctx-menu button.danger:hover { background: #b54040; }
+.ctx-menu button.voice-menu-item {
+  color: #e8ff8a;
+  border-bottom: 1px solid rgba(207, 239, 74, 0.16);
+  border-radius: 4px 4px 0 0;
+  margin-bottom: 3px;
+}
+.ctx-voice-mark { color: #cfef4a; margin-right: 7px; }
+.ctx-menu button.voice-menu-item:disabled { color: #7f898f; border-bottom-color: #394047; }
+.ctx-menu button.voice-menu-item:disabled .ctx-voice-mark { color: #697279; }
+.ctx-voice-disabled-note {
+  max-width: 250px;
+  margin: -1px 7px 5px;
+  padding: 7px 8px 8px;
+  border-left: 2px solid #697279;
+  color: #8f9aa0;
+  font-size: 10px;
+  line-height: 1.4;
+}
+
+/* ---- local voice-over studio: "editing laboratory" ---- */
+.voice-studio-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 80;
+  display: grid;
+  place-items: center;
+  padding: 28px;
+  background: rgba(7, 9, 12, 0.76);
+  backdrop-filter: blur(9px);
+}
+.voice-studio {
+  --voice-accent: #cfef4a;
+  --voice-cyan: #42d7f5;
+  width: min(1160px, 96vw);
+  height: min(760px, 92vh);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  color: #eff3e7;
+  background:
+    linear-gradient(135deg, rgba(66, 215, 245, 0.06), transparent 32%),
+    #171b1f;
+  border: 1px solid #384047;
+  border-radius: 3px 18px 3px 3px;
+  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.65);
+  font-family: "Avenir Next", "Helvetica Neue", sans-serif;
+}
+.voice-studio-head {
+  min-height: 92px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 18px 24px 15px 28px;
+  border-bottom: 1px solid #30373d;
+}
+.voice-eyebrow {
+  display: block;
+  max-width: 720px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: #94a0a7;
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.16em;
+}
+.voice-studio h2 {
+  margin: 2px 0 0;
+  color: #f7f9ef;
+  font-family: "DIN Condensed", "Avenir Next Condensed", sans-serif;
+  font-size: 38px;
+  line-height: 1;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+}
+.voice-close {
+  width: 38px;
+  height: 38px;
+  padding: 0;
+  border-radius: 50%;
+  font-size: 26px;
+  line-height: 1;
+}
+.voice-studio-grid {
+  min-height: 0;
+  flex: 1;
+  display: grid;
+  grid-template-columns: minmax(340px, 0.92fr) minmax(420px, 1.08fr);
+}
+.voice-compose {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  padding: 28px;
+  border-right: 1px solid #30373d;
+}
+.voice-compose > label,
+.voice-history-title {
+  color: #9da8ae;
+  font-size: 11px;
+  font-weight: 800;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+}
+.voice-choice {
+  display: grid;
+  gap: 7px;
+  margin: 10px 0 22px;
+}
+.voice-choice select {
+  width: 100%;
+  min-height: 42px;
+  padding: 0 11px;
+  border-color: #485158;
+  background: #0f1316;
+  color: #f3f6ec;
+}
+.voice-choice span {
+  min-height: 18px;
+  color: #8b969c;
+  font-size: 11px;
+  line-height: 1.45;
+}
+.voice-compose textarea {
+  width: 100%;
+  min-height: 250px;
+  margin-top: 10px;
+  resize: vertical;
+  border: 1px solid #404950;
+  border-left: 4px solid var(--voice-accent);
+  border-radius: 2px 12px 2px 2px;
+  padding: 18px 19px;
+  background: #0f1316;
+  color: #f3f6ec;
+  font: 17px/1.55 "Avenir Next", "Helvetica Neue", sans-serif;
+  user-select: text;
+}
+.voice-compose textarea:focus {
+  outline: none;
+  border-color: var(--voice-accent);
+  box-shadow: 0 0 0 3px rgba(207, 239, 74, 0.09);
+}
+.voice-hint {
+  margin-top: 11px;
+  color: #8b969c;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.voice-error {
+  margin-top: 15px;
+  padding: 10px 12px;
+  border-left: 3px solid #ff665f;
+  background: rgba(255, 102, 95, 0.09);
+  color: #ffaaa6;
+  user-select: text;
+}
+.voice-setup-required,
+.mic-setup-required {
+  display: grid;
+  gap: 5px;
+  margin-top: 15px;
+  padding: 11px 12px;
+  border-left: 3px solid #d7a84c;
+  background: rgba(215, 168, 76, 0.09);
+  color: #c8b88f;
+  font-size: 11px;
+  line-height: 1.45;
+}
+.voice-setup-required b,
+.mic-setup-required b { color: #f0cb78; font-size: 12px; }
+.voice-license-confirm {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  margin-top: 5px;
+  cursor: pointer;
+}
+.voice-license-confirm input { margin-top: 2px; accent-color: #d7a84c; }
+.voice-license-confirm span { color: #d8c8a2; }
+.voice-install,
+.voice-install-cancel {
+  min-height: 34px;
+  margin-top: 5px;
+  font-weight: 700;
+}
+.voice-install { border-color: #d7a84c; color: #f0cb78; }
+.voice-install-cancel { border-color: #a4544f; color: #ff9b95; }
+.voice-install-progress { display: grid; gap: 6px; margin-top: 5px; }
+.voice-install-progress > div { display: flex; justify-content: space-between; gap: 12px; }
+.voice-install-progress b { white-space: nowrap; font-size: 10px; }
+.voice-install-progress progress { width: 100%; accent-color: #d7a84c; }
+.voice-install-error { color: #ff9b95; user-select: text; }
+.voice-setup-checking {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px;
+  border: 1px solid rgba(126, 180, 230, 0.35);
+  border-radius: 7px;
+  background: rgba(58, 103, 145, 0.12);
+  color: #c9d8e8;
+}
+.voice-setup-checking > div { display: grid; gap: 3px; }
+.voice-setup-checking b { font-size: 12px; }
+.voice-setup-checking span { font-size: 11px; color: #9fb3c7; }
+.voice-check-spinner {
+  width: 16px;
+  height: 16px;
+  flex: 0 0 auto;
+  border: 2px solid rgba(159, 179, 199, 0.3);
+  border-top-color: #8fc6f0;
+  border-radius: 50%;
+  animation: voice-check-spin 0.8s linear infinite;
+}
+@keyframes voice-check-spin { to { transform: rotate(360deg); } }
+.clone-open {
+  width: 100%;
+  min-height: 32px;
+  border: 1px dashed #7d6a46;
+  color: #e2bd72;
+  background: #17140f;
+}
+.clone-open:hover { border-color: #d7a84c; background: #211b11; }
+.voice-clone-actions {
+  display: grid;
+  grid-template-columns: minmax(0, 1.45fr) minmax(170px, 0.8fr);
+  gap: 8px;
+  margin-bottom: 18px;
+}
+.voice-library-open {
+  min-height: 32px;
+  border-color: #45515a;
+  color: #b7c4cc;
+  background: #12171b;
+}
+.voice-library-open:hover { border-color: #71838e; background: #192127; }
+.modal-back.clone-back { z-index: 2400; background: rgba(5, 5, 7, .82); }
+.clone-studio {
+  width: min(720px, calc(100vw - 32px));
+  max-height: min(860px, calc(100vh - 32px));
+  padding: 0;
+  overflow: hidden;
+  border: 1px solid #5c4b2f;
+  background: #111216;
+}
+.clone-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 18px 20px 14px;
+  border-bottom: 1px solid #2c2d32;
+}
+.clone-head h2 { margin: 0 0 3px; font-size: 20px; }
+.clone-head span { color: #d7a84c; font-size: 11px; letter-spacing: .12em; }
+.clone-source-tabs { display: grid; grid-template-columns: 1fr 1fr; padding: 12px 20px 0; gap: 8px; }
+.clone-source-tabs button { min-height: 36px; }
+.clone-source-tabs button.active { border-color: #d7a84c; color: #f0cb78; background: #211b11; }
+.clone-scroll { max-height: calc(100vh - 180px); overflow: auto; padding: 14px 20px 22px; display: grid; gap: 13px; }
+.clone-pick { min-height: 48px; border: 1px dashed #75613d; color: #e4c27f; }
+.clone-record-box { display: grid; gap: 10px; padding: 13px; border: 1px solid #303136; border-radius: 8px; background: #17181d; }
+.clone-meter { height: 8px; border-radius: 99px; overflow: hidden; background: #292b30; }
+.clone-meter i { display: block; width: 100%; height: 100%; border-radius: inherit; transform: scaleX(0); transform-origin: left center; background: linear-gradient(90deg, #67b77a 0 70%, #d6b14d 85%, #d85d58); transition: transform 34ms linear; will-change: transform; }
+.clone-record-row { display: flex; align-items: center; gap: 12px; }
+.clone-record-row strong { color: #d6d6da; font-variant-numeric: tabular-nums; }
+.clone-preview { display: grid; gap: 7px; padding: 12px; border: 1px solid #303136; border-radius: 8px; background: #17181d; }
+.clone-preview > div { display: flex; justify-content: space-between; align-items: center; }
+.clone-preview b { color: #f0cb78; font-size: 12px; }
+.clone-preview span { color: #858890; font-size: 11px; }
+.clone-preview audio { width: 100%; height: 34px; }
+.clone-preview-player { position: relative; min-height: 34px; }
+.clone-preview.loading audio { opacity: .16; pointer-events: none; }
+.clone-preview-loading,
+.clone-preview-failed {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  color: #bfc3c9;
+  font-size: 11px;
+  pointer-events: none;
+}
+.clone-preview-loading i {
+  width: 12px;
+  height: 12px;
+  border: 2px solid rgba(191, 195, 201, .25);
+  border-top-color: #d7a84c;
+  border-radius: 50%;
+  animation: voice-check-spin .7s linear infinite;
+}
+.clone-preview-failed { color: #ffaaa5; }
+.clone-options { display: grid; gap: 8px; padding: 13px; border: 1px solid #303136; border-radius: 8px; }
+.clone-options h3 { margin: 0 0 2px; font-size: 13px; }
+.clone-option { display: grid; grid-template-columns: 20px minmax(0, 1fr) 112px; gap: 9px; align-items: center; min-height: 42px; }
+.clone-option > input { accent-color: #d7a84c; }
+.clone-option > span { display: grid; gap: 2px; }
+.clone-option b { font-size: 12px; }
+.clone-option small { color: #858890; font-size: 10px; }
+.clone-option select { min-width: 0; }
+.clone-execute, .clone-save { min-height: 38px; }
+.clone-transcribe { min-height: 32px; color: #b9c8d2; border-color: #4a5963; }
+.clone-meta { display: grid; gap: 10px; padding: 13px; border: 1px solid #5c4b2f; border-radius: 8px; background: #17150f; }
+.clone-meta label { display: grid; gap: 5px; }
+.clone-meta label > span { color: #b9b9bf; font-size: 11px; }
+.clone-meta input, .clone-meta textarea { width: 100%; box-sizing: border-box; }
+.clone-meta p { margin: 0; color: #8f8f96; font-size: 10px; }
+.clone-status { display: flex; align-items: center; gap: 8px; padding: 9px 11px; border-radius: 6px; color: #a8d5af; background: #152019; font-size: 11px; user-select: text; }
+.clone-status.error { color: #ffaaa5; background: #251516; }
+.clone-status.busy { color: #cbd3db; background: #182028; }
+.clone-status-spinner { width: 12px; height: 12px; flex: 0 0 auto; border: 2px solid rgba(203, 211, 219, .25); border-top-color: #8fc6f0; border-radius: 50%; animation: voice-check-spin .7s linear infinite; }
+.modal-back.voice-library-back { z-index: 2300; background: rgba(5, 5, 7, .8); }
+.voice-library-studio {
+  width: min(760px, calc(100vw - 32px));
+  max-height: min(760px, calc(100vh - 32px));
+  padding: 0;
+  overflow: hidden;
+  border-color: #45515a;
+  background: #111419;
+}
+.voice-library-scroll { display: grid; gap: 10px; max-height: calc(100vh - 130px); overflow-y: auto; padding: 16px 20px 22px; }
+.voice-library-item {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 14px;
+  align-items: center;
+  padding: 13px;
+  border: 1px solid #30363d;
+  border-radius: 8px;
+  background: #171b20;
+}
+.voice-library-copy { min-width: 0; }
+.voice-library-copy > div { display: flex; align-items: center; gap: 9px; }
+.voice-library-copy b { overflow: hidden; color: #eef2f4; text-overflow: ellipsis; white-space: nowrap; }
+.voice-library-copy span { flex: 0 0 auto; color: #d7a84c; font-size: 9px; letter-spacing: .1em; }
+.voice-library-copy p { margin: 5px 0; color: #969fa6; font-size: 11px; }
+.voice-library-copy small { color: #7fba8a; }
+.voice-library-actions { display: flex; gap: 7px; }
+.voice-library-actions button { min-height: 32px; }
+.voice-library-confirm { display: grid; grid-template-columns: auto auto; gap: 7px; max-width: 250px; }
+.voice-library-confirm span { grid-column: 1 / -1; color: #e5c7a3; font-size: 11px; }
+.voice-library-empty { padding: 28px; border: 1px dashed #3b444b; border-radius: 8px; color: #929ca3; text-align: center; line-height: 1.5; }
+@media (max-width: 620px) {
+  .clone-option { grid-template-columns: 20px 1fr; }
+  .clone-option select { grid-column: 2; }
+  .voice-clone-actions, .voice-library-item { grid-template-columns: 1fr; }
+  .voice-library-actions { display: grid; }
+}
+.voice-actions { margin-top: auto; padding-top: 24px; }
+.voice-generate {
+  width: 100%;
+  min-height: 56px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 9px 0 19px;
+  border: 0;
+  border-radius: 2px 12px 2px 2px;
+  background: var(--voice-accent);
+  color: #121508;
+  font-size: 15px;
+  font-weight: 800;
+}
+.voice-generate:hover:not(:disabled) { background: #e2ff65; }
+.voice-generate b {
+  display: grid;
+  place-items: center;
+  width: 39px;
+  height: 39px;
+  border-radius: 50%;
+  background: #11150b;
+  color: var(--voice-accent);
+  font-family: "DIN Condensed", sans-serif;
+  font-size: 19px;
+}
+.voice-cancel { width: 100%; min-height: 46px; color: #ff9b95; }
+.voice-progress { margin-top: 22px; }
+.voice-progress-copy { display: flex; justify-content: space-between; margin-bottom: 8px; color: #b9c1c5; }
+.voice-progress-copy b { color: var(--voice-accent); }
+.voice-progress-rail { height: 5px; overflow: hidden; background: #2b3136; }
+.voice-progress-rail i {
+  display: block;
+  height: 100%;
+  background: linear-gradient(90deg, var(--voice-cyan), var(--voice-accent));
+  transition: width 220ms ease;
+}
+.voice-history {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  padding: 28px 18px 20px 24px;
+  overflow: hidden;
+}
+.voice-history-title { display: flex; justify-content: space-between; padding-right: 8px; }
+.voice-history-title b { color: var(--voice-accent); font-size: 14px; }
+.voice-active-preview {
+  margin: 13px 8px 2px 0;
+  padding: 12px 14px;
+  border: 1px solid rgba(207, 239, 74, 0.45);
+  background: linear-gradient(100deg, rgba(207, 239, 74, 0.11), rgba(11, 14, 16, 0.76) 58%);
+}
+.voice-active-preview-head {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  margin-bottom: 8px;
+  color: #aab6a0;
+  font-size: 9px;
+  letter-spacing: 0.13em;
+  text-transform: uppercase;
+}
+.voice-active-preview-head b {
+  color: var(--voice-accent);
+  font: 800 22px/1 "DIN Condensed", sans-serif;
+  letter-spacing: 0;
+}
+.voice-takes {
+  min-height: 0;
+  flex: 1;
+  overflow-y: auto;
+  margin-top: 12px;
+  padding-right: 8px;
+}
+.voice-take {
+  position: relative;
+  margin-bottom: 12px;
+  padding: 15px 15px 13px 19px;
+  border: 1px solid #343c42;
+  border-left: 4px solid #495158;
+  background: rgba(11, 14, 16, 0.68);
+}
+.voice-take.active {
+  border-color: rgba(207, 239, 74, 0.55);
+  border-left-color: var(--voice-accent);
+  background: linear-gradient(100deg, rgba(207, 239, 74, 0.07), rgba(11, 14, 16, 0.7) 40%);
+}
+.voice-take-top { display: flex; align-items: center; gap: 10px; }
+.voice-take-top time { flex: 1; color: #77838a; font-size: 10px; }
+.voice-take-top button { padding: 2px 7px; color: #aeb9be; font-size: 10px; }
+.voice-version-check { display: flex; align-items: center; gap: 7px; cursor: pointer; }
+.voice-version-check input { accent-color: var(--voice-accent); }
+.voice-version-check span {
+  color: var(--voice-accent);
+  font: 800 23px/1 "DIN Condensed", sans-serif;
+}
+.voice-take p {
+  margin: 12px 0;
+  color: #e4e9df;
+  font-size: 13px;
+  line-height: 1.5;
+  user-select: text;
+}
+.voice-player audio { display: block; width: 100%; height: 32px; filter: saturate(0.7) hue-rotate(18deg); }
+.voice-player-error { display: block; margin-top: 7px; color: #ff887c; font-size: 10px; line-height: 1.35; }
+.voice-take-foot { display: flex; flex-wrap: wrap; gap: 7px 13px; margin-top: 9px; color: #748087; font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase; }
+.voice-take-foot strong { margin-left: auto; color: var(--voice-accent); }
+.voice-empty {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  padding: 24px;
+  border: 1px dashed #3b444a;
+  color: #7f8a90;
+  line-height: 1.5;
+}
+.voice-empty span { color: #4e5a61; font: 800 38px/1 "DIN Condensed", sans-serif; }
+
+@media (max-width: 900px) {
+  .voice-studio-grid { grid-template-columns: 1fr; overflow-y: auto; }
+  .voice-compose { border-right: 0; border-bottom: 1px solid #30373d; }
+  .voice-compose textarea { min-height: 180px; }
+  .voice-history { min-height: 360px; }
+}
+
+/* ---- microphone / neural voice studio ---- */
+.mic-top-btn.active { outline: 1px solid #ff6262; }
+.modal-back.mic-back { z-index: 80; }
+.modal.mic-studio {
+  width: min(1180px, calc(100vw - 64px));
+  height: min(720px, calc(100vh - 48px));
+  min-height: min(600px, calc(100vh - 48px));
+  max-height: calc(100vh - 48px);
+  padding: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 20px 80px rgba(0, 0, 0, 0.68);
+}
+.mic-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 18px 26px 14px;
+  border-bottom: 1px solid var(--border);
+}
+.mic-head h2 { margin: 0 0 2px; }
+.mic-head span { color: var(--dim); font-size: 11px; }
+.mic-tabs {
+  display: grid;
+  grid-template-columns: repeat(8, minmax(max-content, 1fr));
+  gap: 0;
+  padding: 0 18px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  background: #191c22;
+  border-bottom: 1px solid var(--border);
+  scrollbar-width: thin;
+}
+.mic-tabs button {
+  min-height: 44px;
+  border: 0;
+  border-bottom: 2px solid transparent;
+  border-radius: 0;
+  color: var(--dim);
+  padding: 0 13px;
+  background: transparent;
+  white-space: nowrap;
+}
+.mic-tabs button:hover { color: #d9dee6; background: rgba(255, 255, 255, .035); }
+.mic-tabs button.active {
+  color: #fff;
+  border-bottom-color: #4e8fff;
+  background: linear-gradient(180deg, rgba(78, 143, 255, .04), rgba(78, 143, 255, .11));
+}
+.mic-body { flex: 1; min-height: 0; overflow-y: auto; padding: 32px 44px 38px; }
+.mic-pane { width: min(100%, 1020px); margin: 0 auto; }
+.mic-pane-record {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  column-gap: 38px;
+  align-content: start;
+}
+.mic-pane-record > .mic-field { grid-column: 1; }
+.mic-pane-record > .mic-slider { grid-column: 2; grid-row: 1; }
+.mic-pane-record > .mic-meter,
+.mic-pane-record > .mic-meter-labels,
+.mic-pane-record > .mic-hint,
+.mic-pane-record > .mic-record-row { grid-column: 1 / -1; }
+.mic-body h3 { margin: 0 0 8px; font-size: 15px; }
+.mic-field, .mic-toggle, .mic-slider {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin: 0 0 14px;
+}
+.mic-field > span, .mic-slider > span { width: 160px; color: var(--dim); flex-shrink: 0; }
+.mic-field select, .mic-field input { flex: 1; min-width: 0; }
+.mic-field.tall { align-items: flex-start; }
+.mic-toggle { cursor: pointer; }
+.mic-slider input[type='range'] { flex: 1; min-width: 120px; }
+.mic-slider b { width: 76px; text-align: right; font-variant-numeric: tabular-nums; }
+.mic-meter {
+  height: 30px;
+  position: relative;
+  overflow: hidden;
+  border: 1px solid #343944;
+  border-radius: 5px;
+  background: #0d1014;
+  margin-top: 20px;
+}
+.mic-meter-colors {
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(90deg, #1e9852 0 68%, #dfad29 76% 89%, #e34444 94% 100%);
+}
+.mic-meter-mask { position: absolute; top: 0; right: 0; bottom: 0; background: rgba(8, 10, 13, 0.92); }
+.mic-meter i { position: absolute; top: 0; bottom: 0; width: 2px; background: #fff; box-shadow: 0 0 8px #fff; }
+.mic-meter-labels { display: flex; justify-content: space-between; color: var(--dim); font-size: 10px; margin-top: 3px; }
+.mic-hint { color: var(--dim); margin: 8px 0 18px; line-height: 1.5; }
+.mic-record-row { display: flex; align-items: center; gap: 14px; margin-top: 24px; }
+.mic-record-row span { color: var(--dim); }
+.mic-record, .mic-stop { min-width: 132px; font-weight: 700; padding: 9px 18px; }
+.mic-record { background: #8f252b; border-color: #d0474e; color: #fff; }
+.mic-stop { background: #333842; border-color: #ff6666; color: #ff9999; }
+.mic-status { padding: 9px 18px; border-top: 1px solid var(--border); color: #8fd39a; background: #181b20; }
+.mic-status.error { color: #ff8585; }
+.mic-text { width: 100%; resize: vertical; margin-bottom: 14px; user-select: text; }
+.mic-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 14px; }
+.mic-grid label { display: flex; align-items: center; gap: 8px; }
+.mic-grid label span { color: var(--dim); }
+.mic-grid select { flex: 1; }
+@media (max-width: 760px) {
+  .mic-studio { width: calc(100vw - 24px); height: calc(100vh - 24px); max-height: calc(100vh - 24px); }
+  .mic-head { padding: 14px 16px 10px; }
+  .mic-tabs { padding: 0 8px; }
+  .mic-body { padding: 16px; }
+  .mic-pane-record { display: block; }
+  .mic-field > span, .mic-slider > span { width: 120px; }
+  .mic-grid { grid-template-columns: 1fr; }
+}
 
 .track-head { cursor: grab; }
 .track-head:active { cursor: grabbing; }
@@ -1213,10 +2340,62 @@ button.danger:hover { background: #944; }
   border-radius: 8px;
   padding: 18px 22px;
   width: 440px;
+  max-height: calc(100vh - 32px);
+  overflow-y: auto;
 }
 .modal h2 { margin: 0 0 14px; font-size: 16px; }
 .modal-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }
+.annotation-back { z-index: 90; }
+.annotation-dialog { width: min(560px, calc(100vw - 32px)); border-top: 4px solid var(--annotation-new); }
+.annotation-dialog.status-in_progress { border-top-color: var(--annotation-progress); }
+.annotation-dialog.status-done { border-top-color: var(--annotation-done); }
+.annotation-dialog-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
+.annotation-dialog-head h2 { margin: 2px 0 12px; }
+.annotation-dialog-head small { color: var(--dim); font-variant-numeric: tabular-nums; }
+.annotation-dialog-head > button { padding: 0 8px; font-size: 20px; }
+.annotation-dialog textarea { width: 100%; min-height: 140px; resize: vertical; padding: 10px; line-height: 1.5; user-select: text; }
+.annotation-statuses { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 10px; }
+.annotation-statuses button { display: flex; align-items: center; justify-content: center; gap: 6px; }
+.annotation-statuses button span { width: 8px; height: 8px; border-radius: 50%; }
+.annotation-statuses .status-new span { background: var(--annotation-new); }
+.annotation-statuses .status-in_progress span { background: var(--annotation-progress); }
+.annotation-statuses .status-done span { background: var(--annotation-done); }
+.annotation-statuses button.active { color: #fff; border-color: currentColor; box-shadow: inset 0 0 0 1px currentColor; }
+.annotation-result { margin-top: 12px; padding: 10px 12px; border-left: 3px solid var(--annotation-done); background: rgba(79, 168, 107, 0.09); }
+.annotation-result b { color: #8ed2a4; font-size: 11px; }
+.annotation-result p { margin: 5px 0 0; line-height: 1.45; white-space: pre-wrap; user-select: text; }
+.annotation-meta { display: grid; gap: 3px; margin: 12px 0 0; color: var(--dim); font-size: 10px; }
+.annotation-meta div { display: flex; gap: 8px; }
+.annotation-meta dt { width: 78px; flex-shrink: 0; }
+.annotation-meta dd { margin: 0; overflow: hidden; text-overflow: ellipsis; user-select: text; }
+.annotation-actions { align-items: center; }
+.save-as-description { margin: -4px 0 14px; line-height: 1.45; }
+.save-as-option {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 12px;
+  margin-top: 8px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  cursor: pointer;
+}
+.save-as-option:hover { background: rgba(255, 255, 255, 0.035); }
+.save-as-option input { margin-top: 3px; }
+.save-as-option span { display: grid; gap: 4px; }
+.save-as-option small { color: var(--dim); line-height: 1.35; }
+.save-as-progress { width: 100%; margin-top: 16px; }
 .export-progress progress { width: 100%; }
+.html-player-description { margin: 8px 0 12px; line-height: 1.4; }
+.html-player-settings {
+  margin: 12px 0 4px;
+  padding: 9px 12px 11px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+}
+.html-player-settings legend { padding: 0 6px; color: var(--text); font-size: 12px; }
+.html-player-settings .export-mb:first-of-type { margin-top: 4px; }
+.export-output-path { margin-top: 5px; overflow-wrap: anywhere; font-size: 11px; }
 .export-ok { color: #7fce8a; margin-top: 10px; }
 .export-err { color: #ff7a7a; margin-top: 10px; word-break: break-word; }
 
@@ -1395,10 +2574,27 @@ button.danger:hover { background: #944; }
   background: rgba(120, 96, 28, 0.92);
   color: #f4e9c8;
 }
+.proxy-badge.error {
+  border: 0;
+  background: rgba(150, 42, 42, 0.95);
+  color: #fff;
+  pointer-events: auto;
+  cursor: pointer;
+}
+.proxy-badge.error:hover { background: rgba(190, 50, 50, 0.98); }
 
-.export-mb { display: flex; gap: 6px; margin: 10px 0 2px; font-size: 13px; }
+.export-mb {
+  display: flex;
+  align-items: flex-start;
+  gap: 6px;
+  margin: 10px 0 2px;
+  font-size: 13px;
+  white-space: normal;
+}
+.export-mb > input { flex: 0 0 auto; margin-top: 2px; }
+.export-mb-label { min-width: 0; overflow-wrap: anywhere; }
 
-/* live ×N readout during a Ctrl speed drag; lights up on a snapped value */
+/* live ×N readout during a modifier speed drag; lights up on a snapped value */
 .speed-badge {
   position: fixed;
   z-index: 300;
diff --git a/vite.html-player.config.ts b/vite.html-player.config.ts
new file mode 100644
index 0000000..cb754e2
--- /dev/null
+++ b/vite.html-player.config.ts
@@ -0,0 +1,24 @@
+import { defineConfig } from 'vite'
+import { resolve } from 'path'
+
+export default defineConfig({
+  define: {
+    'process.env.NODE_ENV': JSON.stringify('production')
+  },
+  build: {
+    outDir: 'out/html-player',
+    emptyOutDir: true,
+    lib: {
+      entry: resolve(__dirname, 'src/features/htmlPlayer/player.ts'),
+      name: 'KadrHtmlPlayer',
+      formats: ['iife'],
+      fileName: () => 'player.js'
+    }
+  },
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src'),
+      '@shared': resolve(__dirname, 'shared')
+    }
+  }
+})