agentgui 1.0.888 → 1.0.889

package/package.json

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

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;
 }