open-agents-ai 0.187.202 → 0.187.204

package/dist/index.js

@@ -315247,6 +315247,38 @@ function getWebUI() {
 <title>Open Agents</title>
 <style>
 * { margin: 0; padding: 0; box-sizing: border-box; }
+
+/* \u2500\u2500\u2500 Cross-browser custom scrollbars \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+ * Yellow (#b2920a) thumb, grey (#2a2a30) track. Applies to every
+ * scrollable container in the app via the universal selector.
+ * Firefox uses the standard scrollbar-* properties; WebKit/Blink
+ * uses the ::-webkit-scrollbar pseudo-elements. Both render the
+ * same brand colors.
+ */
+html {
+  scrollbar-width: thin;
+  scrollbar-color: #b2920a #2a2a30;
+}
+*::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+*::-webkit-scrollbar-track {
+  background: #2a2a30;
+  border-radius: 0;
+}
+*::-webkit-scrollbar-thumb {
+  background: #b2920a;
+  border-radius: 4px;
+  border: 2px solid #2a2a30;
+}
+*::-webkit-scrollbar-thumb:hover {
+  background: #d4ac0e;
+}
+*::-webkit-scrollbar-corner {
+  background: #2a2a30;
+}
+
 body {
   font-family: 'SF Mono', 'Cascadia Code', 'Fira Code', monospace;
   background: #1a1a1e;
@@ -315255,6 +315287,8 @@ body {
   flex-direction: column;
   height: 100vh;
   overflow: hidden;
+  scrollbar-width: thin;
+  scrollbar-color: #b2920a #2a2a30;
 }
 #header {
   display: flex;
@@ -315515,7 +315549,7 @@ body {
   background: #2a2a30;
   border: 1px solid #3a3a42;
   color: #b2920a;
-  padding: 8px 16px;
+  padding: 10px 16px;
   border-radius: 3px;
   font-family: inherit;
   font-size: 0.75rem;
@@ -316564,6 +316598,12 @@ let contextFiles = [];           // list of absolute file paths
 const treeExpanded = new Set();
 // Cached children: absolute path \u2192 array of {name, type}
 const treeCache = new Map();
+// Explicit root path \u2014 stored ONCE at loadWorkspaceRoot() and NEVER
+// overwritten by expand/collapse. Fixes a bug where clicking a folder
+// replaced the root with the clicked folder's path because the previous
+// derivation algorithm (find key where every other key doesn't start
+// with it) picked the deepest leaf, not the shallowest root.
+let treeRoot = null;
 
 function toggleWorkspace() {
   const sb = document.getElementById('workspace-sidebar');
@@ -316590,20 +316630,28 @@ async function loadWorkspaceRoot() {
     wdSpan.textContent = 'CWD: ' + (chatWorkingDir || rootPath);
     cwdEl.appendChild(wdSpan);
 
-    // Cache the root's children and expand it
+    // Cache the root's children and expand it. Store treeRoot explicitly
+    // so subsequent expand/collapse clicks never lose the original root.
     treeCache.set(rootPath, d.entries || []);
     treeExpanded.add(rootPath);
-    renderWorkspaceTree(rootPath);
+    treeRoot = rootPath;
+    renderWorkspaceTree();
   } catch {
     document.getElementById('workspace-tree').innerHTML = '<div style="color:#555">Could not load files</div>';
   }
 }
 
-function renderWorkspaceTree(rootPath) {
+function renderWorkspaceTree(rootPathOverride) {
+  // Always render from the stored treeRoot unless an explicit override
+  // is passed (which no caller does anymore, but keep the param for
+  // backwards compatibility). This prevents the bug where a folder
+  // click replaced the sidebar with only that folder's contents.
+  const root = rootPathOverride || treeRoot;
+  if (!root) return;
   const tree = document.getElementById('workspace-tree');
   tree.innerHTML = '';
   const rootContainer = document.createElement('div');
-  renderTreeNode(rootContainer, rootPath, 0, true);
+  renderTreeNode(rootContainer, root, 0, true);
   tree.appendChild(rootContainer);
 }
 
@@ -316642,6 +316690,7 @@ function renderTreeNode(parentEl, absPath, depth, isRoot) {
       row.addEventListener('click', async (ev) => {
         ev.stopPropagation();
         if (treeExpanded.has(childAbs)) {
+          // Collapse: also remove cached children so expand re-fetches
           treeExpanded.delete(childAbs);
         } else {
           treeExpanded.add(childAbs);
@@ -316655,9 +316704,10 @@ function renderTreeNode(parentEl, absPath, depth, isRoot) {
             }
           }
         }
-        // Find the root (topmost path in cache) and re-render
-        const root = [...treeCache.keys()].find(k => [...treeCache.keys()].every(k2 => !k2.startsWith(k) || k === k2));
-        renderWorkspaceTree(root || absPath);
+        // Re-render from the single stored root \u2014 never from the clicked
+        // folder. This keeps the whole tree visible with the nested expand
+        // in place.
+        renderWorkspaceTree();
       });
     } else {
       const pad = document.createElement('span');
@@ -316741,9 +316791,8 @@ function setChatWorkingDir(path) {
   chatWorkingDir = path;
   const label = document.getElementById('workspace-dir-label');
   if (label) label.textContent = 'CWD: ' + (path || '(daemon default)');
-  // Refresh the tree to update the highlight
-  const root = [...treeCache.keys()].find(k => [...treeCache.keys()].every(k2 => !k2.startsWith(k) || k === k2));
-  if (root) renderWorkspaceTree(root);
+  // Refresh the tree to update the highlight \u2014 uses the stable treeRoot
+  renderWorkspaceTree();
   // Flash status
   const s = document.getElementById('status');
   if (s) {
@@ -316761,8 +316810,7 @@ function toggleFileInContext(path) {
   const i = contextFiles.indexOf(path);
   if (i >= 0) contextFiles.splice(i, 1);
   else contextFiles.push(path);
-  const root = [...treeCache.keys()].find(k => [...treeCache.keys()].every(k2 => !k2.startsWith(k) || k === k2));
-  if (root) renderWorkspaceTree(root);
+  renderWorkspaceTree();
   const s = document.getElementById('status');
   if (s) {
     const old = s.textContent;
@@ -316783,8 +316831,7 @@ async function addDirToContext(dirPath) {
         if (!contextFiles.includes(abs)) contextFiles.push(abs);
       }
     }
-    const root = [...treeCache.keys()].find(k => [...treeCache.keys()].every(k2 => !k2.startsWith(k) || k === k2));
-    if (root) renderWorkspaceTree(root);
+    renderWorkspaceTree();
     alert('Added ' + contextFiles.length + ' files to context');
   } catch (e) { alert('Failed: ' + e.message); }
 }

package/package.json

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