@wendongfly/myhi 1.0.39 → 1.0.41

package/dist/chat.html

@@ -543,6 +543,37 @@
       setWorkState('working');
     }
 
+    // 流式增量追加（content_block_delta）
+    function appendStream(text) {
+      endToolGroup();
+      if (_streamEl && chatArea.contains(_streamEl)) {
+        _streamText += text;
+        const content = _streamEl.querySelector('.content');
+        if (content) content.innerHTML = renderMarkdown(_streamText);
+        scrollToBottom();
+      } else {
+        // 还没有流式容器，新建一个
+        _streamText = text;
+        const msg = document.createElement('div');
+        msg.className = 'msg msg-assistant';
+        const content = document.createElement('div');
+        content.className = 'content';
+        content.innerHTML = renderMarkdown(text);
+        msg.appendChild(content);
+        chatArea.appendChild(msg);
+        _streamEl = msg;
+        trimMessages();
+        scrollToBottom();
+      }
+      setWorkState('working');
+    }
+
+    function appendThinking(text) {
+      if (!thinkingEl) { showThinking(text); return; }
+      const content = thinkingEl.querySelector('.thinking-content');
+      if (content) { content.textContent += text; scrollToBottom(); }
+    }
+
     // 当收到非 assistant 类型的消息时，结束流式追加
     function endStream() { _streamEl = null; _streamText = ''; }
 
@@ -999,12 +1030,58 @@
           const cost = msg.total_cost_usd ? ` ($${msg.total_cost_usd.toFixed(4)})` : '';
           addStatusMessage(`完成${cost}`);
           break;
+        case 'content_block_start':
+          // 流式内容块开始（tool_use 时显示工具名）
+          if (msg.content_block?.type === 'tool_use') {
+            addToolMessage('', msg.content_block.name || '工具');
+          } else if (msg.content_block?.type === 'thinking') {
+            showThinking('');
+          }
+          setWorkState('working');
+          break;
+        case 'content_block_delta':
+          // 流式内容增量
+          if (msg.delta?.type === 'text_delta' && msg.delta.text) {
+            appendStream(msg.delta.text);
+          } else if (msg.delta?.type === 'thinking_delta' && msg.delta.thinking) {
+            appendThinking(msg.delta.thinking);
+          } else if (msg.delta?.type === 'input_json_delta' && msg.delta.partial_json) {
+            // 工具参数流式增量，暂不显示
+          }
+          break;
+        case 'content_block_stop':
+          endStream();
+          break;
+        case 'message_start':
+          setWorkState('working');
+          break;
+        case 'message_delta':
+          // 消息结束原因等
+          break;
+        case 'message_stop':
+          break;
+        case 'tool_use':
+          // 独立工具调用消息
+          addToolMessage(JSON.stringify(msg.input || {}, null, 2), msg.name || '工具');
+          setWorkState('working');
+          break;
+        case 'tool_result':
+          // 独立工具结果消息
+          if (msg.content) {
+            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);
+          }
+          setWorkState('working');
+          break;
         case 'rate_limit_event':
+        case 'control_response':
           break; // 忽略
         default:
-          // 未知消息类型，显示为原始 JSON
-          if (msg.type !== 'user' && msg.type !== 'control_response') {
-            addRawOutput(JSON.stringify(msg, null, 2));
+          // 未知消息类型，仅在有实质内容时显示
+          if (msg.type !== 'user') {
+            // 静默忽略常见的生命周期消息
           }
       }
     });