agentgui 1.0.819 → 1.0.821

package/.prd

@@ -0,0 +1,42 @@
+[
+  {
+    "id": "split-conversations-js",
+    "subject": "Split conversations.js into 3 files under 200 lines each",
+    "status": "pending",
+    "description": "conversations.js is 742L. Natural split: (1) conv-folder-browser.js — FolderBrowser methods L189-470 (~90L), (2) conv-list.js — ConversationManager render/CRUD/WS methods L480-742 (~180L), (3) conversations.js — core class constructor/init/loadAgents/agents/format methods L1-190 (~190L). All three reference shared ConversationManager instance.",
+    "effort": "large",
+    "category": "refactor",
+    "blocking": [],
+    "blockedBy": [],
+    "acceptance": [
+      "conversations.js ≤200 lines",
+      "conv-folder-browser.js ≤200 lines and loaded in index.html",
+      "conv-list.js ≤200 lines and loaded in index.html",
+      "window.conversationManager still works post-split",
+      "DOM-ready guard at end of file preserved (if/else is correct, not a duplicate)"
+    ],
+    "edge_cases": [
+      "Methods cross-call — must verify all internal references resolve after split"
+    ]
+  },
+  {
+    "id": "split-websocket-manager",
+    "subject": "Split websocket-manager.js into connection and messaging files",
+    "status": "pending",
+    "description": "websocket-manager.js is 650L with a single WebSocketManager class. Split into: (1) ws-connection.js — raw WebSocket open/close/reconnect logic, (2) ws-subscriptions.js — subscribe/unsubscribe/broadcast logic, (3) websocket-manager.js — coordinator that imports both (≤200L each).",
+    "effort": "large",
+    "category": "refactor",
+    "blocking": [],
+    "blockedBy": [],
+    "acceptance": [
+      "websocket-manager.js ≤200 lines",
+      "ws-connection.js ≤200 lines",
+      "ws-subscriptions.js ≤200 lines",
+      "All three loaded in index.html in correct order",
+      "wsManager API unchanged from client.js perspective"
+    ],
+    "edge_cases": [
+      "ws-machine.js wraps WebSocketManager — must still find it at window.wsManager"
+    ]
+  }
+]

package/CHANGELOG.md

@@ -1,6 +1,7 @@
 ## 2026-04-11
 - refactor: split jsonl-watcher.js parse/event logic into jsonl-parser.js; watcher retains file watching/polling only
 - refactor: split tool-version.js into tool-version-check.js (sync) and tool-version-fetch.js (async/network)
+- refactor: split ui-components.js into core class (createModal/createTabs/createAlert/createSpinner/escapeHtml) and ui-components-rendering.js (createProgressBar/createCollapsible/createInput/createSelect/createButtonGroup/createBadge/copyToClipboard/downloadFile); both ≤200 lines
 
 ## [Unreleased]
 ### Refactor

package/CLAUDE.md

@@ -88,7 +88,8 @@ static/js/stt-handler.js         Speech-to-text recording and upload
 static/js/features.js            View toggle, drag-drop upload, model progress indicator
 static/js/tools-manager.js       Tool install/update UI orchestrator
 static/js/tools-manager-ui.js    Tool card rendering + voice selector helpers
-static/js/agent-auth.js          Agent authentication UI (OAuth flows)
+static/js/agent-auth.js          Agent authentication UI (dropdown, auth-status, provider keys)
+static/js/agent-auth-oauth.js    OAuth modal functions (triggerAuth, onWsMessage, paste fallback)
 static/js/dialogs.js             Modal dialog system
 static/js/image-loader.js        Lazy image loading for agent file read events
 static/js/pm2-monitor.js         PM2 process monitor UI

package/package.json

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

package/static/index.html

@@ -293,12 +293,14 @@
   <script defer src="/gm/js/recording-machine.js"></script>
   <script defer src="/gm/js/terminal-machine.js"></script>
   <script defer src="/gm/js/conversations.js"></script>
+  <script defer src="/gm/js/conv-sidebar-actions.js"></script>
   <script defer src="/gm/lib/msgpackr.min.js"></script>
   <script defer src="/gm/js/websocket-manager.js"></script>
   <script defer src="/gm/js/ws-client.js"></script>
   <script defer src="/gm/js/syntax-highlighter.js"></script>
   <script defer src="/gm/js/dialogs.js"></script>
   <script defer src="/gm/js/ui-components.js"></script>
+  <script defer src="/gm/js/ui-components-rendering.js"></script>
   <script defer src="/gm/js/state-barrier.js"></script>
   <script defer src="/gm/js/terminal.js"></script>
   <script defer src="/gm/js/script-runner.js"></script>
