@wendongfly/myhi 1.3.171 → 1.3.173

package/dist/chat.html

@@ -213,6 +213,28 @@
     #input-box.focused { border-color: var(--blue); }
     #input-box.disabled { opacity: 0.5; pointer-events: none; }
 
+    /* 用户消息快速导航（借鉴 deepseek 的对话引导）：右缘悬浮把手 + 消息清单 */
+    #msg-nav-btn {
+      position: fixed; right: 0.4rem; bottom: 9.5rem; z-index: 60;
+      width: 2rem; height: 2rem; border-radius: 50%;
+      background: var(--surface); border: 1px solid var(--border); color: var(--muted);
+      font-size: 0.95rem; cursor: pointer; display: none; align-items: center; justify-content: center;
+      box-shadow: 0 2px 8px rgba(0,0,0,0.35);
+    }
+    #msg-nav-btn:hover { color: var(--text); border-color: var(--blue); }
+    #msg-nav-panel {
+      position: fixed; right: 0.5rem; bottom: 11.8rem; z-index: 60; display: none;
+      width: min(320px, 78vw); max-height: 55vh; overflow-y: auto;
+      background: var(--surface); border: 1px solid var(--border); border-radius: 10px;
+      box-shadow: 0 8px 30px rgba(0,0,0,0.45); padding: 0.3rem;
+    }
+    #msg-nav-panel .mn-item {
+      padding: 0.42rem 0.55rem; border-radius: 7px; cursor: pointer;
+      font-size: 0.78rem; color: var(--text2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+    }
+    #msg-nav-panel .mn-item:hover { background: var(--surface3); color: var(--text); }
+    .msg-flash { outline: 2px solid transparent; border-radius: 10px; animation: msgflash 1.8s; }
+    @keyframes msgflash { 0%, 55% { outline-color: var(--blue); } 100% { outline-color: transparent; } }
     /* @ 文件引用补全浮层（挂在 body 上，fixed 定位在输入框上方） */
     #mention-box {
       position: fixed; z-index: 95; display: none;
@@ -497,34 +519,38 @@
       <button class="sk" data-send="esc">Esc</button>
     </div>
     <div id="sk-claude-pty" style="display:none">
-      <button class="sk sk-claude" onclick="openModelSheet()">模型</button>
-      <button class="sk sk-claude" data-cmd="/cost">费用</button>
-      <button class="sk sk-claude" data-cmd="/memory">记忆</button>
-      <button class="sk sk-claude" onclick="openResumeSheet()">恢复</button>
-      <button class="sk sk-claude" onclick="doCompact()">压缩</button>
-      <button class="sk sk-claude" data-cmd="/clear">清除</button>
-      <button class="sk sk-claude" onclick="openGitSheet()" style="color:var(--green)">提交</button>
+      <button class="sk sk-claude" data-sk="model" onclick="openModelSheet()">模型</button>
+      <button class="sk sk-claude" data-sk="cost" data-cmd="/cost">费用</button>
+      <button class="sk sk-claude" data-sk="memory" data-cmd="/memory">记忆</button>
+      <button class="sk sk-claude" data-sk="resume" onclick="openResumeSheet()">恢复</button>
+      <button class="sk sk-claude" data-sk="compact" onclick="doCompact()">压缩</button>
+      <button class="sk sk-claude" data-sk="clear" data-cmd="/clear">清除</button>
+      <button class="sk sk-claude" data-sk="git" onclick="openGitSheet()" style="color:var(--green)">提交</button>
       <button class="sk" data-send="ctrl-c">Ctrl+C</button>
       <button class="sk" data-send="esc">Esc</button>
     </div>
     <div id="sk-claude-agent" style="display:none">
