@wendongfly/myhi 1.3.129 → 1.3.132

package/dist/chat.html

@@ -134,6 +134,25 @@
     .tool-body { display: none; background: var(--surface); border: 1px solid var(--surface2); border-radius: 6px; padding: 0.5rem; margin-top: 0.2rem; font-family: 'SF Mono', 'Consolas', monospace; font-size: 0.75rem; line-height: 1.3; overflow-x: auto; white-space: pre-wrap; word-break: break-all; max-height: 300px; overflow-y: auto; }
     .tool-body.open { display: block; }
 
+    /* 子代理（Task）面板：内部活动按 parent_tool_use_id 归拢 + 状态灯，不平铺污染主流 */
+    .msg-subagent { border-left: 3px solid var(--accent); margin: 0.4rem 0 0.4rem 0.3rem; padding-left: 0.6rem; }
+    .sub-header { display: flex; align-items: center; gap: 0.4rem; cursor: pointer; font-size: 0.8rem; color: var(--accent); padding: 0.28rem 0; user-select: none; flex-wrap: wrap; }
+    .sub-header:hover { filter: brightness(1.15); }
+    .sub-header .arrow { transition: transform 0.15s; font-size: 0.65rem; }
+    .sub-header .arrow.open { transform: rotate(90deg); }
+    .sub-dot { width: 8px; height: 8px; border-radius: 50%; flex: none; }
+    .sub-dot.running { background: var(--blue); animation: subpulse 1s ease-in-out infinite; }
+    .sub-dot.done { background: var(--green); }
+    .sub-dot.fail { background: #e5484d; }
+    @keyframes subpulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.3;transform:scale(.65)} }
+    .sub-meta { color: var(--muted); font-size: 0.72rem; }
+    .sub-body { display: none; margin-top: 0.2rem; padding-left: 0.4rem; border-left: 1px dashed var(--surface2); }
+    .sub-body.open { display: block; }
+    .sub-desc { color: var(--muted); font-size: 0.74rem; padding: 0.2rem 0 0.35rem; white-space: pre-wrap; word-break: break-word; }
+    .sub-act { font-size: 0.75rem; padding: 0.15rem 0; color: var(--text); white-space: pre-wrap; word-break: break-word; }
+    .sub-act .k { color: var(--muted); }
+    .sub-summary { background: var(--surface); border: 1px solid var(--surface2); border-radius: 6px; padding: 0.4rem 0.5rem; margin-top: 0.35rem; font-size: 0.75rem; white-space: pre-wrap; word-break: break-word; max-height: 260px; overflow-y: auto; }
+
 
     /* Diff 视图 */
     .msg-diff { font-family: 'SF Mono', 'Consolas', monospace; font-size: 0.78rem; background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 0.5rem 0.6rem; overflow-x: auto; line-height: 1.35; }
@@ -428,6 +447,7 @@
       <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="openVaSheet()" style="color:var(--blue2)">语音</button>
@@ -676,6 +696,33 @@
     </div>
   </div>
 
+  <!-- 自动跟进（会话级）：长任务完成后自动汇报进度，免用户反复问 -->
+  <div id="followup-sheet" class="action-sheet">
+    <div class="action-sheet-backdrop" onclick="closeFollowUpSheet()"></div>
+    <div class="action-sheet-box" style="max-height:72vh;display:flex;flex-direction:column">
+      <div class="action-sheet-title">🔄 自动跟进 · 本会话</div>
+      <div style="font-size:0.68rem;color:var(--muted);padding:0 0.2rem 0.5rem;line-height:1.55">
+        交给 AI 的长任务（压缩、导入、批处理…）常要你反复问"好了没"。开启后，AI 说完一轮、会话空闲时，myhi 会<b>每隔一段时间自动替你问一次进度并让 AI 汇报</b>；AI 判断<b>全部完成会自动停</b>。
+        <br><span style="color:var(--yellow)">⚠️ 每次自动跟进 = 一轮真实模型调用（花额度），故最多 5 次上限、完成即停。</span>
+      </div>
+      <label style="display:flex;align-items:center;gap:0.5rem;padding:0.45rem 0.2rem;font-size:0.86rem;cursor:pointer;border-top:1px solid var(--surface2)">
+        <input type="checkbox" id="fu-enabled" onchange="saveFollowUp()" style="width:1.15rem;height:1.15rem"> 开启自动跟进
+      </label>
+      <div style="display:flex;align-items:center;gap:0.5rem;padding:0.3rem 0.2rem;font-size:0.82rem">
+        跟进间隔：
+        <select id="fu-interval" class="slash-inp" onchange="saveFollowUp()" style="max-width:130px">
+          <option value="5">5 分钟</option>
+          <option value="10">10 分钟</option>
+          <option value="15">15 分钟</option>
+          <option value="30">30 分钟</option>
+          <option value="60">60 分钟</option>
+        </select>
+      </div>
+      <div id="fu-status" style="font-size:0.72rem;color:var(--muted);padding:0.3rem 0.2rem"></div>
+      <button class="action-sheet-cancel" onclick="closeFollowUpSheet()">关闭</button>
+    </div>
+  </div>
+
   <div id="memory-sheet" class="action-sheet">
     <div class="action-sheet-backdrop" onclick="closeMemorySheet()"></div>
     <div class="action-sheet-box" style="height:90vh;max-height:90vh;display:flex;flex-direction:column">