@@ -307,9 +309,12 @@
   <script defer src="/gm/js/stt-handler.js"></script>
   <script defer src="/gm/js/voice.js"></script>
   <script defer src="/gm/js/pm2-monitor.js"></script>
+  <script defer src="/gm/js/event-filter-config.js"></script>
+  <script defer src="/gm/js/event-filter.js"></script>
   <script defer src="/gm/js/client.js"></script>
   <script defer src="/gm/js/features.js"></script>
   <script defer src="/gm/js/agent-auth.js"></script>
+  <script defer src="/gm/js/agent-auth-oauth.js"></script>
   <script defer src="/gm/js/app-shortcuts.js"></script>
   <script defer src="/gm/app.js"></script>
 

package/static/js/agent-auth-oauth.js

@@ -0,0 +1,159 @@
+(function() {
+  var AUTH_CONV_ID = '__agent_auth__';
+  var oauthPollInterval = null, oauthPollTimeout = null, oauthFallbackTimer = null;
+
+  function state() { return window.__agentAuthState; }
+
+  function cleanupOAuthPolling() {
+    if (oauthPollInterval) { clearInterval(oauthPollInterval); oauthPollInterval = null; }
+    if (oauthPollTimeout) { clearTimeout(oauthPollTimeout); oauthPollTimeout = null; }
+    if (oauthFallbackTimer) { clearTimeout(oauthFallbackTimer); oauthFallbackTimer = null; }
+  }
+
+  function showOAuthWaitingModal() {
+    removeOAuthModal();
+    var overlay = document.createElement('div');
+    overlay.id = 'oauthWaitingModal';
+    overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:9999;';
+    overlay.innerHTML = '<div style="background:var(--color-bg-secondary,#1f2937);border-radius:1rem;padding:2rem;max-width:28rem;width:calc(100% - 2rem);box-shadow:0 25px 50px rgba(0,0,0,0.5);color:var(--color-text-primary,white);font-family:system-ui,sans-serif;" onclick="event.stopPropagation()">' +
+      '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;">' +
+      '<h2 style="font-size:1.125rem;font-weight:700;margin:0;">Google Sign-In</h2>' +
+      '<button id="oauthWaitingClose" style="background:none;border:none;color:var(--color-text-secondary,#9ca3af);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;">\u00d7</button></div>' +
+      '<div id="oauthWaitingContent" style="text-align:center;padding:1.5rem 0;">' +
+      '<div style="font-size:2rem;margin-bottom:1rem;animation:pulse 2s infinite;">&#9203;</div>' +
+      '<p style="font-size:0.85rem;color:var(--color-text-secondary,#d1d5db);margin:0 0 0.5rem;">Waiting for Google sign-in to complete...</p>' +
+      '<p style="font-size:0.75rem;color:var(--color-text-secondary,#6b7280);margin:0;">Complete the sign-in in the tab that just opened.</p>' +
+      '<p style="font-size:0.75rem;color:var(--color-text-secondary,#6b7280);margin:0.25rem 0 0;">This dialog will close automatically when done.</p></div>' +
+      '<div id="oauthPasteFallback" style="display:none;">' +
+      '<div style="margin-bottom:1rem;padding:1rem;background:var(--color-bg-tertiary,rgba(255,255,255,0.05));border-radius:0.5rem;">' +
+      '<p style="font-size:0.8rem;color:var(--color-text-secondary,#d1d5db);margin:0 0 0.5rem;">The automatic relay did not complete. This can happen when accessing the server remotely.</p>' +
+      '<p style="font-size:0.8rem;color:var(--color-text-secondary,#d1d5db);margin:0;">Copy the <span style="color:white;font-weight:600;">entire URL</span> from the sign-in tab and paste it below.</p></div>' +
+      '<input type="text" id="oauthPasteInput" placeholder="http://localhost:3000/gm/oauth2callback?code=..." style="width:100%;box-sizing:border-box;padding:0.75rem 1rem;background:var(--color-bg-primary,#374151);border:1px solid var(--color-border,#4b5563);border-radius:0.5rem;color:var(--color-text-primary,white);font-size:0.8rem;font-family:monospace;outline:none;" />' +
+      '<p id="oauthPasteError" style="font-size:0.75rem;color:#ef4444;margin:0.5rem 0 0;display:none;"></p></div>' +
+      '<div style="display:flex;gap:0.75rem;margin-top:1.25rem;">' +
+      '<button id="oauthWaitingCancel" style="flex:1;padding:0.625rem;border-radius:0.5rem;border:1px solid var(--color-border,#4b5563);background:transparent;color:var(--color-text-primary,white);font-size:0.8rem;cursor:pointer;font-weight:600;">Cancel</button>' +
+      '<button id="oauthPasteSubmit" style="flex:1;padding:0.625rem;border-radius:0.5rem;border:none;background:var(--color-primary,#3b82f6);color:white;font-size:0.8rem;cursor:pointer;font-weight:600;display:none;">Complete Sign-In</button></div>' +
+      '<style>@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}</style></div>';
+    document.body.appendChild(overlay);
+    var dismiss = function() { cleanupOAuthPolling(); state().authRunning = false; removeOAuthModal(); };
+    document.getElementById('oauthWaitingClose').addEventListener('click', dismiss);
+    document.getElementById('oauthWaitingCancel').addEventListener('click', dismiss);
+    document.getElementById('oauthPasteSubmit').addEventListener('click', submitOAuthPasteUrl);
+  }
+
+  function showOAuthPasteFallback() {
+    var fallback = document.getElementById('oauthPasteFallback');
+    var waitContent = document.getElementById('oauthWaitingContent');
+    var submitBtn = document.getElementById('oauthPasteSubmit');
+    if (fallback) fallback.style.display = 'block';
+    if (waitContent) waitContent.style.display = 'none';
+    if (submitBtn) submitBtn.style.display = 'block';
+    var input = document.getElementById('oauthPasteInput');
+    if (input) {
+      input.addEventListener('keydown', function(e) { if (e.key === 'Enter') submitOAuthPasteUrl(); });
+      setTimeout(function() { input.focus(); }, 100);
+    }
+  }
+
+  function removeOAuthModal() {
+    var el = document.getElementById('oauthWaitingModal');
+    if (el) el.remove();
+  }
+
+  function submitOAuthPasteUrl() {
+    var input = document.getElementById('oauthPasteInput');
+    var errorEl = document.getElementById('oauthPasteError');
+    var submitBtn = document.getElementById('oauthPasteSubmit');
+    if (!input) return;
+    var url = input.value.trim();
+    if (!url) {
+      if (errorEl) { errorEl.textContent = 'Please paste the URL from the redirected page.'; errorEl.style.display = 'block'; }
+      return;
+    }
+    if (submitBtn) { submitBtn.disabled = true; submitBtn.textContent = 'Verifying...'; }
+    if (errorEl) errorEl.style.display = 'none';
+    window.wsClient.rpc('gemini.complete', { url: url })
+      .then(function(data) {
+        if (data.success) {
+          cleanupOAuthPolling();
+          state().authRunning = false;
+          removeOAuthModal();
+          state().refresh();
+        } else {
+          if (errorEl) { errorEl.textContent = data.error || 'Failed to complete authentication.'; errorEl.style.display = 'block'; }
+          if (submitBtn) { submitBtn.disabled = false; submitBtn.textContent = 'Complete Sign-In'; }
+        }
+      }).catch(function(e) {
+        if (errorEl) { errorEl.textContent = e.message; errorEl.style.display = 'block'; }
+        if (submitBtn) { submitBtn.disabled = false; submitBtn.textContent = 'Complete Sign-In'; }
+      });
+  }
+
+  function triggerAuth(agentId) {
+    if (state().authRunning) return;
+    window.wsClient.rpc('agent.auth', { id: agentId })
+      .then(function(data) {
+        if (data.ok) {
+          state().authRunning = true; showTerminalTab(); switchToTerminalView();
+          var term = getTerminal();
+          if (term) { term.clear(); term.writeln('\x1b[36m[authenticating ' + agentId + ']\x1b[0m\r\n'); }
+          if (data.authUrl) {
+            window.open(data.authUrl, '_blank');
+            if (agentId === 'gemini') {
+              showOAuthWaitingModal();
+              cleanupOAuthPolling();
+              oauthPollInterval = setInterval(function() {
+                window.wsClient.rpc('gemini.status')
+                  .then(function(status) {
+                    if (status.status === 'success') {
+                      cleanupOAuthPolling(); state().authRunning = false; removeOAuthModal(); state().refresh();
+                    } else if (status.status === 'error') {
+                      cleanupOAuthPolling(); state().authRunning = false; removeOAuthModal();
+                    }
+                  }).catch(function() {});
+              }, 1500);
+              oauthFallbackTimer = setTimeout(function() {
+                if (state().authRunning) showOAuthPasteFallback();
+              }, 30000);
+              oauthPollTimeout = setTimeout(function() {
+                cleanupOAuthPolling();
+                if (state().authRunning) { state().authRunning = false; removeOAuthModal(); }
+              }, 5 * 60 * 1000);
+            }
+          }
+        }
+      }).catch(function() {});
+  }
+
+  function onWsMessage(e) {
+    var data = e.detail;
+    if (!data || data.conversationId !== AUTH_CONV_ID) return;
+    if (data.type === 'script_started') {
+      state().authRunning = true; showTerminalTab(); switchToTerminalView();
+      var term = getTerminal();
+      if (term) { term.clear(); term.writeln('\x1b[36m[authenticating ' + (data.agentId || '') + ']\x1b[0m\r\n'); }
+    } else if (data.type === 'script_output') {
+      showTerminalTab();
+      var term = getTerminal();
+      if (term) term.write(data.data);
+    } else if (data.type === 'script_stopped') {
+      state().authRunning = false;
+      removeOAuthModal();
+      cleanupOAuthPolling();
+      var term = getTerminal();
+      var msg = data.error ? data.error : ('exited with code ' + (data.code || 0));
+      if (term) term.writeln('\r\n\x1b[90m[auth ' + msg + ']\x1b[0m');
+      setTimeout(function() { state().refresh(); }, 1000);
+    }
+  }
+
+  function showTerminalTab() { var t = document.getElementById('terminalTabBtn'); if (t) t.style.display = ''; }
+  function switchToTerminalView() {
+    var bar = document.getElementById('viewToggleBar');
+    if (!bar) return;
+    var t = bar.querySelector('[data-view="terminal"]'); if (t) t.click();
+  }
+  function getTerminal() { return window.scriptRunner ? window.scriptRunner.getTerminal() : null; }
+
+  window.__agentAuthOAuth = { triggerAuth: triggerAuth, onWsMessage: onWsMessage };
+})();

