@wendongfly/myhi 1.3.198 → 1.3.200

package/dist/chat.html

@@ -93,6 +93,12 @@
     html.m #ctx-chip:not(.hi) { display: none !important; }
     html.m #sk-builtin-skills, html.m #sk-custom-skills { display: none !important; }
     html.m #top-bar { transition: margin-top 0.2s ease; }
+    /* 安全区只在「添加到主屏幕」全屏运行时才需要；普通浏览器标签页上面已有地址栏，
+       部分国产浏览器仍报状态栏高度 → 顶栏上方白空一行，这里不留 */
+    @media (display-mode: browser) {
+      #top-bar { padding-top: 0.5rem; }
+      #m-toast { top: 3.2rem; }
+    }
     #m-more { position: relative; font-size: 1.1rem; letter-spacing: 1px; }
     #m-more.dot::after { content: ''; position: absolute; top: 6px; right: 5px; width: 7px; height: 7px; border-radius: 50%; background: var(--red); }
     #m-ro { font-size: 0.68rem; color: var(--muted); border: 1px solid var(--border); border-radius: 10px; padding: 0.1rem 0.45rem; white-space: nowrap; flex-shrink: 0; cursor: pointer; }
@@ -444,7 +450,10 @@
     #fedit-ta:focus { border-color: var(--purple); }
     /* 预览复用记忆面板的 .md 渲染样式，只解开它自带的 max-height/隐藏 */
     #fedit-preview { display: none; max-height: none; flex: 1; min-height: 0; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); }
+    #fedit-preview.html { padding: 0; overflow: hidden; background: #fff; }
+    #fedit-preview.html iframe { width: 100%; height: 100%; border: 0; display: block; background: #fff; }
     .fedit-tab { flex-shrink: 0; }
