dsh-desktop-kit 0.0.0-stage → 2.0.0

package/plugins/dsh-profile-transfer/client.js

@@ -0,0 +1,806 @@
+/**
+ * dsh-profile-transfer — browser half.
+ *
+ * Adds the “Перенос и резервные копии” page to Settings: choose what to export,
+ * build one archive, inspect and restore an archive on another machine.
+ */
+
+window.__ModuleLoader__.load({
+  id: "dsh-profile-transfer",
+  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 useMemo = React.useMemo;
+    const useState = React.useState;
+
+    const NS = "profile-transfer";
+    const RPC_NS = "dsh-profile-transfer";
+
+    const EN = {
+      nav: "Transfer and backups",
+      title: "Transfer and backups",
+      subtitle: "Pack your DSH setup into one archive and restore it on another machine — from a fresh install too.",
+      step1: "Choose",
+      step2: "Pack",
+      step3: "Restore",
+      exportTitle: "Export",
+      exportSubtitle: "Tick what should go into the archive. The size is measured on this machine.",
+      destinationLabel: "Save archive to",
+      destinationHint: "Folder on this machine. The archive keeps relative paths and restores them on the other machine.",
+      groupsTitle: "What to include",
+      exportButton: "Build archive",
+      exporting: "Packing…",
+      exportDone: "Archive is ready",
+      openFolder: "Show in folder",
+      copyPath: "Copy path",
+      copied: "Copied",
+      archiveSize: "Archive size",
+      importTitle: "Import",
+      importSubtitle: "Restore an archive made by this plugin. The current profile is backed up first.",
+      archivePathLabel: "Archive path",
+      archivePathPlaceholder: "C:\\Users\\…\\dsh-profile-….tar.gz",
+      inspectButton: "Check archive",
+      inspecting: "Checking…",
+      previewTitle: "Archive contents",
+      previewCreated: "Created",
+      previewHost: "From machine",
+      previewTotals: "Contents",
+      previewPlugins: "Local plugins in archive",
+      importButton: "Restore archive",
+      importing: "Restoring…",
+      importConfirm: "I understand that the current profile, skills, memory and local plugins will be replaced. A backup is created automatically.",
+      backupNote: "Backup folder",
+      restartNote: "After restore, restart DSH (or reload the app) so the restored profile and plugins are loaded.",
+      installNote: "Dependencies of local plugins are not installed yet.",
+      installButton: "Install dependencies",
+      installing: "Installing…",
+      installDone: "Dependencies installed",
+      installFailed: "pnpm install failed",
+      importDone: "Archive restored",
+      restoredTitle: "Restored",
+      optionsLoading: "Reading the current setup…",
+      errorPrefix: "Could not complete:",
+      missingArchive: "Enter the archive path first",
+      confirmRequired: "Confirm the replacement checkbox first",
+      selectAtLeastOne: "Tick at least one item to export",
+      groupProfile: "Profile and configs",
+      groupProfileDesc: "package.json, cordis.patch.yml, cordis.yml, pnpm-lock.yaml (no node_modules)",
+      groupLocalPlugins: "Local plugins",
+      groupLocalPluginsDesc: "Sources of plugins installed from local folders (link:)",
+      groupWorkspaces: "Workspaces",
+      groupWorkspacesDesc: "Workspace registry: names, folders, pinned and grouped chats",
+      groupWorkspaceFolders: "Workspace folders",
+      groupWorkspaceFoldersDesc: "Project code and artifacts from workspace folders (without node_modules/pgruntime/tmp) — can be many gigabytes",
+      groupSkills: "Skills",
+      groupSkillsDesc: "All file-based skills (without node_modules)",
+      groupMemory: "Memory",
+      groupMemoryDesc: "memory/ — session log, project dossiers, environment facts",
+      groupProjectsMemory: "Project memory",
+      groupProjectsMemoryDesc: "projects-memory/ — dossiers and journals",
+      groupConfig: "Global configs",
+      groupConfigDesc: "AGENTS.md, dream-skin.json",
+      groupSessions: "Session history",
+      groupSessionsDesc: "sessions/ — can be very large",
+      groupAttachments: "Attachments",
+      groupAttachmentsDesc: "attachments/ — images and files from chats",
+      groupCredentials: "Secrets",
+      groupCredentialsDesc: ".credentials.yaml — tokens and API keys. Transfer only to a trusted machine",
+      groupEmpty: "not found",
+      lastImport: "Last import",
+      restartRequired: "Restart required",
+      showBackup: "Show backup",
+      noteLabel: "Note",
+      copiedPath: "Path copied",
+      archivePathHint: "Use the path shown after export, or type the archive path from a USB drive / cloud folder.",
+    };
+    const RU = {
+      nav: "Перенос и резервные копии",
+      title: "Перенос и резервные копии",
+      subtitle: "Соберите всю настройку DSH в один архив и разверните её на другой машине — в том числе на чистой установке.",
+      step1: "Выбрать",
+      step2: "Упаковать",
+      step3: "Развернуть",
+      exportTitle: "Экспорт",
+      exportSubtitle: "Отметьте, что должно попасть в архив. Размер измеряется на этой машине.",
+      destinationLabel: "Куда сохранить архив",
+      destinationHint: "Папка на этой машине. В архиве хранятся относительные пути — на другой машине они восстановятся автоматически.",
+      groupsTitle: "Что включить",
+      exportButton: "Собрать архив",
+      exporting: "Упаковываю…",
+      exportDone: "Архив готов",
+      openFolder: "Показать в папке",
+      copyPath: "Скопировать путь",
+      copied: "Скопировано",
+      archiveSize: "Размер архива",
+      importTitle: "Импорт",
+      importSubtitle: "Разверните архив, созданный этим плагином. Текущий профиль сначала резервируется.",
+      archivePathLabel: "Путь к архиву",
+      archivePathPlaceholder: "C:\\Users\\…\\dsh-profile-….tar.gz",
+      inspectButton: "Проверить архив",
+      inspecting: "Проверяю…",
+      previewTitle: "Содержимое архива",
+      previewCreated: "Создан",
+      previewHost: "С машины",
+      previewTotals: "Состав",
+      previewPlugins: "Локальные плагины в архиве",
+      importButton: "Развернуть архив",
+      importing: "Разворачиваю…",
+      importConfirm: "Я понимаю, что текущий профиль, навыки, память и локальные плагины будут заменены. Бэкап создаётся автоматически.",
+      backupNote: "Папка бэкапа",
+      restartNote: "После восстановления перезапустите DSH (или перезагрузите приложение), чтобы загрузились восстановленный профиль и плагины.",
+      installNote: "Зависимости локальных плагинов ещё не установлены.",
+      installButton: "Установить зависимости",
+      installing: "Устанавливаю…",
+      installDone: "Зависимости установлены",
+      installFailed: "pnpm install завершился с ошибкой",
+      importDone: "Архив развёрнут",
+      restoredTitle: "Восстановлено",
+      optionsLoading: "Читаю текущую настройку…",
+      errorPrefix: "Не удалось выполнить:",
+      missingArchive: "Сначала укажите путь к архиву",
+      confirmRequired: "Сначала подтвердите замену текущего профиля",
+      selectAtLeastOne: "Отметьте хотя бы один пункт для экспорта",
+      groupProfile: "Профиль и конфиги",
+      groupProfileDesc: "package.json, cordis.patch.yml, cordis.yml, pnpm-lock.yaml (без node_modules)",
+      groupLocalPlugins: "Локальные плагины",
+      groupLocalPluginsDesc: "Исходники плагинов, установленных из папок (link:)",
+      groupWorkspaces: "Рабочие области",
+      groupWorkspacesDesc: "реестр рабочих областей: названия, папки, закрепление и группировка чатов",
+      groupWorkspaceFolders: "Папки рабочих областей",
+      groupWorkspaceFoldersDesc: "код и артефакты папок рабочих областей (без node_modules/pgruntime/tmp) — может быть много гигабайт",
+      groupSkills: "Навыки",
+      groupSkillsDesc: "Все файловые навыки (без node_modules)",
+      groupMemory: "Память",
+      groupMemoryDesc: "memory/ — журнал сессий, досье проектов, факты окружения",
+      groupProjectsMemory: "Память проектов",
+      groupProjectsMemoryDesc: "projects-memory/ — досье и журналы",
+      groupConfig: "Глобальные конфиги",
+      groupConfigDesc: "AGENTS.md, dream-skin.json",
+      groupSessions: "История сессий",
+      groupSessionsDesc: "sessions/ — может быть очень большим",
+      groupAttachments: "Вложения",
+      groupAttachmentsDesc: "attachments/ — картинки и файлы из чатов",
+      groupCredentials: "Секреты",
+      groupCredentialsDesc: ".credentials.yaml — токены и ключи API. Переносите только на доверенную машину",
+      groupEmpty: "не найдено",
+      lastImport: "Последний импорт",
+      restartRequired: "Требуется перезапуск",
+      showBackup: "Показать бэкап",
+      noteLabel: "Примечание",
+      copiedPath: "Путь скопирован",
+      archivePathHint: "Используйте путь из результата экспорта или впишите путь к архиву с флешки / из облака.",
+    };
+    const ZH = {
+      nav: "迁移与备份",
+      title: "迁移与备份",
+      subtitle: "把整套 DSH 配置打包成一个归档，并在另一台机器上恢复（包括全新安装）。",
+      step1: "选择",
+      step2: "打包",
+      step3: "恢复",
+      exportTitle: "导出",
+      exportSubtitle: "勾选要放入归档的内容。大小按本机计算。",
+      destinationLabel: "归档保存位置",
+      destinationHint: "本机文件夹。归档保存相对路径，在另一台机器上会自动恢复。",
+      groupsTitle: "包含内容",
+      exportButton: "生成归档",
+      exporting: "打包中…",
+      exportDone: "归档已生成",
+      openFolder: "在文件夹中显示",
+      copyPath: "复制路径",
+      copied: "已复制",
+      archiveSize: "归档大小",
+      importTitle: "导入",
+      importSubtitle: "恢复由本插件生成的归档。恢复前会自动备份当前配置。",
+      archivePathLabel: "归档路径",
+      archivePathPlaceholder: "C:\\Users\\…\\dsh-profile-….tar.gz",
+      inspectButton: "检查归档",
+      inspecting: "检查中…",
+      previewTitle: "归档内容",
+      previewCreated: "创建时间",
+      previewHost: "来自机器",
+      previewTotals: "内容",
+      previewPlugins: "归档中的本地插件",
+      importButton: "恢复归档",
+      importing: "恢复中…",
+      importConfirm: "我明白当前配置、技能、记忆和本地插件将被替换，备份会自动创建。",
+      backupNote: "备份文件夹",
+      restartNote: "恢复后请重启 DSH（或刷新应用），以加载恢复的配置和插件。",
+      installNote: "本地插件的依赖尚未安装。",
+      installButton: "安装依赖",
+      installing: "安装中…",
+      installDone: "依赖已安装",
+      installFailed: "pnpm install 失败",
+      importDone: "归档已恢复",
+      restoredTitle: "已恢复",
+      optionsLoading: "正在读取当前配置…",
+      errorPrefix: "无法完成：",
+      missingArchive: "请先输入归档路径",
+      confirmRequired: "请先勾选确认替换当前配置",
+      selectAtLeastOne: "请至少勾选一项导出内容",
+      groupProfile: "配置与档案",
+      groupProfileDesc: "package.json、cordis.patch.yml、cordis.yml、pnpm-lock.yaml（不含 node_modules）",
+      groupLocalPlugins: "本地插件",
+      groupLocalPluginsDesc: "从本地文件夹安装的插件源码（link:）",
+      groupWorkspaces: "工作区",
+      groupWorkspacesDesc: "工作区注册表：名称、文件夹、置顶与聊天分组",
+      groupWorkspaceFolders: "工作区文件夹",
+      groupWorkspaceFoldersDesc: "工作区文件夹中的项目代码与产物（不含 node_modules/pgruntime/tmp）——可能非常大",
+      groupSkills: "技能",
+      groupSkillsDesc: "全部文件型技能（不含 node_modules）",
+      groupMemory: "记忆",
+      groupMemoryDesc: "memory/ — 会话日志、项目档案、环境事实",
+      groupProjectsMemory: "项目记忆",
+      groupProjectsMemoryDesc: "projects-memory/ — 档案与日志",
+      groupConfig: "全局配置",
+      groupConfigDesc: "AGENTS.md、dream-skin.json",
+      groupSessions: "会话历史",
+      groupSessionsDesc: "sessions/ — 可能非常大",
+      groupAttachments: "附件",
+      groupAttachmentsDesc: "attachments/ — 聊天中的图片和文件",
+      groupCredentials: "密钥",
+      groupCredentialsDesc: ".credentials.yaml — 令牌与 API 密钥。仅迁移到可信机器",
+      groupEmpty: "未找到",
+      lastImport: "上次导入",
+      restartRequired: "需要重启",
+      showBackup: "显示备份",
+      noteLabel: "说明",
+      copiedPath: "路径已复制",
+      archivePathHint: "使用导出结果中的路径，或输入 U 盘 / 云盘中的归档路径。",
+    };
+
+    const inject = ["slots", "locale", "connection"];
+
+    const GROUP_ORDER = ["profile", "localPlugins", "workspaces", "workspaceFolders", "skills", "memory", "projectsMemory", "config", "sessions", "attachments", "credentials"];
+    const GROUP_KEY = {
+      profile: ["groupProfile", "groupProfileDesc"],
+      localPlugins: ["groupLocalPlugins", "groupLocalPluginsDesc"],
+      workspaces: ["groupWorkspaces", "groupWorkspacesDesc"],
+      workspaceFolders: ["groupWorkspaceFolders", "groupWorkspaceFoldersDesc"],
+      skills: ["groupSkills", "groupSkillsDesc"],
+      memory: ["groupMemory", "groupMemoryDesc"],
+      projectsMemory: ["groupProjectsMemory", "groupProjectsMemoryDesc"],
+      config: ["groupConfig", "groupConfigDesc"],
+      sessions: ["groupSessions", "groupSessionsDesc"],
+      attachments: ["groupAttachments", "groupAttachmentsDesc"],
+      credentials: ["groupCredentials", "groupCredentialsDesc"],
+    };
+
+    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);
+        },
+        copyText: async (text) => {
+          try {
+            await navigator.clipboard.writeText(text);
+            return true;
+          } catch {
+            return false;
+          }
+        },
+      };
+
+      ctx.effect(() => ctx.locale.register(NS, { en: EN, zh: ZH }), "profile-transfer: dictionaries");
+      ctx.effect(() => {
+        try {
+          return ctx.locale.register(NS, "ru", RU);
+        } catch {
+          return () => {};
+        }
+      }, "profile-transfer: ru dictionary");
+
+      ctx.effect(() => {
+        const style = document.createElement("style");
+        style.id = "dsh-profile-transfer-style";
+        style.textContent = `
+.dpt-page{display:flex;flex-direction:column;gap:20px;max-width:760px;padding:2px 0 24px}
+.dpt-head{display:flex;flex-direction:column;gap:6px}
+.dpt-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)}
+.dpt-kicker::before{content:"";width:28px;height:1px;background:var(--dsw-alias-border-l2,rgba(0,0,0,.18))}
+.dpt-title{font-size:22px;line-height:28px;font-weight:650;color:var(--dsw-alias-label-primary,#111)}
+.dpt-sub{font-size:13px;line-height:20px;color:var(--dsw-alias-label-secondary,#5b6472);max-width:64ch}
+.dpt-steps{display:flex;gap:0;border-top:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.08));border-bottom:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.08))}
+.dpt-step{flex:1;display:flex;align-items:baseline;gap:10px;padding:10px 0}
+.dpt-step + .dpt-step{border-left:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.08));padding-left:16px}
+.dpt-step-num{font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--dsw-alias-brand-primary,#2f7df6)}
+.dpt-step-label{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--dsw-alias-label-secondary,#5b6472);text-transform:uppercase}
+.dpt-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))}
+.dpt-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
+.dpt-card-title{font-size:15px;line-height:20px;font-weight:650;color:var(--dsw-alias-label-primary,#111)}
+.dpt-card-sub{font-size:12.5px;line-height:18px;color:var(--dsw-alias-label-secondary,#5b6472);margin-top:3px;max-width:62ch}
+.dpt-chip{flex:none;font-size:11px;font-weight:600;letter-spacing:.04em;padding:3px 8px;border-radius:999px;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}
+.dpt-list{display:flex;flex-direction:column;border-top:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.07))}
+.dpt-row{display:flex;align-items:flex-start;gap:12px;padding:10px 2px;border-bottom:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.07));cursor:pointer}
+.dpt-row:last-child{border-bottom:none}
+.dpt-row[data-available="false"]{opacity:.5;cursor:default}
+.dpt-row input{margin-top:2px;accent-color:var(--dsw-alias-brand-primary,#2f7df6);width:15px;height:15px;flex:none}
+.dpt-row-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
+.dpt-row-title{font-size:13px;line-height:18px;font-weight:600;color:var(--dsw-alias-label-primary,#111)}
+.dpt-row-desc{font-size:11.5px;line-height:16px;color:var(--dsw-alias-label-secondary,#6b7280)}
+.dpt-row-size{flex:none;font-size:11px;line-height:18px;color:var(--dsw-alias-label-secondary,#6b7280);font-variant-numeric:tabular-nums;white-space:nowrap}
+.dpt-field{display:flex;flex-direction:column;gap:6px}
+.dpt-label{font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--dsw-alias-label-secondary,#6b7280)}
+.dpt-input{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}
+.dpt-input--path{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:17px}
+.dpt-input:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#2f7df6);outline-offset:1px}
+.dpt-hint{font-size:11.5px;line-height:16px;color:var(--dsw-alias-label-secondary,#6b7280)}
+.dpt-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
+.dpt-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;gap:8px;min-height:36px}
+.dpt-btn:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.05))}
+.dpt-btn:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#2f7df6);outline-offset:1px}
+.dpt-btn[data-tone="primary"]{background:var(--dsw-alias-label-primary,#111);border-color:transparent;color:var(--dsw-alias-bg-base,#fff)}
+.dpt-btn[data-tone="primary"]:hover{filter:brightness(1.06)}
+.dpt-btn[disabled]{opacity:.55;cursor:default}
+.dpt-spinner{width:13px;height:13px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:dpt-spin .8s linear infinite}
+@keyframes dpt-spin{to{transform:rotate(360deg)}}
+.dpt-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}
+.dpt-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);color:var(--dsw-alias-label-primary,#111)}
+.dpt-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);color:var(--dsw-alias-label-primary,#111)}
+.dpt-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);color:var(--dsw-alias-label-primary,#111)}
+.dpt-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)}
+.dpt-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}
+.dpt-check input{margin-top:1px;accent-color:var(--dsw-alias-brand-primary,#2f7df6);width:15px;height:15px;flex:none}
+.dpt-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)}
+.dpt-kv{display:flex;justify-content:space-between;gap:16px;font-size:12px;line-height:18px}
+.dpt-kv span:first-child{color:var(--dsw-alias-label-secondary,#6b7280)}
+.dpt-kv span:last-child{color:var(--dsw-alias-label-primary,#111);font-variant-numeric:tabular-nums;text-align:right}
+.dpt-divider{height:1px;background:var(--dsw-alias-border-l1,rgba(0,0,0,.08));margin:2px 0}
+.dpt-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
+@media (max-width:560px){.dpt-grid2{grid-template-columns:1fr}.dpt-steps{flex-direction:column}.dpt-step + .dpt-step{border-left:none;border-top:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.08));padding-left:0}}
+@media (prefers-reduced-motion:reduce){.dpt-spinner{animation-duration:2.4s}}
+`;
+        document.head.appendChild(style);
+        return () => style.remove();
+      }, "profile-transfer: styles");
+
+      function humanBytes(bytes) {
+        const value = Number(bytes) || 0;
+        if (value < 1024) return `${value} Б`;
+        if (value < 1024 * 1024) return `${(value / 1024).toFixed(1)} КБ`;
+        if (value < 1024 * 1024 * 1024) return `${(value / (1024 * 1024)).toFixed(1)} МБ`;
+        return `${(value / (1024 * 1024 * 1024)).toFixed(2)} ГБ`;
+      }
+
+      function Spinner() {
+        return h("span", { className: "dpt-spinner", "aria-hidden": "true" });
+      }
+
+      function Status({ tone, children }) {
+        return h("div", { className: "dpt-status", "data-tone": tone ?? "ok", role: tone === "error" ? "alert" : "status" }, children);
+      }
+
+      function StepBar() {
+        return h(
+          "div",
+          { className: "dpt-steps", "aria-hidden": "true" },
+          [[ "01", t("step1") ], [ "02", t("step2") ], [ "03", t("step3") ]].map(([number, label]) =>
+            h("div", { className: "dpt-step", key: number }, h("span", { className: "dpt-step-num" }, number), h("span", { className: "dpt-step-label" }, label)),
+          ),
+        );
+      }
+
+      function GroupRow({ group, checked, onToggle, t }) {
+        const [titleKey, descKey] = GROUP_KEY[group.id] ?? [group.id, ""];
+        const available = group.available === true;
+        return h(
+          "label",
+          { className: "dpt-row", "data-available": available ? "true" : "false" },
+          h("input", {
+            type: "checkbox",
+            checked: checked === true,
+            disabled: !available,
+            onChange: () => onToggle(group.id, !checked),
+          }),
+          h(
+            "span",
+            { className: "dpt-row-text" },
+            h("span", { className: "dpt-row-title" }, t(titleKey)),
+            h("span", { className: "dpt-row-desc" }, t(descKey)),
+          ),
+          h("span", { className: "dpt-row-size" }, available ? (group.files > 0 ? `${group.capped === true ? "≥ " : ""}${group.files} · ${group.capped === true ? "≥ " : ""}${group.human ?? humanBytes(group.bytes)}` : t("groupEmpty")) : t("groupEmpty")),
+        );
+      }
+
+      function TransferSection(props) {
+        const call = props.call;
+        const copyText = props.copyText;
+        const [phase, setPhase] = useState("loading");
+        const [options, setOptions] = useState(null);
+        const [selected, setSelected] = useState({});
+        const [destination, setDestination] = useState("");
+        const [busy, setBusy] = useState(null);
+        const [message, setMessage] = useState(null);
+        const [exported, setExported] = useState(null);
+        const [archivePath, setArchivePath] = useState("");
+        const [preview, setPreview] = useState(null);
+        const [confirmed, setConfirmed] = useState(false);
+        const [imported, setImported] = useState(null);
+        const [copied, setCopied] = useState(false);
+
+        useEffect(() => {
+          let alive = true;
+          call("options", {})
+            .then((result) => {
+              if (!alive) return;
+              if (!result?.ok) {
+                setPhase("error");
+                setMessage({ tone: "error", text: `${t("errorPrefix")} ${result?.error?.message ?? "unknown"}` });
+                return;
+              }
+              const value = result.value;
+              setOptions(value);
+              setSelected({ ...value.selection });
+              setDestination(value.destination ?? "");
+              setPhase("ready");
+            })
+            .catch((error) => {
+              if (!alive) return;
+              setPhase("error");
+              setMessage({ tone: "error", text: `${t("errorPrefix")} ${String(error?.message ?? error)}` });
+            });
+          return () => {
+            alive = false;
+          };
+        }, []);
+
+        const groups = useMemo(() => {
+          const rows = options?.groups ?? [];
+          return GROUP_ORDER
+            .map((id) => rows.find((row) => row.id === id))
+            .filter((row) => row !== undefined);
+        }, [options]);
+
+        const selectedCount = Object.values(selected).filter(Boolean).length;
+
+        function toggle(id, value) {
+          setSelected((current) => ({ ...current, [id]: value }));
+        }
+
+        async function doExport() {
+          if (busy !== null) return;
+          if (selectedCount === 0) {
+            setMessage({ tone: "error", text: t("selectAtLeastOne") });
+            return;
+          }
+          setBusy("export");
+          setMessage(null);
+          setExported(null);
+          try {
+            const result = await call("export", { selection: selected, destinationDirectory: destination });
+            if (!result?.ok) {
+              setMessage({ tone: "error", text: `${t("errorPrefix")} ${result?.error?.message ?? "unknown"}` });
+              return;
+            }
+            setExported(result.value);
+            setMessage({ tone: "ok", text: t("exportDone") });
+          } catch (error) {
+            setMessage({ tone: "error", text: `${t("errorPrefix")} ${String(error?.message ?? error)}` });
+          } finally {
+            setBusy(null);
+          }
+        }
+
+        async function doInspect() {
+          if (busy !== null) return;
+          if (archivePath.trim().length === 0) {
+            setMessage({ tone: "error", text: t("missingArchive") });
+            return;
+          }
+          setBusy("inspect");
+          setMessage(null);
+          setPreview(null);
+          setImported(null);
+          try {
+            const result = await call("inspect", { archivePath: archivePath.trim() });
+            if (!result?.ok) {
+              setMessage({ tone: "error", text: `${t("errorPrefix")} ${result?.error?.message ?? "unknown"}` });
+              return;
+            }
+            setPreview(result.value);
+          } catch (error) {
+            setMessage({ tone: "error", text: `${t("errorPrefix")} ${String(error?.message ?? error)}` });
+          } finally {
+            setBusy(null);
+          }
+        }
+
+        async function doImport() {
+          if (busy !== null) return;
+          if (!confirmed) {
+            setMessage({ tone: "error", text: t("confirmRequired") });
+            return;
+          }
+          setBusy("import");
+          setMessage(null);
+          try {
+            const result = await call("import", { archivePath: archivePath.trim(), backup: true, installDependencies: true });
+            if (!result?.ok) {
+              setMessage({ tone: "error", text: `${t("errorPrefix")} ${result?.error?.message ?? "unknown"}` });
+              return;
+            }
+            setImported(result.value);
+            setMessage({ tone: "ok", text: t("importDone") });
+          } catch (error) {
+            setMessage({ tone: "error", text: `${t("errorPrefix")} ${String(error?.message ?? error)}` });
+          } finally {
+            setBusy(null);
+          }
+        }
+
+        async function doInstall() {
+          if (busy !== null) return;
+          setBusy("install");
+          try {
+            const result = await call("install", {});
+            if (result?.ok && result.value?.ok) setMessage({ tone: "ok", text: t("installDone") });
+            else setMessage({ tone: "error", text: `${t("installFailed")}: ${result?.error?.message ?? result?.value?.output ?? "unknown"}` });
+          } catch (error) {
+            setMessage({ tone: "error", text: `${t("installFailed")}: ${String(error?.message ?? error)}` });
+          } finally {
+            setBusy(null);
+          }
+        }
+
+        async function reveal(pathValue) {
+          try {
+            await call("reveal", { path: pathValue });
+          } catch {
+            /* the OS opener is best effort */
+          }
+        }
+
+        async function copy(value) {
+          const ok = await copyText(value);
+          if (ok) {
+            setCopied(true);
+            setTimeout(() => setCopied(false), 1800);
+          }
+        }
+
+        const stepOneGroups = h(
+          "div",
+          { className: "dpt-list" },
+          groups.map((group) => h(GroupRow, {
+            key: group.id,
+            group,
+            checked: selected[group.id] === true,
+            onToggle: toggle,
+            t,
+          })),
+        );
+
+        return h(
+          "div",
+          { className: "dpt-page" },
+          h(
+            "div",
+            { className: "dpt-head" },
+            h("div", { className: "dpt-kicker" }, "DeepSeek Harness"),
+            h("div", { className: "dpt-title" }, t("title")),
+            h("div", { className: "dpt-sub" }, t("subtitle")),
+          ),
+          h(StepBar),
+
+          /* ---------------- export ---------------- */
+          h(
+            "section",
+            { className: "dpt-card", "aria-labelledby": "dpt-export-title" },
+            h(
+              "div",
+              { className: "dpt-card-head" },
+              h("div", null,
+                h("div", { className: "dpt-card-title", id: "dpt-export-title" }, t("exportTitle")),
+                h("div", { className: "dpt-card-sub" }, t("exportSubtitle")),
+              ),
+              h("span", { className: "dpt-chip" }, phase === "loading" ? "…" : `${selectedCount} / ${groups.length}`),
+            ),
+            phase === "loading" && h("div", { className: "dpt-hint" }, t("optionsLoading")),
+            phase !== "loading" && stepOneGroups,
+            h(
+              "div",
+              { className: "dpt-field" },
+              h("label", { className: "dpt-label", htmlFor: "dpt-destination" }, t("destinationLabel")),
+              h("input", {
+                id: "dpt-destination",
+                className: "dpt-input dpt-input--path",
+                type: "text",
+                value: destination,
+                spellCheck: false,
+                onChange: (event) => setDestination(event.target.value),
+              }),
+              h("div", { className: "dpt-hint" }, t("destinationHint")),
+            ),
+            h(
+              "div",
+              { className: "dpt-actions" },
+              h(
+                "button",
+                { type: "button", className: "dpt-btn", "data-tone": "primary", disabled: busy !== null || phase !== "ready", onClick: doExport },
+                busy === "export" ? h(Spinner) : null,
+                busy === "export" ? t("exporting") : t("exportButton"),
+              ),
+              exported !== null
+                ? h(
+                  "button",
+                  { type: "button", className: "dpt-btn", onClick: () => reveal(exported.archivePath) },
+                  t("openFolder"),
+                )
+                : null,
+            ),
+            exported !== null
+              ? h(
+                "div",
+                { className: "dpt-preview" },
+                h("div", { className: "dpt-kv" }, h("span", null, t("archiveSize")), h("span", null, exported.human)),
+                h("div", { className: "dpt-mono" }, exported.archivePath),
+                h(
+                  "div",
+                  { className: "dpt-actions" },
+                  h("button", { type: "button", className: "dpt-btn", onClick: () => copy(exported.archivePath) }, copied ? t("copied") : t("copyPath")),
+                ),
+              )
+              : null,
+          ),
+
+          /* ---------------- import ---------------- */
+          h(
+            "section",
+            { className: "dpt-card", "aria-labelledby": "dpt-import-title" },
+            h(
+              "div",
+              { className: "dpt-card-head" },
+              h("div", null,
+                h("div", { className: "dpt-card-title", id: "dpt-import-title" }, t("importTitle")),
+                h("div", { className: "dpt-card-sub" }, t("importSubtitle")),
+              ),
+              h("span", { className: "dpt-chip" }, "03"),
+            ),
+            h(
+              "div",
+              { className: "dpt-field" },
+              h("label", { className: "dpt-label", htmlFor: "dpt-archive" }, t("archivePathLabel")),
+              h("input", {
+                id: "dpt-archive",
+                className: "dpt-input dpt-input--path",
+                type: "text",
+                value: archivePath,
+                placeholder: t("archivePathPlaceholder"),
+                spellCheck: false,
+                onChange: (event) => {
+                  setArchivePath(event.target.value);
+                  setPreview(null);
+                  setImported(null);
+                },
+              }),
+              h("div", { className: "dpt-hint" }, t("archivePathHint")),
+            ),
+            h(
+              "div",
+              { className: "dpt-actions" },
+              h(
+                "button",
+                { type: "button", className: "dpt-btn", disabled: busy !== null, onClick: doInspect },
+                busy === "inspect" ? h(Spinner) : null,
+                busy === "inspect" ? t("inspecting") : t("inspectButton"),
+              ),
+            ),
+            preview !== null
+              ? h(
+                "div",
+                { className: "dpt-preview" },
+                h("div", { className: "dpt-kv" }, h("span", null, t("previewCreated")), h("span", null, preview.manifest.createdAt)),
+                h("div", { className: "dpt-kv" }, h("span", null, t("previewHost")), h("span", null, `${preview.manifest.host} · ${preview.manifest.platform ?? ""}`)),
+                h("div", { className: "dpt-kv" }, h("span", null, t("previewTotals")), h("span", null, `${preview.manifest.totals?.files ?? "?"} · ${preview.manifest.totals?.human ?? preview.human}`)),
+                Array.isArray(preview.manifest.localPlugins) && preview.manifest.localPlugins.length > 0
+                  ? h("div", { className: "dpt-kv" }, h("span", null, t("previewPlugins")), h("span", null, preview.manifest.localPlugins.map((plugin) => plugin.packageName).join(", ")))
+                  : null,
+                h("div", { className: "dpt-divider" }),
+                h(
+                  "label",
+                  { className: "dpt-check" },
+                  h("input", { type: "checkbox", checked: confirmed, onChange: (event) => setConfirmed(event.target.checked) }),
+                  h("span", null, t("importConfirm")),
+                ),
+                h(
+                  "div",
+                  { className: "dpt-actions" },
+                  h(
+                    "button",
+                    { type: "button", className: "dpt-btn", "data-tone": "primary", disabled: busy !== null || !confirmed, onClick: doImport },
+                    busy === "import" ? h(Spinner) : null,
+                    busy === "import" ? t("importing") : t("importButton"),
+                  ),
+                ),
+              )
+              : null,
+            imported !== null
+              ? h(
+                "div",
+                { className: "dpt-preview" },
+                h("div", { className: "dpt-card-title" }, t("importDone")),
+                h("div", { className: "dpt-divider" }),
+                h("div", { className: "dpt-grid2" },
+                  Object.entries(imported.restored ?? {}).map(([key, count]) =>
+                    count > 0
+                      ? h("div", { className: "dpt-kv", key }, h("span", null, key), h("span", null, String(count)))
+                      : null,
+                  ),
+                ),
+                imported.backupDir
+                  ? h(
+                    "div",
+                    { className: "dpt-field" },
+                    h("div", { className: "dpt-kv" }, h("span", null, t("backupNote")), h("span", { className: "dpt-mono" }, imported.backupDir)),
+                    h("div", { className: "dpt-actions" },
+                      h("button", { type: "button", className: "dpt-btn", onClick: () => reveal(imported.backupDir) }, t("showBackup")),
+                    ),
+                  )
+                  : null,
+                h("div", { className: "dpt-status", "data-tone": "warn" }, imported.restartRequired === true ? t("restartNote") : t("noteLabel")),
+                imported.install && imported.install.ok === false
+                  ? h("div", { className: "dpt-status", "data-tone": "error" }, `${t("installFailed")}: ${String(imported.install.output ?? "").slice(-400)}`)
+                  : null,
+                imported.needsPnpm === true
+                  ? h(
+                    "div",
+                    { className: "dpt-actions" },
+                    h("div", { className: "dpt-hint" }, t("installNote")),
+                    h(
+                      "button",
+                      { type: "button", className: "dpt-btn", disabled: busy !== null, onClick: doInstall },
+                      busy === "install" ? h(Spinner) : null,
+                      busy === "install" ? t("installing") : t("installButton"),
+                    ),
+                  )
+                  : null,
+              )
+              : null,
+          ),
+
+          message !== null
+            ? h(Status, { tone: message.tone }, message.text)
+            : null,
+        );
+      }
+
+      ctx.effect(() => ctx.slots.inject("settings.section", () => ctx.slots.register({
+        name: "settings.section",
+        id: "profile-transfer",
+        order: 30,
+        label: () => t("nav"),
+        locale: NS,
+        inject: () => ({ call: callbacks.call, copyText: callbacks.copyText }),
+      }, TransferSection)), "profile-transfer: settings section");
+
+      try {
+        window.__DSH_PROFILE_TRANSFER__ = {
+          call: callbacks.call,
+          open: () => {
+            // The settings shell is opened by the user through the sidebar; this
+            // hook only exists for diagnostics and automated QA.
+            return true;
+          },
+        };
+      } catch {
+        /* hardened page */
+      }
+
+      console.info("[profile-transfer] ready");
+    }
+
+    exports.apply = apply;
+    exports.inject = inject;
+    return module.exports;
+  },
+});