package/static/js/agent-auth.js

@@ -2,7 +2,13 @@
   var btn = document.getElementById('agentAuthBtn');
   var dropdown = document.getElementById('agentAuthDropdown');
   var agents = [], providers = {}, authRunning = false, editingProvider = null;
-  var AUTH_CONV_ID = '__agent_auth__';
+
+  window.__agentAuthState = {
+    get authRunning() { return authRunning; },
+    set authRunning(v) { authRunning = v; },
+    refresh: function() { refresh(); },
+    closeDropdown: function() { closeDropdown(); }
+  };
 
   function init() {
     if (!btn || !dropdown) return;
@@ -12,7 +18,9 @@
       if (!btn.contains(e.target) && !dropdown.contains(e.target)) closeDropdown();
     });
     window.addEventListener('conversation-selected', function() { refresh(); });
-    window.addEventListener('ws-message', onWsMessage);
+    window.addEventListener('ws-message', function(e) {
+      if (window.__agentAuthOAuth && window.__agentAuthOAuth.onWsMessage) window.__agentAuthOAuth.onWsMessage(e);
+    });
     refresh();
   }
 
@@ -48,7 +56,11 @@
       agents.forEach(function(agent) {
         var dotClass = agent.authenticated ? 'ok' : (agent.detail === 'unknown' ? 'unknown' : 'missing');
         var item = makeItem(dotClass, agent.name, agent.detail);
-        item.addEventListener('click', function(e) { e.stopPropagation(); closeDropdown(); triggerAuth(agent.id); });
+        item.addEventListener('click', function(e) {
+          e.stopPropagation();
+          closeDropdown();
+          if (window.__agentAuthOAuth && window.__agentAuthOAuth.triggerAuth) window.__agentAuthOAuth.triggerAuth(agent.id);
+        });
         dropdown.appendChild(item);
       });
     }