-      <button class="sk sk-claude" id="sk-inbox" onclick="openInboxSheet()" style="color:var(--yellow)">📥 草稿<span id="inbox-badge" style="display:none;margin-left:0.2rem;background:var(--yellow);color:#000;border-radius:8px;padding:0 0.32rem;font-size:0.66rem;font-weight:700"></span></button>
-      <button class="sk sk-claude" onclick="openModelSheet()">模型</button>
-      <button class="sk sk-claude" id="btn-plan" onclick="togglePlanMode()">计划</button>
-      <button class="sk sk-claude" onclick="doSlashCmd('/compact')">压缩</button>
-      <button class="sk sk-claude" onclick="openResumeSheet()">恢复</button>
-      <button class="sk sk-claude" onclick="doClear()">清除</button>
-      <button class="sk sk-claude" onclick="openSecretsSheet()" style="color:var(--blue2)">🔑 密钥</button>
-      <button class="sk sk-claude" onclick="openGuardSheet()" style="color:var(--blue2)">🛡 护栏</button>
-      <button class="sk sk-claude" onclick="openFollowUpSheet()" style="color:var(--blue2)">🔄 跟进</button>
-      <button class="sk sk-claude" onclick="openGitSheet()" style="color:var(--green)">提交</button>
-      <button class="sk sk-claude" onclick="showMemory()">记忆</button>
-      <button class="sk sk-claude" onclick="openSkillSheet()" style="color:var(--purple2)">技能</button>
-      <span id="sk-builtin-skills"></span>
-      <span id="sk-custom-skills"></span>
+      <button class="sk sk-claude" id="sk-inbox" data-sk="draft" onclick="openInboxSheet()" style="color:var(--yellow)">📥 草稿<span id="inbox-badge" style="display:none;margin-left:0.2rem;background:var(--yellow);color:#000;border-radius:8px;padding:0 0.32rem;font-size:0.66rem;font-weight:700"></span></button>
+      <button class="sk sk-claude" data-sk="model" onclick="openModelSheet()">模型</button>
+      <button class="sk sk-claude" id="btn-plan" data-sk="plan" onclick="togglePlanMode()">计划</button>
+      <button class="sk sk-claude" data-sk="compact" onclick="doSlashCmd('/compact')">压缩</button>
+      <button class="sk sk-claude" data-sk="resume" onclick="openResumeSheet()">恢复</button>
+      <button class="sk sk-claude" data-sk="clear" onclick="doClear()">清除</button>
+      <button class="sk sk-claude" data-sk="secrets" onclick="openSecretsSheet()" style="color:var(--blue2)">🔑 密钥</button>
+      <button class="sk sk-claude" data-sk="guard" onclick="openGuardSheet()" style="color:var(--blue2)">🛡 护栏</button>
+      <button class="sk sk-claude" data-sk="followup" onclick="openFollowUpSheet()" style="color:var(--blue2)">🔄 跟进</button>
+      <button class="sk sk-claude" data-sk="git" onclick="openGitSheet()" style="color:var(--green)">提交</button>
+      <button class="sk sk-claude" data-sk="memory" onclick="showMemory()">记忆</button>
+      <button class="sk sk-claude" data-sk="skills" onclick="openSkillSheet()" style="color:var(--purple2)">技能</button>
+      <span id="sk-builtin-skills" data-sk="skills"></span>
+      <span id="sk-custom-skills" data-sk="skills"></span>
     </div>
   </div>
 
+  <!-- 用户消息快速导航：右缘把手 + 消息清单（点一条跳到那条） -->
+  <button id="msg-nav-btn" onclick="toggleMsgNav()" title="定位我发过的消息">☰</button>
+  <div id="msg-nav-panel"></div>
+
   <!-- 文件管理面板 -->
   <div id="file-panel-backdrop" onclick="closeFilePanel()"></div>
   <div id="file-panel">
@@ -541,8 +567,7 @@
     </div>
     <div class="fp-path" id="fp-path"></div>
     <div id="fp-tools" style="display:flex;gap:0.4rem;align-items:center;padding:0.3rem 0.75rem;flex-wrap:wrap">
-      <button class="fp-btn" onclick="fpOpenFolder()" title="在【myhi 服务端那台机器】的桌面打开系统文件夹——只有你就坐在跑 myhi 的机器前才看得到；远程访问就用下方列表浏览/下载">📂 服务端本机打开</button>
-      <button class="fp-btn" onclick="fpOpenEditor()" title="在服务端本机用 VS Code 打开（需装 code 命令）">VS Code(服务端)</button>
+      <button class="fp-btn" onclick="fpOpenFolder()" title="在本机桌面打开该任务的文件夹——仅当浏览器与 myhi 服务在同一台机器时有效；远程访问不会有效果，请用下方列表浏览/下载">📂 打开当前文件夹（不支持远程）</button>
       <span style="flex:1"></span>
       <button class="fp-btn" id="fp-sort-btn" onclick="fpToggleSort()" title="切换排序">排序: 名称</button>
     </div>
