open-agents-ai 0.186.2 → 0.186.4

package/dist/index.js

@@ -65555,6 +65555,7 @@ body {
 <div id="header">
   <span class="accent">OA</span>
   <span class="status" id="status">connecting...</span>
+  <span id="update-btn" style="display:none;background:#3a2a10;border:1px solid #b2920a;color:#b2920a;padding:2px 8px;border-radius:3px;font-family:inherit;font-size:0.6rem;cursor:pointer" onclick="doUpdate()">update</span>
   <select id="model-select"><option>loading...</option></select>
   <button class="key-btn" onclick="toggleWorkspace()" title="Toggle workspace sidebar">files</button>
   <button class="key-btn" id="sandbox-toggle" onclick="toggleSandbox()" title="Toggle Docker sandbox" style="opacity:0.5">sandbox: off</button>
@@ -65572,19 +65573,18 @@ body {
   <button class="tab" onclick="switchTab('config')" id="tab-config" style="background:none;border:none;border-bottom:2px solid transparent;color:#555;padding:6px 16px;font-family:inherit;font-size:0.7rem;cursor:pointer">config</button>
   <button class="tab" onclick="switchTab('activity')" id="tab-activity" style="background:none;border:none;border-bottom:2px solid transparent;color:#555;padding:6px 16px;font-family:inherit;font-size:0.7rem;cursor:pointer">activity</button>
   <span id="sys-metrics" style="margin-left:auto;font-size:0.6rem;color:#555"></span>
-  <span id="update-btn" style="display:none;background:#3a2a10;border:1px solid #b2920a;color:#b2920a;padding:2px 8px;border-radius:3px;font-family:inherit;font-size:0.6rem;cursor:pointer" onclick="doUpdate()">update</span>
   <span id="token-counter" style="font-size:0.6rem;color:#555">0 tokens</span>
 </div>
-<div style="display:flex;flex:1;overflow:hidden">
-<div id="workspace-sidebar" style="display:none;width:250px;background:#1e1e22;border-right:1px solid #2a2a30;overflow-y:auto;padding:8px;flex-shrink:0;font-size:0.7rem">
-  <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px">
-    <span style="color:#b2920a;font-size:0.7rem;font-weight:bold">Workspace</span>
-    <button onclick="toggleWorkspace()" style="background:none;border:none;color:#555;cursor:pointer;font-size:0.8rem">x</button>
+<div id="chat-container" style="display:flex;flex:1;overflow:hidden">
+  <div id="workspace-sidebar" style="display:none;width:250px;background:#1e1e22;border-right:1px solid #2a2a30;overflow-y:auto;padding:8px;flex-shrink:0;font-size:0.7rem">
+    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px">
+      <span style="color:#b2920a;font-size:0.7rem;font-weight:bold">Workspace</span>
+      <button onclick="toggleWorkspace()" style="background:none;border:none;color:#555;cursor:pointer;font-size:0.8rem">x</button>
+    </div>
+    <div id="workspace-cwd" style="color:#555;font-size:0.6rem;margin-bottom:8px;word-break:break-all"></div>
+    <div id="workspace-tree" style="color:#b0b0b0"></div>
   </div>
-  <div id="workspace-cwd" style="color:#555;font-size:0.6rem;margin-bottom:8px;word-break:break-all"></div>
-  <div id="workspace-tree" style="color:#b0b0b0"></div>
-</div>
-<div id="conversation" style="flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:4px"></div>
+  <div id="conversation" style="flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:4px"></div>
 </div>
 <div id="agent-panel" style="display:none;flex:1;overflow-y:auto;padding:12px 16px">
   <textarea id="agent-task" placeholder="Describe the task for the agent..." style="width:100%;min-height:80px;background:#2a2a30;border:1px solid #3a3a42;border-radius:3px;padding:8px 12px;color:#b0b0b0;font-family:inherit;font-size:0.82rem;resize:vertical;outline:none;margin-bottom:8px"></textarea>
@@ -65853,21 +65853,35 @@ async function sendMessage() {
     messages.push({ role: 'assistant', content: fullContent });
     updateTokenCounter(fullContent.split(/\\s+/).length * 1.3 | 0);
 
-    // Final render: content + collapsible tools
+    // Final render: content + collapsible tools + metadata
     contentDiv.innerHTML = renderMarkdown(fullContent);
 
-    // Collapse tool calls into a dropdown after streaming completes
+    // Metadata bar: turns, tokens, duration (always shown, compact)
+    if (metaInfo) {
+      const metaBar = document.createElement('div');
+      metaBar.style.cssText = 'margin:6px 0 2px;padding:4px 8px;background:#1e1e22;border-radius:3px;font-size:0.6rem;color:#555;display:flex;gap:12px;flex-wrap:wrap';
+      const parts = [];
+      if (metaInfo.turns) parts.push(metaInfo.turns + ' turn' + (metaInfo.turns > 1 ? 's' : ''));
+      if (metaInfo.toolCalls) parts.push(metaInfo.toolCalls + ' tool call' + (metaInfo.toolCalls > 1 ? 's' : ''));
+      if (metaInfo.tokens) parts.push(metaInfo.tokens + ' tokens');
+      if (metaInfo.duration) parts.push((metaInfo.duration / 1000).toFixed(1) + 's');
+      metaBar.innerHTML = parts.map(p => '<span>' + p + '</span>').join('');
+      msgDiv.appendChild(metaBar);
+    }
+
+    // Collapse tool calls into a dropdown
     if (chatTools.length > 0) {
       const details = document.createElement('details');
-      details.style.cssText = 'margin:4px 0;font-size:0.65rem;color:#555';
+      details.style.cssText = 'margin:2px 0;font-size:0.65rem;color:#555';
       const summary = document.createElement('summary');
-      summary.style.cssText = 'cursor:pointer;color:#b2920a;font-size:0.65rem';
-      summary.textContent = chatTools.length + ' tool call' + (chatTools.length > 1 ? 's' : '') + (metaInfo?.tokens ? ' | ' + metaInfo.tokens + ' tokens' : '') + (metaInfo?.duration ? ' | ' + (metaInfo.duration/1000).toFixed(1) + 's' : '');
+      summary.style.cssText = 'cursor:pointer;color:#888;font-size:0.6rem';
+      summary.textContent = 'show ' + chatTools.length + ' tool call' + (chatTools.length > 1 ? 's' : '');
       details.appendChild(summary);
-      // Move live tool elements into the details
       while (toolsContainer.firstChild) details.appendChild(toolsContainer.firstChild);
       toolsContainer.appendChild(details);
     }
+
+    // Action buttons
     const actions = document.createElement('div');
     actions.className = 'msg-actions';
     const copyBtn = document.createElement('button');
@@ -65913,9 +65927,9 @@ function closeKeyModal() {
 }
 
 // Tab switching
-const allPanels = ['conversation','agent-panel','jobs-panel','config-panel','activity-panel'];
+const allPanels = ['chat-container','agent-panel','jobs-panel','config-panel','activity-panel'];
 function switchTab(tab) {
-  const panelMap = {chat:'conversation',agent:'agent-panel',jobs:'jobs-panel',config:'config-panel',activity:'activity-panel'};
+  const panelMap = {chat:'chat-container',agent:'agent-panel',jobs:'jobs-panel',config:'config-panel',activity:'activity-panel'};
   allPanels.forEach(id => { const el = document.getElementById(id); if(el) el.style.display = 'none'; });
   const panel = document.getElementById(panelMap[tab]);
   if (panel) panel.style.display = tab === 'chat' ? 'flex' : 'block';
@@ -68102,89 +68116,46 @@ Respond conversationally. Call task_complete with your final response.`;
           "X-Session-ID": session.id
         });
         let fullContent = "";
-        let lastOutput = "";
-        let toolCalls = [];
-        let rawBuffer = "";
+        let rawOutput = "";
         child.stdout?.on("data", (chunk) => {
-          rawBuffer += chunk.toString();
-          const lines = rawBuffer.split("\n");
-          rawBuffer = lines.pop() || "";
-          for (const line of lines) {
-            if (!line.trim())
-              continue;
-            try {
-              const evt = JSON.parse(line);
-              if (evt.type === "tool_call" || evt.tool) {
-                const toolInfo = { tool: evt.tool || evt.name || "unknown", args: evt.args };
-                toolCalls.push(toolInfo);
-                res.write("data: " + JSON.stringify({ type: "tool_call", ...toolInfo }) + "\n\n");
-              } else if (evt.type === "tool_result") {
-                const lastTool = toolCalls[toolCalls.length - 1];
-                if (lastTool)
-                  lastTool.result = (evt.output || evt.result || "").slice(0, 500);
-                res.write("data: " + JSON.stringify({ type: "tool_result", output: (evt.output || evt.result || "").slice(0, 200) }) + "\n\n");
-              } else if (evt.type === "assistant_text" || evt.type === "text") {
-                const delta = evt.content || evt.text || "";
-                fullContent += delta;
-                res.write("data: " + JSON.stringify({
-                  id: `chatcmpl-${session.id.slice(0, 8)}`,
-                  object: "chat.completion.chunk",
-                  choices: [{ index: 0, delta: { content: delta }, finish_reason: null }]
-                }) + "\n\n");
-              } else if (evt.status === "completed" || evt.type === "task_complete") {
-                const summary = evt.summary || evt.content || "";
-                const contentMatch = summary.match(/Tokens:\s*[\d,]+\s+(.*)/s);
-                const cleanContent = contentMatch ? contentMatch[1].trim() : summary;
-                if (cleanContent && cleanContent.length > 5) {
-                  fullContent = cleanContent;
-                  res.write("data: " + JSON.stringify({
-                    id: `chatcmpl-${session.id.slice(0, 8)}`,
-                    object: "chat.completion.chunk",
-                    choices: [{ index: 0, delta: { content: cleanContent }, finish_reason: null }]
-                  }) + "\n\n");
-                }
-                res.write("data: " + JSON.stringify({
-                  type: "complete",
-                  turns: evt.turns || summary.match(/(\d+) turns/)?.[1],
-                  toolCalls: toolCalls.length,
-                  tokens: evt.tokens || summary.match(/Tokens:\s*([\d,]+)/)?.[1],
-                  duration: evt.durationMs || evt.duration
-                }) + "\n\n");
-              }
-            } catch {
-            }
-          }
+          rawOutput += chunk.toString();
         });
         child.stderr?.on("data", () => {
         });
-        child.on("close", () => {
-          if (!fullContent) {
-            const allOutput = rawBuffer.trim();
+        await new Promise((resolve36) => {
+          child.on("close", () => {
             try {
-              const result = JSON.parse(allOutput);
+              const result = JSON.parse(rawOutput.trim());
               let content = result.assistant_text || "";
               if (!content) {
                 const summary = result.summary || "";
-                const summaryMatch = summary.match(/Tokens:\s*[\d,]+\s+([\s\S]*)/);
-                content = summaryMatch ? summaryMatch[1].trim() : summary;
+                const match = summary.match(/Tokens:\s*[\d,]+\s+([\s\S]*)/);
+                content = match ? match[1].trim() : summary;
               }
               fullContent = content;
-              res.write("data: " + JSON.stringify({
-                id: `chatcmpl-${session.id.slice(0, 8)}`,
-                object: "chat.completion.chunk",
-                choices: [{ index: 0, delta: { content }, finish_reason: null }]
-              }) + "\n\n");
+              if (content) {
+                res.write("data: " + JSON.stringify({
+                  id: `chatcmpl-${session.id.slice(0, 8)}`,
+                  object: "chat.completion.chunk",
+                  choices: [{ index: 0, delta: { content }, finish_reason: null }]
+                }) + "\n\n");
+              }
+              if (result.tool_calls?.length) {
+                for (const tc of result.tool_calls) {
+                  res.write("data: " + JSON.stringify({ type: "tool_call", tool: tc.tool, args: tc.args }) + "\n\n");
+                }
+              }
               const meta = result.summary || "";
               res.write("data: " + JSON.stringify({
                 type: "complete",
                 turns: meta.match(/(\d+) turns/)?.[1],
                 tokens: meta.match(/Tokens:\s*([\d,]+)/)?.[1],
-                toolCalls: parseInt(meta.match(/(\d+) tool calls/)?.[1] || "0", 10),
+                toolCalls: result.tool_calls?.length || 0,
                 duration: result.durationMs
               }) + "\n\n");
             } catch {
-              if (allOutput) {
-                fullContent = allOutput.slice(0, 500);
+              if (rawOutput.trim()) {
+                fullContent = rawOutput.trim().slice(0, 500);
                 res.write("data: " + JSON.stringify({
                   id: `chatcmpl-${session.id.slice(0, 8)}`,
                   object: "chat.completion.chunk",
@@ -68192,11 +68163,13 @@ Respond conversationally. Call task_complete with your final response.`;
                 }) + "\n\n");
               }
             }
-          }
-          addAssistantMessage(session, fullContent);
-          res.write("data: [DONE]\n\n");
-          res.end();
+            addAssistantMessage(session, fullContent);
+            res.write("data: [DONE]\n\n");
+            res.end();
+            resolve36();
+          });
         });
+        return;
       } else {
         let output = "";
         child.stdout?.on("data", (chunk) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "open-agents-ai",
-  "version": "0.186.2",
+  "version": "0.186.4",
   "description": "AI coding agent powered by open-source models (Ollama/vLLM) — interactive TUI with agentic tool-calling loop",
   "type": "module",
   "main": "./dist/index.js",