agentgui 1.0.781 → 1.0.783

package/lib/jsonl-watcher.js

@@ -124,8 +124,8 @@ export class JsonlWatcher {
     const cwd = e.cwd || process.cwd();
     const branch = e.gitBranch || '';
     const base = path.basename(cwd);
-    const title = branch ? `External: ${branch} @ ${base}` : `External: ${base}`;
-    const conv = this._q.createConversation('cli-claude', title, cwd);
+    const title = branch ? `${branch} @ ${base}` : base;
+    const conv = this._q.createConversation('claude-code', title, cwd);
     this._q.setClaudeSessionId(conv.id, sid);
     this._convMap.set(sid, conv.id);
     this._bc({ type: 'conversation_created', conversation: conv, timestamp: Date.now() });

package/lib/ws-handlers-run.js

@@ -2,7 +2,7 @@ function err(code, message) { const e = new Error(message); e.code = code; throw
 function need(p, key) { if (!p[key]) err(400, `Missing required param: ${key}`); return p[key]; }
 
 function register(router, deps) {
-  const { queries, discoveredAgents, activeExecutions, activeProcessesByRunId, broadcastSync, processMessageWithStreaming } = deps;
+  const { queries, discoveredAgents, activeExecutions, activeProcessesByRunId, broadcastSync, processMessageWithStreaming, cleanupExecution } = deps;
 
   function findAgent(id) { const a = discoveredAgents.find(x => x.id === id); if (!a) err(404, 'Agent not found'); return a; }
   function getRunOrThrow(id) { const r = queries.getRun(id); if (!r) err(404, 'Run not found'); return r; }
@@ -15,9 +15,8 @@ function register(router, deps) {
       setTimeout(() => { try { process.kill(-ex.pid, 'SIGKILL'); } catch { try { process.kill(ex.pid, 'SIGKILL'); } catch {} } }, 3000);
     }
     if (ex?.sessionId) queries.updateSession(ex.sessionId, { status: 'error', error: 'Cancelled by user', completed_at: Date.now() });
-    activeExecutions.delete(threadId);
+    cleanupExecution(threadId);
     activeProcessesByRunId.delete(runId);
-    queries.setIsStreaming(threadId, false);
     return ex;
   }
 

package/package.json

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

package/server.js

@@ -2627,7 +2627,7 @@ debugLog('[INIT] registerSessionHandlers completed');
 
 registerRunHandlers(wsRouter, {
   queries, discoveredAgents, activeExecutions, activeProcessesByRunId,
-  broadcastSync, processMessageWithStreaming
+  broadcastSync, processMessageWithStreaming, cleanupExecution
 });
 
 registerUtilHandlers(wsRouter, {

package/static/index.html

@@ -6,23 +6,39 @@
   <meta name="description" content="AgentGUI - Real-time Claude Code Execution Visualization">
   <title>AgentGUI</title>
   <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='20' fill='%233b82f6'/%3E%3Ctext x='50' y='68' font-size='50' font-family='sans-serif' font-weight='bold' fill='white' text-anchor='middle'%3EG%3C/text%3E%3C/svg%3E">
+  <link rel="preload" href="/gm/css/main.css" as="style">
+  <link rel="preload" href="/gm/lib/xstate.umd.min.js" as="script">
+  <link rel="preload" href="/gm/lib/msgpackr.min.js" as="script">
 
   
   
   <script>
     (function(){
       var b=(window.__BASE_URL||'');
-      ['vendor/rippleui.css','vendor/prism-dark.css','vendor/highlight-js.css','vendor/xterm.css'].forEach(function(h){
+      // Critical CSS only - rippleui needed for layout
+      ['vendor/rippleui.css'].forEach(function(h){
         var l=document.createElement('link');l.rel='stylesheet';l.href=b+'/'+h;document.head.appendChild(l);
       });
-      ['vendor/highlight.min.js','vendor/xterm.min.js','vendor/xterm-addon-fit.min.js'].forEach(function(s){
-        var e=document.createElement('script');e.defer=true;e.src=b+'/'+s;document.head.appendChild(e);
+      // Non-critical CSS - load async via media trick
+      ['vendor/prism-dark.css','vendor/highlight-js.css','vendor/xterm.css'].forEach(function(h){
+        var l=document.createElement('link');l.rel='stylesheet';l.href=b+'/'+h;l.media='print';l.onload=function(){l.media='all';};document.head.appendChild(l);
       });
+      // Vendor JS - lazy load on idle or first use
+      window._vendorLoaded = false;
+      window._loadVendorJS = function() {
+        if (window._vendorLoaded) return;
+        window._vendorLoaded = true;
+        ['vendor/highlight.min.js','vendor/xterm.min.js','vendor/xterm-addon-fit.min.js'].forEach(function(s){
+          var e=document.createElement('script');e.defer=true;e.src=b+'/'+s;document.head.appendChild(e);
+        });
+      };
+      if (typeof requestIdleCallback !== 'undefined') requestIdleCallback(window._loadVendorJS, { timeout: 3000 });
+      else setTimeout(window._loadVendorJS, 1500);
     })();
   </script>
 
     <link rel="stylesheet" href="/gm/css/main.css">
-  <link rel="stylesheet" href="/gm/css/tools-popup.css">
+  <link rel="stylesheet" href="/gm/css/tools-popup.css" media="print" onload="this.media='all'">
 </head>
 <body>
   <!-- Sidebar overlay (mobile) -->

package/static/js/client.js

@@ -103,28 +103,22 @@ class AgentGUIClient {
     try {
       this._dbg('Initializing AgentGUI client');
 
-      // Initialize renderer
+      // Start WebSocket connection immediately (don't wait for UI setup)
+      const wsReady = this.config.autoConnect ? this.connectWebSocket() : Promise.resolve();
+
+      // Initialize renderer and UI in parallel with WS connection
       this.renderer.init(this.config.outputContainerId, this.config.scrollContainerId);
 
-      // Initialize image loader
       if (typeof ImageLoader !== 'undefined') {
         window.imageLoader = new ImageLoader();
-        this._dbg('Image loader initialized');
       }
 
-      // Setup event listeners
       this.setupWebSocketListeners();
       this.setupRendererListeners();
-
-      // Setup UI elements (must happen before loading data so DOM refs exist)
       this.setupUI();
 
-      // Connect WebSocket before loading data (RPC requires connection)
-      if (this.config.autoConnect) {
-        await this.connectWebSocket();
-      }
-
-      // Load initial data in parallel - none of these depend on each other
+      // Wait for WS, then load data in parallel
+      await wsReady;
       await Promise.all([
         this.loadAgents(),
         this.loadConversations(),

package/static/js/tools-manager.js

@@ -4,16 +4,16 @@
   var tools = [];
   var isRefreshing = false;
 
+  var hasRefreshed = false;
   function init() {
     if (!btn || !popup) return;
     btn.style.display = 'flex';
-    btn.addEventListener('click', togglePopup);
+    btn.addEventListener('click', function() { if (!hasRefreshed) { hasRefreshed = true; refresh(); } togglePopup(); });
     document.addEventListener('click', function(e) {
       if (!btn.contains(e.target) && !popup.contains(e.target)) closePopup();
     });
     window.addEventListener('ws-message', onWsMessage);
     initVoiceControls();
-    refresh();
   }
 
   function initVoiceControls() {