agentgui 1.0.251 → 1.0.253

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.251",
+  "version": "1.0.253",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "server.js",

package/server.js

@@ -2555,9 +2555,9 @@ const server = http.createServer(async (req, res) => {
         const isWindows = os.platform() === 'win32';
         const result = execSync('git remote get-url origin' + (isWindows ? '' : ' 2>/dev/null'), { encoding: 'utf-8', cwd: STARTUP_CWD, shell: isWindows });
         const remoteUrl = result.trim();
-        const statusResult = execSync('git status --porcelain', { encoding: 'utf-8', cwd: STARTUP_CWD });
+        const statusResult = execSync('git status --porcelain' + (isWindows ? '' : ' 2>/dev/null'), { encoding: 'utf-8', cwd: STARTUP_CWD, shell: isWindows });
         const hasChanges = statusResult.trim().length > 0;
-        const unpushedResult = execSync('git rev-list --count --not --remotes 2>/dev/null', { encoding: 'utf-8', cwd: STARTUP_CWD });
+        const unpushedResult = execSync('git rev-list --count --not --remotes' + (isWindows ? '' : ' 2>/dev/null'), { encoding: 'utf-8', cwd: STARTUP_CWD, shell: isWindows });
         const hasUnpushed = parseInt(unpushedResult.trim() || '0', 10) > 0;
         const ownsRemote = !remoteUrl.includes('github.com/') || remoteUrl.includes(process.env.GITHUB_USER || '');
         sendJSON(req, res, 200, { ownsRemote, hasChanges, hasUnpushed, remoteUrl });
@@ -2570,7 +2570,10 @@ const server = http.createServer(async (req, res) => {
     if (pathOnly === '/api/git/push' && req.method === 'POST') {
       try {
         const isWindows = os.platform() === 'win32';
-        execSync('git add -A && git commit -m "Auto-commit" && git push', { encoding: 'utf-8', cwd: STARTUP_CWD, shell: isWindows });
+        const gitCommand = isWindows 
+          ? 'git add -A & git commit -m "Auto-commit" & git push'
+          : 'git add -A && git commit -m "Auto-commit" && git push';
+        execSync(gitCommand, { encoding: 'utf-8', cwd: STARTUP_CWD, shell: isWindows });
         sendJSON(req, res, 200, { success: true });
       } catch (err) {
         sendJSON(req, res, 500, { error: err.message });

package/static/app.js

@@ -678,8 +678,8 @@ function closeNewChatModal() {
   }
 }
 
-function createChatInWorkspace() {
-  const title = prompt('Enter a title for the conversation:', 'New Conversation');
+async function createChatInWorkspace() {
+  const title = await window.UIDialog.prompt('Enter a title for the conversation:', 'New Conversation', 'New Chat');
   if (title) {
     app.createConversation(title);
     closeNewChatModal();

package/static/js/conversations.js

@@ -49,6 +49,15 @@ class ConversationManager {
     this.setupCloneUI();
 
     this._pollInterval = setInterval(() => this.loadConversations(), 30000);
+
+    window.addEventListener('beforeunload', () => this.destroy());
+  }
+
+  destroy() {
+    if (this._pollInterval) {
+      clearInterval(this._pollInterval);
+      this._pollInterval = null;
+    }
   }
 
   async loadAgents() {
@@ -466,7 +475,10 @@ class ConversationManager {
   }
 
   async confirmDelete(convId, title) {
-    const confirmed = confirm(`Delete conversation "${title || 'Untitled'}"?\n\nThis will also delete any associated Claude Code session data. This action cannot be undone.`);
+    const confirmed = await window.UIDialog.confirm(
+      `Delete conversation "${title || 'Untitled'}"?\n\nThis will also delete any associated Claude Code session data. This action cannot be undone.`,
+      'Delete Conversation'
+    );
     if (!confirmed) return;
 
     try {
@@ -477,15 +489,14 @@ class ConversationManager {
 
       if (res.ok) {
         console.log(`[ConversationManager] Deleted conversation ${convId}`);
-        // Remove from local list immediately for responsive UI
         this.deleteConversation(convId);
       } else {
         const error = await res.json().catch(() => ({ error: 'Failed to delete' }));
-        alert('Failed to delete conversation: ' + (error.error || 'Unknown error'));
+        window.UIDialog.alert('Failed to delete conversation: ' + (error.error || 'Unknown error'), 'Error');
       }
     } catch (err) {
       console.error('[ConversationManager] Delete error:', err);
-      alert('Failed to delete conversation: ' + err.message);
+      window.UIDialog.alert('Failed to delete conversation: ' + err.message, 'Error');
     }
   }
 

package/static/js/dialogs.js

@@ -0,0 +1,267 @@
+(function() {
+  var activeDialogs = [];
+  var dialogZIndex = 10000;
+
+  function escapeHtml(text) {
+    var map = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' };
+    return String(text).replace(/[&<>"']/g, function(c) { return map[c]; });
+  }
+
+  function createOverlay() {
+    var overlay = document.createElement('div');
+    overlay.className = 'dialog-overlay';
+    overlay.innerHTML = '<div class="dialog-backdrop"></div>';
+    return overlay;
+  }
+
+  function showDialog(dialog, overlay) {
+    dialogZIndex++;
+    if (overlay) {
+      overlay.style.zIndex = dialogZIndex;
+      document.body.appendChild(overlay);
+    }
+    dialog.style.zIndex = dialogZIndex + 1;
+    document.body.appendChild(dialog);
+    activeDialogs.push({ dialog: dialog, overlay: overlay });
+
+    requestAnimationFrame(function() {
+      dialog.classList.add('visible');
+      if (overlay) overlay.classList.add('visible');
+      var input = dialog.querySelector('input, textarea');
+      if (input) input.focus();
+      else {
+        var btn = dialog.querySelector('.dialog-btn-primary');
+        if (btn) btn.focus();
+      }
+    });
+  }
+
+  function closeDialog(dialog, overlay) {
+    dialog.classList.remove('visible');
+    if (overlay) overlay.classList.remove('visible');
+    setTimeout(function() {
+      if (dialog.parentNode) dialog.remove();
+      if (overlay && overlay.parentNode) overlay.remove();
+    }, 200);
+    activeDialogs = activeDialogs.filter(function(d) {
+      return d.dialog !== dialog;
+    });
+  }
+
+  function closeAllDialogs() {
+    activeDialogs.forEach(function(d) {
+      closeDialog(d.dialog, d.overlay);
+    });
+  }
+
+  window.UIDialog = {
+    alert: function(message, title) {
+      return new Promise(function(resolve) {
+        var overlay = createOverlay();
+        var dialog = document.createElement('div');
+        dialog.className = 'dialog-container';
+        dialog.innerHTML = 
+          '<div class="dialog-box">' +
+            '<div class="dialog-header">' +
+              '<h3 class="dialog-title">' + escapeHtml(title || 'Alert') + '</h3>' +
+            '</div>' +
+            '<div class="dialog-body">' +
+              '<p class="dialog-message">' + escapeHtml(message) + '</p>' +
+            '</div>' +
+            '<div class="dialog-footer">' +
+              '<button class="dialog-btn dialog-btn-primary" data-action="ok">OK</button>' +
+            '</div>' +
+          '</div>';
+        
+        var okBtn = dialog.querySelector('[data-action="ok"]');
+        okBtn.addEventListener('click', function() {
+          closeDialog(dialog, overlay);
+          resolve(true);
+        });
+        
+        overlay.querySelector('.dialog-backdrop').addEventListener('click', function() {
+          closeDialog(dialog, overlay);
+          resolve(true);
+        });
+        
+        document.addEventListener('keydown', function handler(e) {
+          if (e.key === 'Escape' || e.key === 'Enter') {
+            document.removeEventListener('keydown', handler);
+            closeDialog(dialog, overlay);
+            resolve(true);
+          }
+        });
+        
+        showDialog(dialog, overlay);
+      });
+    },
+
+    confirm: function(message, title) {
+      return new Promise(function(resolve) {
+        var overlay = createOverlay();
+        var dialog = document.createElement('div');
+        dialog.className = 'dialog-container';
+        dialog.innerHTML = 
+          '<div class="dialog-box">' +
+            '<div class="dialog-header">' +
+              '<h3 class="dialog-title">' + escapeHtml(title || 'Confirm') + '</h3>' +
+            '</div>' +
+            '<div class="dialog-body">' +
+              '<p class="dialog-message">' + escapeHtml(message).replace(/\n/g, '<br>') + '</p>' +
+            '</div>' +
+            '<div class="dialog-footer">' +
+              '<button class="dialog-btn dialog-btn-secondary" data-action="cancel">Cancel</button>' +
+              '<button class="dialog-btn dialog-btn-primary dialog-btn-danger" data-action="confirm">Confirm</button>' +
+            '</div>' +
+          '</div>';
+        
+        var cancelBtn = dialog.querySelector('[data-action="cancel"]');
+        var confirmBtn = dialog.querySelector('[data-action="confirm"]');
+        
+        cancelBtn.addEventListener('click', function() {
+          closeDialog(dialog, overlay);
+          resolve(false);
+        });
+        
+        confirmBtn.addEventListener('click', function() {
+          closeDialog(dialog, overlay);
+          resolve(true);
+        });
+        
+        overlay.querySelector('.dialog-backdrop').addEventListener('click', function() {
+          closeDialog(dialog, overlay);
+          resolve(false);
+        });
+        
+        document.addEventListener('keydown', function handler(e) {
+          if (e.key === 'Escape') {
+            document.removeEventListener('keydown', handler);
+            closeDialog(dialog, overlay);
+            resolve(false);
+          } else if (e.key === 'Enter') {
+            document.removeEventListener('keydown', handler);
+            closeDialog(dialog, overlay);
+            resolve(true);
+          }
+        });
+        
+        showDialog(dialog, overlay);
+      });
+    },
+
+    prompt: function(message, defaultValue, title) {
+      return new Promise(function(resolve) {
+        var overlay = createOverlay();
+        var dialog = document.createElement('div');
+        dialog.className = 'dialog-container';
+        dialog.innerHTML = 
+          '<div class="dialog-box">' +
+            '<div class="dialog-header">' +
+              '<h3 class="dialog-title">' + escapeHtml(title || 'Input') + '</h3>' +
+            '</div>' +
+            '<div class="dialog-body">' +
+              '<label class="dialog-label">' + escapeHtml(message) + '</label>' +
+              '<input type="text" class="dialog-input" value="' + escapeHtml(defaultValue || '') + '">' +
+            '</div>' +
+            '<div class="dialog-footer">' +
+              '<button class="dialog-btn dialog-btn-secondary" data-action="cancel">Cancel</button>' +
+              '<button class="dialog-btn dialog-btn-primary" data-action="ok">OK</button>' +
+            '</div>' +
+          '</div>';
+        
+        var input = dialog.querySelector('.dialog-input');
+        var cancelBtn = dialog.querySelector('[data-action="cancel"]');
+        var okBtn = dialog.querySelector('[data-action="ok"]');
+        
+        cancelBtn.addEventListener('click', function() {
+          closeDialog(dialog, overlay);
+          resolve(null);
+        });
+        
+        okBtn.addEventListener('click', function() {
+          closeDialog(dialog, overlay);
+          resolve(input.value);
+        });
+        
+        input.addEventListener('keydown', function(e) {
+          if (e.key === 'Enter') {
+            closeDialog(dialog, overlay);
+            resolve(input.value);
+          }
+        });
+        
+        overlay.querySelector('.dialog-backdrop').addEventListener('click', function() {
+          closeDialog(dialog, overlay);
+          resolve(null);
+        });
+        
+        document.addEventListener('keydown', function handler(e) {
+          if (e.key === 'Escape') {
+            document.removeEventListener('keydown', handler);
+            closeDialog(dialog, overlay);
+            resolve(null);
+          }
+        });
+        
+        showDialog(dialog, overlay);
+      });
+    },
+
+    showProgress: function(config) {
+      var overlay = createOverlay();
+      var dialog = document.createElement('div');
+      dialog.className = 'dialog-container';
+      dialog.innerHTML = 
+        '<div class="dialog-box dialog-box-progress">' +
+          '<div class="dialog-header">' +
+            '<h3 class="dialog-title">' + escapeHtml(config.title || 'Please wait') + '</h3>' +
+          '</div>' +
+          '<div class="dialog-body">' +
+            '<p class="dialog-message progress-message">' + escapeHtml(config.message || 'Loading...') + '</p>' +
+            '<div class="dialog-progress-bar">' +
+              '<div class="dialog-progress-fill" style="width: 0%"></div>' +
+            '</div>' +
+            '<p class="dialog-progress-percent">0%</p>' +
+          '</div>' +
+        '</div>';
+      
+      showDialog(dialog, overlay);
+      
+      var progressFill = dialog.querySelector('.dialog-progress-fill');
+      var progressPercent = dialog.querySelector('.dialog-progress-percent');
+      var progressMessage = dialog.querySelector('.progress-message');
+      
+      return {
+        update: function(percent, message) {
+          progressFill.style.width = percent + '%';
+          progressPercent.textContent = Math.round(percent) + '%';
+          if (message) progressMessage.textContent = message;
+        },
+        close: function() {
+          closeDialog(dialog, overlay);
+        }
+      };
+    },
+
+    showToast: function(message, type, duration) {
+      var existing = document.querySelector('.toast-notification');
+      if (existing) existing.remove();
+      
+      var toast = document.createElement('div');
+      toast.className = 'toast-notification toast-' + (type || 'info');
+      toast.innerHTML = '<span class="toast-message">' + escapeHtml(message) + '</span>';
+      document.body.appendChild(toast);
+      
+      requestAnimationFrame(function() {
+        toast.classList.add('visible');
+      });
+      
+      setTimeout(function() {
+        toast.classList.remove('visible');
+        setTimeout(function() { if (toast.parentNode) toast.remove(); }, 300);
+      }, duration || 3000);
+    },
+
+    closeAll: closeAllDialogs
+  };
+})();

package/static/js/features.js

@@ -123,7 +123,7 @@
       overlay.classList.remove('visible');
 
       if (!currentConversation) {
-        showToast('Select a conversation first', 'error');
+        if (window.UIDialog) window.UIDialog.showToast('Select a conversation first', 'error');
         return;
       }
 
@@ -136,7 +136,7 @@
 
   function uploadFiles(files) {
     if (!currentConversation) {
-      showToast('No conversation selected', 'error');
+      if (window.UIDialog) window.UIDialog.showToast('No conversation selected', 'error');
       return;
     }
 
@@ -145,7 +145,7 @@
       formData.append('file', files[i]);
     }
 
-    showToast('Uploading ' + files.length + ' file(s)...', 'info');
+    if (window.UIDialog) window.UIDialog.showToast('Uploading ' + files.length + ' file(s)...', 'info');
 
     fetch(BASE + '/api/upload/' + currentConversation, {
       method: 'POST',
@@ -154,13 +154,13 @@
     .then(function(res) { return res.json(); })
     .then(function(data) {
       if (data.ok) {
-        showToast(data.count + ' file(s) uploaded', 'success');
+        if (window.UIDialog) window.UIDialog.showToast(data.count + ' file(s) uploaded', 'success');
       } else {
-        showToast('Upload failed: ' + (data.error || 'Unknown error'), 'error');
+        if (window.UIDialog) window.UIDialog.showToast('Upload failed: ' + (data.error || 'Unknown error'), 'error');
       }
     })
     .catch(function(err) {
-      showToast('Upload failed: ' + err.message, 'error');
+      if (window.UIDialog) window.UIDialog.showToast('Upload failed: ' + err.message, 'error');
     });
   }
 
@@ -197,6 +197,42 @@
     });
   }
 
+  function showVoiceDownloadProgress() {
+    if (window._voiceProgressDialog) return;
+    
+    window._voiceProgressDialog = window.UIDialog.showProgress({
+      title: 'Downloading Voice Models',
+      message: 'Preparing speech recognition and synthesis models...'
+    });
+    
+    var checkInterval = setInterval(function() {
+      if (isVoiceReady()) {
+        clearInterval(checkInterval);
+        if (window._voiceProgressDialog) {
+          window._voiceProgressDialog.close();
+          window._voiceProgressDialog = null;
+        }
+        switchView('voice');
+      }
+    }, 500);
+    
+    setTimeout(function() {
+      clearInterval(checkInterval);
+      if (window._voiceProgressDialog) {
+        window._voiceProgressDialog.close();
+        window._voiceProgressDialog = null;
+      }
+    }, 120000);
+  }
+
+  function updateVoiceProgress(percent, message) {
+    if (window._voiceProgressDialog) {
+      window._voiceProgressDialog.update(percent, message);
+    }
+  }
+
+  window.__updateVoiceProgress = updateVoiceProgress;
+
   function isVoiceReady() {
     var client = window.agentGUIClient;
     if (!client) return false;