agentgui 1.0.660 → 1.0.662

package/lib/claude-runner.js

@@ -114,6 +114,7 @@ class AgentRunner {
       let retryAfterSec = 60;
       let authError = false;
       let authErrorMessage = '';
+      let stderrBuffer = '';
 
       const timeoutHandle = setTimeout(() => {
         timedOut = true;
@@ -158,6 +159,7 @@ class AgentRunner {
 
       if (proc.stderr) proc.stderr.on('data', (chunk) => {
         const errorText = chunk.toString();
+        stderrBuffer += errorText;
         console.error(`[${this.id}] stderr:`, errorText);
 
         const authMatch = errorText.match(/401|unauthorized|invalid.*auth|invalid.*token|auth.*failed|permission denied|access denied/i);
@@ -242,7 +244,8 @@ class AgentRunner {
         if (code === 0 || outputs.length > 0) {
           resolve({ outputs, sessionId });
         } else {
-          reject(new Error(`${this.name} exited with code ${code}`));
+          const stderrHint = stderrBuffer.trim() ? `: ${stderrBuffer.trim().slice(0, 200)}` : '';
+          reject(new Error(`${this.name} exited with code ${code}${stderrHint}`));
         }
       });
 

package/package.json

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

package/static/index.html

@@ -3047,7 +3047,7 @@
         <button class="clone-cancel-btn" id="cloneCancelBtn" title="Cancel">&times;</button>
       </div>
        <ul class="sidebar-list" data-conversation-list>
-         <li class="sidebar-empty" data-conversation-empty>No conversations yet</li>
+         <li class="sidebar-empty" data-conversation-empty>Loading...</li>
        </ul>
        <!-- PM2 Monitor Panel: hidden until active processes detected -->
        <div class="pm2-monitor-panel" id="pm2MonitorPanel" style="display:none">

package/static/js/client.js

@@ -1156,6 +1156,16 @@ class AgentGUIClient {
       if (indicator) {
         indicator.innerHTML = `<span style="color:var(--color-error);">Error: ${this.escapeHtml(data.error || 'Unknown error')}</span>`;
       }
+    } else {
+      const outputEl3 = document.getElementById('output');
+      const messagesEl3 = outputEl3 && outputEl3.querySelector('.conversation-messages');
+      if (messagesEl3 && data.error) {
+        const errDiv = document.createElement('div');
+        errDiv.className = 'message';
+        errDiv.style = 'padding:0.75rem;border:1px solid var(--color-error, #e53e3e);border-radius:4px;margin:0.5rem 0;';
+        errDiv.innerHTML = `<span style="color:var(--color-error, #e53e3e);">Error: ${this.escapeHtml(data.error)}</span>`;
+        messagesEl3.appendChild(errDiv);
+      }
     }
 
     this.unlockAgentAndModel();
@@ -2891,6 +2901,21 @@ class AgentGUIClient {
           messagesEl.appendChild(this.renderMessagesFragment(allMessages || []));
         }
 
+        if (shouldResumeStreaming && latestSession && chunks.length === 0) {
+          const streamDiv = document.createElement('div');
+          streamDiv.id = `streaming-${latestSession.id}`;
+          streamDiv.className = 'streaming-message';
+          const indicatorDiv = document.createElement('div');
+          indicatorDiv.className = 'streaming-indicator';
+          indicatorDiv.style = 'display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0;color:var(--color-text-secondary);font-size:0.875rem;';
+          indicatorDiv.innerHTML = `
+            <span class="animate-spin" style="display:inline-block;width:1rem;height:1rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;"></span>
+            <span class="streaming-indicator-label">Agent is starting...</span>
+          `;
+          streamDiv.appendChild(indicatorDiv);
+          messagesEl.appendChild(streamDiv);
+        }
+
         if (shouldResumeStreaming && latestSession) {
           this.state.streamingConversations.set(conversationId, true);
           this.state.currentSession = {

package/static/js/conversations.js

@@ -46,13 +46,14 @@ class ConversationManager {
   async init() {
     this.newBtn?.addEventListener('click', () => this.openFolderBrowser());
     this.setupDelegatedListeners();
-    await this.loadAgents();
-    this.loadConversations();
+    this.showLoading();
     this.setupWebSocketListener();
     this.setupFolderBrowser();
     this.setupCloneUI();
     this.setupDeleteAllButton();
 
+    await Promise.all([this.loadAgents(), this.loadConversations()]);
+
     this._pollInterval = setInterval(() => this.loadConversations(), 30000);
 
     window.addEventListener('beforeunload', () => this.destroy());
@@ -67,7 +68,10 @@ class ConversationManager {
 
   async loadAgents() {
     try {
-      const data = await window.wsClient.rpc('agent.ls');
+      const base = window.__BASE_URL || '/gm';
+      const res = await fetch(base + '/api/agents');
+      if (!res.ok) throw new Error('HTTP ' + res.status);
+      const data = await res.json();
       for (const agent of data.agents || []) {
         this.agents.set(agent.id, agent);
       }
@@ -409,9 +413,21 @@ class ConversationManager {
     }
   }
 
+  showLoading() {
+    if (!this.listEl) return;
+    this.listEl.innerHTML = '';
+    if (this.emptyEl) {
+      this.emptyEl.textContent = 'Loading...';
+      this.emptyEl.style.display = 'block';
+    }
+  }
+
   async loadConversations() {
     try {
-      const data = await window.wsClient.rpc('conv.ls');
+      const base = window.__BASE_URL || '/gm';
+      const res = await fetch(base + '/api/conversations');
+      if (!res.ok) throw new Error('HTTP ' + res.status);
+      const data = await res.json();
       const convList = data.conversations || [];
 
       this._updateConversations(convList, 'poll');