agentgui 1.0.887 → 1.0.889

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.887",
+  "version": "1.0.889",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "electron/main.js",

package/scripts/capture-screenshots.mjs

@@ -132,7 +132,7 @@ async function main() {
 
         for (const s of shots) {
             const page = await browser.newPage();
-            page.setDefaultNavigationTimeout(15000);
+            page.setDefaultNavigationTimeout(30000);
             await page.emulateMediaFeatures([{ name: 'prefers-reduced-motion', value: 'reduce' }]);
             await page.evaluateOnNewDocument((theme) => {
                 try { localStorage.setItem('theme', theme); } catch {}
@@ -148,7 +148,7 @@ async function main() {
             }, s.theme);
 
             console.log(`[capture] -> ${s.name} (${s.theme})`);
-            await page.goto(s.url, { waitUntil: 'networkidle2' });
+            await page.goto(s.url, { waitUntil: 'domcontentloaded' });
             // Determinism: wait until the sidebar has transitioned out of "Loading..."
             // and rendered at least one conversation row.
             await page.waitForFunction(() => {

package/static/app.js

@@ -190,10 +190,21 @@ const BASE_URL = window.__BASE_URL || '';
   const btn = document.getElementById('sidebarOverflowBtn');
   const menu = document.getElementById('sidebarOverflowMenu');
   if (!btn || !menu) return;
-  const close = () => menu.classList.remove('open');
+  const close = () => { menu.classList.remove('open'); menu.style.top = menu.style.bottom = ''; };
+  const open = () => {
+    menu.classList.add('open');
+    const rect = menu.getBoundingClientRect();
+    if (rect.bottom > window.innerHeight - 8) {
+      menu.style.top = 'auto';
+      menu.style.bottom = '100%';
+    } else {
+      menu.style.top = '';
+      menu.style.bottom = '';
+    }
+  };
   btn.addEventListener('click', (e) => {
     e.stopPropagation();
-    menu.classList.toggle('open');
+    menu.classList.contains('open') ? close() : open();
   });
   document.addEventListener('click', (e) => {
     if (!menu.contains(e.target) && e.target !== btn) close();

package/static/css/brand-bible.css

@@ -447,4 +447,22 @@ code {
 :focus-visible {
   outline: 2px solid var(--panel-accent) !important;
   outline-offset: 2px;
+}
+
+/* Chip selects — use panel-3 so they contrast against the panel-1 card bg */
+.input-chip-select {
+  background: var(--panel-3) !important;
+  border: 1px solid var(--color-border) !important;
+  color: var(--color-text-primary) !important;
+  border-radius: var(--r-pill) !important;
+}
+.input-chip-select:hover {
+  border-color: var(--panel-accent) !important;
+  background: var(--panel-select) !important;
+}
+
+/* Viewport-safe dropdown menu — max-height prevents off-screen overflow; JS flips top/bottom */
+.sidebar-overflow-menu {
+  max-height: calc(100dvh - 80px);
+  overflow-y: auto;
 }