+    #fedit-sheet .fp-btn { white-space: nowrap; }
     .fedit-tab.on { border-color: var(--purple); background: var(--purple); color: #fff; }
     .fp-btn-warn { background: var(--yellow2); border-color: #d2992280; }
     .fp-btn-warn:active { background: var(--yellow2); }
@@ -1171,10 +1180,13 @@
     <div class="action-sheet-backdrop" onclick="closeFileEditor()"></div>
     <div class="action-sheet-box" style="height:92vh;max-height:92vh;display:flex;flex-direction:column">
       <div class="action-sheet-title" style="display:flex;align-items:center;gap:0.5rem">
-        <span style="flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">✏️ <span id="fedit-title">文件</span></span>
+        <span style="flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"><span id="fedit-icon">✏️</span> <span id="fedit-title">文件</span></span>
         <span id="fedit-state" style="font-size:0.64rem;color:var(--muted);flex-shrink:0;font-weight:400"></span>
       </div>
-      <div id="fedit-path" style="font-size:0.66rem;color:var(--muted);padding:0 0.2rem 0.4rem;word-break:break-all"></div>
+      <div style="display:flex;align-items:flex-start;gap:0.4rem;padding:0 0.2rem 0.4rem">
+        <div id="fedit-path" style="flex:1;min-width:0;font-size:0.68rem;color:var(--muted);word-break:break-all;font-family:'SF Mono',Consolas,monospace" title="文件所在位置"></div>
+        <button class="fp-btn" onclick="feditCopyPath(this)" style="flex-shrink:0;font-size:0.66rem;padding:0.15rem 0.45rem" title="复制完整路径">📋 复制路径</button>
+      </div>
       <div style="flex:1;min-height:0;display:flex;flex-direction:column;gap:0.4rem;padding:0 0.2rem">
         <div id="fedit-loading" style="flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:0.82rem">加载中...</div>
         <textarea id="fedit-ta" spellcheck="false"></textarea>
@@ -1183,6 +1195,7 @@
       <div style="display:flex;gap:0.4rem;padding:0.5rem 0.2rem 0;align-items:center">
         <button class="fp-btn fedit-tab" id="fedit-tab-edit" onclick="feditSetMode('edit')">✏️ 编辑</button>
         <button class="fp-btn fedit-tab" id="fedit-tab-preview" onclick="feditSetMode('preview')" style="display:none">👁 预览</button>
+        <button class="fp-btn" id="fedit-newtab" onclick="feditOpenTab()" style="display:none" title="在浏览器新标签页里全屏查看（已保存的版本）">↗ 全屏</button>
         <span style="flex:1"></span>
         <button class="fp-btn" onclick="feditReload()" title="放弃本地修改，重新读磁盘最新内容">🔄 重读</button>
         <button class="fp-btn" onclick="closeFileEditor()">关闭</button>
@@ -1770,6 +1783,7 @@
           if (h.start > last) frag.appendChild(document.createTextNode(s.slice(last, h.start)));
           const a = document.createElement('span');
           a.className = 'file-link';
+          a.title = /\.(html?|md|markdown)$/i.test(h.text) ? '点击查看（可切到编辑）' : '点击查看 / 编辑';
           a.textContent = h.text;
           a.dataset.path = h.text;
           frag.appendChild(a);
@@ -4241,14 +4255,19 @@
       const sheet = document.getElementById('fedit-sheet');
       sheet.classList.add('open');
       document.getElementById('fedit-title').textContent = rel.split('/').pop();
-      document.getElementById('fedit-path').textContent = rel;
+      document.getElementById('fedit-path').textContent = feditAbs(rel);
       document.getElementById('fedit-loading').style.display = 'flex';
       document.getElementById('fedit-loading').textContent = '加载中...';
       document.getElementById('fedit-ta').style.display = 'none';
       document.getElementById('fedit-preview').style.display = 'none';
       feditSetState('');
       try {
-        const r = await fetch(`/api/files/${SESSION_ID}/content?path=${encodeURIComponent(rel)}`);
+        let r = await fetch(`/api/files/${SESSION_ID}/content?path=${encodeURIComponent(rel)}`);
+        // AI 常只写文件名（不带目录）：根目录没有就在任务目录里按名字找，唯一命中就打开它
+        if (r.status === 404 && !rel.includes('/')) {
+          const hit = await feditFindByName(rel);
+          if (hit) { r = await fetch(`/api/files/${SESSION_ID}/content?path=${encodeURIComponent(hit)}`); document.getElementById('fedit-path').textContent = feditAbs(hit); }
+        }
         const d = await r.json().catch(() => ({}));
         if (!r.ok || !d.ok) {
           const map = { 404: '文件不存在（可能还没生成，或路径不对）', 403: '路径越界（不在会话目录内）', 413: '文件超过 2MB，请用下载' };
@@ -4256,26 +4275,82 @@
           sheet.classList.remove('open');
           return;
         }
-        _fedit = { path: d.path, name: d.name, mtime: d.mtime, md: !!d.md, mode: 'edit', loaded: d.content, dirty: false };
+        const html = /\.html?$/i.test(d.name || d.path || '');
+        _fedit = { path: d.path, name: d.name, mtime: d.mtime, md: !!d.md, html, mode: 'edit', loaded: d.content, dirty: false };
+        document.getElementById('fedit-path').textContent = feditAbs(d.path);
         document.getElementById('fedit-ta').value = d.content;
         document.getElementById('fedit-loading').style.display = 'none';
-        document.getElementById('fedit-tab-preview').style.display = _fedit.md ? '' : 'none';
-        feditSetMode('edit');
+        document.getElementById('fedit-tab-preview').style.display = (_fedit.md || html) ? '' : 'none';
+        document.getElementById('fedit-newtab').style.display = html ? '' : 'none';
+        // 文档类（md / html）默认「看」，要改再点 ✏️ 编辑
+        feditSetMode(_fedit.md || html ? 'preview' : 'edit');
       } catch (e) {
         addStatusMessage('打开出错: ' + e.message);
         sheet.classList.remove('open');
       }
     };
 
+    // 完整路径（任务目录 + 相对路径），方便知道文件在哪、复制给别的工具
+    function feditAbs(rel) {
+      rel = String(rel || '');
+      if (/^[A-Za-z]:[\\/]/.test(rel) || rel.startsWith('/')) return rel;
+      const cwd = String(currentSession?.cwd || '');
+      if (!cwd) return rel;
+      const sep = cwd.includes('\\') ? '\\' : '/';
+      return cwd.replace(/[\\/]+$/, '') + sep + rel.split('/').join(sep);
+    }
+    window.feditCopyPath = function(btn) {
+      const t = document.getElementById('fedit-path').textContent;
+      const done = () => { const o = btn.textContent; btn.textContent = '✓ 已复制'; setTimeout(() => { btn.textContent = o; }, 1200); };
+      (navigator.clipboard?.writeText(t) || Promise.reject()).then(done, () => { const x = document.createElement('textarea'); x.value = t; document.body.appendChild(x); x.select(); try { document.execCommand('copy'); done(); } catch {} x.remove(); });
+    };
+    async function feditFindByName(name) {
+      try {
+        const d = await (await fetch(`/api/files/${SESSION_ID}/search?q=${encodeURIComponent(name)}`)).json();
+        const hits = (d.files || []).filter(f => !f.dir && f.name.split('/').pop() === name);
+        return hits.length === 1 ? hits[0].name : null;
+      } catch { return null; }
+    }
+    // HTML 预览令牌（见 server /view/:token）：同一任务复用，过期前换新
+    let _viewTok = null;
+    async function feditViewBase() {
+      if (!_viewTok || _viewTok.exp < Date.now()) {
+        const d = await (await fetch(`/api/files/${SESSION_ID}/view-token`, { method: 'POST' })).json();
+        if (!d.ok) throw new Error(d.error || '预览不可用');
+        _viewTok = { token: d.token, exp: Date.now() + 3600_000 };
+      }
+      return '/view/' + _viewTok.token + '/';
+    }
+    const feditEncPath = (p) => String(p).split('/').map(encodeURIComponent).join('/');
+    window.feditOpenTab = async function() {
+      if (!_fedit) return;
+      try { window.open((await feditViewBase()) + feditEncPath(_fedit.path), '_blank'); } catch (e) { addStatusMessage('打开失败: ' + e.message); }
+    };
+    // HTML 渲染：沙箱 iframe（不同源，页面脚本碰不到 myhi）；内容用编辑框里的（没保存的修改也能看），
+    // 注入 <base> 让图片 / CSS 等相对路径资源走只读预览链接
+    async function feditRenderHtml(pv, src) {
+      pv.innerHTML = '';
+      let base;
+      try { base = (await feditViewBase()) + feditEncPath(_fedit.path.split('/').slice(0, -1).join('/')) + (_fedit.path.includes('/') ? '/' : ''); }
+      catch (e) { pv.textContent = '预览不可用：' + e.message; return; }
+      const f = document.createElement('iframe');
+      f.setAttribute('sandbox', 'allow-scripts allow-popups allow-forms allow-modals');
+      const tag = '<base href="' + location.origin + base + '">';
+      f.srcdoc = /<head[^>]*>/i.test(src) ? src.replace(/<head[^>]*>/i, (m) => m + tag) : tag + src;
+      pv.appendChild(f);
+    }
+
     window.feditSetMode = function(mode) {
       if (!_fedit) return;
-      if (mode === 'preview' && !_fedit.md) mode = 'edit';
+      if (mode === 'preview' && !_fedit.md && !_fedit.html) mode = 'edit';
       _fedit.mode = mode;
       const ta = document.getElementById('fedit-ta');
       const pv = document.getElementById('fedit-preview');
       ta.style.display = mode === 'edit' ? 'block' : 'none';
       pv.style.display = mode === 'preview' ? 'block' : 'none';
-      if (mode === 'preview') pv.innerHTML = renderMarkdown(ta.value);
+      pv.classList.toggle('html', mode === 'preview' && !!_fedit.html);
+      document.getElementById('fedit-icon').textContent = mode === 'preview' ? '📄' : '✏️';
+      if (mode === 'preview') { if (_fedit.html) feditRenderHtml(pv, ta.value); else pv.innerHTML = renderMarkdown(ta.value); }
       document.getElementById('fedit-tab-edit').classList.toggle('on', mode === 'edit');
       document.getElementById('fedit-tab-preview').classList.toggle('on', mode === 'preview');
     };
@@ -7717,7 +7792,7 @@
       try {
         const resp = await fetch('/api/claude/update', { method: 'POST' });
         const data = await resp.json();
-        if (!data.ok) { addStatusMessage('claude 升级失败：' + (data.error || '未知')); b.textContent = '⬆ claude 失败'; b.style.color = 'var(--red)'; return; }
+        if (!data.ok) { addStatusMessage('claude 升级失败：' + (data.error || '未知')); alert('Claude 升级没有开始：\n' + (data.error || ('HTTP ' + resp.status))); b.textContent = '⬆ claude 失败'; b.style.color = 'var(--red)'; return; }
         addStatusMessage(data.message || 'claude 升级中...');
         const poll = setInterval(async () => {
           try {
@@ -7726,7 +7801,7 @@
             if (!s.running) {
               clearInterval(poll);
               if (s.ok) { addStatusMessage('Claude Code 已升级到 ' + s.version); b.style.display = 'none'; }
-              else { addStatusMessage('claude 升级失败：\n' + (s.error || '未知')); b.textContent = '⬆ claude 失败'; b.style.color = 'var(--red)'; }
+              else { addStatusMessage('claude 升级失败：\n' + (s.error || '未知')); alert('Claude 升级失败：\n' + (s.error || '未知') + '\n\n可以再点一次重试；仍失败把这段发给管理员'); b.textContent = '⬆ claude 失败（点重试）'; b.style.color = 'var(--red)'; }
             }
           } catch {}
         }, 4000);

package/dist/index.html

@@ -83,6 +83,28 @@
       z-index: 10;
       border-bottom: 1px solid var(--border);
     }
+    /* ── 任务迁移面板（导出 / 导入）── */
+    #mig-ov { position: fixed; inset: 0; z-index: 40; background: rgba(0,0,0,0.55); display: flex; align-items: flex-end; justify-content: center; }
+    #mig-box { background: var(--surface); color: var(--text); width: 100%; max-width: 560px; max-height: 90vh; overflow-y: auto; border-radius: 16px 16px 0 0; padding: 1rem 1.1rem max(1rem, env(safe-area-inset-bottom)); font-size: 0.85rem; line-height: 1.6; }
+    @media (min-width: 700px) { #mig-ov { align-items: center; } #mig-box { border-radius: 16px; } }
+    #mig-box h3 { font-size: 1.02rem; margin: 0 0 0.5rem; display: flex; justify-content: space-between; align-items: center; }
+    #mig-box h3 button { background: none; border: none; color: var(--muted); font-size: 1.1rem; cursor: pointer; }
+    #mig-box .mig-intro { color: var(--muted); margin-bottom: 0.7rem; }
+    #mig-box .mig-card { background: var(--bg); border: 1px solid var(--border); border-radius: 10px; padding: 0.6rem 0.75rem; margin-bottom: 0.6rem; }
+    #mig-box .mig-card b { color: var(--text); }
+    #mig-box .mig-row { display: flex; gap: 0.5rem; padding: 0.25rem 0; }
+    #mig-box .mig-row > span:first-child { flex-shrink: 0; }
+    #mig-box small, #mig-box .mig-dim { color: var(--muted); font-size: 0.76rem; }
+    #mig-box ol { margin: 0.2rem 0 0 1.2rem; padding: 0; }
+    #mig-box .mig-warn { color: #d29922; }
+    #mig-box .mig-btn { width: 100%; border: none; border-radius: 10px; padding: 0.75rem; font-size: 0.9rem; font-weight: 700; cursor: pointer; background: var(--accent); color: #fff; margin-top: 0.3rem; }
+    #mig-box .mig-btn:disabled { opacity: 0.5; cursor: default; }
+    #mig-box .mig-btn2 { width: 100%; border: 1px solid var(--border); border-radius: 10px; padding: 0.6rem; font-size: 0.84rem; cursor: pointer; background: var(--bg); color: var(--muted); margin-top: 0.45rem; }
+    #mig-box input[type=text] { width: 100%; box-sizing: border-box; background: var(--bg); color: var(--text); border: 1px solid var(--border); border-radius: 8px; padding: 0.5rem 0.6rem; font-size: 0.82rem; font-family: 'SF Mono', Consolas, monospace; }
+    #mig-box .mig-bar { height: 6px; background: var(--border); border-radius: 3px; overflow: hidden; margin: 0.4rem 0; }
+    #mig-box .mig-bar > div { height: 100%; width: 0; background: var(--accent); transition: width 0.2s; }
+    /* 普通浏览器标签页不留状态栏安全区（部分手机浏览器带地址栏仍报安全区 → 顶部白空一行） */
+    @media (display-mode: browser) { #header { padding-top: 0.45rem; } }
     .logo {
       font-size: 1.35rem;
       font-weight: 700;
@@ -1001,6 +1023,7 @@
     <div id="recent-dirs" style="display:flex;flex-wrap:wrap;gap:0.35rem;margin-top:0.4rem"></div>
   </div>
   <button id="btn-create" onclick="createSession()">创建</button>
+  <button onclick="closeSheet();openMigrateImport()" style="width:100%;background:var(--bg);color:var(--accent);border:1.5px solid var(--accent);border-radius:10px;padding:0.7rem;font-size:0.85rem;font-weight:600;cursor:pointer;margin-top:0.5rem">📦 从迁移包导入<span style="font-weight:400;font-size:0.75rem;opacity:0.8">（从另一台 myhi 带过来的任务）</span></button>
   <button id="btn-import" onclick="openImportSheet()" style="width:100%;background:var(--bg);color:var(--accent);border:1.5px solid var(--accent);border-radius:10px;padding:0.7rem;font-size:0.85rem;font-weight:600;cursor:pointer;margin-top:0.5rem">导入已有 Claude 会话</button>
 </div>
 
@@ -1876,6 +1899,114 @@
 
   // ── Navigation ──────────────────────────────────────────────
   // 电脑端工作台：在右侧打开；手机/窄屏：进会话页
+  // ── 任务迁移：导出（任务 ⋯ 菜单）/ 导入（新建任务面板）──────────────────
+  // 场景：公司 myhi → 家里 myhi，两边网络不通也没有 GitLab —— 下载一个 .myhipack 文件带过去导入
+  const fmtSize = (n) => n >= 1024 ** 3 ? (n / 1024 ** 3).toFixed(1) + ' GB' : n >= 1024 ** 2 ? (n / 1024 ** 2).toFixed(1) + ' MB' : Math.max(1, Math.round(n / 1024)) + ' KB';
+  function migSheet(html) {
+    document.getElementById('mig-ov')?.remove();
+    const ov = document.createElement('div'); ov.id = 'mig-ov';
+    ov.innerHTML = '<div id="mig-box">' + html + '</div>';
+    ov.addEventListener('click', (e) => { if (e.target === ov || e.target.closest('[data-mig-close]')) ov.remove(); });
+    document.body.appendChild(ov);
+    return ov.firstChild;
+  }
+  const MIG_SKIP_TIP = { '.git': '提交历史（需要的话用 git push / pull 同步）', node_modules: 'npm 依赖（到新电脑执行 npm install）', '.venv': 'Python 虚拟环境（到新电脑重新建）', venv: 'Python 虚拟环境（到新电脑重新建）', upload: '聊天里上传的截图' };
+
+  window.openMigrateExport = async function(id) {
+    const s = _allSessions.find(x => x.id === id) || {};
+    const box = migSheet(`<h3>📦 迁移到另一台 myhi<button data-mig-close>✕</button></h3>
+      <div class="mig-intro">把「${esc(s.title || '')}」打包成<b>一个文件</b>，带到另一台电脑的 myhi 接着做（比如公司 → 家里）。两台电脑<b>不需要联网互通</b>，也不需要 GitLab。</div>
+      <div class="mig-card" id="mig-what"><span class="mig-dim">正在统计要打包的内容…</span></div>
+      <div class="mig-card"><b>怎么用（3 步）</b><ol>
+        <li>点下面「下载迁移包」，得到一个 <code>.myhipack</code> 文件</li>
+        <li>用微信文件传输助手 / U 盘 / 网盘，把它传到另一台电脑</li>
+        <li>在那台电脑打开 myhi 首页 → <b>＋ 新建任务</b> → <b>📦 从迁移包导入</b>，选这个文件</li></ol></div>
+      <div class="mig-dim" style="margin-bottom:0.5rem">🔒 迁移包里是项目原文件（和对话记录），请像保管项目代码一样保管，别发到公开群里。</div>
+      <button class="mig-btn" id="mig-dl" disabled>⬇ 下载迁移包</button>
+      <button class="mig-btn2" data-mig-close>取消</button>`);
+    let p;
+    try { p = await (await fetch('/api/migrate/' + encodeURIComponent(id) + '/preview')).json(); } catch (e) { p = { ok: false, error: e.message }; }
+    const what = box.querySelector('#mig-what');
+    if (!p.ok) { what.innerHTML = '<span class="mig-warn">统计失败：' + esc(p.error || '') + '</span>'; return; }
+    const skipped = (p.skipped || []).map(d => `<div class="mig-dim">　· <code>${esc(d)}</code> ${esc(MIG_SKIP_TIP[d] || '可重新生成的目录')}</div>`).join('');
+    what.innerHTML = `<b>包里会有</b>
+      <div class="mig-row"><span>📁</span><div>项目文件 <b>${p.files}</b> 个，共 <b>${fmtSize(p.bytes)}</b><br><small>${esc(p.cwd)}</small>${p.truncated ? '<div class="mig-warn">文件太多，只打包了前 20 万个</div>' : ''}</div></div>
+      ${skipped ? `<div class="mig-row"><span>⏭</span><div>不打包（可重新生成，到新电脑再装）：${skipped}</div></div>` : ''}
+      <div class="mig-row"><span>💬</span><label style="cursor:pointer"><input type="checkbox" id="mig-conv" ${p.hasConv ? 'checked' : 'disabled'}> 带上 AI 对话记录${p.hasConv ? `（${fmtSize(p.convBytes)}）` : ''}<br><small>${p.hasConv ? '带上后在新电脑上可以<b>接着聊</b>，AI 记得之前做过什么；对话里的项目路径会自动改成新位置。项目记忆也一起带走。' : '这个任务还没有对话记录，只带项目文件。'}</small></label></div>
+      ${p.guard ? `<div class="mig-row"><span>🛡</span><div>隐私护栏配置（${p.guard.enabled ? '已开启' : '未开启'}，主体词典 ${p.guard.entities} 个）和假名映射表一起带走，新电脑上继续脱敏</div></div>` : ''}
+      ${p.secrets.length ? `<div class="mig-row"><span>🔑</span><div><b>密钥不会带走</b>（${p.secrets.map(esc).join('、')}）<br><small>为了安全，密钥只留在这台电脑。到新电脑后在任务会话页「🔑 密钥」里重新录入。</small></div></div>` : ''}
+      ${p.busy ? '<div class="mig-row mig-warn"><span>⚠️</span><div>AI 正在执行，建议等这一轮结束再导出，否则最后一轮对话可能不完整。</div></div>' : ''}`;
+    const btn = box.querySelector('#mig-dl'); btn.disabled = false;
+    btn.onclick = () => {
+      const conv = box.querySelector('#mig-conv')?.checked ? '1' : '0';
+      const a = document.createElement('a'); a.href = '/api/migrate/' + encodeURIComponent(id) + '/export?conv=' + conv; a.download = '';
+      document.body.appendChild(a); a.click(); a.remove();
+      btn.textContent = '✓ 已开始下载'; btn.disabled = true;
+      btn.insertAdjacentHTML('afterend', '<div class="mig-dim" style="margin-top:0.4rem">文件大时浏览器会在后台下载，留意下载栏 / 通知。下载完成后按上面第 2、3 步操作。</div>');
+    };
+  };
+
+  window.openMigrateImport = function() {
+    const box = migSheet(`<h3>📦 从迁移包导入<button data-mig-close>✕</button></h3>
+      <div class="mig-intro">把另一台 myhi 导出的任务（<code>.myhipack</code> 文件）导入到这台电脑，导入后会生成一个新任务，项目文件和 AI 对话都在，可以接着做。</div>
+      <div class="mig-card"><b>还没有迁移包？</b><div class="mig-dim">在原来那台电脑的 myhi 首页，点任务右边的 <b>⋯</b> → <b>📦 迁移到另一台 myhi</b> → 下载迁移包，再用微信 / U 盘 / 网盘传到这台电脑。</div></div>
+      <div class="mig-card" id="mig-step1"><b>① 选择迁移包</b><div style="margin-top:0.4rem"><input type="file" id="mig-file" accept="${'.myhipack'},application/gzip"></div>
+        <div id="mig-up" style="display:none"><div class="mig-bar"><div></div></div><span class="mig-dim" id="mig-up-t">上传中…</span></div></div>
+      <div id="mig-step2"></div>
+      <button class="mig-btn2" data-mig-close>取消</button>`);
+    const step2 = box.querySelector('#mig-step2');
+    box.querySelector('#mig-file').onchange = (ev) => {
+      const f = ev.target.files[0]; if (!f) return;
+      const up = box.querySelector('#mig-up'), bar = up.querySelector('.mig-bar > div'), t = box.querySelector('#mig-up-t');
+      up.style.display = ''; step2.innerHTML = '';
+      const fd = new FormData(); fd.append('pack', f);
+      const xhr = new XMLHttpRequest(); xhr.open('POST', '/api/migrate/upload');
+      xhr.upload.onprogress = (e) => { if (e.lengthComputable) { bar.style.width = (e.loaded / e.total * 100) + '%'; t.textContent = `上传中… ${fmtSize(e.loaded)} / ${fmtSize(e.total)}`; } };
+      xhr.onload = () => {
+        let r; try { r = JSON.parse(xhr.responseText); } catch { r = { ok: false, error: '上传失败（' + xhr.status + '）' }; }
+        if (!r.ok) { t.innerHTML = '<span class="mig-warn">' + esc(r.error) + '</span>'; return; }
+        bar.style.width = '100%'; t.textContent = '已上传，请确认下面的信息';
+        showMigrateConfirm(step2, r);
+      };
+      xhr.onerror = () => { t.innerHTML = '<span class="mig-warn">上传失败，网络中断了，请重试</span>'; };
+      xhr.send(fd);
+    };
+  };
+  function showMigrateConfirm(el, r) {
+    const m = r.manifest;
+    const proj = String(m.cwd || '').replace(/[\\/]+$/, '').split(/[\\/]/).pop() || m.title;
+    let target = defaultTaskDir(proj);
+    if (r.userDir && !target) target = r.userDir.replace(/[\\/]+$/, '') + (r.userDir.includes('\\') ? '\\' : '/') + sanitizeTaskName(proj);
+    const skipped = (m.skipped || []).map(d => `<code>${esc(d)}</code>`).join('、');
+    el.innerHTML = `<div class="mig-card"><b>② 确认迁移包内容</b>
+        <div class="mig-row"><span>📝</span><div>任务：<b>${esc(m.title || '')}</b><br><small>来自「${esc(m.from || '另一台 myhi')}」，${esc(new Date(m.exportedAt).toLocaleString())} 导出</small></div></div>
+        <div class="mig-row"><span>📁</span><div>项目文件 ${m.files} 个，共 ${fmtSize(m.bytes || 0)}<br><small>原位置：${esc(m.cwd || '')}</small></div></div>
+        <div class="mig-row"><span>💬</span><div>${m.conv ? 'AI 对话记录：有 —— 导入后可以<b>接着聊</b>' : 'AI 对话记录：没带 —— 导入后是一个新对话（项目文件都在）'}</div></div>
+        ${skipped ? `<div class="mig-row"><span>⏭</span><div>原电脑上没打包：${skipped}<br><small>依赖 / 构建产物需要在这台电脑重新安装或生成（例如 npm install）；可以导入后直接让 AI 帮你装。</small></div></div>` : ''}
+        ${m.guard ? `<div class="mig-row"><span>🛡</span><div>隐私护栏配置一起导入（主体词典 ${m.guard.entities} 个）</div></div>` : ''}
+        ${(m.secrets || []).length ? `<div class="mig-row mig-warn"><span>🔑</span><div>需要重新录入的密钥：${m.secrets.map(esc).join('、')}<br><small>导入后在任务会话页「🔑 密钥」里填。</small></div></div>` : ''}
+      </div>
+      <div class="mig-card"><b>③ 放到这台电脑的哪个目录</b>
+        <div style="margin:0.35rem 0"><input type="text" id="mig-cwd" value="${esc(target)}" placeholder="例如 D:\\projects\\${esc(proj)} 或 /home/me/${esc(proj)}" spellcheck="false"></div>
+        <div class="mig-dim">填完整路径。目录不存在会自动创建；<b>已存在且有文件</b>会拒绝导入，避免覆盖。对话里的路径会自动改成这个目录。</div></div>
+      <button class="mig-btn" id="mig-go">导入为新任务</button><div id="mig-res"></div>`;
+    el.querySelector('#mig-go').onclick = async (ev) => {
+      const btn = ev.target, res = el.querySelector('#mig-res');
+      const cwd = el.querySelector('#mig-cwd').value.trim();
+      if (!cwd) { res.innerHTML = '<div class="mig-warn">请填写目标目录</div>'; return; }
+      btn.disabled = true; btn.textContent = '导入中…（文件多时要等一会儿）'; res.innerHTML = '';
+      let d;
+      try { d = await (await fetch('/api/migrate/import', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ token: r.token, cwd }) })).json(); }
+      catch (e) { d = { ok: false, error: e.message }; }
+      if (!d.ok) { btn.disabled = false; btn.textContent = '导入为新任务'; res.innerHTML = '<div class="mig-warn" style="margin-top:0.4rem">' + esc(d.error) + '</div>'; return; }
+      btn.textContent = '✓ 导入完成';
+      res.innerHTML = `<div style="margin-top:0.5rem">任务已导入到 <code>${esc(cwd)}</code>。${d.conv ? '打开后直接发消息就能接着聊。' : ''}${(d.secrets || []).length ? `<div class="mig-warn">别忘了在会话页「🔑 密钥」里重新录入：${d.secrets.map(esc).join('、')}</div>` : ''}</div>
+        <button class="mig-btn" id="mig-open">打开这个任务</button>`;
+      res.querySelector('#mig-open').onclick = () => { document.getElementById('mig-ov')?.remove(); openSession(d.id); };
+      try { socket.emit('list'); } catch {}
+    };
+  }
+
   function openSession(id) {
     if (wsOn()) return wsOpen(id);
     window.location.href = `/terminal/${id}`;
@@ -2383,6 +2514,7 @@
       ['✏️ 重命名', () => inlineRename(id)],
       ['🏷 设置标签', () => openTagEditor(id, anchor || { x: e.clientX, y: e.clientY })],
       ['↗ 在新窗口打开', () => window.open('/terminal/' + encodeURIComponent(id), '_blank')],
+      ['📦 迁移到另一台 myhi', () => openMigrateExport(id)],
       ['🗑 终止会话', () => showKill(e, id, title), true],
     ];
     if (matchMedia('(pointer: fine)').matches) {