@@ -581,6 +606,7 @@
       <label class="setting-toggle"><span>解析终端输出</span><input type="checkbox" id="set-parse" checked></label>
       <label class="setting-toggle"><span>显示思考过程</span><input type="checkbox" id="set-thinking" checked></label>
       <label class="setting-toggle"><span>工具调用默认折叠</span><input type="checkbox" id="set-collapse" checked></label>
+      <label class="setting-toggle"><span>思考过程默认折叠</span><input type="checkbox" id="set-thinkcollapse" checked></label>
     </div>
     <div class="setting-group">
       <h4>输入</h4>
@@ -594,6 +620,17 @@
         自动：电脑回车发送 / Shift+回车换行；手机回车换行、用按钮发送。<br>发送：回车总是发送（换行用 Shift+回车）。换行：回车总是换行（发送用 Ctrl/⌘+回车 或按钮）。
       </div>
     </div>
+    <div class="setting-group">
+      <h4>快捷栏</h4>
+      <div id="seg-skmode" class="seg-row">
+        <button class="seg" data-skmode="normal">普通</button>
+        <button class="seg" data-skmode="expert">专家</button>
+      </div>
+      <div style="font-size:0.72rem;color:var(--muted);margin-top:0.35rem;line-height:1.5">
+        专家 = 显示全部快捷按钮（默认）。普通 = 只显示下面勾选的，给简单用户减负。
+      </div>
+      <div id="sk-visible-list" style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.15rem 0.6rem;margin-top:0.5rem"></div>
+    </div>
     <div class="setting-group">
       <h4>语音识别 (ASR)</h4>
       <div style="font-size:0.72rem;color:var(--muted);margin-bottom:0.35rem">SenseVoice 或兼容服务的地址，留空表示禁用语音</div>
@@ -1039,7 +1076,13 @@
     const ansi = new AnsiUp();
     ansi.use_classes = false;
 
-    fetch('/api/me').then(r => r.json()).catch(() => {});
+    fetch('/api/me').then(r => r.json()).then(data => {
+      // 打包默认快捷栏预设：用户没自定义过勾选（skVisible 为 null）时采用服务端 config.json 的 skMode
+      if (data?.skMode && settings.skVisible == null) {
+        settings.skVisible = data.skMode === 'normal' ? skPresetNormal() : skPresetAll();
+        settings.skMode = data.skMode; saveSettings(); syncSkModeUI(); updateShortcutBar();
+      }
+    }).catch(() => {});
     window.showUsage = async () => {
       try {
         const res = await fetch('/api/usage');
@@ -1125,7 +1168,10 @@
     let workState = 'idle';
 
     // 设置
-    const DEFAULT_SETTINGS = { parseOutput: true, showThinking: true, collapseTools: true, enterMode: 'auto' };
+    // 快捷栏：skVisible 逐按钮勾选（唯一显隐依据，null=默认全显）；skMode 仅记录最接近的预设（高亮用）
+    const SK_LABELS = { draft:'📥 草稿', model:'模型', plan:'计划', compact:'压缩', resume:'恢复', clear:'清除', secrets:'🔑 密钥', guard:'🛡 护栏', followup:'🔄 跟进', git:'提交', memory:'记忆', skills:'技能', cost:'费用' };
+    const SK_NORMAL_PRESET = ['draft', 'plan', 'clear', 'guard', 'memory', 'skills'];
+    const DEFAULT_SETTINGS = { parseOutput: true, showThinking: true, collapseTools: true, thinkCollapsed: true, enterMode: 'auto', skMode: null, skVisible: null };
     let settings = loadSettings();
 
     function loadSettings() { try { return { ...DEFAULT_SETTINGS, ...JSON.parse(localStorage.getItem('myhi_chat_settings')) }; } catch { return { ...DEFAULT_SETTINGS }; } }
@@ -1173,6 +1219,53 @@
     }));
     updateEnterHint();
 
