@wendongfly/myhi 1.3.172 → 1.3.174

package/dist/chat.html

@@ -213,6 +213,31 @@
     #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);
+      opacity: 0; pointer-events: none; transition: opacity 0.2s;   /* 桌面端：鼠标移进聊天区才现身 */
+    }
+    #msg-nav-btn.hovered { opacity: 1; pointer-events: auto; }
+    @media (pointer: coarse) { #msg-nav-btn { opacity: 1; pointer-events: auto; } }  /* 触屏没有 hover，常显 */
+    #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;
@@ -262,11 +287,18 @@
     /* ── 设置面板 ───────────────────────────── */
     #settings-backdrop { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 60; }
     #settings-backdrop.open { display: block; }
-    #settings-panel { position: fixed; top: 0; right: -320px; width: 300px; max-width: 85vw; height: 100%; background: var(--surface); border-left: 1px solid var(--border); z-index: 61; transition: right 0.25s ease; overflow-y: auto; padding: 1rem; }
+    #settings-panel { position: fixed; top: 0; right: -360px; width: 340px; max-width: 92vw; height: 100%; background: var(--surface); border-left: 1px solid var(--border); z-index: 61; transition: right 0.25s ease; overflow-y: auto; padding: 1rem; }
     #settings-panel.open { right: 0; }
-    .panel-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; font-size: 1rem; font-weight: 600; }
+    .panel-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.6rem; font-size: 1rem; font-weight: 600; }
     .panel-close { background: none; border: none; color: var(--muted); font-size: 1.2rem; cursor: pointer; }
-    .setting-group { margin-bottom: 1.2rem; }
+    /* 设置抽屉分类页签：一屏只看一类，不再长条堆叠（1.3.174 用户反馈太拥挤） */
+    #settings-tabs { display: flex; gap: 0.25rem; margin-bottom: 0.9rem; border-bottom: 1px solid var(--border); padding-bottom: 0.4rem; }
+    #settings-tabs .stab {
+      flex: 1; background: none; border: none; color: var(--muted);
+      font-size: 0.8rem; padding: 0.35rem 0.2rem; border-radius: 7px; cursor: pointer; white-space: nowrap;
+    }
+    #settings-tabs .stab.active { background: var(--surface3); color: var(--text); font-weight: 600; }
+    .setting-group { margin-bottom: 1rem; }
     .setting-group h4 { font-size: 0.75rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.5rem; }
     .setting-toggle { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0; font-size: 0.85rem; cursor: pointer; }
     .seg-row { display: flex; gap: 0.35rem; flex-wrap: wrap; }
@@ -497,34 +529,39 @@
       <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="folder" onclick="fpOpenFolder()" style="color:var(--blue2)">📂 文件夹</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">
@@ -559,8 +596,13 @@
   <div id="settings-backdrop" onclick="closeSettings()"></div>
   <div id="settings-panel">
     <div class="panel-header"><span>设置</span><button class="panel-close" onclick="closeSettings()">✕</button></div>
-    <div class="setting-group">
-      <h4>外观</h4>
+    <div id="settings-tabs">
+      <button class="stab active" data-tab="look">外观</button>
+      <button class="stab" data-tab="chat">聊天</button>
+      <button class="stab" data-tab="bar">快捷栏</button>
+      <button class="stab" data-tab="more">更多</button>
+    </div>
+    <div class="setting-group" data-stab="look">
       <div style="font-size:0.8rem;color:var(--text2);margin:0.1rem 0 0.35rem">主题</div>
       <div id="seg-theme" class="seg-row">
         <button class="seg" data-theme="system">跟随系统</button>
@@ -575,13 +617,14 @@
         <button class="seg" data-font="large">大</button>
       </div>
     </div>
-    <div class="setting-group">
+    <div class="setting-group" data-stab="chat" style="display:none">
       <h4>显示</h4>
       <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">
+    <div class="setting-group" data-stab="chat" style="display:none">
       <h4>输入</h4>
       <div style="font-size:0.8rem;color:var(--text2);margin:0.1rem 0 0.35rem">回车键</div>
       <div id="seg-enter" class="seg-row">
@@ -593,7 +636,17 @@
         自动：电脑回车发送 / Shift+回车换行；手机回车换行、用按钮发送。<br>发送：回车总是发送（换行用 Shift+回车）。换行：回车总是换行（发送用 Ctrl/⌘+回车 或按钮）。
       </div>
     </div>