@@ -126,165 +138,6 @@
   }
 
   function closeDropdown() { dropdown.classList.remove('open'); editingProvider = null; }
-
-  var oauthPollInterval = null, oauthPollTimeout = null, oauthFallbackTimer = null;
-
-  function cleanupOAuthPolling() {
-    if (oauthPollInterval) { clearInterval(oauthPollInterval); oauthPollInterval = null; }
-    if (oauthPollTimeout) { clearTimeout(oauthPollTimeout); oauthPollTimeout = null; }
-    if (oauthFallbackTimer) { clearTimeout(oauthFallbackTimer); oauthFallbackTimer = null; }
-  }
-
-  function showOAuthWaitingModal() {
-    removeOAuthModal();
-    var overlay = document.createElement('div');
-    overlay.id = 'oauthWaitingModal';
-    overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:9999;';
-    overlay.innerHTML = '<div style="background:var(--color-bg-secondary,#1f2937);border-radius:1rem;padding:2rem;max-width:28rem;width:calc(100% - 2rem);box-shadow:0 25px 50px rgba(0,0,0,0.5);color:var(--color-text-primary,white);font-family:system-ui,sans-serif;" onclick="event.stopPropagation()">' +
-      '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;">' +
-      '<h2 style="font-size:1.125rem;font-weight:700;margin:0;">Google Sign-In</h2>' +
-      '<button id="oauthWaitingClose" style="background:none;border:none;color:var(--color-text-secondary,#9ca3af);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;">\u00d7</button></div>' +
-      '<div id="oauthWaitingContent" style="text-align:center;padding:1.5rem 0;">' +
-      '<div style="font-size:2rem;margin-bottom:1rem;animation:pulse 2s infinite;">&#9203;</div>' +
-      '<p style="font-size:0.85rem;color:var(--color-text-secondary,#d1d5db);margin:0 0 0.5rem;">Waiting for Google sign-in to complete...</p>' +
-      '<p style="font-size:0.75rem;color:var(--color-text-secondary,#6b7280);margin:0;">Complete the sign-in in the tab that just opened.</p>' +
-      '<p style="font-size:0.75rem;color:var(--color-text-secondary,#6b7280);margin:0.25rem 0 0;">This dialog will close automatically when done.</p></div>' +
-      '<div id="oauthPasteFallback" style="display:none;">' +
-      '<div style="margin-bottom:1rem;padding:1rem;background:var(--color-bg-tertiary,rgba(255,255,255,0.05));border-radius:0.5rem;">' +
-      '<p style="font-size:0.8rem;color:var(--color-text-secondary,#d1d5db);margin:0 0 0.5rem;">The automatic relay did not complete. This can happen when accessing the server remotely.</p>' +
-      '<p style="font-size:0.8rem;color:var(--color-text-secondary,#d1d5db);margin:0;">Copy the <span style="color:white;font-weight:600;">entire URL</span> from the sign-in tab and paste it below.</p></div>' +
-      '<input type="text" id="oauthPasteInput" placeholder="http://localhost:3000/gm/oauth2callback?code=..." style="width:100%;box-sizing:border-box;padding:0.75rem 1rem;background:var(--color-bg-primary,#374151);border:1px solid var(--color-border,#4b5563);border-radius:0.5rem;color:var(--color-text-primary,white);font-size:0.8rem;font-family:monospace;outline:none;" />' +
-      '<p id="oauthPasteError" style="font-size:0.75rem;color:#ef4444;margin:0.5rem 0 0;display:none;"></p></div>' +
-      '<div style="display:flex;gap:0.75rem;margin-top:1.25rem;">' +
-      '<button id="oauthWaitingCancel" style="flex:1;padding:0.625rem;border-radius:0.5rem;border:1px solid var(--color-border,#4b5563);background:transparent;color:var(--color-text-primary,white);font-size:0.8rem;cursor:pointer;font-weight:600;">Cancel</button>' +
-      '<button id="oauthPasteSubmit" style="flex:1;padding:0.625rem;border-radius:0.5rem;border:none;background:var(--color-primary,#3b82f6);color:white;font-size:0.8rem;cursor:pointer;font-weight:600;display:none;">Complete Sign-In</button></div>' +
-      '<style>@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}</style></div>';
-    document.body.appendChild(overlay);
-    var dismiss = function() { cleanupOAuthPolling(); authRunning = false; removeOAuthModal(); };
-    document.getElementById('oauthWaitingClose').addEventListener('click', dismiss);
-    document.getElementById('oauthWaitingCancel').addEventListener('click', dismiss);
-    document.getElementById('oauthPasteSubmit').addEventListener('click', submitOAuthPasteUrl);
-  }
-
-  function showOAuthPasteFallback() {
-    var fallback = document.getElementById('oauthPasteFallback');
-    var waitContent = document.getElementById('oauthWaitingContent');
-    var submitBtn = document.getElementById('oauthPasteSubmit');
-    if (fallback) fallback.style.display = 'block';
-    if (waitContent) waitContent.style.display = 'none';
-    if (submitBtn) submitBtn.style.display = 'block';
-    var input = document.getElementById('oauthPasteInput');
-    if (input) {
-      input.addEventListener('keydown', function(e) { if (e.key === 'Enter') submitOAuthPasteUrl(); });
-      setTimeout(function() { input.focus(); }, 100);
-    }
-  }
-
-  function removeOAuthModal() {
-    var el = document.getElementById('oauthWaitingModal');
-    if (el) el.remove();
-  }
-
-  function submitOAuthPasteUrl() {
-    var input = document.getElementById('oauthPasteInput');
-    var errorEl = document.getElementById('oauthPasteError');
-    var submitBtn = document.getElementById('oauthPasteSubmit');
-    if (!input) return;
-    var url = input.value.trim();
-    if (!url) {
-      if (errorEl) { errorEl.textContent = 'Please paste the URL from the redirected page.'; errorEl.style.display = 'block'; }
-      return;
-    }
-    if (submitBtn) { submitBtn.disabled = true; submitBtn.textContent = 'Verifying...'; }
-    if (errorEl) errorEl.style.display = 'none';
-
-    window.wsClient.rpc('gemini.complete', { url: url })
-      .then(function(data) {
-        if (data.success) {
-          cleanupOAuthPolling();
-          authRunning = false;
-          removeOAuthModal();
-          refresh();
-        } else {
-          if (errorEl) { errorEl.textContent = data.error || 'Failed to complete authentication.'; errorEl.style.display = 'block'; }
-          if (submitBtn) { submitBtn.disabled = false; submitBtn.textContent = 'Complete Sign-In'; }
-        }
-      }).catch(function(e) {
-        if (errorEl) { errorEl.textContent = e.message; errorEl.style.display = 'block'; }
-        if (submitBtn) { submitBtn.disabled = false; submitBtn.textContent = 'Complete Sign-In'; }
-      });
-  }
-
-  function triggerAuth(agentId) {
-    if (authRunning) return;
-    window.wsClient.rpc('agent.auth', { id: agentId })
-      .then(function(data) {
-        if (data.ok) {
-          authRunning = true; showTerminalTab(); switchToTerminalView();
-          var term = getTerminal();
-          if (term) { term.clear(); term.writeln('\x1b[36m[authenticating ' + agentId + ']\x1b[0m\r\n'); }
-          if (data.authUrl) {
-            window.open(data.authUrl, '_blank');
-            if (agentId === 'gemini') {
-              showOAuthWaitingModal();
-              cleanupOAuthPolling();
-              oauthPollInterval = setInterval(function() {
-                window.wsClient.rpc('gemini.status')
-                  .then(function(status) {
-                    if (status.status === 'success') {
-                      cleanupOAuthPolling();
-                      authRunning = false;
-                      removeOAuthModal();
-                      refresh();
-                    } else if (status.status === 'error') {
-                      cleanupOAuthPolling();
-                      authRunning = false;
-                      removeOAuthModal();
-                    }
-                  }).catch(function() {});
-              }, 1500);
-              oauthFallbackTimer = setTimeout(function() {
-                if (authRunning) showOAuthPasteFallback();
-              }, 30000);
-              oauthPollTimeout = setTimeout(function() {
-                cleanupOAuthPolling();
-                if (authRunning) { authRunning = false; removeOAuthModal(); }
-              }, 5 * 60 * 1000);
-            }
-          }
-        }
-      }).catch(function() {});
-  }
-
-  function onWsMessage(e) {
-    var data = e.detail;
-    if (!data || data.conversationId !== AUTH_CONV_ID) return;
-    if (data.type === 'script_started') {
-      authRunning = true; showTerminalTab(); switchToTerminalView();
-      var term = getTerminal();
-      if (term) { term.clear(); term.writeln('\x1b[36m[authenticating ' + (data.agentId || '') + ']\x1b[0m\r\n'); }
-    } else if (data.type === 'script_output') {
-      showTerminalTab();
-      var term = getTerminal();
-      if (term) term.write(data.data);
-    } else if (data.type === 'script_stopped') {
-      authRunning = false;
-      removeOAuthModal();
-      cleanupOAuthPolling();
-      var term = getTerminal();
-      var msg = data.error ? data.error : ('exited with code ' + (data.code || 0));
-      if (term) term.writeln('\r\n\x1b[90m[auth ' + msg + ']\x1b[0m');
-      setTimeout(refresh, 1000);
-    }
-  }
-
-  function showTerminalTab() { var t = document.getElementById('terminalTabBtn'); if (t) t.style.display = ''; }
-  function switchToTerminalView() {
-    var bar = document.getElementById('viewToggleBar');
-    if (!bar) return;
-    var t = bar.querySelector('[data-view="terminal"]'); if (t) t.click();
-  }
-  function getTerminal() { return window.scriptRunner ? window.scriptRunner.getTerminal() : null; }
   function esc(s) { var d = document.createElement('div'); d.textContent = s; return d.innerHTML; }
 
   if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);

