open-agents-ai 0.185.79 → 0.185.80

package/dist/index.js

@@ -65508,6 +65508,13 @@ body {
   outline: none;
   margin-bottom: 12px;
 }
+/* WO-E21: Responsive design */
+@media (max-width: 768px) {
+  #workspace-sidebar { position:fixed !important; top:0; left:0; bottom:0; z-index:50; width:80vw !important; box-shadow:4px 0 20px rgba(0,0,0,0.5); }
+  #header select { display:none; }
+  #header .key-btn:first-of-type { display:none; }
+  .tab { padding:6px 10px !important; font-size:0.6rem !important; }
+}
 #key-modal .modal button {
   background: #2a2a30;
   border: 1px solid #b2920a;
@@ -65527,6 +65534,8 @@ body {
   <span class="accent">OA</span>
   <span class="status" id="status">connecting...</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>
   <button class="key-btn" id="key-btn" title="Set API key">key</button>
 </div>
 
@@ -65542,7 +65551,17 @@ body {
   <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 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="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>
   <div style="display:flex;gap:8px;margin-bottom:12px;align-items:center">
@@ -66065,6 +66084,25 @@ async function loadDashboard() {
       '<div style="color:#555;font-size:0.6rem">VERSION</div>' +
       '<div style="color:#b0b0b0;font-size:0.8rem">' + d.version + '</div></div>';
   } catch {}
+  // System info + model recommendations
+  try {
+    const sr = await fetch('/v1/system', { headers: headers() });
+    const sys = await sr.json();
+    const gpuHtml = (sys.gpu || []).map(g => g.name + ' (' + g.vram_gb + 'GB)').join(', ') || 'No GPU detected';
+    const healthEl = document.getElementById('dashboard-health');
+    healthEl.innerHTML +=
+      '<div style="background:#1e1e22;border:1px solid #2a2a30;border-radius:3px;padding:8px 12px;flex:1;min-width:120px">' +
+      '<div style="color:#555;font-size:0.6rem">GPU</div>' +
+      '<div style="color:#b0b0b0;font-size:0.7rem">' + gpuHtml + '</div></div>' +
+      '<div style="background:#1e1e22;border:1px solid #2a2a30;border-radius:3px;padding:8px 12px;flex:1;min-width:120px">' +
+      '<div style="color:#555;font-size:0.6rem">RAM</div>' +
+      '<div style="color:#b0b0b0;font-size:0.8rem">' + sys.ram_gb + 'GB</div></div>' +
+      '<div style="background:#1e1e22;border:1px solid #2a2a30;border-radius:3px;padding:8px 12px;flex:1;min-width:120px">' +
+      '<div style="color:#555;font-size:0.6rem">MAX MODEL</div>' +
+      '<div style="color:#b2920a;font-size:0.8rem">' + sys.recommended_max_params + '</div></div>';
+    // Store for model badges
+    window._sysMaxParams = sys.recommended_max_params;
+  } catch {}
   // Usage \u2014 per-provider breakdown with persistent totals
   try {
     const r = await fetch('/v1/usage', { headers: headers() });
@@ -66124,6 +66162,33 @@ async function loadJobs() {
   } catch { list.innerHTML = '<div style="color:#ff4444">Failed to load jobs</div>'; }
 }
 
+// Workspace sidebar
+function toggleWorkspace() {
+  const sb = document.getElementById('workspace-sidebar');
+  sb.style.display = sb.style.display === 'none' ? 'block' : 'none';
+  if (sb.style.display === 'block') loadWorkspaceTree();
+}
+async function loadWorkspaceTree() {
+  try {
+    const r = await fetch('/v1/system', { headers: headers() });
+    const d = await r.json();
+    document.getElementById('workspace-cwd').textContent = d.cwd || process.cwd?.() || '.';
+  } catch {}
+  // Placeholder tree \u2014 full implementation requires a directory listing endpoint
+  document.getElementById('workspace-tree').innerHTML =
+    '<div style="color:#555;font-size:0.65rem">File tree requires /v1/files endpoint (future WO)</div>';
+}
+
+// Docker sandbox toggle
+let sandboxMode = 'none';
+function toggleSandbox() {
+  sandboxMode = sandboxMode === 'none' ? 'container' : 'none';
+  const btn = document.getElementById('sandbox-toggle');
+  btn.textContent = 'sandbox: ' + (sandboxMode === 'none' ? 'off' : 'docker');
+  btn.style.opacity = sandboxMode === 'none' ? '0.5' : '1';
+  btn.style.borderColor = sandboxMode === 'none' ? '#3a3a42' : '#b2920a';
+}
+
 // Init
 checkHealth();
 loadModels();
@@ -67823,6 +67888,33 @@ async function handleRequest(req, res, ollamaUrl, verbose) {
         return;
       }
     }
+    if (pathname === "/v1/system" && method === "GET") {
+      const os = __require("node:os");
+      const { execSync: es } = __require("node:child_process");
+      let gpus = [];
+      try {
+        const nv = es("nvidia-smi --query-gpu=name,memory.total --format=csv,noheader,nounits", { encoding: "utf8", timeout: 5e3, stdio: "pipe" });
+        for (const line of nv.trim().split("\n")) {
+          const [name, mem] = line.split(",").map((s) => s.trim());
+          if (name && mem)
+            gpus.push({ name, vram_gb: Math.round(parseInt(mem, 10) / 1024) });
+        }
+      } catch {
+      }
+      const totalVram = gpus.reduce((s, g) => s + g.vram_gb, 0);
+      jsonResponse(res, 200, {
+        gpu: gpus,
+        total_vram_gb: totalVram,
+        ram_gb: Math.round(os.totalmem() / 1024 ** 3),
+        cpu: os.cpus()[0]?.model ?? "unknown",
+        cores: os.cpus().length,
+        platform: process.platform,
+        node: process.version,
+        // Model compatibility recommendations
+        recommended_max_params: totalVram >= 80 ? "120B+" : totalVram >= 48 ? "70B" : totalVram >= 24 ? "27B" : totalVram >= 8 ? "9B" : "4B"
+      });
+      return;
+    }
     if (pathname === "/v1/chat" && method === "POST") {
       if (!checkAuth(req, res, "run")) {
         status = 401;

package/package.json

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