+    // ── 快捷栏模式（普通/专家）──────────────────────────────────
+    //   两者只是勾选清单的快速预设：专家=全选、普通=六件套；预设之后每个按钮
+    //   仍可单独勾选，显隐始终以清单为准（专家模式下也能单独隐藏某个按钮）。
+    //   skMode 仅记录当前勾选组合最接近哪个预设（高亮用）；null=没选过 → 用服务端
+    //   打包默认（/api/me 的 skMode，config.json skMode 字段 / env MYHI_SK_MODE）
+    function skVisibleMap() {
+      if (!settings.skVisible) {
+        // 未自定义过：默认专家（全显）
+        const all = {};
+        Object.keys(SK_LABELS).forEach(k => { all[k] = true; });
+        return all;
+      }
+      return { ...Object.keys(SK_LABELS).reduce((a, k) => (a[k] = true, a), {}), ...settings.skVisible };
+    }
+    function skPresetAll() {
+      const v = {}; Object.keys(SK_LABELS).forEach(k => { v[k] = true; }); return v;
+    }
+    function skPresetNormal() {
+      const v = {}; Object.keys(SK_LABELS).forEach(k => { v[k] = SK_NORMAL_PRESET.includes(k); }); return v;
+    }
+    function syncSkModeUI() {
+      const vis = skVisibleMap();
+      // 高亮：勾选组合恰好等于某预设才亮，自定义组合两个都不亮
+      const keys = Object.keys(SK_LABELS);
+      const isAll = keys.every(k => vis[k]);
+      const isNormal = keys.every(k => vis[k] === SK_NORMAL_PRESET.includes(k));
+      document.querySelectorAll('#seg-skmode .seg').forEach(b => b.classList.toggle('active',
+        b.dataset.skmode === 'expert' ? isAll : (b.dataset.skmode === 'normal' ? isNormal : false)));
+      const list = document.getElementById('sk-visible-list');
+      if (!list) return;
+      list.innerHTML = keys.map(k =>
+        `<label style="display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:var(--text2);cursor:pointer">
+           <input type="checkbox" data-skkey="${k}" ${vis[k] ? 'checked' : ''}> ${SK_LABELS[k]}
+         </label>`).join('');
+      list.querySelectorAll('input[data-skkey]').forEach(cb => cb.addEventListener('change', () => {
+        const v = skVisibleMap(); v[cb.dataset.skkey] = cb.checked;
+        settings.skVisible = v; saveSettings(); syncSkModeUI(); updateShortcutBar();
+      }));
+    }
+    document.querySelectorAll('#seg-skmode .seg').forEach(b => b.addEventListener('click', () => {
+      settings.skVisible = b.dataset.skmode === 'expert' ? skPresetAll() : skPresetNormal();
+      settings.skMode = b.dataset.skmode;
+      saveSettings(); syncSkModeUI(); updateShortcutBar();
+    }));
+    updateEnterHint();
+    syncSkModeUI();
+
     // 输出累积
     let outputBuffer = '';
     let outputTimer = null;
@@ -2008,10 +2101,10 @@
           el.className = 'msg msg-thinking';
           const header = document.createElement('div');
           header.className = 'thinking-header';
-          header.innerHTML = '<span class="arrow">▶</span> 思考过程';
           const body = document.createElement('div');
-          body.className = 'thinking-body';
+          body.className = 'thinking-body' + (settings.thinkCollapsed !== false ? '' : ' open');
           body.textContent = thinkings.join('\n\n');
+          header.innerHTML = '<span class="arrow' + (settings.thinkCollapsed !== false ? '' : ' open') + '">▶</span> 思考过程';
           header.onclick = () => { body.classList.toggle('open'); header.querySelector('.arrow').classList.toggle('open'); };
           el.appendChild(header);
           el.appendChild(body);
@@ -2100,6 +2193,7 @@
       const body = document.createElement('div');
       body.className = 'thinking-body';
       if (_thinkingText) body.textContent = _thinkingText;
