@wendongfly/myhi 1.3.197 → 1.3.199

package/dist/index.html

@@ -17,6 +17,7 @@
   <title>myhi</title>
   <script src="/lib/machine.js"></script>
   <script src="/lib/prefs.js"></script>
+  <script src="/lib/attn.js"></script>
   <script src="/sio-client/socket.io.min.js"></script>
   <script src="/theme.js"></script>
   <script>
@@ -74,14 +75,36 @@
       justify-content: space-between;
       gap: 0.75rem;
       padding: 0 0.75rem;
-      padding-top: max(1rem, env(safe-area-inset-top));
-      padding-bottom: 0.75rem;
+      padding-top: max(0.45rem, env(safe-area-inset-top));
+      padding-bottom: 0.45rem;
       background: var(--bg);
       position: sticky;
       top: 0;
       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;
@@ -402,6 +425,10 @@
     .st-busy::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); animation: stPulse 1.2s ease-in-out infinite; }
     @keyframes stPulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.35; transform: scale(0.7); } }
     .st-dead { color: var(--muted); }
+    .st-wait { color: #db6d28; font-weight: 600; }
+    .st-wait::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #db6d28; animation: stPulse 0.8s ease-in-out infinite; }
+    .st-done { color: var(--green); font-weight: 600; }
+    .st-done::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--green); }
     .viewers {
       font-size: 0.7rem;
       color: var(--muted);
@@ -738,8 +765,6 @@
     <button id="ws-collapse" onclick="wsSetCollapsed(true)" title="收起任务栏（收起后左侧保留窄栏）">«</button>
     <div class="hd-actions">
       <button id="grid-btn" class="hd-btn" onclick="location.href='/grid'" title="分屏工作台（多任务并排）">▦<span class="hd-txt"> 分屏</span></button>
-      <button id="doctor-btn" class="hd-btn" onclick="openDoctor()" title="会话体检">🩺<span class="hd-txt"> 体检</span></button>
-      <button id="usage-btn" class="hd-btn" onclick="showUsage()" title="用量">📊<span class="hd-txt"> 用量</span></button>
       <button id="help-btn" class="hd-btn" onclick="openHelpSheet()" title="使用说明 / 快速上手">❓<span class="hd-txt"> 帮助</span></button>
       <button id="settings-btn" class="hd-btn" onclick="openSettings()" title="设置（外观 / 本机名称 / 语音 / 服务）">⚙<span class="hd-txt"> 设置</span></button>
       <button id="user-btn" class="hd-btn" onclick="toggleUserMenu(event)" title="账户：修改密码 / 退出登录" style="display:none">👤<span id="user-name" class="hd-txt"></span></button>
@@ -924,6 +949,12 @@
     <div id="set-asr-status" class="set-status"></div>
   </div>
 
+  <div class="set-group-t">工具</div>
+  <div class="set-card">
+    <button class="set-link" onclick="closeSettings();openDoctor()">🩺 会话体检 <small>查中毒 / 过大的会话，一键重开</small></button>
+    <button class="set-link" onclick="closeSettings();showUsage()">📊 用量 <small>费用 / token 统计</small></button>
+  </div>
+
   <div id="set-svc">
     <div class="set-group-t" id="set-svc-t">服务</div>
     <div class="set-card">
@@ -992,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>
 
@@ -1561,7 +1593,11 @@
     const sub    = esc([fmtCwd(s.cwd), fmtRelTime(sessionTime(s)), s.viewers > 0 ? `${s.viewers} 在线` : '', s.controlHolderName ? `${s.controlHolderName} 控制中` : ''].filter(Boolean).join('  ·  '));
     const tags = (s.tags || []).map(t => `<span class="tag-chip">${esc(t)}</span>`).join('');
     // 会话名片：一堆会话都叫 claude，靠第一条真人消息认出「这个任务当初是干啥的」
-    const gist = s.firstUserText
+    const at = window.myhiAttn ? myhiAttn.of(s) : '';
+    // 等你回复 / 新完成：比起「当初问了啥」，AI 最后说了啥更有用
+    const gist = (at === 'wait' || at === 'done') && s.lastText
+      ? `<div class="card-gist" style="font-size:0.72rem;color:var(--muted,var(--muted));margin-top:0.18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0.85">🤖 ${esc(s.lastText)}</div>`
+      : s.firstUserText
       ? `<div class="card-gist" style="font-size:0.72rem;color:var(--muted,var(--muted));margin-top:0.18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0.85">💬 ${esc(s.firstUserText)}</div>`
       : '';
     const nDraft = _draftCounts[s.id] || 0;
@@ -1579,8 +1615,10 @@
         </div>
         <div class="card-right">
           <button class="card-more" title="更多操作（重命名 / 标签 / 终止）">⋯</button>
-          ${!s.alive ? '<div class="st st-dead" title="会话进程已退出，点进去会自动恢复">已停止</div>'
-            : s.busy ? '<div class="st st-busy" title="AI 正在执行">执行中</div>' : ''}
+          ${at === 'wait' ? '<div class="st st-wait" title="AI 在等你回答提问 / 审批方案">等你回复</div>'
+            : !s.alive ? '<div class="st st-dead" title="会话进程已退出，点进去会自动恢复">已停止</div>'
+            : s.busy ? '<div class="st st-busy" title="AI 正在执行">执行中</div>'
+            : at === 'done' ? '<div class="st st-done" title="你上次看过之后有了新回复">新完成</div>' : ''}
           ${s.viewers > 1 ? `<div class="viewers">👁 ${s.viewers}</div>` : ''}
         </div>
       </div>`;
@@ -1608,8 +1646,11 @@
     </div>`;
   }
 
+  // 手机（触屏窄屏）的「最近」视图按关注度分组；电脑工作台左侧列表保持纯时间序
+  const _attnFirst = () => !!window.myhiAttn && matchMedia('(pointer: coarse) and (max-width: 768px)').matches;
   function renderSessions(sessions) {
     if (Array.isArray(sessions)) _allSessions = sessions;
+    if (window.myhiAttn) myhiAttn.init(_allSessions);
     // 正在原地改名：列表每 5 秒刷新一次会把输入框冲掉，先攒着，改完再刷
     if (_renaming) { _renderPending = true; return; }
     renderTagFilter();
@@ -1670,6 +1711,14 @@
         html += groupHeaderHTML('未分类', untagged.length, 't:__none__');
         if (!isCollapsed('t:__none__') || q) html += untagged.map(cardHTML).join('');
       }
+    } else if (_attnFirst()) {
+      // 手机：需要你关注的排前面（等你回复 > 执行中 > 新完成），其余按时间
+      const b = { wait: [], busy: [], done: [], '': [] };
+      for (const s of items) b[myhiAttn.of(s)].push(s);
+      const lbl = { wait: '🟠 等你回复', busy: '🔵 执行中', done: '🟢 新完成', '': '其他' };
+      const any = b.wait.length || b.busy.length || b.done.length;
+      html = !any ? items.map(cardHTML).join('')
+        : ['wait', 'busy', 'done', ''].filter(k => b[k].length).map(k => groupHeaderHTML(lbl[k], b[k].length) + b[k].map(cardHTML).join('')).join('');
     } else {
       html = items.map(cardHTML).join('');
     }
@@ -1850,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}`;
@@ -2357,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) {