@wendongfly/myhi 1.0.38 → 1.0.40

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 = ''; }
 
@@ -760,6 +791,14 @@
       if (actions) actions.innerHTML = answer === 'y' ? '<span style="color:#3fb950">已允许</span>' : '<span style="color:#f85149">已拒绝</span>';
     };
 
+    window.respondAgentPermission = function(requestId, allow, btn) {
+      if (!isController) { addStatusMessage('你没有控制权，无法操作'); return; }
+      socket.emit('agent:permission', { requestId, allow });
+      const actions = btn.closest('.perm-actions');
+      if (actions) actions.innerHTML = allow ? '<span style="color:#3fb950">已允许</span>' : '<span style="color:#f85149">已拒绝</span>';
+      setWorkState('working');
+    };
+
     // ── 输出处理 ──────────────────────────────────
     function flushOutput() {
       if (!outputBuffer) return;
@@ -962,18 +1001,87 @@
           }
           setWorkState('working');
           break;
+        case 'control_request':
+          removeThinking();
+          if (msg.request?.subtype === 'can_use_tool') {
+            const toolName = msg.request.tool_name || '未知工具';
+            const input = msg.request.input || {};
+            const detail = toolName === 'Bash' ? (input.command || JSON.stringify(input))
+              : toolName === 'Edit' ? `${input.file_path || ''}`
+              : toolName === 'Write' ? `${input.file_path || ''}`
+              : JSON.stringify(input, null, 2);
+            const reqId = msg.request_id;
+            const el = document.createElement('div');
+            el.className = 'msg msg-permission';
+            el.innerHTML = `<div class="perm-title">${escHtml(toolName)} 请求权限</div><div class="perm-detail">${escHtml(detail)}</div>
+              <div class="perm-actions" data-reqid="${escHtml(reqId)}">
+                <button class="btn-allow" onclick="respondAgentPermission('${escHtml(reqId)}', true, this)">允许</button>
+                <button class="btn-deny" onclick="respondAgentPermission('${escHtml(reqId)}', false, this)">拒绝</button>
+              </div>`;
+            chatArea.appendChild(el);
+            trimMessages();
+            scrollToBottom();
+            setWorkState('waiting');
+          }
+          break;
         case 'result':
           removeThinking();
           setWorkState('idle');
           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') {
-            addRawOutput(JSON.stringify(msg, null, 2));
+            // 静默忽略常见的生命周期消息
           }
       }
     });