open-agents-ai 0.186.2 → 0.186.3

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';

package/package.json

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