@wendongfly/myhi 1.3.147 → 1.3.149

package/dist/chat.html

@@ -192,6 +192,11 @@
     .msg-history .code-block { background: var(--bg); border: 1px solid var(--surface2); border-radius: 8px; padding: 0.6rem 0.75rem; font-family: 'SF Mono', 'Consolas', monospace; font-size: 0.75rem; line-height: 1.3; white-space: pre-wrap; word-break: break-all; color: var(--muted); max-height: 300px; overflow-y: auto; }
     .msg-history .meta { font-size: 0.65rem; color: var(--dimmer); margin-bottom: 4px; }
     .msg-status { text-align: center; font-size: 0.75rem; color: var(--muted); padding: 0.5rem 0; }
+    /* claude CLI 注入的合成 user 消息（上下文压缩续接摘要）—— 系统面板，不长成用户发言 */
+    .msg-synthetic { margin: 0.4rem 0; }
+    .msg-synthetic .syn-head { text-align: center; font-size: 0.75rem; color: var(--muted); cursor: pointer; user-select: none; padding: 0.35rem 0; }
+    .msg-synthetic .syn-head:hover { color: var(--text); }
+    .msg-synthetic .syn-body { white-space: pre-wrap; font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace; font-size: 0.75rem; line-height: 1.5; color: var(--muted); background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 0.5rem 0.75rem; max-height: 320px; overflow-y: auto; word-break: break-word; }
 
     /* ── 输入栏 ─────────────────────────────── */
     #input-area { background: var(--surface); border-top: 1px solid var(--border); flex-shrink: 0; padding: 0.5rem 0.75rem 0.35rem; }
@@ -1503,6 +1508,49 @@
       scrollToBottom();
     }
 
+    // claude CLI 自己注入的「合成 user 消息」——不是真人打的字：
+    // ① 上下文满时 claude 自动压缩续接，往 transcript 写一大段 "This session is being
+    //    continued..." 英文摘要（isCompactSummary）；重启/重进回放时若照用户气泡渲染，
+    //    看起来就像有人在你会话里打字（实际反馈过）。
+    // ② [Request interrupted by user]：点停止按钮产生的中断标记，同理不是发言。
+    // 分别渲染成折叠摘要面板 / 状态行。
+    function syntheticUserKind(text) {
+      if (typeof text !== 'string') return null;
+      const t = text.trimStart();
+      if (t.startsWith('This session is being continued from a previous conversation')) return 'compact';
+      if (t.startsWith('[Request interrupted by user')) return 'interrupt'; // 含 "...for tool use" 变体
+      return null;
+    }
+
+    function buildSyntheticUserEl(content) {
+      const el = document.createElement('div');
+      if (syntheticUserKind(content) === 'interrupt') {
+        el.className = 'msg msg-status';
+        el.textContent = '— ⏹ 请求已中断 —';
+        return el;
+      }
+      el.className = 'msg msg-synthetic';
+      const head = document.createElement('div');
+      head.className = 'syn-head';
+      const body = document.createElement('div');
+      body.className = 'syn-body';
+      body.style.display = 'none';
+      body.textContent = content; // 摘要可能带任意字符，textContent 防注入
+      const sync = () => {
+        head.textContent = body.style.display !== 'none'
+          ? '🔄 上下文已满，claude 已自动压缩续接（点此收起摘要）'
+          : '🔄 上下文已满，claude 已自动压缩续接（点此展开摘要）';
+      };
+      head.onclick = () => {
+        body.style.display = body.style.display !== 'none' ? 'none' : 'block';
+        sync();
+      };
+      sync();
+      el.appendChild(head);
+      el.appendChild(body);
+      return el;
+    }
+
     // 连续重复的同一条状态不再一行行堆，折叠成「— xxx — ×N」。
     // 任何会反复触发的状态（自动重启、上传失败、控制权变更…）都不会再刷屏。
     function addStatusMessage(text) {
@@ -2329,7 +2377,13 @@
         endStream(); // 每条历史消息都是独立的，不要流式合并
         if (subaRoute(msg)) continue; // 子代理内部历史消息归入对应面板
         if (msg.type === 'user' && msg.content) {
-          addInputMessage(msg.content);
+          // claude 注入的合成消息（压缩续接摘要/中断标记）渲染成系统面板，不长成用户发言
+          if (syntheticUserKind(msg.content)) {
+            chatArea.appendChild(buildSyntheticUserEl(msg.content));
+            trimMessages(); scrollToBottom();
+          } else {
+            addInputMessage(msg.content);
+          }
         } else if (msg.type === 'assistant' && msg.message?.content) {
           // 将同一条 assistant 消息的所有 text block 合并为一条
           const texts = [];
@@ -2411,10 +2465,14 @@
         const frag = document.createDocumentFragment();
         for (const msg of d.messages) {
           if (msg.type === 'user' && msg.content) {
-            const el = document.createElement('div');
-            el.className = 'msg msg-input';
-            el.innerHTML = `<div><div class="bubble">${escHtml(msg.content)}</div><div class="meta">${msg.timestamp ? new Date(msg.timestamp).toLocaleString('zh-CN') : ''}</div></div>`;
-            frag.appendChild(el);
+            if (syntheticUserKind(msg.content)) {
+              frag.appendChild(buildSyntheticUserEl(msg.content));
+            } else {
+              const el = document.createElement('div');
+              el.className = 'msg msg-input';
+              el.innerHTML = `<div><div class="bubble">${escHtml(msg.content)}</div><div class="meta">${msg.timestamp ? new Date(msg.timestamp).toLocaleString('zh-CN') : ''}</div></div>`;
+              frag.appendChild(el);
+            }
           } else if (msg.type === 'assistant' && msg.message?.content) {
             const texts = [], tools = [];
             for (const block of msg.message.content) {