+      if (!settings.thinkCollapsed) { body.classList.add('open'); header.querySelector('.arrow').classList.add('open'); }
 
       header.onclick = () => {
         body.classList.toggle('open');
@@ -2256,6 +2350,48 @@
       document.getElementById('sk-shell').style.display = isPlainShell ? 'flex' : 'none';
       document.getElementById('sk-claude-pty').style.display = isClaudePty ? 'flex' : 'none';
       document.getElementById('sk-claude-agent').style.display = isAgent ? 'flex' : 'none';
+      // 快捷栏显隐：始终以勾选清单为准（skVisibleMap）；普通/专家只是快速预设
+      const vis = skVisibleMap();
+      document.querySelectorAll('#sk-claude-pty [data-sk], #sk-claude-agent [data-sk]').forEach(el => {
+        el.style.display = vis[el.dataset.sk] ? '' : 'none';
+      });
+      // 输入框提示跟模式走：agent 会话提示 @ 引用（普通用户不知道这个用法）
+      cmdInput.placeholder = isAgent ? '输入消息…（打 @ 可引用任务里的文件）' : '输入命令...';
+      // 用户消息导航把手：仅 agent 会话显示（终端会话没有聊天流）
+      document.getElementById('msg-nav-btn').style.display = isAgent ? 'flex' : 'none';
+      if (!isAgent) document.getElementById('msg-nav-panel').style.display = 'none';
+    }
+
+    // ── 用户消息快速导航（借鉴 deepseek）：点清单项跳到那条消息并高亮 ──
+    window.toggleMsgNav = function() {
+      const p = document.getElementById('msg-nav-panel');
+      if (p.style.display === 'block') { p.style.display = 'none'; return; }
+      renderMsgNav();
+      p.style.display = 'block';
+    }
+    function renderMsgNav() {
+      const list = document.getElementById('msg-nav-panel');
+      const items = [...chatArea.querySelectorAll('.msg-input .bubble')]
+        .map(b => ({ el: b.closest('.msg-input'), text: (b.textContent || '').trim() }))
+        .filter(x => x.text);
+      list.innerHTML = '';
+      if (!items.length) {
+        list.innerHTML = '<div style="padding:0.6rem;color:var(--muted);font-size:0.75rem">本页还没有我发的消息（更早的往上翻加载）</div>';
+        return;
+      }
+      items.forEach((it) => {
+        const row = document.createElement('div');
+        row.className = 'mn-item';
+        row.textContent = it.text.length > 46 ? it.text.slice(0, 46) + '…' : it.text;
+        row.title = it.text;
+        row.onclick = () => {
+          it.el.scrollIntoView({ behavior: 'smooth', block: 'center' });
+          it.el.classList.add('msg-flash');
+          setTimeout(() => it.el.classList.remove('msg-flash'), 1800);
+          document.getElementById('msg-nav-panel').style.display = 'none';
+        };
+        list.appendChild(row);
+      });
     }
 
     // ── Socket.IO ──────────────────────────────────