package/static/js/conv-sidebar-actions.js

@@ -0,0 +1,184 @@
+Object.assign(ConversationManager.prototype, {
+  setupDelegatedListeners() {
+    let draggedId = null;
+    this.listEl.addEventListener('dragstart', (e) => {
+      const item = e.target.closest('[data-drag-conv]');
+      if (!item) return;
+      draggedId = item.dataset.dragConv;
+      item.style.opacity = '0.5';
+      e.dataTransfer.effectAllowed = 'move';
+    });
+    this.listEl.addEventListener('dragend', (e) => {
+      const item = e.target.closest('[data-drag-conv]');
+      if (item) item.style.opacity = '';
+      draggedId = null;
+    });
+    this.listEl.addEventListener('dragover', (e) => {
+      const item = e.target.closest('[data-drag-conv]');
+      if (item && draggedId) { e.preventDefault(); e.dataTransfer.dropEffect = 'move'; }
+    });
+    this.listEl.addEventListener('drop', (e) => {
+      e.preventDefault();
+      const target = e.target.closest('[data-drag-conv]');
+      if (!target || !draggedId || target.dataset.dragConv === draggedId) return;
+      const pinnedItems = [...this.listEl.querySelectorAll('[data-drag-conv]')];
+      const draggedEl = pinnedItems.find(el => el.dataset.dragConv === draggedId);
+      if (!draggedEl) return;
+      this.listEl.insertBefore(draggedEl, target);
+      const newOrder = [...this.listEl.querySelectorAll('[data-drag-conv]')].map(el => el.dataset.dragConv);
+      window.wsClient?.rpc('conv.reorder', { order: newOrder }).catch(() => {});
+    });
+    const bulkBar = document.getElementById('bulkActionBar');
+    const bulkCount = document.getElementById('bulkCount');
+    const updateBulkBar = () => {
+      const checked = this.getSelectedIds().length;
+      if (bulkBar) bulkBar.style.display = checked > 0 ? 'flex' : 'none';
+      if (bulkCount) bulkCount.textContent = `${checked} selected`;
+    };
+    this.listEl.addEventListener('change', (e) => {
+      if (e.target.matches('.conversation-item-checkbox')) updateBulkBar();
+    });
+    document.getElementById('bulkArchiveBtn')?.addEventListener('click', () => this.bulkArchive());
+    document.getElementById('bulkDeleteBtn')?.addEventListener('click', () => this.bulkDelete());
+    this.listEl.addEventListener('click', (e) => {
+      const exportBtn = e.target.closest('[data-export-conv]');
+      if (exportBtn) { e.stopPropagation(); this.exportConversation(exportBtn.dataset.exportConv); return; }
+      const archiveBtn = e.target.closest('[data-archive-conv]');
+      if (archiveBtn) { e.stopPropagation(); this.archiveConversation(archiveBtn.dataset.archiveConv); return; }
+      const deleteBtn = e.target.closest('[data-delete-conv]');
+      if (deleteBtn) {
+        e.stopPropagation();
+        const convId = deleteBtn.dataset.deleteConv;
+        const conv = this.conversations.find(c => c.id === convId);
+        this.confirmDelete(convId, conv?.title || 'Untitled');
+        return;
+      }
+      const item = e.target.closest('[data-conv-id]');
+      if (item) this.select(item.dataset.convId);
+    });
+  },
+
+  setupFolderBrowser() {
+    this.folderBrowser.modal = document.getElementById('folderBrowserModal');
+    this.folderBrowser.listEl = document.getElementById('folderList');
+    this.folderBrowser.breadcrumbEl = document.getElementById('folderBreadcrumb');
+    if (!this.folderBrowser.modal) return;
+    const closeBtn = this.folderBrowser.modal.querySelector('[data-folder-close]');
+    const cancelBtn = this.folderBrowser.modal.querySelector('[data-folder-cancel]');
+    const selectBtn = this.folderBrowser.modal.querySelector('[data-folder-select]');
+    closeBtn?.addEventListener('click', () => this.closeFolderBrowser());
+    cancelBtn?.addEventListener('click', () => this.closeFolderBrowser());
+    selectBtn?.addEventListener('click', () => this.confirmFolderSelection());
+    this.folderBrowser.modal.addEventListener('click', (e) => {
+      if (e.target === this.folderBrowser.modal) this.closeFolderBrowser();
+    });
+    this.folderBrowser.homePathReady = this.fetchHomePath();
+  },
+
+  async fetchHomePath() {
+    try {
+      const res = await fetch(`${window.__BASE_URL || '/gm'}/api/home`);
+      const data = await res.json();
+      this.folderBrowser.homePath = data.home || '~';
+      this.folderBrowser.cwdPath = data.cwd || null;
+    } catch (e) { console.error('Failed to fetch home path:', e); }
+  },
+
+  async openFolderBrowser() {
+    window.dispatchEvent(new CustomEvent('preparing-new-conversation'));
+    if (!this.folderBrowser.modal) { this.createNew(); return; }
+    if (this.folderBrowser.homePathReady) await this.folderBrowser.homePathReady;
+    const startPath = this.folderBrowser.cwdPath || '~';
+    this.folderBrowser.currentPath = startPath;
+    this.folderBrowser.modal.classList.add('visible');
+    this.loadFolders(startPath);
+  },
+
+  closeFolderBrowser() { this.folderBrowser.modal?.classList.remove('visible'); },
+
+  async loadFolders(dirPath) {
+    this.folderBrowser.currentPath = dirPath;
+    this.renderBreadcrumb(dirPath);
+    if (!this.folderBrowser.listEl) return;
+    this.folderBrowser.listEl.innerHTML = '<li class="folder-list-loading">Loading...</li>';
+    try {
+      const data = await window.wsClient.rpc('folders', { path: dirPath });
+      const folders = data.folders || [];
+      this.folderBrowser.listEl.innerHTML = '';
+      const isAtRoot = dirPath === '~' || dirPath === '/' || dirPath === this.folderBrowser.homePath || /^[A-Za-z]:[\/\\]?$/.test(dirPath);
+      if (!isAtRoot) {
+        const parentPath = this.getParentPath(dirPath);
+        const upItem = document.createElement('li');
+        upItem.className = 'folder-list-item';
+        upItem.innerHTML = '<span class="folder-list-item-icon">..</span><span class="folder-list-item-name">Parent Directory</span>';
+        upItem.addEventListener('click', () => this.loadFolders(parentPath));
+        this.folderBrowser.listEl.appendChild(upItem);
+      }
+      if (folders.length === 0 && this.folderBrowser.listEl.children.length === 0) {
+        this.folderBrowser.listEl.innerHTML = '<li class="folder-list-empty">No subdirectories</li>';
+        return;
+      }
+      for (const folder of folders) {
+        const li = document.createElement('li');
+        li.className = 'folder-list-item';
+        li.innerHTML = `<span class="folder-list-item-icon">&#128193;</span><span class="folder-list-item-name">${this.escapeHtml(folder.name)}</span>`;
+        li.addEventListener('click', () => {
+          const expandedBase = dirPath === '~' ? this.folderBrowser.homePath : dirPath;
+          const separator = expandedBase.includes('\\') ? '\\' : '/';
+          const base = expandedBase.replace(/[\/\\]+$/, '');
+          this.loadFolders(base + separator + folder.name);
+        });
+        this.folderBrowser.listEl.appendChild(li);
+      }
+    } catch (err) {
+      this.folderBrowser.listEl.innerHTML = `<li class="folder-list-error">Error: ${this.escapeHtml(err.message)}</li>`;
+    }
+  },
+
+  getParentPath(dirPath) {
+    const expanded = dirPath === '~' ? this.folderBrowser.homePath : dirPath;
+    const parts = pathSplit(expanded);
+    const isWindows = expanded.includes('\\') || /^[A-Za-z]:/.test(expanded);
+    const separator = isWindows ? '\\' : '/';
+    if (parts.length <= 1) return isWindows && parts[0] && parts[0].endsWith(':') ? parts[0] + separator : separator;
+    parts.pop();
+    if (isWindows) { const joined = parts.join(separator); return parts.length === 1 && parts[0].endsWith(':') ? joined + separator : joined; }
+    return separator + parts.join(separator);
+  },
+
+  renderBreadcrumb(dirPath) {
+    if (!this.folderBrowser.breadcrumbEl) return;
+    const expanded = dirPath === '~' ? this.folderBrowser.homePath : dirPath;
+    const parts = pathSplit(expanded);
+    const isWin = expanded.includes('\\') || /^[A-Za-z]:/.test(expanded);
+    const separator = isWin ? '\\' : '/';
+    const rootPath = isWin && parts[0] && /^[A-Za-z]:$/.test(parts[0]) ? parts[0] + separator : separator;
+    let html = `<span class="folder-breadcrumb-segment" data-path="${this.escapeHtml(rootPath)}">${this.escapeHtml(rootPath)} </span>`;
+    let accumulated = '';
+    const isDriveLetter = isWin && parts[0] && /^[A-Za-z]:$/.test(parts[0]);
+    for (let i = 0; i < parts.length; i++) {
+      if (i === 0 && isDriveLetter) accumulated = parts[0];
+      else accumulated += separator + parts[i];
+      const segPath = (i === 0 && isDriveLetter) ? rootPath : accumulated;
+      html += `<span class="folder-breadcrumb-separator">${separator}</span>`;
+      html += `<span class="folder-breadcrumb-segment" data-path="${this.escapeHtml(segPath)}">${this.escapeHtml(parts[i])}</span>`;
+    }
+    this.folderBrowser.breadcrumbEl.innerHTML = html;
+    this.folderBrowser.breadcrumbEl.querySelectorAll('.folder-breadcrumb-segment').forEach(seg => {
+      seg.addEventListener('click', () => { const p = seg.dataset.path; if (p) this.loadFolders(p); });
+    });
+  },
+
+  confirmFolderSelection() {
+    const currentPath = this.folderBrowser.currentPath;
+    const expanded = currentPath === '~' ? this.folderBrowser.homePath : currentPath;
+    this.closeFolderBrowser();
+    window.dispatchEvent(new CustomEvent('create-new-conversation', { detail: { workingDirectory: expanded, title: pathBasename(expanded) || 'root' } }));
+  },
+
+  showLoading() {
+    if (!this.listEl) return;
+    this.listEl.innerHTML = '';
+    if (this.emptyEl) { this.emptyEl.textContent = 'Loading...'; this.emptyEl.style.display = 'block'; }
+  }
+});