@@ -1117,14 +1164,107 @@
     const TOOL_ICONS = { Read:'📄', Edit:'✏️', Write:'📝', Bash:'💻', Grep:'🔍', Glob:'📂', WebFetch:'🌐', WebSearch:'🔎', LSP:'🔧', Task:'🤖', Agent:'🤖' };
 
     // 子代理（Task 工具）渲染：把 subagent_type / description / prompt 拆开展示，
-    // 而不是甩一坨 input JSON。返回 { label, body } 交给 addToolMessage。
+    // 而不是甩一坨 input JSON。返回 { label, body, desc } 交给面板/工具卡。
     function subagentToolInfo(input) {
       const type = (input && input.subagent_type) || 'general-purpose';
       const desc = (input && input.description) || '';
       const prompt = (input && input.prompt) || '';
       const label = `子代理 · ${type}`;
       const body = (desc ? `📋 ${desc}\n\n` : '') + (prompt || JSON.stringify(input || {}, null, 2));
-      return { label, body };
+      return { label, body, desc };
+    }
+
+    // ── 子代理（Task）面板：子代理内部活动带 parent_tool_use_id 冒泡到主 stream（见 agent.js），
+    //    这里按 taskId(=Task 的 tool_use id) 归拢到一张可折叠面板 + 状态灯，主流不再被平铺污染 ──
+    let _subagents = {}; // taskId → { el, bodyEl, dotEl, metaEl, toolCount, state }
+    function subaResetAll() { _subagents = {}; }
+
+    // 生成一个可折叠的内部工具项（复用工具卡样式），放进子代理面板 body
+    function subaMakeItem(name, payload) {
+      const icon = TOOL_ICONS[name] || '🔧';
+      const item = document.createElement('div'); item.className = 'msg-tool';
+      const h = document.createElement('div'); h.className = 'tool-header';
+      h.innerHTML = `<span class="arrow">▶</span> ${icon} ${escHtml(name || '工具')}`;
+      const b = document.createElement('div'); b.className = 'tool-body';
+      b.innerHTML = renderAnsiHtml(typeof payload === 'string' ? payload : JSON.stringify(payload || {}, null, 2));
+      h.onclick = () => { b.classList.toggle('open'); h.querySelector('.arrow').classList.toggle('open'); };
+      item.appendChild(h); item.appendChild(b);
+      return item;
+    }
+
+    function subaCreatePanel(taskId, info, opts) {
+      if (!taskId) return null;
+      if (_subagents[taskId]) return _subagents[taskId];
+      endStream(); removeThinking(); endToolGroup();
+      const el = document.createElement('div'); el.className = 'msg msg-subagent';
+      const header = document.createElement('div'); header.className = 'sub-header';
+      const arrow = document.createElement('span'); arrow.className = 'arrow'; arrow.textContent = '▶';
+      const dot = document.createElement('span'); dot.className = 'sub-dot running';
+      const title = document.createElement('span'); title.innerHTML = `🤖 ${escHtml((info && info.label) || '子代理')}`;
+      const meta = document.createElement('span'); meta.className = 'sub-meta'; meta.textContent = '运行中…';
+      header.appendChild(arrow); header.appendChild(dot); header.appendChild(title); header.appendChild(meta);
+      const bodyEl = document.createElement('div'); bodyEl.className = 'sub-body';
+      if (info && info.desc) { const d = document.createElement('div'); d.className = 'sub-desc'; d.textContent = '📋 ' + info.desc; bodyEl.appendChild(d); }
+      header.onclick = () => { bodyEl.classList.toggle('open'); arrow.classList.toggle('open'); };
+      el.appendChild(header); el.appendChild(bodyEl);
+      chatArea.appendChild(el); trimMessages();
+      const rec = { el, bodyEl, dotEl: dot, metaEl: meta, toolCount: 0, state: 'running' };
+      _subagents[taskId] = rec;
+      if (opts && opts.done) subaMarkDone(taskId, null);
+      scrollToBottom();
+      return rec;
+    }
+
+    // 把一条带 parent_tool_use_id 的消息拆成活动，追加进对应面板。命中返回 true。
+    function subaRoute(msg) {
+      const pid = msg && msg.parent_tool_use_id;
+      const rec = pid && _subagents[pid];
+      if (!rec) return false;
+      const blocks = msg.message && msg.message.content;
+      if (Array.isArray(blocks)) {
+        for (const bl of blocks) {
+          if (bl.type === 'tool_use') {
+            rec.bodyEl.appendChild(subaMakeItem(bl.name === 'Task' ? '子代理' : bl.name, bl.input));
+            rec.toolCount++;
+          } else if (bl.type === 'text' && bl.text && bl.text.trim()) {
+            const t = document.createElement('div'); t.className = 'sub-act';
+            t.innerHTML = `<span class="k">💬</span> ${escHtml(bl.text.trim())}`;
+            rec.bodyEl.appendChild(t);
+          } else if (bl.type === 'tool_result') {
+            const c = typeof bl.content === 'string' ? bl.content
+              : Array.isArray(bl.content) ? bl.content.map(x => x.text || '').join('\n') : JSON.stringify(bl.content);
+            if (c && c.trim()) rec.bodyEl.appendChild(subaMakeItem('↳ 结果', c));
+          }
+        }
+      } else if (typeof msg.content === 'string' && msg.content.trim()) {
+        const t = document.createElement('div'); t.className = 'sub-act';
+        t.innerHTML = `<span class="k">↳</span> ${escHtml(msg.content.trim())}`;
+        rec.bodyEl.appendChild(t);
+      }
+      if (rec.state === 'running') rec.metaEl.textContent = `运行中… ${rec.toolCount} 步`;
+      scrollToBottom();
+      return true;
+    }
+
+    function subaMarkDone(taskId, summary) {
+      const rec = _subagents[taskId];
+      if (!rec || rec.state === 'done') return;
+      rec.state = 'done';
+      rec.dotEl.className = 'sub-dot done';
+      rec.metaEl.textContent = `✅ 完成 · ${rec.toolCount} 步`;
+      if (summary && String(summary).trim()) {
+        const s = document.createElement('div'); s.className = 'sub-summary';
+        s.textContent = String(summary).trim();
+        rec.bodyEl.appendChild(s);
+      }
+    }
+    function subaMarkAllDone() { for (const id in _subagents) subaMarkDone(id, null); }
+
+    // 主线里 Task 的 tool_result（tool_use_id == taskId）→ 面板转完成 + 摘要。命中返回 true。
+    function subaTryComplete(toolUseId, content) {
+      if (!toolUseId || !_subagents[toolUseId]) return false;
+      subaMarkDone(toolUseId, content);
+      return true;
     }
 
     // ── 消息渲染 ──────────────────────────────────