-    <div class="setting-group">
+    <div class="setting-group" data-stab="bar" style="display:none">
+      <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" data-stab="more" style="display:none">
       <h4>语音识别 (ASR)</h4>
       <div style="font-size:0.72rem;color:var(--muted);margin-bottom:0.35rem">SenseVoice 或兼容服务的地址，留空表示禁用语音</div>
       <div style="display:flex;gap:0.4rem">
@@ -602,7 +655,7 @@
       </div>
       <div id="set-asr-status" style="font-size:0.72rem;min-height:1.2em;margin-top:0.25rem;color:var(--muted)"></div>
     </div>
-    <div class="setting-group">
+    <div class="setting-group" data-stab="more" style="display:none">
       <h4>服务管理</h4>
       <button onclick="restartMyhi()" style="width:100%;padding:0.6rem;background:var(--red2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:0.85rem;font-weight:600;margin-top:0.1rem">重启 myhi</button>
     </div>
@@ -1038,7 +1091,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');
@@ -1124,7 +1183,10 @@
     let workState = 'idle';
 
     // 设置
-    const DEFAULT_SETTINGS = { parseOutput: true, showThinking: true, collapseTools: true, enterMode: 'auto' };
+    // 快捷栏：skVisible 逐按钮勾选（唯一显隐依据，null=默认全显）；skMode 仅记录最接近的预设（高亮用）
+    const SK_LABELS = { draft:'📥 草稿', folder:'📂 文件夹', model:'模型', plan:'计划', compact:'压缩', resume:'恢复', clear:'清除', secrets:'🔑 密钥', guard:'🛡 护栏', followup:'🔄 跟进', git:'提交', memory:'记忆', skills:'技能', cost:'费用' };
+    const SK_NORMAL_PRESET = ['draft', 'folder', '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 }; } }
@@ -1172,6 +1234,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;
@@ -2007,10 +2116,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);
@@ -2099,6 +2208,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');
@@ -2255,6 +2365,69 @@
       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';
+    }
+    // 桌面端：鼠标移进聊天区/把手/清单 → 显示把手；离开 → 延迟 350ms 收起
+    // （清单开着时不收把手，方便看着清单滚动定位）。触屏设备无常显（见 CSS）。
+    let _navHideTimer = null;
+    function navShow() { clearTimeout(_navHideTimer); document.getElementById('msg-nav-btn').classList.add('hovered'); }
+    function navHideLater() {
+      clearTimeout(_navHideTimer);
+      _navHideTimer = setTimeout(() => {
+        if (document.getElementById('msg-nav-panel').style.display === 'block') return;
+        document.getElementById('msg-nav-btn').classList.remove('hovered');
+      }, 350);
+    }
+    ['mouseenter'].forEach(ev => {
+      chatArea.addEventListener(ev, navShow);
+      document.getElementById('msg-nav-btn').addEventListener(ev, navShow);
+      document.getElementById('msg-nav-panel').addEventListener(ev, navShow);
+    });
+    ['mouseleave'].forEach(ev => {
+      chatArea.addEventListener(ev, navHideLater);
+      document.getElementById('msg-nav-btn').addEventListener(ev, navHideLater);
+      document.getElementById('msg-nav-panel').addEventListener(ev, navHideLater);
+    });
+    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 ──────────────────────────────────
@@ -3113,7 +3286,16 @@
     }
 
     // ── 设置面板 ──────────────────────────────────
-    window.openSettings = function() { document.getElementById('settings-backdrop').classList.add('open'); document.getElementById('settings-panel').classList.add('open'); syncSettingsUI(); };
+    window.openSettings = function() { document.getElementById('settings-backdrop').classList.add('open'); document.getElementById('settings-panel').classList.add('open'); syncSettingsUI(); applySettingsTab(localStorage.getItem('myhi_settings_tab') || 'look'); };
+    // 设置抽屉分类页签（1.3.174：一屏只看一类，不再长条堆叠）
+    function applySettingsTab(tab) {
+      document.querySelectorAll('#settings-tabs .stab').forEach(b => b.classList.toggle('active', b.dataset.tab === tab));
+      document.querySelectorAll('#settings-panel [data-stab]').forEach(g => { g.style.display = g.dataset.stab === tab ? '' : 'none'; });
+    }
+    document.querySelectorAll('#settings-tabs .stab').forEach(b => b.addEventListener('click', () => {
+      localStorage.setItem('myhi_settings_tab', b.dataset.tab);
+      applySettingsTab(b.dataset.tab);
+    }));
     window.closeSettings = function() { document.getElementById('settings-backdrop').classList.remove('open'); document.getElementById('settings-panel').classList.remove('open'); };
 
     // ── 文件管理 ──────────────────────────────────
@@ -3642,7 +3824,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 || '';
@@ -3651,6 +3835,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>`;