open-agents-ai 0.186.3 → 0.186.5

package/dist/index.js

@@ -65572,6 +65572,9 @@ body {
   <button class="tab" onclick="switchTab('jobs')" id="tab-jobs" style="background:none;border:none;border-bottom:2px solid transparent;color:#555;padding:6px 16px;font-family:inherit;font-size:0.7rem;cursor:pointer">dashboard</button>
   <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>
+  <select id="session-select" onchange="switchSession(this.value)" style="background:#2a2a30;border:1px solid #3a3a42;color:#b0b0b0;padding:2px 6px;border-radius:3px;font-family:inherit;font-size:0.6rem;max-width:140px" title="Chat sessions">
+    <option value="">new session</option>
+  </select>
   <span id="sys-metrics" style="margin-left:auto;font-size:0.6rem;color:#555"></span>
   <span id="token-counter" style="font-size:0.6rem;color:#555">0 tokens</span>
 </div>
@@ -65637,6 +65640,7 @@ body {
   <span id="system-prompt-toggle" onclick="toggleSystemPrompt()">sys</span>
   <textarea id="input-area" placeholder="Type a message..." rows="1"></textarea>
   <button id="send-btn" onclick="sendMessage()">send</button>
+  <button id="stop-btn" onclick="stopChat()" style="display:none;background:#2a2a30;border:1px solid #ff4444;color:#ff4444;padding:8px 16px;border-radius:3px;font-family:inherit;font-size:0.75rem;cursor:pointer;flex-shrink:0">stop</button>
 </div>
 
 <div id="key-modal">
@@ -65660,7 +65664,8 @@ const statusEl = document.getElementById('status');
 let apiKey = localStorage.getItem('oa-api-key') || '';
 let streaming = false;
 let messages = [];
-let chatSessionId = null; // stateful session for /v1/chat
+let chatSessionId = null;
+let chatAbortController = null; // for stop button
 
 // Auto-resize textarea
 input.addEventListener('input', () => {
@@ -65759,8 +65764,9 @@ async function sendMessage() {
   const sysPrompt = document.getElementById('system-prompt').value.trim();
 
   streaming = true;
-  sendBtn.disabled = true;
-  sendBtn.textContent = '...';
+  chatAbortController = new AbortController();
+  document.getElementById('send-btn').style.display = 'none';
+  document.getElementById('stop-btn').style.display = 'inline-block';
 
   const msgDiv = addMessage('assistant', '');
   let fullContent = '';
@@ -65789,6 +65795,7 @@ async function sendMessage() {
       method: 'POST',
       headers: headers(),
       body: JSON.stringify(body),
+      signal: chatAbortController.signal,
     });
 
     const sid = response.headers.get('x-session-id');
@@ -65852,6 +65859,7 @@ async function sendMessage() {
 
     messages.push({ role: 'assistant', content: fullContent });
     updateTokenCounter(fullContent.split(/\\s+/).length * 1.3 | 0);
+    saveSessions(); // persist to localStorage
 
     // Final render: content + collapsible tools + metadata
     contentDiv.innerHTML = renderMarkdown(fullContent);
@@ -65894,8 +65902,9 @@ async function sendMessage() {
   }
 
   streaming = false;
-  sendBtn.disabled = false;
-  sendBtn.textContent = 'send';
+  chatAbortController = null;
+  document.getElementById('send-btn').style.display = 'inline-block';
+  document.getElementById('stop-btn').style.display = 'none';
   conv.scrollTop = conv.scrollHeight;
 }
 
@@ -66251,6 +66260,73 @@ async function loadJobs() {
   } catch { list.innerHTML = '<div style="color:#ff4444">Failed to load jobs</div>'; }
 }
 
+// Session storage (localStorage for persistence across page reloads)
+function saveSessions() {
+  const saved = JSON.parse(localStorage.getItem('oa-sessions') || '{}');
+  if (chatSessionId) {
+    saved[chatSessionId] = {
+      id: chatSessionId,
+      messages: messages,
+      model: modelSelect.value,
+      updatedAt: new Date().toISOString(),
+      preview: messages.slice(-1)[0]?.content?.slice(0, 50) || 'empty',
+    };
+  }
+  localStorage.setItem('oa-sessions', JSON.stringify(saved));
+  updateSessionSelect();
+}
+
+function updateSessionSelect() {
+  const sel = document.getElementById('session-select');
+  const saved = JSON.parse(localStorage.getItem('oa-sessions') || '{}');
+  sel.innerHTML = '<option value="">+ new session</option>';
+  for (const [id, s] of Object.entries(saved).sort((a,b) => (b[1].updatedAt || '').localeCompare(a[1].updatedAt || '')).slice(0, 10)) {
+    const opt = document.createElement('option');
+    opt.value = id;
+    opt.textContent = (s.preview || 'session').slice(0, 30);
+    if (id === chatSessionId) opt.selected = true;
+    sel.appendChild(opt);
+  }
+}
+
+function switchSession(id) {
+  // Save current session first
+  saveSessions();
+  if (!id) {
+    // New session
+    chatSessionId = null;
+    messages = [];
+    document.getElementById('conversation').innerHTML = '';
+    return;
+  }
+  const saved = JSON.parse(localStorage.getItem('oa-sessions') || '{}');
+  const s = saved[id];
+  if (s) {
+    chatSessionId = id;
+    messages = s.messages || [];
+    // Re-render messages
+    const conv = document.getElementById('conversation');
+    conv.innerHTML = '';
+    for (const m of messages) {
+      addMessage(m.role, m.content);
+    }
+  }
+}
+
+// Auto-save after each message
+const origAddAssistant = null; // will hook into message flow
+
+// Stop running chat
+function stopChat() {
+  if (chatAbortController) {
+    chatAbortController.abort();
+    chatAbortController = null;
+  }
+  streaming = false;
+  document.getElementById('send-btn').style.display = 'inline-block';
+  document.getElementById('stop-btn').style.display = 'none';
+}
+
 // Workspace sidebar
 function toggleWorkspace() {
   const sb = document.getElementById('workspace-sidebar');
@@ -66314,6 +66390,7 @@ function doUpdate() {
 checkHealth();
 loadModels();
 pollMetrics();
+updateSessionSelect();
 setInterval(checkHealth, 30000);
 setInterval(pollMetrics, 10000);
 input.focus();
@@ -68116,89 +68193,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",
@@ -68206,11 +68240,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.3",
+  "version": "0.186.5",
   "description": "AI coding agent powered by open-source models (Ollama/vLLM) — interactive TUI with agentic tool-calling loop",
   "type": "module",
   "main": "./dist/index.js",