@@ -1798,6 +1938,8 @@
     // ── Agent 模式事件 ──────────────────────────────
     socket.on('agent:message', (msg) => {
       if (!msg) return;
+      // 子代理内部活动（带 parent_tool_use_id）归入对应面板，不平铺进主流
+      if (subaRoute(msg)) { setWorkState('working'); return; }
       switch (msg.type) {
         case 'system':
           if (msg.subtype === 'init') {
@@ -1836,15 +1978,14 @@
                 if (block.name === 'AskUserQuestion' && block.input) {
                   openAskSheet(block.input);
                 }
-                if (block.name === 'Task' && block.input) {
-                  const info = subagentToolInfo(block.input);
-                  addToolMessage(info.body, info.label);
+                if (block.name === 'Task') {
+                  subaCreatePanel(block.id, subagentToolInfo(block.input || {}));
                 } else {
                   addToolMessage(JSON.stringify(block.input || {}, null, 2), block.name || '工具');
                 }
               } else if (block.type === 'tool_result') {
                 const content = typeof block.content === 'string' ? block.content : JSON.stringify(block.content);
-                addRawOutput(content);
+                if (!subaTryComplete(block.tool_use_id, content)) addRawOutput(content);
               }
             }
           }
@@ -1860,6 +2001,7 @@
           // 轮次结束时确保闹钟 chip 被扫描（防止最后一条消息未经过 endStream）
           endStream();
           const cost = msg.total_cost_usd ? ` ($${msg.total_cost_usd.toFixed(4)})` : '';
+          subaMarkAllDone(); // 轮结束：仍在"运行中"的子代理面板一律收尾为完成（兜底）
           addStatusMessage(`完成${cost}`);
           // 关键：idle 放最后——渲染最终答复的 addAssistantMessage 会把状态置回 'working'，
           // 若在其之前置 idle 会被顶回「执行中」+ 取消按钮不复位。渲染全部完成后再回 idle。
@@ -1903,9 +2045,8 @@
           if (msg.name === 'AskUserQuestion' && msg.input) {
             openAskSheet(msg.input);
           }
-          if (msg.name === 'Task' && msg.input) {
-            const info = subagentToolInfo(msg.input);
-            addToolMessage(info.body, info.label);
+          if (msg.name === 'Task') {
+            subaCreatePanel(msg.id, subagentToolInfo(msg.input || {}));
           } else {
             addToolMessage(JSON.stringify(msg.input || {}, null, 2), msg.name || '工具');
           }
@@ -1919,7 +2060,7 @@
             const text = typeof msg.content === 'string' ? msg.content
               : Array.isArray(msg.content) ? msg.content.map(b => b.text || '').join('\n')
               : JSON.stringify(msg.content);
-            if (text.trim()) addRawOutput(text);
+            if (text.trim() && !subaTryComplete(msg.tool_use_id, text)) addRawOutput(text);
           }
           setWorkState('working');
           break;
@@ -1950,8 +2091,10 @@
       _historyHasMore = true;
       _userScrolledUp = false;
 
+      subaResetAll();
       for (const msg of history) {
         endStream(); // 每条历史消息都是独立的，不要流式合并
+        if (subaRoute(msg)) continue; // 子代理内部历史消息归入对应面板
         if (msg.type === 'user' && msg.content) {
           addInputMessage(msg.content);
         } else if (msg.type === 'assistant' && msg.message?.content) {
@@ -1960,7 +2103,10 @@
           for (const block of msg.message.content) {
             if (block.type === 'thinking' && block.thinking) { showThinking(block.thinking); removeThinking(); }
             else if (block.type === 'text' && block.text) texts.push(block.text);
-            else if (block.type === 'tool_use') addToolMessage(JSON.stringify(block.input || {}, null, 2), block.name || '工具');
+            else if (block.type === 'tool_use') {
+              if (block.name === 'Task') subaCreatePanel(block.id, subagentToolInfo(block.input || {}), { done: false });
+              else addToolMessage(JSON.stringify(block.input || {}, null, 2), block.name || '工具');
+            }
           }
           if (texts.length) {
             const combined = texts.join('\n\n');
@@ -1977,6 +2123,7 @@
           addStatusMessage(`完成${cost}`);
         }
       }
+      subaMarkAllDone(); // 历史都是过去式：剩余"运行中"的子代理面板收尾为完成
 
       // 还原断点处的流式气泡，让后续 live delta 接着拼
       if (inflightText) {
@@ -3188,6 +3335,42 @@
       } catch {}
     };
 
+    // ── 自动跟进（会话级）：长任务完成后自动汇报进度 ──────────────
+    window.openFollowUpSheet = function() {
+      document.getElementById('followup-sheet').classList.add('open');
+      loadFollowUp();
+    };
+    window.closeFollowUpSheet = function() {
+      document.getElementById('followup-sheet').classList.remove('open');
+    };
+    function _fuStatusText(d) {
+      return d.enabled ? `已开启 · 每 ${d.intervalMinutes} 分钟 · 已跟进 ${d.count}/${d.max} 次` : '未开启';
+    }
+    async function loadFollowUp() {
+      try {
+        const r = await fetch(`/api/session/${SESSION_ID}/followup`);
+        if (!r.ok) { document.getElementById('fu-status').textContent = '（此会话不支持自动跟进）'; return; }
+        const d = await r.json();
+        document.getElementById('fu-enabled').checked = !!d.enabled;
+        document.getElementById('fu-interval').value = String(d.intervalMinutes || 15);
+        document.getElementById('fu-status').textContent = _fuStatusText(d);
+      } catch { document.getElementById('fu-status').textContent = '连接失败'; }
+    }
+    window.saveFollowUp = async function() {
+      const enabled = document.getElementById('fu-enabled').checked;
+      const intervalMinutes = parseInt(document.getElementById('fu-interval').value, 10) || 15;
+      try {
+        const r = await fetch(`/api/session/${SESSION_ID}/followup`, {
+          method: 'PUT', headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ enabled, intervalMinutes }),
+        });
+        const d = await r.json();
+        if (d.error) { addStatusMessage(d.error); return; }
+        document.getElementById('fu-status').textContent = _fuStatusText(d);
+        addStatusMessage(enabled ? `🔄 自动跟进已开启（每 ${intervalMinutes} 分钟）` : '🔄 自动跟进已关闭');
+      } catch { addStatusMessage('设置失败'); }
+    };
+
     // ── 隐私护栏（Layer C，去标识化）：会话级自助维护 ──────────────
     window.openGuardSheet = function() {
       document.getElementById('guard-sheet').classList.add('open');