agentgui 1.0.888 → 1.0.890

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [Unreleased] - visible prompt controls + viewport-safe overflow menu
+
+- brand-bible.css: chip selects (agent/model dropdowns) now use `--panel-3` background so they contrast against the `--panel-1` card; pill border-radius preserved with `!important` override of the `* { border-radius:0 }` reset
+- brand-bible.css: sidebar-overflow-menu gets `max-height: calc(100dvh - 80px)` to prevent off-screen overflow
+- app.js: overflow menu detects bottom-of-screen clip on open and flips to `bottom: 100%` when needed
+
 ## [Unreleased] - Clear All now soft-deletes conv rows to suppress auto-import
 
 - `deleteAllConversations` was hard-deleting rows from the conversations table. Auto-import's skip check relies on `existingConv.status === 'deleted'` — after hard delete, existingConv is null, so the JSONL scanner re-imports everything the next poll. Visible symptom: Clear All appears to work, then the same conversations reappear.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.888",
+  "version": "1.0.890",
   "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;
 }