open-agents-ai 0.185.76 → 0.185.77

package/dist/index.js

@@ -65537,7 +65537,10 @@ body {
 <div id="tabs" style="display:flex;gap:0;background:#1e1e22;border-bottom:1px solid #2a2a30;padding:0 16px;flex-shrink:0">
   <button class="tab active" onclick="switchTab('chat')" id="tab-chat" style="background:none;border:none;border-bottom:2px solid #b2920a;color:#b2920a;padding:6px 16px;font-family:inherit;font-size:0.7rem;cursor:pointer">chat</button>
   <button class="tab" onclick="switchTab('agent')" id="tab-agent" style="background:none;border:none;border-bottom:2px solid transparent;color:#555;padding:6px 16px;font-family:inherit;font-size:0.7rem;cursor:pointer">agent</button>
-  <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">jobs</button>
+  <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>
+  <span id="token-counter" style="margin-left:auto;font-size:0.6rem;color:#555">0 tokens</span>
 </div>
 <div id="conversation"></div>
 <div id="agent-panel" style="display:none;flex:1;overflow-y:auto;padding:12px 16px">
@@ -65551,10 +65554,33 @@ body {
 </div>
 <div id="jobs-panel" style="display:none;flex:1;overflow-y:auto;padding:12px 16px">
   <div id="dashboard-health" style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap"></div>
+  <div id="dashboard-daemons" style="margin-bottom:16px"></div>
   <div id="dashboard-usage" style="margin-bottom:16px"></div>
   <h3 style="color:#b2920a;font-size:0.7rem;margin-bottom:8px">Job History</h3>
   <div id="jobs-list" style="font-size:0.78rem"></div>
 </div>
+<div id="config-panel" style="display:none;flex:1;overflow-y:auto;padding:12px 16px">
+  <h3 style="color:#b2920a;font-size:0.7rem;margin-bottom:12px">Server Configuration</h3>
+  <div id="config-content" style="font-size:0.78rem"></div>
+  <h3 style="color:#b2920a;font-size:0.7rem;margin:16px 0 8px">Model</h3>
+  <div style="display:flex;gap:8px;align-items:center">
+    <select id="config-model-select" style="background:#2a2a30;border:1px solid #3a3a42;color:#b0b0b0;padding:4px 8px;border-radius:3px;font-family:inherit;font-size:0.7rem;flex:1"></select>
+    <button onclick="switchModel()" style="background:#2a2a30;border:1px solid #3a3a42;color:#b2920a;padding:4px 12px;border-radius:3px;font-family:inherit;font-size:0.7rem;cursor:pointer">switch</button>
+  </div>
+  <h3 style="color:#b2920a;font-size:0.7rem;margin:16px 0 8px">Endpoint</h3>
+  <div id="config-endpoint" style="font-size:0.78rem;color:#888"></div>
+  <h3 style="color:#b2920a;font-size:0.7rem;margin:16px 0 8px">Profiles</h3>
+  <div id="config-profiles" style="font-size:0.78rem"></div>
+  <h3 style="color:#b2920a;font-size:0.7rem;margin:16px 0 8px">Export Conversation</h3>
+  <div style="display:flex;gap:8px">
+    <button onclick="exportChat('md')" style="background:#2a2a30;border:1px solid #3a3a42;color:#b2920a;padding:4px 12px;border-radius:3px;font-family:inherit;font-size:0.7rem;cursor:pointer">markdown</button>
+    <button onclick="exportChat('json')" style="background:#2a2a30;border:1px solid #3a3a42;color:#b2920a;padding:4px 12px;border-radius:3px;font-family:inherit;font-size:0.7rem;cursor:pointer">JSON</button>
+  </div>
+</div>
+<div id="activity-panel" style="display:none;flex:1;overflow-y:auto;padding:12px 16px">
+  <h3 style="color:#b2920a;font-size:0.7rem;margin-bottom:12px">Recent Activity (Audit Log)</h3>
+  <div id="activity-feed" style="font-size:0.72rem"></div>
+</div>
 
 <div id="footer">
   <span id="system-prompt-toggle" onclick="toggleSystemPrompt()">sys</span>
@@ -65733,6 +65759,7 @@ async function sendMessage() {
     }
 
     messages.push({ role: 'assistant', content: fullContent });
+    updateTokenCounter(fullContent.split(/\\s+/).length * 1.3 | 0); // rough token estimate
     // Re-render with copy button
     msgDiv.innerHTML = renderMarkdown(fullContent);
     const actions = document.createElement('div');
@@ -65780,16 +65807,135 @@ function closeKeyModal() {
 }
 
 // Tab switching
+const allPanels = ['conversation','agent-panel','jobs-panel','config-panel','activity-panel'];
 function switchTab(tab) {
-  document.getElementById('conversation').style.display = tab === 'chat' ? 'flex' : 'none';
-  document.getElementById('agent-panel').style.display = tab === 'agent' ? 'block' : 'none';
-  document.getElementById('jobs-panel').style.display = tab === 'jobs' ? 'block' : 'none';
+  const panelMap = {chat:'conversation',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';
   document.getElementById('footer').style.display = tab === 'chat' ? 'flex' : 'none';
   document.querySelectorAll('.tab').forEach(t => { t.style.borderBottomColor = 'transparent'; t.style.color = '#555'; });
   const active = document.getElementById('tab-' + tab);
   if (active) { active.style.borderBottomColor = '#b2920a'; active.style.color = '#b2920a'; }
   if (tab === 'jobs') loadJobs();
   if (tab === 'agent') loadProfiles();
+  if (tab === 'config') loadConfig();
+  if (tab === 'activity') loadActivity();
+}
+
+// Token counter
+let totalTokens = 0;
+function updateTokenCounter(n) { totalTokens += n; document.getElementById('token-counter').textContent = totalTokens.toLocaleString() + ' tokens'; }
+
+// Config panel
+async function loadConfig() {
+  try {
+    const [cfg, ep, models] = await Promise.all([
+      fetch('/v1/config', { headers: headers() }).then(r => r.json()),
+      fetch('/v1/config/endpoint', { headers: headers() }).then(r => r.json()),
+      fetch('/v1/models', { headers: headers() }).then(r => r.json()),
+    ]);
+    const c = cfg.config || {};
+    document.getElementById('config-content').innerHTML =
+      '<table style="width:100%">' +
+      Object.entries(c).map(([k,v]) =>
+        '<tr style="border-bottom:1px solid #2a2a30"><td style="padding:4px;color:#888">' + k + '</td>' +
+        '<td style="padding:4px;color:#b0b0b0">' + (v === '[redacted]' ? '<span style="color:#555">[redacted]</span>' : String(v)) + '</td></tr>'
+      ).join('') + '</table>';
+    document.getElementById('config-endpoint').textContent = ep.url + ' (' + (ep.backendType || 'unknown') + ')';
+    // Populate model switcher
+    const sel = document.getElementById('config-model-select');
+    sel.innerHTML = '';
+    for (const m of (models.data || [])) {
+      const opt = document.createElement('option');
+      opt.value = m.id.replace(/^local\\//, '');
+      opt.textContent = m.id.replace(/^local\\//, '');
+      if (opt.value === c.model) opt.selected = true;
+      sel.appendChild(opt);
+    }
+  } catch {}
+  // Profiles
+  try {
+    const r = await fetch('/v1/profiles', { headers: headers() });
+    const d = await r.json();
+    document.getElementById('config-profiles').innerHTML = (d.profiles || []).map(p =>
+      '<div style="background:#1e1e22;border:1px solid #2a2a30;border-radius:3px;padding:6px 10px;margin:4px 0">' +
+      '<span style="color:#b2920a">' + p.name + '</span>' +
+      (p.encrypted ? ' <span style="color:#555;font-size:0.6rem">(encrypted)</span>' : '') +
+      ' <span style="color:#555;font-size:0.6rem">' + (p.source || '') + '</span></div>'
+    ).join('') || '<span style="color:#555">No profiles</span>';
+  } catch {}
+}
+
+async function switchModel() {
+  const model = document.getElementById('config-model-select').value;
+  if (!model) return;
+  try {
+    await fetch('/v1/config/model', {
+      method: 'PUT', headers: headers(),
+      body: JSON.stringify({ model }),
+    });
+    loadConfig();
+    modelSelect.value = model; // sync chat model picker
+  } catch {}
+}
+
+// Export conversation
+function exportChat(fmt) {
+  let content;
+  if (fmt === 'json') {
+    content = JSON.stringify(messages, null, 2);
+  } else {
+    content = messages.map(m => (m.role === 'user' ? '**You:** ' : '**Agent:** ') + m.content).join('\\n\\n');
+  }
+  const blob = new Blob([content], { type: fmt === 'json' ? 'application/json' : 'text/markdown' });
+  const a = document.createElement('a');
+  a.href = URL.createObjectURL(blob);
+  a.download = 'conversation.' + (fmt === 'json' ? 'json' : 'md');
+  a.click();
+}
+
+// Activity feed (audit log)
+async function loadActivity() {
+  try {
+    const r = await fetch('/v1/audit?limit=50', { headers: headers() });
+    const d = await r.json();
+    const feed = document.getElementById('activity-feed');
+    if (!d.records?.length) { feed.innerHTML = '<span style="color:#555">No activity yet</span>'; return; }
+    feed.innerHTML = d.records.map(r => {
+      const time = r.ts?.split('T')[1]?.slice(0,8) || '';
+      const color = r.status >= 400 ? '#ff4444' : r.status >= 300 ? '#b2920a' : '#4ec94e';
+      return '<div style="padding:3px 0;border-bottom:1px solid #1e1e22">' +
+        '<span style="color:#555">' + time + '</span> ' +
+        '<span style="color:' + color + '">' + r.status + '</span> ' +
+        '<span style="color:#888">' + r.method + '</span> ' +
+        '<span style="color:#b0b0b0">' + r.path + '</span> ' +
+        '<span style="color:#555">' + r.latencyMs + 'ms</span> ' +
+        '<span style="color:#555;font-size:0.6rem">' + (r.user || '') + '</span></div>';
+    }).join('');
+  } catch {}
+}
+
+// Daemon monitor (on dashboard tab)
+async function loadDaemons() {
+  // The daemon registry is server-side (TUI). We can't query it via REST yet.
+  // Show running jobs as a proxy for active processes.
+  try {
+    const r = await fetch('/v1/runs?status=running', { headers: headers() });
+    const d = await r.json();
+    const el = document.getElementById('dashboard-daemons');
+    if (!d.runs?.length) {
+      el.innerHTML = '<div style="background:#1e1e22;border:1px solid #2a2a30;border-radius:3px;padding:8px 12px;color:#555;font-size:0.7rem">No active processes</div>';
+      return;
+    }
+    el.innerHTML = '<h3 style="color:#b2920a;font-size:0.7rem;margin-bottom:8px">Active Processes</h3>' +
+      d.runs.map(j =>
+        '<div style="background:#1e1e22;border-left:2px solid #b2920a;padding:6px 10px;margin:4px 0;font-size:0.72rem">' +
+        '<span style="color:#b2920a">' + (j.id||'').slice(0,12) + '</span> ' +
+        '<span style="color:#4ec94e">running</span> ' +
+        '<span style="color:#888">' + (j.task||'').slice(0,50) + '</span></div>'
+      ).join('');
+  } catch {}
 }
 
 // Agent task
@@ -65910,6 +66056,7 @@ async function loadDashboard() {
 
 async function loadJobs() {
   loadDashboard();
+  loadDaemons();
   const list = document.getElementById('jobs-list');
   try {
     const r = await fetch('/v1/runs', { headers: headers() });

package/package.json

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