open-agents-ai 0.186.4 → 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();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "open-agents-ai",
-  "version": "0.186.4",
+  "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",