dsh-desktop-kit 2.2.1 → 2.7.2

package/plugins/dsh-memory-bridge/client.js

@@ -0,0 +1,2264 @@
+/**
+ * dsh-memory-bridge — browser half (v2, GitHub-only).
+ *
+ * Adds the “Память проектов” page to Settings. Every user connects their own
+ * GitHub account and their own private repository — the package ships no
+ * default owner/repo. Everything is done with buttons; the page never asks the
+ * user to work with slash commands.
+ */
+
+window.__ModuleLoader__.load({
+  id: "dsh-memory-bridge",
+  factory: (require) => {
+    var module = { exports: {} };
+    var exports = module.exports;
+    Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+    const React = require("react");
+    const h = React.createElement;
+    const useEffect = React.useEffect;
+    const useRef = React.useRef;
+    const useState = React.useState;
+
+    const NS = "memory-bridge";
+    const RPC_NS = "dsh-memory-bridge";
+    const ALLOWED_INTERVALS = [60, 300, 600, 1800];
+    const REPO_PATTERN = /^[A-Za-z0-9._-]+\/[A-Za-z0-9._-]+$/u;
+
+    const EN = {
+      nav: "Project memory",
+      title: "Project memory",
+      subtitle: "Project-memory dossiers are synchronised through your own private GitHub repository. No commands are needed — every action is a button on this page.",
+      langProbe: "en",
+      loading: "Reading sync state…",
+      loadError: "Could not read the sync state",
+      retry: "Retry",
+      errorPrefix: "Could not complete:",
+      syncErrorLabel: "Sync error",
+      never: "not yet",
+      secRepo: "Repository",
+      secSync: "Synchronisation",
+      secHow: "How it works",
+      secSecurity: "Security",
+      secConflicts: "Conflicts",
+      secProjects: "Projects",
+      ghMissingTitle: "GitHub CLI is required",
+      ghMissingText: "The plugin works through GitHub CLI. Install it on this machine and sign in once.",
+      ghInstallStep: "Install GitHub CLI",
+      ghInstallHint: "Download and install GitHub CLI (gh) from cli.github.com.",
+      ghLoginStep: "Run in a terminal",
+      ghLoginHint: "Sign-in is needed once on each machine.",
+      checkAgain: "Check again",
+      checking: "Checking…",
+      ghLoginTitle: "Sign in to GitHub",
+      ghLoginText: "GitHub CLI is installed, but you are not signed in yet.",
+      repoSetupTitle: "Connect a repository",
+      repoSetupText: "Dossiers are synchronised through your own private GitHub repository.",
+      ghLoggedIn: "GitHub: signed in as",
+      accountHint: "The repository will be created under your account — your dossiers will not go to someone else's repository.",
+      repoLabel: "Repository",
+      repoPlaceholder: "owner/name",
+      createRepo: "Create private repository",
+      creatingRepo: "Creating…",
+      connectExisting: "Connect an existing private one",
+      connectingRepo: "Connecting…",
+      repoFieldHint: "owner/name, private only; the plugin checks visibility.",
+      repoInvalid: "Enter the repository as owner/name.",
+      privateOnlyNote: "The plugin refuses to work with a public repository.",
+      configureDone: "Repository connected",
+      createDone: "Private repository created and connected",
+      gitMissing: "Git was not found on this machine. Synchronisation cannot push changes without it.",
+      ghNotAuthorizedWarn: "GitHub CLI is not authorised — synchronisation cannot push changes.",
+      stateSynced: "Everything is synchronised",
+      stateLocalChanges: "There are local changes",
+      conflictOne: "conflict",
+      conflictFew: "conflicts",
+      conflictMany: "conflicts",
+      visPrivate: "Private",
+      visPublic: "PUBLIC — disable it!",
+      visUnknown: "Visibility not confirmed",
+      publicRepoWarn: "This repository is public. Disable synchronisation: project-memory dossiers must not be visible to outsiders.",
+      lastSync: "Last synchronisation",
+      branch: "Branch",
+      pendingLocal: "Local changes",
+      pendingUnpushed: "Unpushed changes",
+      enabledBadge: "Enabled",
+      disabledBadge: "Disabled",
+      syncNow: "Synchronise now",
+      syncing: "Synchronising…",
+      enable: "Enable",
+      disable: "Disable",
+      enabledDone: "Automatic sync enabled",
+      disabledDone: "Automatic sync disabled",
+      openRepo: "Open repository",
+      howButton: "How it works",
+      howShow: "Show",
+      howHide: "Collapse",
+      how1Title: "Private repository",
+      how1Text: "One private repository on your GitHub account keeps a shared copy of the project-memory dossiers.",
+      how2Title: "Three-way merge",
+      how2Text: "On every sync a machine compares “mine / previous common / from GitHub” and pushes the result back.",
+      how3Title: "Nothing is overwritten silently",
+      how3Text: "Additions from different workstations are merged. If the same line changed differently, a conflict appears and you choose the variant.",
+      sec1Title: "Private repository only",
+      sec1Text: "The plugin checks visibility and refuses to work with a public repository.",
+      sec2Title: "Secrets and PII are stripped",
+      sec2Text: "Sensitive values are removed and home paths are anonymised.",
+      sec3Title: "Conflicts never overwrite the file",
+      sec3Text: "Until you pick a variant, the local file stays untouched.",
+      sec4Title: "Backup and Git history",
+      sec4Text: "Every change keeps a backup and is visible in the Git history.",
+      optionsShow: "Options",
+      optionsHide: "Hide options",
+      optionsTitle: "Sync options",
+      autoSync: "Automatic sync",
+      autoSyncHint: "Synchronise on dossier changes and by the timer.",
+      intervalLabel: "Interval",
+      secondsShort: "s",
+      excludeLabel: "Excluded projects",
+      excludePlaceholder: "slug-one, slug-two",
+      excludeHint: "Project slugs separated by commas. Their dossiers are not synchronised.",
+      saveOptions: "Save",
+      saving: "Saving…",
+      optionsSaved: "Options saved",
+      syncDone: "Synchronisation finished",
+      summaryProjects: "Projects",
+      summaryFiles: "Files",
+      summaryConflicts: "Conflicts",
+      summaryPushed: "Changes pushed to GitHub",
+      summaryLocalOnly: "Saved locally, push is pending",
+      conflictsTitle: "What to choose?",
+      conflictsSubtitle: "The same record changed here and on GitHub. Choose what to keep.",
+      conflictMine: "Mine",
+      conflictRemote: "From GitHub",
+      conflictKeepMine: "Keep mine",
+      conflictTakeRemote: "Take from GitHub",
+      conflictMerge: "Merge",
+      hintKeepMine: "“Keep mine” — sends your version to GitHub",
+      hintTakeRemote: "“Take from GitHub” — replaces this file with the repository version",
+      hintMerge: "“Merge” — keeps both variants",
+      conflictWorking: "Applying…",
+      conflictDone: "Conflict resolved",
+      conflictFound: "Found",
+      previewEmpty: "empty",
+      projectsEmpty: "Open a project folder in DSH — its dossier will appear here automatically.",
+      statusSynced: "Synchronised",
+      statusLocalChanges: "Local changes",
+      statusConflict: "Conflict",
+      statusNotOpened: "Not opened locally",
+      historyOpen: "History",
+      historyTitle: "Version history",
+      historySubtitle: "Commits that changed this project dossier. Restore creates a new commit, so nothing is lost.",
+      historyEmpty: "No versions yet — the first sync will create them.",
+      historyLoading: "Loading history…",
+      historyClose: "Close",
+      historyRestore: "Restore",
+      historyRestoreHint: "Restores the dossier files that existed in this commit; newer files stay in place. Current files are backed up first.",
+      historyConfirm: "Restore the project dossier to this version? Current files will be backed up and a new commit will be created.",
+      historyDone: "Version restored",
+      historyAuthor: "by",
+      diffLegend: "Changed lines are highlighted: pink — only in mine, green — only on GitHub",
+      portableTitle: "USB transfer",
+      portableHeading: "Take project memory with you",
+      portableSubtitle: "Save dossiers to a USB drive and restore them on another machine — no GitHub, no commands.",
+      portablePlaceholder: "E:\\ (USB drive or folder)",
+      portableScan: "Scan",
+      portableExport: "Save to USB",
+      portableImport: "Import",
+      portableHint: "The drive contains redacted Markdown dossiers without secrets or AUTO-SCAN blocks. For sensitive data, enable BitLocker on the drive.",
+      portableEmpty: "No dsh-memory-portable folder found on this drive yet.",
+      portableFound: "{count} projects on the drive",
+      portableConfirm: "Import projects from the USB drive? Current dossiers will be backed up first.",
+      portableImported: "{count} projects imported",
+      portableExported: "{count} projects saved to the drive",
+      portableScanFirst: "Scan the USB drive first.",
+      portableNoPath: "Enter the USB drive path.",
+      portableNew: "new",
+      portableUpdate: "update",
+      portableSame: "up to date",
+      portableImportedState: "imported",
+      portableImportedNew: "restored",
+      portableSkipped: "skipped",
+      portableOnlyMemory: "Memory dossiers only",
+      portableCross: "Source code and workspace folders travel separately: Backup & transfer → Projects and code.",
+      portableStepSave: "Save",
+      portableStepScan: "Scan",
+      portableStepImport: "Restore",
+    };
+    const RU = {
+      nav: "Память проектов",
+      title: "Память проектов",
+      subtitle: "Досье памяти проектов синхронизируются через ваш собственный приватный GitHub-репозиторий. Команды не нужны — всё делается кнопками на этой странице.",
+      langProbe: "ru",
+      loading: "Читаю состояние синхронизации…",
+      loadError: "Не удалось получить состояние синхронизации",
+      retry: "Повторить",
+      errorPrefix: "Не удалось выполнить:",
+      syncErrorLabel: "Ошибка синхронизации",
+      never: "ещё не выполнялась",
+      secRepo: "Репозиторий",
+      secSync: "Синхронизация",
+      secHow: "Как это работает",
+      secSecurity: "Безопасность",
+      secConflicts: "Конфликты",
+      secProjects: "Проекты",
+      ghMissingTitle: "Нужен GitHub CLI",
+      ghMissingText: "Плагин работает через GitHub CLI. Установите его на этой машине и один раз войдите в аккаунт.",
+      ghInstallStep: "Установите GitHub CLI",
+      ghInstallHint: "Скачайте и установите GitHub CLI (gh) с cli.github.com.",
+      ghLoginStep: "Выполните в терминале",
+      ghLoginHint: "Вход нужен один раз на каждой машине.",
+      checkAgain: "Проверить снова",
+      checking: "Проверяю…",
+      ghLoginTitle: "Войдите в GitHub",
+      ghLoginText: "GitHub CLI установлен, но вход ещё не выполнен.",
+      repoSetupTitle: "Подключение репозитория",
+      repoSetupText: "Досье будут синхронизироваться через ваш собственный приватный репозиторий.",
+      ghLoggedIn: "GitHub: вы вошли как",
+      accountHint: "Репозиторий будет создан под вашим аккаунтом — ваши досье не попадут в чужие репозитории.",
+      repoLabel: "Репозиторий",
+      repoPlaceholder: "owner/name",
+      createRepo: "Создать приватный репозиторий",
+      creatingRepo: "Создаю…",
+      connectExisting: "Подключить существующий приватный",
+      connectingRepo: "Подключаю…",
+      repoFieldHint: "owner/name, только private; плагин проверит видимость.",
+      repoInvalid: "Укажите репозиторий в формате owner/name.",
+      privateOnlyNote: "Плагин отказывается работать с публичным репозиторием.",
+      configureDone: "Репозиторий подключён",
+      createDone: "Приватный репозиторий создан и подключён",
+      gitMissing: "Git не найден на этой машине. Без него синхронизация не сможет отправлять изменения.",
+      ghNotAuthorizedWarn: "GitHub CLI не авторизован — синхронизация не сможет отправлять изменения.",
+      stateSynced: "Всё синхронизировано",
+      stateLocalChanges: "Есть локальные изменения",
+      conflictOne: "конфликт",
+      conflictFew: "конфликта",
+      conflictMany: "конфликтов",
+      visPrivate: "Приватный",
+      visPublic: "ПУБЛИЧНЫЙ — отключите!",
+      visUnknown: "Видимость не подтверждена",
+      publicRepoWarn: "Репозиторий публичный. Отключите синхронизацию: досье памяти не должны быть видны посторонним.",
+      lastSync: "Последняя синхронизация",
+      branch: "Ветка",
+      pendingLocal: "Локальных правок",
+      pendingUnpushed: "Есть неотправленные изменения",
+      enabledBadge: "Включено",
+      disabledBadge: "Выключено",
+      syncNow: "Синхронизировать сейчас",
+      syncing: "Синхронизирую…",
+      enable: "Включить",
+      disable: "Выключить",
+      enabledDone: "Автоматическая синхронизация включена",
+      disabledDone: "Автоматическая синхронизация выключена",
+      openRepo: "Открыть репозиторий",
+      howButton: "Как это работает",
+      howShow: "Показать",
+      howHide: "Свернуть",
+      how1Title: "Приватный репозиторий",
+      how1Text: "Один приватный репозиторий на вашем аккаунте GitHub хранит общую копию досье памяти проектов.",
+      how2Title: "Трёхстороннее слияние",
+      how2Text: "Каждая машина при синхронизации сравнивает «моя версия / прошлая общая / версия с GitHub» и отправляет результат обратно.",
+      how3Title: "Ничего не затирается молча",
+      how3Text: "Дополнения с разных АРМ объединяются. Если одна и та же строка изменена по-разному, появляется конфликт — и вы выбираете вариант.",
+      sec1Title: "Только приватный репозиторий",
+      sec1Text: "Плагин проверяет видимость и отказывается работать с публичным репозиторием.",
+      sec2Title: "Секреты и PII вырезаются",
+      sec2Text: "Чувствительные данные удаляются, домашние пути обезличиваются.",
+      sec3Title: "Конфликты не перезаписывают файл",
+      sec3Text: "Пока вы не выбрали вариант, локальный файл остаётся нетронутым.",
+      sec4Title: "Бэкап и история Git",
+      sec4Text: "Каждое изменение сохраняется с резервной копией и видно в истории Git.",
+      optionsShow: "Настройки",
+      optionsHide: "Скрыть настройки",
+      optionsTitle: "Параметры синхронизации",
+      autoSync: "Автоматическая синхронизация",
+      autoSyncHint: "Синхронизировать при изменениях досье и по таймеру.",
+      intervalLabel: "Интервал",
+      secondsShort: "сек",
+      excludeLabel: "Исключённые проекты",
+      excludePlaceholder: "slug-один, slug-два",
+      excludeHint: "Слаги проектов через запятую. Их досье не синхронизируются.",
+      saveOptions: "Сохранить",
+      saving: "Сохраняю…",
+      optionsSaved: "Настройки сохранены",
+      syncDone: "Синхронизация завершена",
+      summaryProjects: "Проектов",
+      summaryFiles: "Файлов",
+      summaryConflicts: "Конфликтов",
+      summaryPushed: "Изменения отправлены в GitHub",
+      summaryLocalOnly: "Сохранено локально, отправка ещё впереди",
+      conflictsTitle: "Что выбрать?",
+      conflictsSubtitle: "Одна и та же запись изменилась здесь и на GitHub. Выберите, что оставить.",
+      conflictMine: "Моё",
+      conflictRemote: "С GitHub",
+      conflictKeepMine: "Оставить моё",
+      conflictTakeRemote: "Принять с GitHub",
+      conflictMerge: "Объединить",
+      hintKeepMine: "«Оставить моё» — отправит вашу версию в GitHub",
+      hintTakeRemote: "«Принять с GitHub» — заменит этот файл версией из репозитория",
+      hintMerge: "«Объединить» — сохранит оба варианта",
+      conflictWorking: "Применяю…",
+      conflictDone: "Конфликт разрешён",
+      conflictFound: "Обнаружен",
+      previewEmpty: "пусто",
+      projectsEmpty: "Откройте папку проекта в DSH — досье появится здесь автоматически.",
+      statusSynced: "Синхронизировано",
+      statusLocalChanges: "Есть локальные правки",
+      statusConflict: "Конфликт",
+      statusNotOpened: "Не открыт локально",
+      historyOpen: "История",
+      historyTitle: "История версий",
+      historySubtitle: "Commit’ы, которые меняли досье проекта. Восстановление создаёт новый commit — ничего не пропадает.",
+      historyEmpty: "Версий пока нет — первая синхронизация их создаст.",
+      historyLoading: "Загружаю историю…",
+      historyClose: "Закрыть",
+      historyRestore: "Восстановить",
+      historyRestoreHint: "Восстановит файлы досье, которые были в этом commit’е; файлы, появившиеся позже, останутся. Текущие файлы сначала сохраняются в бэкап.",
+      historyConfirm: "Восстановить досье проекта на эту версию? Текущие файлы будут сохранены в бэкап, затем создастся новый commit.",
+      historyDone: "Версия восстановлена",
+      historyAuthor: "автор",
+      diffLegend: "Изменённые строки подсвечены: розовые — только у меня, зелёные — только на GitHub",
+      portableTitle: "Перенос через флешку",
+      portableHeading: "Забрать память проектов с собой",
+      portableSubtitle: "Сохраните досье на флешку и восстановите на другой машине — без GitHub и команд.",
+      portablePlaceholder: "E:\\ (флешка или папка)",
+      portableScan: "Сканировать",
+      portableExport: "Сохранить на флешку",
+      portableImport: "Импортировать",
+      portableHint: "На флешке — обезличенные Markdown-досье без секретов и AUTO-SCAN. Для чувствительных данных включите BitLocker на флешке.",
+      portableEmpty: "На флешке пока нет папки dsh-memory-portable.",
+      portableFound: "На флешке проектов: {count}",
+      portableConfirm: "Импортировать проекты с флешки? Текущие досье сначала сохранятся в бэкап.",
+      portableImported: "Импортировано проектов: {count}",
+      portableExported: "Сохранено на флешку проектов: {count}",
+      portableScanFirst: "Сначала сканируйте флешку.",
+      portableNoPath: "Укажите путь к флешке.",
+      portableNew: "новый",
+      portableUpdate: "обновить",
+      portableSame: "актуально",
+      portableImportedState: "импортирован",
+      portableImportedNew: "восстановлен",
+      portableSkipped: "пропущен",
+      portableOnlyMemory: "Только досье памяти",
+      portableCross: "Исходники и рабочие папки переносятся отдельно: «Перенос и резервные копии → Проекты и код».",
+      portableStepSave: "Сохранить",
+      portableStepScan: "Сканировать",
+      portableStepImport: "Восстановить",
+    };
+    const ZH = {
+      nav: "项目记忆",
+      title: "项目记忆",
+      subtitle: "项目记忆档案通过你自己的私有 GitHub 仓库同步。无需命令——所有操作都在本页用按钮完成。",
+      langProbe: "zh",
+      loading: "正在读取同步状态…",
+      loadError: "无法读取同步状态",
+      retry: "重试",
+      errorPrefix: "无法完成：",
+      syncErrorLabel: "同步错误",
+      never: "尚未执行",
+      secRepo: "仓库",
+      secSync: "同步",
+      secHow: "工作原理",
+      secSecurity: "安全",
+      secConflicts: "冲突",
+      secProjects: "项目",
+      ghMissingTitle: "需要 GitHub CLI",
+      ghMissingText: "插件通过 GitHub CLI 工作。请在本机安装并登录一次。",
+      ghInstallStep: "安装 GitHub CLI",
+      ghInstallHint: "从 cli.github.com 下载并安装 GitHub CLI（gh）。",
+      ghLoginStep: "在终端中执行",
+      ghLoginHint: "每台机器只需登录一次。",
+      checkAgain: "再次检查",
+      checking: "检查中…",
+      ghLoginTitle: "登录 GitHub",
+      ghLoginText: "GitHub CLI 已安装，但尚未登录。",
+      repoSetupTitle: "连接仓库",
+      repoSetupText: "档案将通过你自己的私有仓库同步。",
+      ghLoggedIn: "GitHub：已登录为",
+      accountHint: "仓库将创建在你的账号下——你的档案不会进入别人的仓库。",
+      repoLabel: "仓库",
+      repoPlaceholder: "owner/name",
+      createRepo: "创建私有仓库",
+      creatingRepo: "创建中…",
+      connectExisting: "连接已有的私有仓库",
+      connectingRepo: "连接中…",
+      repoFieldHint: "owner/name，仅限 private；插件会检查可见性。",
+      repoInvalid: "请以 owner/name 格式填写仓库。",
+      privateOnlyNote: "插件拒绝使用公开仓库。",
+      configureDone: "仓库已连接",
+      createDone: "私有仓库已创建并连接",
+      gitMissing: "本机未找到 Git。没有它同步无法推送修改。",
+      ghNotAuthorizedWarn: "GitHub CLI 未授权——同步无法推送修改。",
+      stateSynced: "全部已同步",
+      stateLocalChanges: "有本地修改",
+      conflictOne: "个冲突",
+      conflictFew: "个冲突",
+      conflictMany: "个冲突",
+      visPrivate: "私有",
+      visPublic: "公开 — 请停用！",
+      visUnknown: "可见性未确认",
+      publicRepoWarn: "仓库是公开的。请停用同步：项目记忆档案不应对外可见。",
+      lastSync: "上次同步",
+      branch: "分支",
+      pendingLocal: "本地修改",
+      pendingUnpushed: "有未推送的修改",
+      enabledBadge: "已启用",
+      disabledBadge: "已禁用",
+      syncNow: "立即同步",
+      syncing: "同步中…",
+      enable: "启用",
+      disable: "禁用",
+      enabledDone: "自动同步已启用",
+      disabledDone: "自动同步已禁用",
+      openRepo: "打开仓库",
+      howButton: "工作原理",
+      howShow: "显示",
+      howHide: "收起",
+      how1Title: "私有仓库",
+      how1Text: "你 GitHub 账号下的一个私有仓库保存项目记忆档案的共享副本。",
+      how2Title: "三方合并",
+      how2Text: "每次同步时，机器会比较「我的版本 / 上次共同版本 / GitHub 上的版本」，并把结果推送回去。",
+      how3Title: "不会静默覆盖",
+      how3Text: "来自不同工作站的补充会合并。如果同一行被改得不一样，就会出现冲突，由你选择保留哪个版本。",
+      sec1Title: "仅限私有仓库",
+      sec1Text: "插件检查可见性，拒绝使用公开仓库。",
+      sec2Title: "敏感信息会被剔除",
+      sec2Text: "敏感数据会被删除，本机路径会被匿名化。",
+      sec3Title: "冲突不会覆盖文件",
+      sec3Text: "在你选择版本之前，本地文件保持不变。",
+      sec4Title: "备份与 Git 历史",
+      sec4Text: "每次修改都会保留备份，并可在 Git 历史中查看。",
+      optionsShow: "设置",
+      optionsHide: "收起设置",
+      optionsTitle: "同步设置",
+      autoSync: "自动同步",
+      autoSyncHint: "在档案变化时和按定时器同步。",
+      intervalLabel: "间隔",
+      secondsShort: "秒",
+      excludeLabel: "排除的项目",
+      excludePlaceholder: "slug-one, slug-two",
+      excludeHint: "项目 slug，用逗号分隔。这些档案不会被同步。",
+      saveOptions: "保存",
+      saving: "保存中…",
+      optionsSaved: "设置已保存",
+      syncDone: "同步完成",
+      summaryProjects: "项目",
+      summaryFiles: "文件",
+      summaryConflicts: "冲突",
+      summaryPushed: "修改已推送到 GitHub",
+      summaryLocalOnly: "已在本地保存，等待推送",
+      conflictsTitle: "要选哪个？",
+      conflictsSubtitle: "同一条记录在本机和 GitHub 上都发生了变化。请选择保留哪一份。",
+      conflictMine: "我的",
+      conflictRemote: "来自 GitHub",
+      conflictKeepMine: "保留我的",
+      conflictTakeRemote: "采用 GitHub 版本",
+      conflictMerge: "合并",
+      hintKeepMine: "「保留我的」——把你的版本发送到 GitHub",
+      hintTakeRemote: "「采用 GitHub 版本」——用仓库版本替换此文件",
+      hintMerge: "「合并」——保留两个版本",
+      conflictWorking: "正在应用…",
+      conflictDone: "冲突已解决",
+      conflictFound: "发现于",
+      previewEmpty: "空",
+      projectsEmpty: "在 DSH 中打开项目文件夹——档案会自动出现在这里。",
+      statusSynced: "已同步",
+      statusLocalChanges: "有本地修改",
+      statusConflict: "冲突",
+      statusNotOpened: "本地未打开",
+      historyOpen: "历史",
+      historyTitle: "版本历史",
+      historySubtitle: "修改此项目档案的提交。恢复会创建新提交，不会丢失任何内容。",
+      historyEmpty: "还没有版本——首次同步后会创建。",
+      historyLoading: "正在加载历史…",
+      historyClose: "关闭",
+      historyRestore: "恢复",
+      historyRestoreHint: "恢复该提交中存在的档案文件；之后新增的文件会保留。恢复前会先备份当前文件。",
+      historyConfirm: "将此项目档案恢复到该版本？当前文件会先备份，然后创建新提交。",
+      historyDone: "版本已恢复",
+      historyAuthor: "作者",
+      diffLegend: "变更行已高亮：粉色—仅本地，绿色—仅 GitHub",
+      portableTitle: "U 盘传输",
+      portableHeading: "随身携带项目记忆",
+      portableSubtitle: "将档案保存到 U 盘，在另一台机器上恢复——无需 GitHub 和命令。",
+      portablePlaceholder: "E:\\（U 盘或文件夹）",
+      portableScan: "扫描",
+      portableExport: "保存到 U 盘",
+      portableImport: "导入",
+      portableHint: "U 盘内是已脱敏的 Markdown 档案，不含密钥和 AUTO-SCAN。敏感数据请启用 BitLocker。",
+      portableEmpty: "U 盘上还没有 dsh-memory-portable 文件夹。",
+      portableFound: "U 盘上有 {count} 个项目",
+      portableConfirm: "从 U 盘导入项目？当前档案会先备份。",
+      portableImported: "已导入 {count} 个项目",
+      portableExported: "已保存 {count} 个项目到 U 盘",
+      portableScanFirst: "请先扫描 U 盘。",
+      portableNoPath: "请输入 U 盘路径。",
+      portableNew: "新项目",
+      portableUpdate: "可更新",
+      portableSame: "已是最新",
+      portableImportedState: "已导入",
+      portableImportedNew: "已恢复",
+      portableSkipped: "已跳过",
+      portableOnlyMemory: "仅项目记忆档案",
+      portableCross: "源码和工作区文件夹请使用「备份与传输 → 项目与代码」。",
+      portableStepSave: "保存",
+      portableStepScan: "扫描",
+      portableStepImport: "恢复",
+    };
+
+    const inject = ["slots", "locale", "connection"];
+
+    /* ------------------------------------------------------------------ */
+    /* inline SVG icons — no emoji, only currentColor strokes               */
+    /* ------------------------------------------------------------------ */
+
+    const ICONS = {
+      check: [["path", { d: "M20 6 9 17l-5-5" }]],
+      alert: [["path", { d: "M12 3 22 21H2Z" }], ["path", { d: "M12 9v5" }], ["path", { d: "M12 17h.01" }]],
+      sync: [
+        ["path", { d: "M21 2v6h-6" }],
+        ["path", { d: "M3 12a9 9 0 0 1 15-6.7L21 8" }],
+        ["path", { d: "M3 22v-6h6" }],
+        ["path", { d: "M21 12a9 9 0 0 1-15 6.7L3 16" }],
+      ],
+      power: [["path", { d: "M18.36 6.64a9 9 0 1 1-12.73 0" }], ["path", { d: "M12 2v10" }]],
+      external: [
+        ["path", { d: "M14 4h6v6" }],
+        ["path", { d: "M20 4 11 13" }],
+        ["path", { d: "M19 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h5" }],
+      ],
+      help: [["circle", { cx: "12", cy: "12", r: "9" }], ["path", { d: "M9.1 9a3 3 0 0 1 5.8 1c0 2-3 2.5-3 4.5" }], ["path", { d: "M12 17h.01" }]],
+      gear: [
+        ["circle", { cx: "12", cy: "12", r: "3" }],
+        ["path", { d: "M19.4 15a1.7 1.7 0 0 0 .34 1.87l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.7 1.7 0 0 0-1.87-.34 1.7 1.7 0 0 0-1 1.55V21a2 2 0 1 1-4 0v-.09a1.7 1.7 0 0 0-1.11-1.55 1.7 1.7 0 0 0-1.87.34l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.7 1.7 0 0 0 .34-1.87 1.7 1.7 0 0 0-1.55-1H3a2 2 0 1 1 0-4h.09a1.7 1.7 0 0 0 1.55-1.11 1.7 1.7 0 0 0-.34-1.87l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.7 1.7 0 0 0 1.87.34H9a1.7 1.7 0 0 0 1-1.55V3a2 2 0 1 1 4 0v.09a1.7 1.7 0 0 0 1 1.55 1.7 1.7 0 0 0 1.87-.34l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.7 1.7 0 0 0-.34 1.87V9a1.7 1.7 0 0 0 1.55 1H21a2 2 0 1 1 0 4h-.09a1.7 1.7 0 0 0-1.51 1Z" }],
+      ],
+      chevronDown: [["path", { d: "m6 9 6 6 6-6" }]],
+      chevronUp: [["path", { d: "m6 15 6-6 6 6" }]],
+      terminal: [["rect", { x: "3", y: "4", width: "18", height: "16", rx: "2" }], ["path", { d: "m7 9 3 3-3 3" }], ["path", { d: "M13 15h4" }]],
+      user: [["path", { d: "M20 21a8 8 0 0 0-16 0" }], ["circle", { cx: "12", cy: "7", r: "4" }]],
+      shield: [["path", { d: "M12 3 19 6v5c0 4.5-3 8.5-7 10-4-1.5-7-5.5-7-10V6Z" }], ["path", { d: "m9 12 2 2 4-4" }]],
+      lock: [["rect", { x: "5", y: "11", width: "14", height: "9", rx: "2" }], ["path", { d: "M8 11V8a4 4 0 0 1 8 0v3" }]],
+      eyeOff: [
+        ["path", { d: "m3 3 18 18" }],
+        ["path", { d: "M10.6 10.6a2 2 0 0 0 2.8 2.8" }],
+        ["path", { d: "M9.4 5.3A9.5 9.5 0 0 1 12 5c5 0 9 4.5 9 7 0 .8-.4 1.7-1.2 2.6" }],
+        ["path", { d: "M6.1 6.9C3.9 8.4 3 10.5 3 12c0 2.5 4 7 9 7 1.3 0 2.5-.3 3.6-.8" }],
+      ],
+      file: [["path", { d: "M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8Z" }], ["path", { d: "M14 3v5h5" }]],
+      history: [["path", { d: "M3 12a9 9 0 1 0 3-6.7" }], ["path", { d: "M3 4v5h5" }], ["path", { d: "M12 8v4l3 2" }]],
+      plus: [["path", { d: "M12 5v14" }], ["path", { d: "M5 12h14" }]],
+      repo: [["path", { d: "M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z" }]],
+      clock: [["circle", { cx: "12", cy: "12", r: "9" }], ["path", { d: "M12 7v5l3 2" }]],
+      dot: [["circle", { cx: "12", cy: "12", r: "3" }]],
+      usb: [
+        ["path", { d: "M12 3v11" }],
+        ["path", { d: "m8 10 4 4 4-4" }],
+        ["rect", { x: "7", y: "15", width: "10", height: "6", rx: "2" }],
+        ["path", { d: "M9 3h6" }],
+      ],
+      save: [
+        ["path", { d: "M4 4h12l4 4v12H4Z" }],
+        ["path", { d: "M8 4v6h8V4" }],
+        ["path", { d: "M8 20v-6h8v6" }],
+      ],
+      scan: [
+        ["path", { d: "M4 8V5a1 1 0 0 1 1-1h3" }],
+        ["path", { d: "M16 4h3a1 1 0 0 1 1 1v3" }],
+        ["path", { d: "M20 16v3a1 1 0 0 1-1 1h-3" }],
+        ["path", { d: "M8 20H5a1 1 0 0 1-1-1v-3" }],
+        ["path", { d: "M4 12h16" }],
+      ],
+    };
+
+    function Icon(props) {
+      const size = props.size ?? 16;
+      const shapes = ICONS[props.name] ?? ICONS.dot;
+      return h(
+        "svg",
+        {
+          className: "dmb-icon",
+          width: size,
+          height: size,
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: 1.7,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          "aria-hidden": "true",
+          focusable: "false",
+        },
+        shapes.map(([tag, attrs], index) => h(tag, { key: index, ...attrs })),
+      );
+    }
+
+    function Spinner() {
+      return h("span", { className: "dmb-spinner", "aria-hidden": "true" });
+    }
+
+    function Banner(props) {
+      const tone = props.tone ?? "ok";
+      const iconName = props.icon ?? (tone === "ok" ? "check" : tone === "info" ? "shield" : "alert");
+      return h(
+        "div",
+        { className: "dmb-status", "data-tone": tone, role: tone === "error" ? "alert" : "status" },
+        h(Icon, { name: iconName, size: 15 }),
+        h("span", { className: "dmb-status-text" }, props.children),
+      );
+    }
+
+    function Chip(props) {
+      return h(
+        "span",
+        { className: "dmb-chip", "data-tone": props.tone ?? "muted" },
+        props.icon !== undefined && props.icon !== null ? h(Icon, { name: props.icon, size: 12 }) : null,
+        h("span", null, props.children),
+      );
+    }
+
+    function Eyebrow(props) {
+      return h(
+        "div",
+        { className: "dmb-eyebrow" },
+        h("span", { className: "dmb-eyebrow-num" }, props.number),
+        h("span", { className: "dmb-eyebrow-label" }, props.label),
+      );
+    }
+
+    function CardHead(props) {
+      return h(
+        "div",
+        { className: "dmb-card-head" },
+        h(
+          "div",
+          { className: "dmb-card-head-main" },
+          h(Eyebrow, { number: props.number, label: props.label }),
+          props.title !== undefined && props.title !== null ? h("div", { className: "dmb-card-title" }, props.title) : null,
+          props.sub !== undefined && props.sub !== null ? h("div", { className: "dmb-card-sub" }, props.sub) : null,
+        ),
+        props.right !== undefined && props.right !== null ? props.right : null,
+      );
+    }
+
+    function KV(props) {
+      return h("div", { className: "dmb-kv" }, h("span", { className: "dmb-kv-label" }, props.label), h("span", { className: "dmb-kv-value" }, props.children));
+    }
+
+    /* ------------------------------------------------------------------ */
+    /* pure helpers                                                        */
+    /* ------------------------------------------------------------------ */
+
+    function errorText(error) {
+      if (error === undefined || error === null) return "unknown error";
+      if (typeof error === "string") return error;
+      if (typeof error.message === "string" && error.message.length > 0) return error.message;
+      if (error.error && typeof error.error.message === "string" && error.error.message.length > 0) return error.error.message;
+      try {
+        return JSON.stringify(error);
+      } catch {
+        return String(error);
+      }
+    }
+
+    /** The Connection carrier resolves envelopes: {ok:true, value} or {ok:false, error}. */
+    function assertOk(result) {
+      if (result !== null && typeof result === "object") {
+        if (result.ok === false) throw new Error(errorText(result.error ?? result.message));
+        if (result.value !== null && typeof result.value === "object" && result.value.ok === false) {
+          throw new Error(errorText(result.value.error ?? result.value.message));
+        }
+      }
+      return result;
+    }
+
+    function looksLikeStatus(value) {
+      if (value === null || typeof value !== "object") return false;
+      return typeof value.configured === "boolean" || Array.isArray(value.projects) || Array.isArray(value.conflicts);
+    }
+
+    function statusFrom(result) {
+      if (result === null || typeof result !== "object") return null;
+      if (result.status !== null && typeof result.status === "object" && looksLikeStatus(result.status)) return result.status;
+      if (looksLikeStatus(result)) return result;
+      if (result.value !== null && typeof result.value === "object") {
+        if (result.value.status !== null && typeof result.value.status === "object" && looksLikeStatus(result.value.status)) return result.value.status;
+        if (looksLikeStatus(result.value)) return result.value;
+      }
+      return null;
+    }
+
+    function historyFrom(result) {
+      if (result === null || typeof result !== "object") return [];
+      if (Array.isArray(result.commits)) return result.commits;
+      if (result.value !== null && typeof result.value === "object" && Array.isArray(result.value.commits)) return result.value.commits;
+      return [];
+    }
+
+    /** Line-level diff for the two conflict previews (pink = only mine, green = only GitHub). */
+    function diffRows(text, other) {
+      const mine = String(text ?? "").split("\n");
+      const theirs = String(other ?? "").split("\n");
+      const n = mine.length;
+      const m = theirs.length;
+      const dp = Array.from({ length: n + 1 }, () => new Array(m + 1).fill(0));
+      for (let i = n - 1; i >= 0; i -= 1) {
+        for (let j = m - 1; j >= 0; j -= 1) {
+          dp[i][j] = mine[i] === theirs[j] ? dp[i + 1][j + 1] + 1 : Math.max(dp[i + 1][j], dp[i][j + 1]);
+        }
+      }
+      const rows = [];
+      let i = 0;
+      let j = 0;
+      while (i < n && j < m) {
+        if (mine[i] === theirs[j]) {
+          rows.push({ text: mine[i], changed: false });
+          i += 1;
+          j += 1;
+        } else if (dp[i + 1][j] >= dp[i][j + 1]) {
+          rows.push({ text: mine[i], changed: true });
+          i += 1;
+        } else {
+          j += 1;
+        }
+      }
+      while (i < n) {
+        rows.push({ text: mine[i], changed: true });
+        i += 1;
+      }
+      return rows;
+    }
+
+    function formatTime(value) {
+      if (typeof value !== "string" || value.length === 0) return null;
+      const date = new Date(value);
+      if (Number.isNaN(date.getTime())) return value;
+      try {
+        return date.toLocaleString(undefined, { day: "2-digit", month: "2-digit", year: "numeric", hour: "2-digit", minute: "2-digit" });
+      } catch {
+        return value;
+      }
+    }
+
+    /** “5 минут назад” — localised through Intl.RelativeTimeFormat. */
+    function relativeTime(value, lang) {
+      if (typeof value !== "string" || value.length === 0) return null;
+      const date = new Date(value);
+      if (Number.isNaN(date.getTime())) return value;
+      const diffSeconds = Math.round((date.getTime() - Date.now()) / 1000);
+      const abs = Math.abs(diffSeconds);
+      let unit = "second";
+      let divisor = 1;
+      if (abs >= 31536000) {
+        unit = "year";
+        divisor = 31536000;
+      } else if (abs >= 2592000) {
+        unit = "month";
+        divisor = 2592000;
+      } else if (abs >= 86400) {
+        unit = "day";
+        divisor = 86400;
+      } else if (abs >= 3600) {
+        unit = "hour";
+        divisor = 3600;
+      } else if (abs >= 60) {
+        unit = "minute";
+        divisor = 60;
+      }
+      try {
+        return new Intl.RelativeTimeFormat(lang, { numeric: "auto" }).format(Math.round(diffSeconds / divisor), unit);
+      } catch {
+        return formatTime(value) ?? value;
+      }
+    }
+
+    function parseSlugs(value) {
+      const seen = Object.create(null);
+      const result = [];
+      String(value ?? "").split(/[,;\s]+/u).forEach((raw) => {
+        const slug = raw.trim().toLowerCase();
+        if (slug.length === 0) return;
+        if (seen[slug] === true) return;
+        seen[slug] = true;
+        result.push(slug);
+      });
+      return result;
+    }
+
+    function optionsFromStatus(value) {
+      const options = value !== null && typeof value === "object" && value.options !== null && typeof value.options === "object" ? value.options : {};
+      const interval = Number(options.intervalSeconds);
+      return {
+        autoSync: options.autoSync === true,
+        intervalSeconds: ALLOWED_INTERVALS.includes(interval) ? String(interval) : "300",
+        excludeProjects: Array.isArray(options.excludeProjects) ? options.excludeProjects.join(", ") : "",
+      };
+    }
+
+    function emptyDraft() {
+      return { autoSync: true, intervalSeconds: "300", excludeProjects: "" };
+    }
+
+    /** Suggested repo comes from the Host: `<login>/dsh-memory-exchange`, never hard-coded. */
+    function suggestedRepoFrom(status) {
+      if (status === null || typeof status !== "object") return null;
+      const github = status.github !== null && typeof status.github === "object" ? status.github : null;
+      const repo =
+        github !== null && typeof github.suggestedRepo === "string"
+          ? github.suggestedRepo
+          : typeof status.suggestedRepo === "string"
+            ? status.suggestedRepo
+            : "";
+      return repo.length > 0 ? repo : null;
+    }
+
+    function githubFrom(status) {
+      const raw = status !== null && typeof status === "object" && status.github !== null && typeof status.github === "object" ? status.github : null;
+      return {
+        available: raw !== null && raw.available === true,
+        authenticated: raw !== null && raw.authenticated === true,
+        login: raw !== null && typeof raw.login === "string" && raw.login.length > 0 ? raw.login : null,
+        suggestedRepo: suggestedRepoFrom(status),
+      };
+    }
+
+    /** "private" | "public" | "unknown" — Host sends `repoVisibility`/`visibility`. */
+    function visibilityFrom(status) {
+      if (status === null || typeof status !== "object") return "unknown";
+      const repo = status.repo !== null && typeof status.repo === "object" ? status.repo : null;
+      const github = status.github !== null && typeof status.github === "object" ? status.github : null;
+      const candidates = [
+        status.repoVisibility,
+        status.visibility,
+        github !== null ? github.repoVisibility : null,
+        status.repository !== null && typeof status.repository === "object" ? status.repository.visibility : null,
+        status.repoInfo !== null && typeof status.repoInfo === "object" ? status.repoInfo.visibility : null,
+        repo !== null ? repo.visibility : null,
+      ];
+      for (const candidate of candidates) {
+        const value = String(candidate ?? "").toLowerCase();
+        if (value === "private") return "private";
+        if (value === "public") return "public";
+      }
+      if (status.private === true || status.isPrivate === true || (repo !== null && repo.private === true)) return "private";
+      if (status.private === false || status.isPrivate === false || (repo !== null && repo.private === false)) return "public";
+      return "unknown";
+    }
+
+    const PROJECT_STATUS_KEY = {
+      synced: "statusSynced",
+      "local-changes": "statusLocalChanges",
+      conflict: "statusConflict",
+      "not-opened": "statusNotOpened",
+    };
+
+    function projectStatusKey(value) {
+      return PROJECT_STATUS_KEY[String(value ?? "")] ?? "statusNotOpened";
+    }
+
+    function projectStatusTone(value) {
+      if (value === "synced") return "ok";
+      if (value === "local-changes") return "warn";
+      if (value === "conflict") return "error";
+      return "muted";
+    }
+
+    /* ------------------------------------------------------------------ */
+    /* plugin                                                              */
+    /* ------------------------------------------------------------------ */
+
+    function apply(ctx) {
+      const t = ctx.locale.bind(NS);
+
+      const callbacks = {
+        call: async (operation, payload) => {
+          let signal;
+          try {
+            signal = AbortSignal.timeout(180000);
+          } catch {
+            signal = undefined;
+          }
+          return await ctx.connection.rpc.call("/api", `${RPC_NS}/${operation}`, payload ?? {}, signal);
+        },
+        openUrl: (url) => {
+          try {
+            window.open(url, "_blank", "noopener,noreferrer");
+            return true;
+          } catch {
+            return false;
+          }
+        },
+      };
+
+      ctx.effect(() => ctx.locale.register(NS, { en: EN, zh: ZH }), "memory-bridge: dictionaries");
+      ctx.effect(() => {
+        try {
+          return ctx.locale.register(NS, "ru", RU);
+        } catch {
+          return () => {};
+        }
+      }, "memory-bridge: ru dictionary");
+
+      ctx.effect(() => {
+        const style = document.createElement("style");
+        style.id = "dsh-memory-bridge-style";
+        style.textContent = `
+.dmb-page{display:flex;flex-direction:column;gap:18px;max-width:760px;padding:2px 0 24px;box-sizing:border-box;color:var(--dsw-alias-label-primary,#111)}
+.dmb-head{display:flex;flex-direction:column;gap:6px}
+.dmb-kicker{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--dsw-alias-label-secondary,#6b7280)}
+.dmb-kicker::before{content:"";width:28px;height:1px;background:var(--dsw-alias-border-l2,rgba(0,0,0,.18))}
+.dmb-title{font-size:22px;line-height:28px;font-weight:650;color:var(--dsw-alias-label-primary,#111)}
+.dmb-sub{font-size:13px;line-height:20px;color:var(--dsw-alias-label-secondary,#5b6472);max-width:66ch}
+.dmb-banners{display:flex;flex-direction:column;gap:8px}
+.dmb-card{display:flex;flex-direction:column;gap:14px;padding:18px 18px 16px;border:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.1));border-radius:14px;background:var(--dsw-alias-bg-layer-1,rgba(0,0,0,.02));box-sizing:border-box}
+.dmb-card--flat{gap:12px;padding:16px 18px}
+.dmb-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
+.dmb-card-head-main{display:flex;flex-direction:column;gap:4px;min-width:0}
+.dmb-card-title{font-size:16px;line-height:22px;font-weight:650;color:var(--dsw-alias-label-primary,#111);margin-top:2px}
+.dmb-card-sub{font-size:12.5px;line-height:18px;color:var(--dsw-alias-label-secondary,#5b6472);max-width:62ch}
+.dmb-eyebrow{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dsw-alias-label-secondary,#6b7280)}
+.dmb-eyebrow-num{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:6px;background:var(--dsw-alias-bg-layer-2,rgba(0,0,0,.06));color:var(--dsw-alias-label-secondary,#4b5563);font-variant-numeric:tabular-nums}
+.dmb-icon{flex:none;display:block}
+.dmb-chip{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;letter-spacing:.03em;padding:3px 9px;border-radius:999px;border:1px solid transparent;background:var(--dsw-alias-bg-layer-2,rgba(0,0,0,.06));color:var(--dsw-alias-label-secondary,#4b5563);font-variant-numeric:tabular-nums;white-space:nowrap}
+.dmb-chip[data-tone="ok"]{background:color-mix(in srgb,var(--dsw-alias-state-success-primary,#2e9e5b) 14%,transparent);border-color:color-mix(in srgb,var(--dsw-alias-state-success-primary,#2e9e5b) 28%,transparent);color:var(--dsw-alias-state-success-primary,#2e9e5b)}
+.dmb-chip[data-tone="warn"]{background:color-mix(in srgb,var(--dsw-alias-state-warn-primary,#b45309) 14%,transparent);border-color:color-mix(in srgb,var(--dsw-alias-state-warn-primary,#b45309) 28%,transparent);color:var(--dsw-alias-state-warn-primary,#b45309)}
+.dmb-chip[data-tone="error"]{background:color-mix(in srgb,var(--dsw-alias-state-error-primary,#d64545) 14%,transparent);border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary,#d64545) 30%,transparent);color:var(--dsw-alias-state-error-primary,#d64545);letter-spacing:.05em}
+.dmb-chip[data-tone="info"]{background:color-mix(in srgb,var(--dsw-alias-brand-primary,#2f7df6) 12%,transparent);border-color:color-mix(in srgb,var(--dsw-alias-brand-primary,#2f7df6) 26%,transparent);color:var(--dsw-alias-brand-primary,#2f7df6)}
+.dmb-state{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:12px;border:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.1));background:var(--dsw-alias-bg-base,#fff);box-sizing:border-box}
+.dmb-state-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;flex:none;background:var(--dsw-alias-bg-layer-2,rgba(0,0,0,.06));color:var(--dsw-alias-label-secondary,#4b5563)}
+.dmb-state[data-tone="ok"] .dmb-state-icon{background:color-mix(in srgb,var(--dsw-alias-state-success-primary,#2e9e5b) 14%,transparent);color:var(--dsw-alias-state-success-primary,#2e9e5b)}
+.dmb-state[data-tone="warn"] .dmb-state-icon{background:color-mix(in srgb,var(--dsw-alias-state-warn-primary,#b45309) 14%,transparent);color:var(--dsw-alias-state-warn-primary,#b45309)}
+.dmb-state[data-tone="error"] .dmb-state-icon{background:color-mix(in srgb,var(--dsw-alias-state-error-primary,#d64545) 14%,transparent);color:var(--dsw-alias-state-error-primary,#d64545)}
+.dmb-state-body{display:flex;flex-direction:column;gap:6px;min-width:0}
+.dmb-state-title{font-size:18px;line-height:24px;font-weight:650;color:var(--dsw-alias-label-primary,#111)}
+.dmb-state-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;line-height:17px;color:var(--dsw-alias-label-secondary,#5b6472)}
+.dmb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:12.5px;line-height:18px;color:var(--dsw-alias-label-secondary,#5b6472)}
+.dmb-sep{color:var(--dsw-alias-border-l2,rgba(0,0,0,.24))}
+.dmb-link{color:var(--dsw-alias-brand-primary,#2f7df6);text-decoration:none;font-weight:600;font-size:12.5px;line-height:18px;word-break:break-all}
+.dmb-link:hover{text-decoration:underline}
+.dmb-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:17px;word-break:break-all;color:var(--dsw-alias-label-primary,#111)}
+.dmb-repo-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px;line-height:18px;color:var(--dsw-alias-label-secondary,#5b6472)}
+.dmb-account{display:flex;align-items:center;gap:8px;font-size:13px;line-height:18px;font-weight:600;color:var(--dsw-alias-label-primary,#111)}
+.dmb-account .dmb-icon{color:var(--dsw-alias-brand-primary,#2f7df6)}
+.dmb-note{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:17px;color:var(--dsw-alias-label-secondary,#5b6472)}
+.dmb-note .dmb-icon{margin-top:1px}
+.dmb-code{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:8px 10px;border-radius:8px;background:var(--dsw-alias-bg-layer-2,rgba(0,0,0,.05));border:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.08));font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:17px;color:var(--dsw-alias-label-primary,#111);overflow-x:auto;white-space:nowrap}
+.dmb-field{display:flex;flex-direction:column;gap:6px}
+.dmb-label{font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--dsw-alias-label-secondary,#6b7280)}
+.dmb-input,.dmb-select{width:100%;box-sizing:border-box;padding:9px 11px;border-radius:9px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.16));background:var(--dsw-alias-bg-base,#fff);color:var(--dsw-alias-label-primary,#111);font:inherit;font-size:13px;line-height:18px}
+.dmb-portable-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}
+.dmb-portable-row .dmb-input{flex:1;min-width:220px}
+.dmb-portable-row .dmb-btn{flex:none}
+.dmb-portable-projects{margin-top:10px;border-top:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.08));padding-top:8px}
+.dmb-portable-hint{margin-top:8px;font-size:11px;line-height:15px;color:var(--dsw-alias-label-secondary,#6b7280)}
+.dmb-usb{background:radial-gradient(120% 160% at 100% 0%,color-mix(in srgb,var(--dsw-alias-brand-primary,#2f7df6) 7%,transparent) 0%,transparent 55%),var(--dsw-alias-bg-base,#fff);border-color:color-mix(in srgb,var(--dsw-alias-brand-primary,#2f7df6) 18%,var(--dsw-alias-border-l1,rgba(0,0,0,.1)))}
+.dmb-usb .dmb-card-head{flex-wrap:wrap;gap:8px}
+.dmb-usb .dmb-card-head-main{min-width:0}
+.dmb-usb-badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--dsw-alias-brand-primary,#2f7df6) 24%,transparent);background:color-mix(in srgb,var(--dsw-alias-brand-primary,#2f7df6) 7%,transparent);color:var(--dsw-alias-brand-primary,#2f7df6);font-size:10.5px;font-weight:650;white-space:nowrap}
+.dmb-usb-steps{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 2px}
+.dmb-usb-step{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;background:color-mix(in srgb,var(--dsw-alias-label-primary,#111) 4%,transparent);border:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.06))}
+.dmb-usb-step-icon{display:inline-flex;color:var(--dsw-alias-brand-primary,#2f7df6)}
+.dmb-usb-step-label{font-size:11px;line-height:14px;font-weight:650;color:var(--dsw-alias-label-secondary,#5b6472)}
+.dmb-usb-step-arrow{margin-left:2px;color:var(--dsw-alias-label-secondary,#9aa0a9);font-size:11px}
+.dmb-usb-field{display:flex;align-items:center;gap:8px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.16));border-radius:10px;background:var(--dsw-alias-bg-base,#fff);padding:0 10px;transition:border-color .16s ease,box-shadow .16s ease}
+.dmb-usb-field:focus-within{border-color:var(--dsw-alias-brand-primary,#2f7df6);box-shadow:0 0 0 3px color-mix(in srgb,var(--dsw-alias-brand-primary,#2f7df6) 12%,transparent)}
+.dmb-usb-field-icon{flex:none;display:inline-flex;color:var(--dsw-alias-label-secondary,#6b7280)}
+.dmb-usb-field .dmb-input{border:none;background:transparent;padding-left:0;box-shadow:none;outline:none}
+.dmb-usb-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
+.dmb-usb-actions .dmb-btn{min-height:32px;padding:0 12px;font-size:12px}
+.dmb-usb-cross{display:flex;align-items:flex-start;gap:7px;margin-top:4px;padding-top:8px;border-top:1px dashed var(--dsw-alias-border-l1,rgba(0,0,0,.08));font-size:10.5px;line-height:15px;color:var(--dsw-alias-label-secondary,#6b7280)}
+.dmb-usb-cross .dmb-icon{flex:none;margin-top:1px;color:var(--dsw-alias-label-secondary,#8a9098)}
+@media (max-width:560px){.dmb-usb-steps{gap:5px}.dmb-usb-step{padding:4px 7px}.dmb-usb-step-arrow{display:none}.dmb-usb-actions .dmb-btn{flex:1 1 100%}}
+.dmb-input--mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:17px}
+.dmb-input:focus-visible,.dmb-select:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#2f7df6);outline-offset:1px}
+.dmb-input:disabled,.dmb-select:disabled{opacity:.6}
+.dmb-hint{font-size:11.5px;line-height:16px;color:var(--dsw-alias-label-secondary,#6b7280)}
+.dmb-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
+.dmb-btn{border-radius:10px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.16));background:transparent;color:var(--dsw-alias-label-primary,#111);font:inherit;font-size:13px;font-weight:600;line-height:18px;padding:8px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;transition:background .15s ease,border-color .15s ease,opacity .15s ease,filter .15s ease}
+.dmb-btn:hover:not([disabled]){background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.05))}
+.dmb-btn:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#2f7df6);outline-offset:1px}
+.dmb-btn[data-tone="primary"]{background:var(--dsw-alias-label-primary,#111);border-color:transparent;color:var(--dsw-alias-bg-base,#fff)}
+.dmb-btn[data-tone="primary"]:hover:not([disabled]){filter:brightness(1.06);background:var(--dsw-alias-label-primary,#111)}
+.dmb-btn[data-tone="caution"]{border-color:color-mix(in srgb,var(--dsw-alias-state-warn-primary,#b45309) 40%,transparent);color:var(--dsw-alias-state-warn-primary,#b45309)}
+.dmb-btn[data-tone="caution"]:hover:not([disabled]){background:color-mix(in srgb,var(--dsw-alias-state-warn-primary,#b45309) 8%,transparent)}
+.dmb-btn--ghost{border-color:transparent;background:transparent;color:var(--dsw-alias-label-secondary,#5b6472);padding:6px 10px;min-height:30px;font-size:12px}
+.dmb-btn--ghost:hover:not([disabled]){background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.05));color:var(--dsw-alias-label-primary,#111)}
+.dmb-btn--small{padding:6px 10px;min-height:30px;font-size:12px}
+.dmb-btn[disabled]{opacity:.55;cursor:default}
+.dmb-spinner{width:13px;height:13px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:dmb-spin .8s linear infinite;flex:none}
+@keyframes dmb-spin{to{transform:rotate(360deg)}}
+.dmb-status{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:18px;padding:10px 12px;border-radius:10px;border:1px solid transparent;color:var(--dsw-alias-label-primary,#111);box-sizing:border-box}
+.dmb-status .dmb-icon{margin-top:1px}
+.dmb-status[data-tone="ok"]{background:color-mix(in srgb,var(--dsw-alias-state-success-primary,#2e9e5b) 10%,transparent);border-color:color-mix(in srgb,var(--dsw-alias-state-success-primary,#2e9e5b) 30%,transparent)}
+.dmb-status[data-tone="error"]{background:color-mix(in srgb,var(--dsw-alias-state-error-primary,#d64545) 10%,transparent);border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary,#d64545) 30%,transparent)}
+.dmb-status[data-tone="warn"]{background:color-mix(in srgb,var(--dsw-alias-state-warn-primary,#b45309) 10%,transparent);border-color:color-mix(in srgb,var(--dsw-alias-state-warn-primary,#b45309) 30%,transparent)}
+.dmb-status[data-tone="info"]{background:color-mix(in srgb,var(--dsw-alias-brand-primary,#2f7df6) 10%,transparent);border-color:color-mix(in srgb,var(--dsw-alias-brand-primary,#2f7df6) 30%,transparent)}
+.dmb-status-text{min-width:0}
+.dmb-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
+.dmb-step{display:flex;gap:12px;align-items:flex-start}
+.dmb-step-num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:var(--dsw-alias-bg-layer-2,rgba(0,0,0,.06));color:var(--dsw-alias-brand-primary,#2f7df6);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
+.dmb-step-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
+.dmb-step-title{font-size:13px;line-height:18px;font-weight:600;color:var(--dsw-alias-label-primary,#111)}
+.dmb-step-text{font-size:12px;line-height:17px;color:var(--dsw-alias-label-secondary,#5b6472)}
+.dmb-security{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
+.dmb-security li{display:flex;gap:10px;align-items:flex-start;min-width:0}
+.dmb-security-icon{color:var(--dsw-alias-label-secondary,#6b7280);margin-top:1px}
+.dmb-security-title{font-size:12.5px;line-height:17px;font-weight:600;color:var(--dsw-alias-label-primary,#111)}
+.dmb-security-text{font-size:11.5px;line-height:16px;color:var(--dsw-alias-label-secondary,#5b6472)}
+.dmb-conflict{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;border:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.1));background:var(--dsw-alias-bg-base,#fff);box-sizing:border-box}
+.dmb-conflict-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
+.dmb-conflict-title{font-size:13.5px;line-height:19px;font-weight:650;color:var(--dsw-alias-label-primary,#111)}
+.dmb-path{margin:0}
+.dmb-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
+.dmb-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
+.dmb-preview{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.1));background:var(--dsw-alias-bg-base,#fff);min-width:0;box-sizing:border-box}
+.dmb-pre{margin:0;padding:10px;border-radius:9px;background:var(--dsw-alias-bg-layer-2,rgba(0,0,0,.05));color:var(--dsw-alias-label-primary,#111);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11.5px;line-height:16px;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto;box-sizing:border-box}
+.dmb-diff-line{display:block;min-height:1.15em}
+.dmb-diff-del{background:color-mix(in srgb,var(--dsw-alias-state-error-primary,#dc2626) 16%,transparent);border-radius:3px}
+.dmb-diff-add{background:color-mix(in srgb,var(--dsw-alias-state-success-primary,#16a34a) 16%,transparent);border-radius:3px}
+.dmb-btn--sm{min-height:28px;padding:0 10px;font-size:12px;border-radius:8px;font-weight:600}
+.dmb-diff-legend{margin-top:8px;font-size:11px;line-height:15px;color:var(--dsw-alias-label-secondary,#6b7280)}
+.dmb-kv{display:flex;flex-direction:column;gap:2px;min-width:0}
+.dmb-kv-label{font-size:11px;line-height:15px;color:var(--dsw-alias-label-secondary,#6b7280)}
+.dmb-kv-value{font-size:13px;line-height:18px;font-weight:600;color:var(--dsw-alias-label-primary,#111);font-variant-numeric:tabular-nums}
+.dmb-hints{display:flex;flex-direction:column;gap:4px}
+.dmb-hint-line{display:flex;align-items:flex-start;gap:6px;font-size:11.5px;line-height:16px;color:var(--dsw-alias-label-secondary,#6b7280)}
+.dmb-hint-line .dmb-icon{margin-top:1px;color:var(--dsw-alias-label-secondary,#6b7280)}
+.dmb-list{display:flex;flex-direction:column;border-top:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.07))}
+.dmb-row{display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.07))}
+.dmb-row:last-child{border-bottom:none}
+.dmb-row-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
+.dmb-row-title{font-size:13px;line-height:18px;font-weight:600;color:var(--dsw-alias-label-primary,#111)}
+.dmb-row-desc{font-size:11px;line-height:15px;color:var(--dsw-alias-label-secondary,#6b7280)}
+.dmb-row-time{flex:none;font-size:11.5px;line-height:17px;color:var(--dsw-alias-label-secondary,#6b7280);font-variant-numeric:tabular-nums;white-space:nowrap}
+.dmb-empty{font-size:12.5px;line-height:18px;color:var(--dsw-alias-label-secondary,#6b7280);padding:6px 0}
+.dmb-loading{display:flex;align-items:center;gap:10px;font-size:12.5px;line-height:18px;color:var(--dsw-alias-label-secondary,#6b7280);padding:4px 0}
+.dmb-divider{height:1px;background:var(--dsw-alias-border-l1,rgba(0,0,0,.08));margin:2px 0}
+.dmb-options{display:flex;flex-direction:column;gap:14px}
+.dmb-check{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;line-height:18px;color:var(--dsw-alias-label-primary,#111);cursor:pointer}
+.dmb-check input{margin-top:1px;accent-color:var(--dsw-alias-brand-primary,#2f7df6);width:15px;height:15px;flex:none}
+.dmb-check-text{display:flex;flex-direction:column;gap:2px;min-width:0}
+.dmb-check-title{font-weight:600}
+@media (max-width:560px){
+.dmb-page{gap:14px}
+.dmb-card{padding:14px}
+.dmb-grid2,.dmb-grid3,.dmb-security{grid-template-columns:1fr}
+.dmb-actions{flex-direction:column;align-items:stretch}
+.dmb-actions .dmb-btn{width:100%}
+.dmb-card-head{flex-direction:column;align-items:flex-start;gap:8px}
+.dmb-row{flex-wrap:wrap;align-items:flex-start}
+.dmb-row-text{flex:1 1 100%}
+.dmb-row .dmb-chip{order:1}
+.dmb-row-time{order:2;margin-left:auto}
+.dmb-row .dmb-btn{order:3;flex:1 1 100%;margin-top:4px}
+.dmb-row-title,.dmb-row-desc{overflow-wrap:break-word;word-break:normal}
+.dmb-state-title{font-size:16px;line-height:22px}
+}
+@media (prefers-reduced-motion:reduce){.dmb-spinner{animation-duration:2.4s}}
+`;
+        document.head.appendChild(style);
+        return () => style.remove();
+      }, "memory-bridge: styles");
+
+      const call = callbacks.call;
+      const openUrl = callbacks.openUrl;
+
+      function MemorySyncSection(props) {
+        const rpc = props.call ?? call;
+        const [phase, setPhase] = useState("loading");
+        const [status, setStatus] = useState(null);
+        const [busy, setBusy] = useState(null);
+        const [message, setMessage] = useState(null);
+        const [summary, setSummary] = useState(null);
+        const [repoInput, setRepoInput] = useState("");
+        const [optionsOpen, setOptionsOpen] = useState(false);
+        const [draft, setDraft] = useState(emptyDraft);
+        const [howOpen, setHowOpen] = useState(false);
+        const [historyFor, setHistoryFor] = useState(null);
+        const [historyItems, setHistoryItems] = useState(null);
+        const [historyLoading, setHistoryLoading] = useState(false);
+        const [portablePath, setPortablePath] = useState("");
+        const [portableBusy, setPortableBusy] = useState(null);
+        const [portableResult, setPortableResult] = useState(null);
+        const [portableMessage, setPortableMessage] = useState(null);
+        const repoEditedRef = useRef(false);
+        const lastSuggestedRef = useRef(null);
+        const aliveRef = useRef(true);
+
+        const lang = (() => {
+          const value = t("langProbe");
+          return typeof value === "string" && value.length > 0 ? value : "en";
+        })();
+
+        function pluralWord(count, oneKey, fewKey, manyKey) {
+          const n = Number(count) || 0;
+          let word;
+          if (lang === "ru") {
+            const mod10 = n % 10;
+            const mod100 = n % 100;
+            if (mod10 === 1 && mod100 !== 11) word = t(oneKey);
+            else if (mod10 >= 2 && mod10 <= 4 && (mod100 < 10 || mod100 >= 20)) word = t(fewKey);
+            else word = t(manyKey);
+          } else {
+            word = n === 1 ? t(oneKey) : t(manyKey);
+          }
+          return `${n} ${word}`;
+        }
+
+        async function loadStatus(silent) {
+          try {
+            const result = assertOk(await rpc("status", {}));
+            if (aliveRef.current !== true) return false;
+            const next = statusFrom(result);
+            if (next === null) {
+              if (silent !== true) {
+                setPhase("error");
+                setMessage({ tone: "error", text: t("loadError") });
+              }
+              return false;
+            }
+            setStatus(next);
+            setPhase("ready");
+            const suggested = suggestedRepoFrom(next);
+            if (repoEditedRef.current !== true) {
+              setRepoInput((current) => {
+                if (current.length === 0) return suggested ?? "";
+                if (lastSuggestedRef.current !== null && current === lastSuggestedRef.current) return suggested ?? current;
+                return current;
+              });
+            }
+            if (suggested !== null) lastSuggestedRef.current = suggested;
+            return true;
+          } catch (error) {
+            if (aliveRef.current !== true) return false;
+            setPhase((current) => (current === "ready" ? current : "error"));
+            if (silent !== true) setMessage({ tone: "error", text: `${t("errorPrefix")} ${errorText(error)}` });
+            return false;
+          }
+        }
+
+        useEffect(() => {
+          aliveRef.current = true;
+          void loadStatus(false);
+          const timer = setInterval(() => {
+            void loadStatus(true);
+          }, 10000);
+          return () => {
+            aliveRef.current = false;
+            clearInterval(timer);
+          };
+        }, []);
+
+        function takeStatus(result) {
+          const next = statusFrom(result);
+          if (next !== null) {
+            setStatus(next);
+            setPhase("ready");
+          }
+          return next;
+        }
+
+        function toggleOptions() {
+          if (optionsOpen === true) {
+            setOptionsOpen(false);
+            return;
+          }
+          setDraft(optionsFromStatus(status));
+          setOptionsOpen(true);
+        }
+
+        function toggleHow() {
+          setHowOpen((current) => current !== true);
+        }
+
+        function openRepo() {
+          const url = status !== null && typeof status === "object" && typeof status.repoUrl === "string" ? status.repoUrl : "";
+          if (url.length === 0) return;
+          openUrl(url);
+        }
+
+        async function doCheck() {
+          if (busy !== null) return;
+          setBusy("check");
+          setMessage(null);
+          try {
+            await loadStatus(false);
+          } finally {
+            setBusy(null);
+          }
+        }
+
+        async function doConnect(kind) {
+          if (busy !== null) return;
+          const repo = repoInput.trim();
+          if (kind === "configure" && repo.length === 0) {
+            setMessage({ tone: "error", text: t("repoInvalid") });
+            return;
+          }
+          if (repo.length > 0 && REPO_PATTERN.test(repo) !== true) {
+            setMessage({ tone: "error", text: t("repoInvalid") });
+            return;
+          }
+          const busyKey = kind === "create" ? "create" : "configure";
+          setBusy(busyKey);
+          setMessage(null);
+          setSummary(null);
+          try {
+            const payload = kind === "create" ? (repo.length > 0 ? { repo } : {}) : { repo };
+            const result = assertOk(await rpc(kind === "create" ? "create-repo" : "configure", payload));
+            const next = takeStatus(result);
+            if (next !== null) setDraft(optionsFromStatus(next));
+            const created =
+              result !== null && typeof result === "object" && result.value !== null && typeof result.value === "object" ? result.value.created !== false : true;
+            setMessage({ tone: "ok", text: kind === "create" ? (created === true ? t("createDone") : t("configureDone")) : t("configureDone") });
+            await loadStatus(true);
+          } catch (error) {
+            setMessage({ tone: "error", text: `${t("errorPrefix")} ${errorText(error)}` });
+          } finally {
+            setBusy(null);
+          }
+        }
+
+        async function doSync() {
+          if (busy !== null) return;
+          setBusy("sync");
+          setMessage(null);
+          setSummary(null);
+          try {
+            const result = assertOk(await rpc("sync-now", {}));
+            takeStatus(result);
+            setSummary(summaryFrom(result));
+            setMessage({ tone: "ok", text: t("syncDone") });
+            await loadStatus(true);
+          } catch (error) {
+            setMessage({ tone: "error", text: `${t("errorPrefix")} ${errorText(error)}` });
+            await loadStatus(true);
+          } finally {
+            setBusy(null);
+          }
+        }
+
+        async function doToggle() {
+          if (busy !== null || status === null) return;
+          const enable = status.enabled !== true;
+          setBusy("toggle");
+          setMessage(null);
+          setSummary(null);
+          try {
+            const result = assertOk(await rpc("set-enabled", { enabled: enable }));
+            takeStatus(result);
+            setMessage({ tone: "ok", text: enable === true ? t("enabledDone") : t("disabledDone") });
+            await loadStatus(true);
+          } catch (error) {
+            setMessage({ tone: "error", text: `${t("errorPrefix")} ${errorText(error)}` });
+          } finally {
+            setBusy(null);
+          }
+        }
+
+        async function doSaveOptions() {
+          if (busy !== null) return;
+          const interval = Number(draft.intervalSeconds);
+          setBusy("options");
+          setMessage(null);
+          setSummary(null);
+          try {
+            const result = assertOk(await rpc("set-options", {
+              autoSync: draft.autoSync === true,
+              intervalSeconds: ALLOWED_INTERVALS.includes(interval) ? interval : 300,
+              excludeProjects: parseSlugs(draft.excludeProjects),
+            }));
+            const next = takeStatus(result);
+            if (next !== null) setDraft(optionsFromStatus(next));
+            setMessage({ tone: "ok", text: t("optionsSaved") });
+            await loadStatus(true);
+          } catch (error) {
+            setMessage({ tone: "error", text: `${t("errorPrefix")} ${errorText(error)}` });
+          } finally {
+            setBusy(null);
+          }
+        }
+
+        async function doResolve(conflictId, choice) {
+          if (busy !== null) return;
+          setBusy(`conflict:${conflictId}:${choice}`);
+          setMessage(null);
+          setSummary(null);
+          try {
+            const result = assertOk(await rpc("resolve-conflict", { id: conflictId, choice }));
+            takeStatus(result);
+            setMessage({ tone: "ok", text: t("conflictDone") });
+            await loadStatus(true);
+          } catch (error) {
+            setMessage({ tone: "error", text: `${t("errorPrefix")} ${errorText(error)}` });
+          } finally {
+            setBusy(null);
+          }
+        }
+
+        /* ---------------- USB portable transfer ---------------- */
+
+        function retry() {
+          setMessage(null);
+          setPhase("loading");
+          void loadStatus(false);
+        }
+
+        function portablePayload(result) {
+          if (result !== null && typeof result === "object" && result.value !== null && typeof result.value === "object") {
+            return result.value;
+          }
+          return result;
+        }
+
+        async function runPortable(action) {
+          if (portableBusy !== null) return;
+          const source = portablePath.trim();
+          if (source.length === 0) {
+            setPortableMessage({ tone: "error", text: t("portableNoPath") });
+            return;
+          }
+          if (action === "import") {
+            const confirmed =
+              typeof window === "undefined" || typeof window.confirm !== "function" ? true : window.confirm(t("portableConfirm"));
+            if (!confirmed) return;
+          }
+          setPortableBusy(action);
+          setPortableMessage(null);
+          try {
+            const method = action === "scan" ? "portable-scan" : action === "export" ? "portable-export" : "portable-import";
+            const payload = action === "export" ? { destination: source } : { source };
+            const result = assertOk(await rpc(method, payload));
+            const value = portablePayload(result);
+            setPortableResult(value);
+            if (action === "scan") {
+              const count = Array.isArray(value?.projects) ? value.projects.length : 0;
+              setPortableMessage({ tone: count > 0 ? "ok" : "error", text: count > 0 ? formatTemplate(t("portableFound"), { count }) : t("portableEmpty") });
+            } else if (action === "export") {
+              setPortableMessage({ tone: "ok", text: formatTemplate(t("portableExported"), { count: Number(value?.projects?.length) || 0 }) });
+            } else {
+              setPortableMessage({ tone: "ok", text: formatTemplate(t("portableImported"), { count: Number(value?.imported) || 0 }) });
+              takeStatus(result);
+              await loadStatus(true);
+            }
+          } catch (error) {
+            setPortableMessage({ tone: "error", text: `${t("errorPrefix")} ${errorText(error)}` });
+          } finally {
+            setPortableBusy(null);
+          }
+        }
+
+        /* ---------------- history and restore ---------------- */
+
+        async function openHistory(slug) {
+          if (busy !== null) return;
+          setHistoryFor(slug);
+          setHistoryItems(null);
+          setHistoryLoading(true);
+          setMessage(null);
+          try {
+            const result = assertOk(await rpc("history", { slug }));
+            setHistoryItems(historyFrom(result));
+          } catch (error) {
+            setMessage({ tone: "error", text: `${t("errorPrefix")} ${errorText(error)}` });
+            setHistoryFor(null);
+          } finally {
+            setHistoryLoading(false);
+          }
+        }
+
+        function closeHistory() {
+          setHistoryFor(null);
+          setHistoryItems(null);
+          setHistoryLoading(false);
+        }
+
+        async function doRestore(slug, commit) {
+          if (busy !== null) return;
+          const confirmed =
+            typeof window === "undefined" || typeof window.confirm !== "function" ? true : window.confirm(t("historyConfirm"));
+          if (!confirmed) return;
+          setBusy(`restore:${slug}`);
+          setMessage(null);
+          setSummary(null);
+          try {
+            const result = assertOk(await rpc("restore-version", { slug, commit }));
+            takeStatus(result);
+            setMessage({ tone: "ok", text: t("historyDone") });
+            closeHistory();
+            await loadStatus(true);
+          } catch (error) {
+            setMessage({ tone: "error", text: `${t("errorPrefix")} ${errorText(error)}` });
+          } finally {
+            setBusy(null);
+          }
+        }
+
+        /* ---------------- derived view state ---------------- */
+
+        const configured = status !== null && typeof status === "object" && status.configured === true;
+        const github = githubFrom(status);
+        const conflicts = status !== null && status !== undefined && Array.isArray(status.conflicts) ? status.conflicts : [];
+        const projects = status !== null && status !== undefined && Array.isArray(status.projects) ? status.projects : [];
+        const pending = status !== null && typeof status === "object" && status.pending !== null && typeof status.pending === "object" ? status.pending : {};
+        const localChanges = Number(pending.localChanges) || 0;
+        const unpushed = pending.unpushed === true;
+        const conflictCount = conflicts.length;
+        const repoVisibilityRaw = visibilityFrom(status);
+        const repoVisibility = configured === true ? repoVisibilityRaw : "unknown";
+        const publicRepo = repoVisibility === "public";
+        const gitAvailable = status === null || typeof status !== "object" ? true : status.gitAvailable !== false;
+        const lastSyncText = status !== null && typeof status === "object" ? relativeTime(status.lastSyncAt, lang) : null;
+        const repoUrl = status !== null && typeof status === "object" && typeof status.repoUrl === "string" ? status.repoUrl : "";
+        const branch = status !== null && typeof status === "object" && typeof status.branch === "string" && status.branch.length > 0 ? status.branch : "main";
+        const repoName = status !== null && typeof status === "object" && typeof status.repo === "string" ? status.repo : "";
+
+        let stateTone;
+        let stateText;
+        if (conflictCount > 0) {
+          stateTone = "error";
+          stateText = pluralWord(conflictCount, "conflictOne", "conflictFew", "conflictMany");
+        } else if (localChanges > 0 || unpushed) {
+          stateTone = "warn";
+          stateText = t("stateLocalChanges");
+        } else {
+          stateTone = "ok";
+          stateText = t("stateSynced");
+        }
+
+        let sectionCounter = 0;
+        const nextSectionNumber = () => String((sectionCounter += 1)).padStart(2, "0");
+        const numberMain = nextSectionNumber();
+        const numberHow = nextSectionNumber();
+        const numberSecurity = nextSectionNumber();
+        const numberConflicts = conflictCount > 0 ? nextSectionNumber() : null;
+        const numberProjects = nextSectionNumber();
+        const numberHistory = nextSectionNumber();
+        const numberPortable = nextSectionNumber();
+
+        const head = h(
+          "div",
+          { className: "dmb-head" },
+          h("div", { className: "dmb-kicker" }, "DeepSeek Harness"),
+          h("div", { className: "dmb-title" }, t("title")),
+          h("div", { className: "dmb-sub" }, t("subtitle")),
+        );
+
+        const banners = [];
+        if (status !== null && typeof status === "object" && typeof status.lastError === "string" && status.lastError.length > 0) {
+          banners.push(h(Banner, { key: "last-error", tone: "error" }, `${t("syncErrorLabel")}: ${status.lastError}`));
+        }
+        if (message !== null && !(phase === "error" && status === null)) {
+          banners.push(h(Banner, { key: "message", tone: message.tone ?? "ok" }, message.text));
+        }
+        const bannersBlock = banners.length > 0 ? h("div", { className: "dmb-banners" }, banners) : null;
+
+        const loadingCard = h(
+          "section",
+          { className: "dmb-card", "aria-busy": "true" },
+          h("div", { className: "dmb-loading" }, h(Spinner), h("span", null, t("loading"))),
+        );
+
+        const errorCard = h(
+          "section",
+          { className: "dmb-card" },
+          h(Banner, { tone: "error" }, message !== null ? message.text : t("loadError")),
+          h("div", { className: "dmb-actions" }, h("button", { type: "button", className: "dmb-btn", onClick: retry }, h(Icon, { name: "sync" }), t("retry"))),
+        );
+
+        /* ---------------- setup cards ---------------- */
+
+        const ghCommand = () => h("code", { className: "dmb-code" }, "gh auth login");
+
+        const ghMissingCard = h(
+          "section",
+          { className: "dmb-card", "aria-label": t("secRepo") },
+          h(CardHead, { number: numberMain, label: t("secRepo"), title: t("ghMissingTitle"), sub: t("ghMissingText") }),
+          gitAvailable === false ? h(Banner, { tone: "warn" }, t("gitMissing")) : null,
+          h(
+            "ol",
+            { className: "dmb-steps" },
+            h(
+              "li",
+              { className: "dmb-step", key: "install" },
+              h("span", { className: "dmb-step-num" }, "1"),
+              h(
+                "div",
+                { className: "dmb-step-body" },
+                h("div", { className: "dmb-step-title" }, t("ghInstallStep")),
+                h("div", { className: "dmb-step-text" }, t("ghInstallHint")),
+              ),
+            ),
+            h(
+              "li",
+              { className: "dmb-step", key: "login" },
+              h("span", { className: "dmb-step-num" }, "2"),
+              h(
+                "div",
+                { className: "dmb-step-body" },
+                h("div", { className: "dmb-step-title" }, t("ghLoginStep")),
+                ghCommand(),
+                h("div", { className: "dmb-step-text" }, t("ghLoginHint")),
+              ),
+            ),
+          ),
+          h(
+            "div",
+            { className: "dmb-actions" },
+            h(
+              "button",
+              { type: "button", className: "dmb-btn", "data-tone": "primary", disabled: busy !== null, onClick: () => void doCheck() },
+              busy === "check" ? h(Spinner) : h(Icon, { name: "terminal" }),
+              busy === "check" ? t("checking") : t("checkAgain"),
+            ),
+          ),
+        );
+
+        const ghLoginCard = h(
+          "section",
+          { className: "dmb-card", "aria-label": t("secRepo") },
+          h(CardHead, { number: numberMain, label: t("secRepo"), title: t("ghLoginTitle"), sub: t("ghLoginText") }),
+          gitAvailable === false ? h(Banner, { tone: "warn" }, t("gitMissing")) : null,
+          h("div", { className: "dmb-step-title" }, t("ghLoginStep")),
+          ghCommand(),
+          h("div", { className: "dmb-hint" }, t("ghLoginHint")),
+          h(
+            "div",
+            { className: "dmb-actions" },
+            h(
+              "button",
+              { type: "button", className: "dmb-btn", "data-tone": "primary", disabled: busy !== null, onClick: () => void doCheck() },
+              busy === "check" ? h(Spinner) : h(Icon, { name: "terminal" }),
+              busy === "check" ? t("checking") : t("checkAgain"),
+            ),
+          ),
+        );
+
+        const repoSetupCard = h(
+          "section",
+          { className: "dmb-card", "aria-label": t("secRepo") },
+          h(CardHead, { number: numberMain, label: t("secRepo"), title: t("repoSetupTitle"), sub: t("repoSetupText") }),
+          h(
+            "div",
+            { className: "dmb-account" },
+            h(Icon, { name: "user", size: 15 }),
+            h("span", null, t("ghLoggedIn")),
+            h("b", null, github.login ?? "—"),
+          ),
+          h("div", { className: "dmb-note" }, h(Icon, { name: "shield", size: 15 }), h("span", null, t("accountHint"))),
+          h(
+            "div",
+            { className: "dmb-field" },
+            h("label", { className: "dmb-label", htmlFor: "dmb-repo" }, t("repoLabel")),
+            h("input", {
+              id: "dmb-repo",
+              className: "dmb-input dmb-input--mono",
+              type: "text",
+              value: repoInput,
+              placeholder: t("repoPlaceholder"),
+              spellCheck: false,
+              autoComplete: "off",
+              disabled: busy !== null,
+              onChange: (event) => {
+                repoEditedRef.current = true;
+                setRepoInput(event.target.value);
+              },
+              onKeyDown: (event) => {
+                if (event.key === "Enter") {
+                  event.preventDefault();
+                  void doConnect("create");
+                }
+              },
+            }),
+            h("div", { className: "dmb-hint" }, t("repoFieldHint")),
+          ),
+          h(
+            "div",
+            { className: "dmb-actions" },
+            h(
+              "button",
+              { type: "button", className: "dmb-btn", "data-tone": "primary", disabled: busy !== null, onClick: () => void doConnect("create") },
+              busy === "create" ? h(Spinner) : h(Icon, { name: "plus" }),
+              busy === "create" ? t("creatingRepo") : t("createRepo"),
+            ),
+            h(
+              "button",
+              { type: "button", className: "dmb-btn", disabled: busy !== null, onClick: () => void doConnect("configure") },
+              busy === "configure" ? h(Spinner) : h(Icon, { name: "repo" }),
+              busy === "configure" ? t("connectingRepo") : t("connectExisting"),
+            ),
+          ),
+          h("div", { className: "dmb-note" }, h(Icon, { name: "lock", size: 15 }), h("span", null, t("privateOnlyNote"))),
+          gitAvailable === false ? h(Banner, { tone: "warn" }, t("gitMissing")) : null,
+        );
+
+        /* ---------------- connected status card ---------------- */
+
+        const visibilityChip =
+          repoVisibility === "private"
+            ? h(Chip, { tone: "ok", icon: "lock" }, t("visPrivate"))
+            : repoVisibility === "public"
+              ? h(Chip, { tone: "error", icon: "alert" }, t("visPublic"))
+              : h(Chip, { tone: "muted", icon: "eyeOff" }, t("visUnknown"));
+
+        const stateBlock = h(
+          "div",
+          { className: "dmb-state", "data-tone": stateTone },
+          h("span", { className: "dmb-state-icon" }, h(Icon, { name: stateTone === "ok" ? "check" : "alert", size: 18 })),
+          h(
+            "div",
+            { className: "dmb-state-body" },
+            h("div", { className: "dmb-state-title" }, stateText),
+            h(
+              "div",
+              { className: "dmb-state-meta" },
+              visibilityChip,
+              github.login !== null ? h("span", null, `${t("ghLoggedIn")} `, h("b", null, github.login)) : null,
+              h("span", null, `${t("lastSync")}: `, h("span", null, lastSyncText ?? t("never"))),
+              localChanges > 0 ? h(Chip, { tone: "warn" }, `${t("pendingLocal")}: ${localChanges}`) : null,
+              unpushed === true ? h(Chip, { tone: "warn" }, t("pendingUnpushed")) : null,
+            ),
+          ),
+        );
+
+        const repoLine = h(
+          "div",
+          { className: "dmb-repo-line" },
+          repoUrl.length > 0
+            ? h("a", { className: "dmb-link", href: repoUrl, target: "_blank", rel: "noopener noreferrer" }, repoName.length > 0 ? repoName : repoUrl)
+            : h("span", { className: "dmb-mono" }, repoName.length > 0 ? repoName : "—"),
+          h("span", { className: "dmb-sep", "aria-hidden": "true" }, "·"),
+          h("span", null, `${t("branch")}: `, h("span", { className: "dmb-mono" }, branch)),
+        );
+
+        const summaryBlock =
+          summary !== null
+            ? h(
+              "div",
+              { className: "dmb-preview" },
+              h(
+                "div",
+                { className: "dmb-grid3" },
+                h(KV, { label: t("summaryProjects") }, String(summary.projects ?? 0)),
+                h(KV, { label: t("summaryFiles") }, String(summary.files ?? 0)),
+                h(KV, { label: t("summaryConflicts") }, String(summary.conflicts ?? 0)),
+              ),
+              h("div", { className: "dmb-hint" }, summary.pushed === true ? t("summaryPushed") : t("summaryLocalOnly")),
+            )
+            : null;
+
+        const optionsPanel =
+          optionsOpen === true
+            ? h(
+              "div",
+              { className: "dmb-options" },
+              h("div", { className: "dmb-card-title" }, t("optionsTitle")),
+              h(
+                "label",
+                { className: "dmb-check" },
+                h("input", {
+                  type: "checkbox",
+                  checked: draft.autoSync === true,
+                  disabled: busy !== null,
+                  onChange: (event) => setDraft((current) => ({ ...current, autoSync: event.target.checked })),
+                }),
+                h(
+                  "span",
+                  { className: "dmb-check-text" },
+                  h("span", { className: "dmb-check-title" }, t("autoSync")),
+                  h("span", { className: "dmb-hint" }, t("autoSyncHint")),
+                ),
+              ),
+              h(
+                "div",
+                { className: "dmb-field" },
+                h("label", { className: "dmb-label", htmlFor: "dmb-interval" }, t("intervalLabel")),
+                h(
+                  "select",
+                  {
+                    id: "dmb-interval",
+                    className: "dmb-select",
+                    value: draft.intervalSeconds,
+                    disabled: busy !== null,
+                    onChange: (event) => setDraft((current) => ({ ...current, intervalSeconds: event.target.value })),
+                  },
+                  ALLOWED_INTERVALS.map((seconds) => h("option", { key: String(seconds), value: String(seconds) }, `${seconds} ${t("secondsShort")}`)),
+                ),
+              ),
+              h(
+                "div",
+                { className: "dmb-field" },
+                h("label", { className: "dmb-label", htmlFor: "dmb-exclude" }, t("excludeLabel")),
+                h("input", {
+                  id: "dmb-exclude",
+                  className: "dmb-input dmb-input--mono",
+                  type: "text",
+                  value: draft.excludeProjects,
+                  placeholder: t("excludePlaceholder"),
+                  spellCheck: false,
+                  autoComplete: "off",
+                  disabled: busy !== null,
+                  onChange: (event) => setDraft((current) => ({ ...current, excludeProjects: event.target.value })),
+                }),
+                h("div", { className: "dmb-hint" }, t("excludeHint")),
+              ),
+              h(
+                "div",
+                { className: "dmb-actions" },
+                h(
+                  "button",
+                  { type: "button", className: "dmb-btn", "data-tone": "primary", disabled: busy !== null, onClick: () => void doSaveOptions() },
+                  busy === "options" ? h(Spinner) : h(Icon, { name: "check" }),
+                  busy === "options" ? t("saving") : t("saveOptions"),
+                ),
+              ),
+            )
+            : null;
+
+        const statusCard = h(
+          "section",
+          { className: "dmb-card", "aria-label": t("secSync") },
+          h(
+            "div",
+            { className: "dmb-card-head" },
+            h("div", { className: "dmb-card-head-main" }, h(Eyebrow, { number: numberMain, label: t("secSync") })),
+            h(Chip, { tone: status?.enabled === true ? "ok" : "muted", icon: status?.enabled === true ? "check" : "power" }, status?.enabled === true ? t("enabledBadge") : t("disabledBadge")),
+          ),
+          stateBlock,
+          repoLine,
+          publicRepo === true ? h(Banner, { tone: "error" }, t("publicRepoWarn")) : null,
+          gitAvailable === false ? h(Banner, { tone: "warn" }, t("gitMissing")) : null,
+          github.authenticated !== true ? h(Banner, { tone: "warn" }, t("ghNotAuthorizedWarn")) : null,
+          h(
+            "div",
+            { className: "dmb-actions" },
+            h(
+              "button",
+              { type: "button", className: "dmb-btn", "data-tone": "primary", disabled: busy !== null || publicRepo === true, onClick: () => void doSync() },
+              busy === "sync" ? h(Spinner) : h(Icon, { name: "sync" }),
+              busy === "sync" ? t("syncing") : t("syncNow"),
+            ),
+            h(
+              "button",
+              { type: "button", className: "dmb-btn", disabled: busy !== null, onClick: () => void doToggle() },
+              busy === "toggle" ? h(Spinner) : h(Icon, { name: "power" }),
+              status?.enabled === true ? t("disable") : t("enable"),
+            ),
+            h(
+              "button",
+              { type: "button", className: "dmb-btn", disabled: busy !== null || repoUrl.length === 0, onClick: openRepo },
+              h(Icon, { name: "external" }),
+              t("openRepo"),
+            ),
+            h(
+              "button",
+              { type: "button", className: "dmb-btn", "aria-expanded": howOpen === true, onClick: toggleHow },
+              h(Icon, { name: "help" }),
+              t("howButton"),
+            ),
+            h(
+              "button",
+              { type: "button", className: "dmb-btn", "aria-expanded": optionsOpen === true, onClick: toggleOptions },
+              h(Icon, { name: "gear" }),
+              optionsOpen === true ? t("optionsHide") : t("optionsShow"),
+            ),
+          ),
+          summaryBlock,
+          optionsPanel !== null ? h("div", { className: "dmb-divider" }) : null,
+          optionsPanel,
+        );
+
+        /* ---------------- how it works ---------------- */
+
+        const howCard = h(
+          "section",
+          { className: "dmb-card dmb-card--flat", "aria-label": t("secHow") },
+          h(
+            "div",
+            { className: "dmb-card-head" },
+            h("div", { className: "dmb-card-head-main" }, h(Eyebrow, { number: numberHow, label: t("secHow") })),
+            h(
+              "button",
+              { type: "button", className: "dmb-btn dmb-btn--ghost dmb-btn--small", "aria-expanded": howOpen === true, onClick: toggleHow },
+              h(Icon, { name: howOpen === true ? "chevronUp" : "chevronDown" }),
+              howOpen === true ? t("howHide") : t("howShow"),
+            ),
+          ),
+          howOpen === true
+            ? h(
+              "ol",
+              { className: "dmb-steps" },
+              h(
+                "li",
+                { className: "dmb-step", key: "how1" },
+                h("span", { className: "dmb-step-num" }, "01"),
+                h(
+                  "div",
+                  { className: "dmb-step-body" },
+                  h("div", { className: "dmb-step-title" }, t("how1Title")),
+                  h("div", { className: "dmb-step-text" }, t("how1Text")),
+                ),
+              ),
+              h(
+                "li",
+                { className: "dmb-step", key: "how2" },
+                h("span", { className: "dmb-step-num" }, "02"),
+                h(
+                  "div",
+                  { className: "dmb-step-body" },
+                  h("div", { className: "dmb-step-title" }, t("how2Title")),
+                  h("div", { className: "dmb-step-text" }, t("how2Text")),
+                ),
+              ),
+              h(
+                "li",
+                { className: "dmb-step", key: "how3" },
+                h("span", { className: "dmb-step-num" }, "03"),
+                h(
+                  "div",
+                  { className: "dmb-step-body" },
+                  h("div", { className: "dmb-step-title" }, t("how3Title")),
+                  h("div", { className: "dmb-step-text" }, t("how3Text")),
+                ),
+              ),
+            )
+            : null,
+        );
+
+        /* ---------------- security ---------------- */
+
+        const securityCard = h(
+          "section",
+          { className: "dmb-card dmb-card--flat", "aria-label": t("secSecurity") },
+          h("div", { className: "dmb-card-head" }, h("div", { className: "dmb-card-head-main" }, h(Eyebrow, { number: numberSecurity, label: t("secSecurity") }))),
+          h(
+            "ul",
+            { className: "dmb-security" },
+            h(
+              "li",
+              { key: "sec1" },
+              h(Icon, { name: "lock", size: 15 }),
+              h(
+                "div",
+                null,
+                h("div", { className: "dmb-security-title" }, t("sec1Title")),
+                h("div", { className: "dmb-security-text" }, t("sec1Text")),
+              ),
+            ),
+            h(
+              "li",
+              { key: "sec2" },
+              h(Icon, { name: "eyeOff", size: 15 }),
+              h(
+                "div",
+                null,
+                h("div", { className: "dmb-security-title" }, t("sec2Title")),
+                h("div", { className: "dmb-security-text" }, t("sec2Text")),
+              ),
+            ),
+            h(
+              "li",
+              { key: "sec3" },
+              h(Icon, { name: "file", size: 15 }),
+              h(
+                "div",
+                null,
+                h("div", { className: "dmb-security-title" }, t("sec3Title")),
+                h("div", { className: "dmb-security-text" }, t("sec3Text")),
+              ),
+            ),
+            h(
+              "li",
+              { key: "sec4" },
+              h(Icon, { name: "history", size: 15 }),
+              h(
+                "div",
+                null,
+                h("div", { className: "dmb-security-title" }, t("sec4Title")),
+                h("div", { className: "dmb-security-text" }, t("sec4Text")),
+              ),
+            ),
+          ),
+        );
+
+        /* ---------------- conflicts ---------------- */
+
+        function renderDiffPane(text, otherText, changedClass) {
+          const rows = diffRows(text, otherText);
+          return h(
+            "pre",
+            { className: "dmb-pre dmb-diff" },
+            rows.map((row, index) =>
+              h(
+                "span",
+                { key: index, className: `dmb-diff-line${row.changed ? ` ${changedClass}` : ""}` },
+                row.text.length > 0 ? row.text : " ",
+              ),
+            ),
+          );
+        }
+
+        function renderConflict(conflict, index) {
+          const id = String(conflict?.id ?? index);
+          const path = typeof conflict?.path === "string" ? conflict.path : "";
+          const projectName = conflict?.projectName || conflict?.projectSlug || id;
+          const localPreview = typeof conflict?.localPreview === "string" && conflict.localPreview.length > 0 ? conflict.localPreview : t("previewEmpty");
+          const remotePreview = typeof conflict?.remotePreview === "string" && conflict.remotePreview.length > 0 ? conflict.remotePreview : t("previewEmpty");
+          const found = formatTime(conflict?.createdAt);
+          const isWorking = (choice) => busy === `conflict:${id}:${choice}`;
+          const disabled = busy !== null;
+          return h(
+            "div",
+            { className: "dmb-conflict", key: id },
+            h(
+              "div",
+              { className: "dmb-conflict-head" },
+              h("div", { className: "dmb-conflict-title" }, projectName),
+              found !== null ? h("span", { className: "dmb-hint" }, `${t("conflictFound")}: ${found}`) : null,
+            ),
+            path.length > 0 ? h("div", { className: "dmb-mono dmb-path" }, path) : null,
+            h(
+              "div",
+              { className: "dmb-grid2" },
+              h(
+                "div",
+                { className: "dmb-preview" },
+                h("div", { className: "dmb-label" }, t("conflictMine")),
+                renderDiffPane(localPreview, remotePreview, "dmb-diff-del"),
+              ),
+              h(
+                "div",
+                { className: "dmb-preview" },
+                h("div", { className: "dmb-label" }, t("conflictRemote")),
+                renderDiffPane(remotePreview, localPreview, "dmb-diff-add"),
+              ),
+            ),
+            h("div", { className: "dmb-diff-legend" }, t("diffLegend")),
+            h(
+              "div",
+              { className: "dmb-actions" },
+              h(
+                "button",
+                { type: "button", className: "dmb-btn", disabled, onClick: () => void doResolve(id, "local") },
+                isWorking("local") ? h(Spinner) : null,
+                isWorking("local") ? t("conflictWorking") : t("conflictKeepMine"),
+              ),
+              h(
+                "button",
+                { type: "button", className: "dmb-btn", "data-tone": "caution", disabled, onClick: () => void doResolve(id, "remote") },
+                isWorking("remote") ? h(Spinner) : null,
+                isWorking("remote") ? t("conflictWorking") : t("conflictTakeRemote"),
+              ),
+              h(
+                "button",
+                { type: "button", className: "dmb-btn", "data-tone": "primary", disabled, onClick: () => void doResolve(id, "both") },
+                isWorking("both") ? h(Spinner) : null,
+                isWorking("both") ? t("conflictWorking") : t("conflictMerge"),
+              ),
+            ),
+            h(
+              "div",
+              { className: "dmb-hints" },
+              h("div", { className: "dmb-hint-line" }, h(Icon, { name: "chevronUp", size: 12 }), h("span", null, t("hintKeepMine"))),
+              h("div", { className: "dmb-hint-line" }, h(Icon, { name: "chevronDown", size: 12 }), h("span", null, t("hintTakeRemote"))),
+              h("div", { className: "dmb-hint-line" }, h(Icon, { name: "check", size: 12 }), h("span", null, t("hintMerge"))),
+            ),
+          );
+        }
+
+        const conflictsCard =
+          conflictCount > 0
+            ? h(
+              "section",
+              { className: "dmb-card", "aria-label": t("secConflicts") },
+              h(CardHead, {
+                number: numberConflicts,
+                label: t("secConflicts"),
+                title: t("conflictsTitle"),
+                sub: t("conflictsSubtitle"),
+                right: h(Chip, { tone: "error" }, String(conflictCount)),
+              }),
+              conflicts.map(renderConflict),
+            )
+            : null;
+
+        /* ---------------- projects ---------------- */
+
+        const projectsList =
+          projects.length === 0
+            ? h("div", { className: "dmb-empty" }, t("projectsEmpty"))
+            : h(
+              "div",
+              { className: "dmb-list" },
+              projects.map((project, index) =>
+                h(
+                  "div",
+                  { className: "dmb-row", key: String(project?.slug ?? index) },
+                  h(
+                    "div",
+                    { className: "dmb-row-text" },
+                    h("div", { className: "dmb-row-title" }, project?.name || project?.slug || "—"),
+                    typeof project?.slug === "string" && project.slug.length > 0 ? h("div", { className: "dmb-row-desc dmb-mono" }, project.slug) : null,
+                  ),
+                  h(Chip, { tone: projectStatusTone(project?.status) }, t(projectStatusKey(project?.status))),
+                  h("div", { className: "dmb-row-time" }, relativeTime(project?.lastSyncAt, lang) ?? "—"),
+                  h(
+                    "button",
+                    {
+                      type: "button",
+                      className: "dmb-btn dmb-btn--sm",
+                      disabled: busy !== null,
+                      onClick: () => void openHistory(String(project?.slug ?? "")),
+                    },
+                    t("historyOpen"),
+                  ),
+                ),
+              ),
+            );
+
+        const projectsCard = h(
+          "section",
+          { className: "dmb-card dmb-card--flat", "aria-label": t("secProjects") },
+          h(CardHead, {
+            number: numberProjects,
+            label: t("secProjects"),
+            right: h(Chip, { tone: "muted" }, String(projects.length)),
+          }),
+          projectsList,
+        );
+
+        /* ---------------- history ---------------- */
+
+        const historyProject =
+          historyFor === null ? null : projects.find((project) => String(project?.slug ?? "") === historyFor) ?? null;
+        const historyCard =
+          historyFor === null
+            ? null
+            : h(
+              "section",
+              { className: "dmb-card", "aria-label": t("historyTitle") },
+              h(CardHead, {
+                number: numberHistory,
+                label: t("historyTitle"),
+                title: historyProject?.name || historyFor,
+                sub: t("historySubtitle"),
+                right: h(
+                  "button",
+                  { type: "button", className: "dmb-btn dmb-btn--sm", disabled: busy !== null, onClick: closeHistory },
+                  t("historyClose"),
+                ),
+              }),
+              historyLoading
+                ? h("div", { className: "dmb-empty" }, t("historyLoading"))
+                : historyItems === null || historyItems.length === 0
+                  ? h("div", { className: "dmb-empty" }, t("historyEmpty"))
+                  : h(
+                    "div",
+                    { className: "dmb-list" },
+                    historyItems.map((item, index) => {
+                      const sha = String(item?.sha ?? "");
+                      return h(
+                        "div",
+                        { className: "dmb-row", key: sha || String(index) },
+                        h(
+                          "div",
+                          { className: "dmb-row-text" },
+                          h("div", { className: "dmb-row-title" }, item?.subject || sha.slice(0, 8) || "—"),
+                          h(
+                            "div",
+                            { className: "dmb-row-desc" },
+                            [formatTime(item?.date) ?? item?.date ?? "", item?.author ? `${t("historyAuthor")} ${item.author}` : ""]
+                              .filter((part) => typeof part === "string" && part.length > 0)
+                              .join(" · "),
+                          ),
+                        ),
+                        h(
+                          "button",
+                          {
+                            type: "button",
+                            className: "dmb-btn dmb-btn--sm",
+                            disabled: busy !== null,
+                            onClick: () => void doRestore(historyFor, sha),
+                          },
+                          busy === `restore:${historyFor}` ? h(Spinner) : t("historyRestore"),
+                        ),
+                      );
+                    }),
+                  ),
+              h("div", { className: "dmb-hint" }, t("historyRestoreHint")),
+            );
+
+        /* ---------------- portable USB ---------------- */
+
+        const portableProjects =
+          portableResult !== null && typeof portableResult === "object" && Array.isArray(portableResult.projects)
+            ? portableResult.projects
+            : [];
+        const portableStatusKey = (value) => {
+          const map = {
+            new: "portableNew",
+            update: "portableUpdate",
+            same: "portableSame",
+            imported: "portableImportedState",
+            "imported-new": "portableImportedNew",
+            skipped: "portableSkipped",
+          };
+          return map[String(value ?? "")] ?? "portableSame";
+        };
+        const portableStatusTone = (value) =>
+          value === "same" || value === "imported" || value === "imported-new"
+            ? "ok"
+            : value === "update"
+              ? "warn"
+              : value === "new"
+                ? "muted"
+                : "muted";
+        const portableCard =
+          status === null
+            ? null
+            : h(
+              "section",
+              { className: "dmb-card dmb-usb", "aria-label": t("portableTitle") },
+              h(CardHead, {
+                number: numberPortable,
+                label: t("portableTitle"),
+                title: t("portableHeading"),
+                sub: t("portableSubtitle"),
+                right: h(
+                  "span",
+                  { className: "dmb-usb-badge" },
+                  h(Icon, { name: "usb", size: 12 }),
+                  t("portableOnlyMemory"),
+                ),
+              }),
+              h(
+                "div",
+                { className: "dmb-usb-steps", "aria-hidden": "true" },
+                [
+                  ["save", "portableStepSave"],
+                  ["scan", "portableStepScan"],
+                  ["check", "portableStepImport"],
+                ].map(([icon, key], index) =>
+                  h(
+                    "div",
+                    { className: "dmb-usb-step", key },
+                    h("span", { className: "dmb-usb-step-icon" }, h(Icon, { name: icon, size: 13 })),
+                    h("span", { className: "dmb-usb-step-label" }, t(key)),
+                    index < 2 ? h("span", { className: "dmb-usb-step-arrow" }, "→") : null,
+                  ),
+                ),
+              ),
+              h(
+                "div",
+                { className: "dmb-usb-field" },
+                h("span", { className: "dmb-usb-field-icon", "aria-hidden": "true" }, h(Icon, { name: "usb", size: 16 })),
+                h("input", {
+                  className: "dmb-input dmb-input--mono",
+                  type: "text",
+                  value: portablePath,
+                  placeholder: t("portablePlaceholder"),
+                  spellCheck: false,
+                  "aria-label": t("portablePlaceholder"),
+                  disabled: portableBusy !== null,
+                  onChange: (event) => setPortablePath(event.target.value),
+                }),
+              ),
+              h(
+                "div",
+                { className: "dmb-usb-actions" },
+                h(
+                  "button",
+                  { type: "button", className: "dmb-btn", "data-tone": "primary", disabled: portableBusy !== null, onClick: () => void runPortable("export") },
+                  portableBusy === "export" ? h(Spinner) : h(Icon, { name: "save", size: 14 }),
+                  t("portableExport"),
+                ),
+                h(
+                  "button",
+                  { type: "button", className: "dmb-btn", disabled: portableBusy !== null, onClick: () => void runPortable("scan") },
+                  portableBusy === "scan" ? h(Spinner) : h(Icon, { name: "scan", size: 14 }),
+                  t("portableScan"),
+                ),
+                h(
+                  "button",
+                  { type: "button", className: "dmb-btn", disabled: portableBusy !== null || portableProjects.length === 0, onClick: () => void runPortable("import") },
+                  portableBusy === "import" ? h(Spinner) : h(Icon, { name: "check", size: 14 }),
+                  t("portableImport"),
+                ),
+              ),
+              portableMessage !== null ? h(Banner, { tone: portableMessage.tone ?? "ok" }, portableMessage.text) : null,
+              portableProjects.length > 0
+                ? h(
+                  "div",
+                  { className: "dmb-list dmb-portable-projects" },
+                  portableProjects.map((project, index) => {
+                    const fileCount = Array.isArray(project?.files) ? project.files.length : Number(project?.files) || 0;
+                    return h(
+                      "div",
+                      { className: "dmb-row", key: String(project?.slug ?? index) },
+                      h(
+                        "div",
+                        { className: "dmb-row-text" },
+                        h("div", { className: "dmb-row-title" }, project?.name || project?.slug || "—"),
+                        h("div", { className: "dmb-row-desc" }, `${project?.slug || "—"} · ${fileCount}`),
+                      ),
+                      h(Chip, { tone: portableStatusTone(project?.status) }, t(portableStatusKey(project?.status))),
+                    );
+                  }),
+                )
+                : null,
+              h("div", { className: "dmb-portable-hint" }, t("portableHint")),
+              h("div", { className: "dmb-usb-cross" }, h(Icon, { name: "repo", size: 13 }), h("span", null, t("portableCross"))),
+            );
+
+        /* ---------------- body ---------------- */
+
+        let body;
+        if (phase === "loading" || (status === null && phase !== "error")) body = loadingCard;
+        else if (phase === "error" && status === null) body = errorCard;
+        else if (status === null) body = loadingCard;
+        else if (configured === true) body = statusCard;
+        else if (github.available !== true) body = ghMissingCard;
+        else if (github.authenticated !== true) body = ghLoginCard;
+        else body = repoSetupCard;
+
+        const showSections = status !== null && phase === "ready";
+
+        return h(
+          "div",
+          { className: "dmb-page", "aria-busy": busy !== null ? "true" : "false" },
+          head,
+          bannersBlock,
+          body,
+          showSections ? howCard : null,
+          showSections ? securityCard : null,
+          showSections ? conflictsCard : null,
+          showSections ? projectsCard : null,
+          showSections ? historyCard : null,
+          showSections ? portableCard : null,
+        );
+      }
+
+      ctx.effect(() => ctx.slots.inject("settings.section", () => ctx.slots.register({
+        name: "settings.section",
+        id: "memory-bridge",
+        order: 35,
+        label: () => t("nav"),
+        locale: NS,
+        inject: () => ({ call: callbacks.call }),
+      }, MemorySyncSection)), "memory-bridge: settings section");
+
+      try {
+        window.__DSH_MEMORY_BRIDGE_UI__ = {
+          call: callbacks.call,
+          openUrl: callbacks.openUrl,
+        };
+      } catch {
+        /* hardened page */
+      }
+
+      console.info("[memory-bridge] ready");
+    }
+
+    exports.apply = apply;
+    exports.inject = inject;
+    return module.exports;
+  },
+});