@@ -3130,14 +3266,12 @@
       try {
         const r = await fetch(`/api/session/${SESSION_ID}/open-folder`, { method: 'POST' });
         const d = await r.json();
-        addStatusMessage(d.ok ? '已在服务端机器打开文件夹（远程访问则看不到，用下方列表浏览/下载）' : ('打开失败: ' + (d.error || '')));
-      } catch (e) { addStatusMessage('打开出错: ' + e.message); }
-    };
-    window.fpOpenEditor = async function() {
-      try {
-        const r = await fetch(`/api/session/${SESSION_ID}/open-editor`, { method: 'POST' });
-        const d = await r.json();
-        addStatusMessage(d.ok ? '已尝试用 VS Code 打开（需服务端装了 code 命令且你在本机）' : ('打开失败: ' + (d.error || '')));
+        if (d.ok) {
+          closeFilePanel();
+          addStatusMessage('📂 已在本机打开文件夹 ' + (d.cwd || ''));
+        } else {
+          addStatusMessage('打开失败: ' + (d.error || '') + '（若你是远程访问本面板，此按钮本就不生效）');
+        }
       } catch (e) { addStatusMessage('打开出错: ' + e.message); }
     };
     window.openFilePanel = function() {
@@ -3645,7 +3779,9 @@
       document.getElementById('set-parse').checked = settings.parseOutput;
       document.getElementById('set-thinking').checked = settings.showThinking;
       document.getElementById('set-collapse').checked = settings.collapseTools;
+      document.getElementById('set-thinkcollapse').checked = settings.thinkCollapsed !== false;
       syncEnterModeUI();
+      syncSkModeUI();
       // 从服务端加载 ASR URL
       fetch('/api/server-config').then(r => r.json()).then(d => {
         document.getElementById('set-asr-url').value = d.asrUrl || '';
@@ -3654,6 +3790,7 @@
     document.getElementById('set-parse').addEventListener('change', (e) => { settings.parseOutput = e.target.checked; saveSettings(); });
     document.getElementById('set-thinking').addEventListener('change', (e) => { settings.showThinking = e.target.checked; saveSettings(); });
     document.getElementById('set-collapse').addEventListener('change', (e) => { settings.collapseTools = e.target.checked; saveSettings(); });
+    document.getElementById('set-thinkcollapse').addEventListener('change', (e) => { settings.thinkCollapsed = e.target.checked; saveSettings(); });
 
     window.saveAsrUrl = async function() {
       const url = document.getElementById('set-asr-url').value.trim();

package/dist/grid.html

@@ -244,10 +244,28 @@
     let _tpGroup = localStorage.getItem('myhi_grid_group') || 'time';
     let _tpTag = null;
     function sessionTime(s){ return s.lastActivityAt || s.createdAt || 0; }
+    // 与首页卡片同款相对时间（1.3.173：任务选择条目信息量对齐首页）
+    function fmtRelTime(ms) {
+      if (!ms) return '';
+      const diff = Date.now() - ms;
+      if (diff < 60000) return '刚刚';
+      if (diff < 3600000) return Math.floor(diff / 60000) + '分钟前';
+      if (diff < 86400000) return Math.floor(diff / 3600000) + '小时前';
+      const d = new Date(ms);
+      const hm = d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+      if (diff < 172800000) return '昨天 ' + hm;
+      return (d.getMonth() + 1) + '月' + d.getDate() + '日';
+    }
+    // 待发草稿数（角标），打开弹窗时拉一次
+    let _draftCounts = {};
+    function refreshDraftCounts() {
+      return fetch('/api/inbox').then(r => r.json()).then(d => { _draftCounts = d.counts || {}; }).catch(() => {});
+    }
     window.openTaskPicker = function(pane) {
       _pickTarget = pane;
       document.getElementById('task-picker').style.display = '';
       document.getElementById('tp-search').value = '';
+      refreshDraftCounts();
       refreshSessions(false).then(renderPicker);
       renderPicker();
       setTimeout(() => document.getElementById('tp-search').focus(), 30);
@@ -270,9 +288,22 @@
       const itemHtml = (s) => {
         const cur = _pickTarget && _pickTarget._sid === sId(s);
         const tags = (s.tags||[]).map(t=>`<span style="background:var(--surface2);color:var(--muted);border-radius:4px;font-size:0.62rem;padding:0.02rem 0.3rem">${esc(t)}</span>`).join(' ');
-        return `<div data-id="${esc(sId(s))}" style="padding:0.45rem 0.5rem;border-radius:7px;cursor:pointer;border:1px solid ${cur?'var(--blue2)':'transparent'};background:${cur?'var(--surface2)':'transparent'}">
-          <div style="font-size:0.82rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${esc(sName(s))} ${tags}</div>
-          <div style="font-size:0.66rem;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${esc(s.cwd||'（无目录）')}</div>
+        // 与首页卡片同款信息：时间/在线/控制中 + 首条消息 + 待发草稿 + 存活状态点
+        const meta = [fmtRelTime(sessionTime(s)), s.viewers > 0 ? `${s.viewers} 在线` : '', s.controlHolderName ? `${s.controlHolderName} 控制中` : ''].filter(Boolean).join(' · ');
+        const gist = s.firstUserText ? `<div style="font-size:0.66rem;color:var(--muted);margin-top:0.12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">💬 ${esc(s.firstUserText)}</div>` : '';
+        const nDraft = _draftCounts[sId(s)] || 0;
+        const draft = nDraft ? `<div style="font-size:0.64rem;color:#d29922;margin-top:0.1rem">📥 ${nDraft} 条待发草稿</div>` : '';
+        return `<div data-id="${esc(sId(s))}" style="display:flex;align-items:center;gap:0.5rem;padding:0.45rem 0.5rem;border-radius:7px;cursor:pointer;border:1px solid ${cur?'var(--blue2)':'transparent'};background:${cur?'var(--surface2)':'transparent'}">
+          <div style="flex:1;min-width:0">
+            <div style="font-size:0.82rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${esc(sName(s))} ${tags}</div>
+            <div style="font-size:0.66rem;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${esc(s.cwd||'（无目录）')}${meta ? ' · ' + esc(meta) : ''}</div>
+            ${gist}
+            ${draft}
+          </div>
+          <div style="flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:0.2rem">
+            <span title="${s.alive ? '存活' : '已结束'}" style="width:8px;height:8px;border-radius:50%;background:${s.alive?'var(--green,#2ea043)':'var(--red,#f85149)'};box-shadow:${s.alive?'0 0 5px var(--green,#2ea043)':'none'}"></span>
+            ${s.viewers > 1 ? `<span style="font-size:0.6rem;color:var(--dim)">👁 ${s.viewers}</span>` : ''}
+          </div>
         </div>`;
       };
       const header = (t) => `<div style="color:var(--muted);font-size:0.7rem;font-weight:600;margin:0.6rem 0.2rem 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${esc(t)}</div>`;