agentgui 1.0.548 → 1.0.550

package/package.json

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

package/server.js

@@ -1005,10 +1005,14 @@ const server = http.createServer(async (req, res) => {
 
     if (pathOnly === '/api/conversations' && req.method === 'GET') {
       const conversations = queries.getConversationsList();
-      // Filter out stale streaming state for conversations not in activeExecutions
+      // Filter out stale streaming state: check both activeExecutions AND database active sessions
       for (const conv of conversations) {
-        if (conv.isStreaming && !activeExecutions.has(conv.id)) {
-          conv.isStreaming = 0;
+        if (conv.isStreaming) {
+          const hasActiveSession = queries.getSessionsByStatus(conv.id, 'active').length > 0 ||
+                                   queries.getSessionsByStatus(conv.id, 'pending').length > 0;
+          if (!activeExecutions.has(conv.id) && !hasActiveSession) {
+            conv.isStreaming = 0;
+          }
         }
       }
             sendJSON(req, res, 200, { conversations });
@@ -4452,7 +4456,7 @@ function recoverStaleSessions() {
 async function resumeInterruptedStreams() {
   try {
     const resumableConvs = queries.getResumableConversations ? queries.getResumableConversations() : [];
-    const toResume = resumableConvs.filter(c => c.agentType === 'claude-code');
+    const toResume = resumableConvs;
 
     if (toResume.length === 0) return;
 

package/static/index.html

@@ -578,16 +578,15 @@
     }
 
     .message-user {
-      background-color: var(--color-primary);
-      color: white;
       margin-left: auto;
       border-bottom-right-radius: 0.25rem;
+      color: var(--color-text-primary);
     }
 
     .message-assistant {
-      background-color: var(--color-bg-secondary);
       margin-right: auto;
       border-bottom-left-radius: 0.25rem;
+      color: var(--color-text-primary);
     }
 
     /* Consecutive assistant messages: join them visually */
@@ -609,11 +608,10 @@
       text-transform: uppercase;
       letter-spacing: 0.04em;
       margin-bottom: 0.125rem;
-      opacity: 0.7;
     }
 
-    .message-user .message-role { color: rgba(255,255,255,0.8); }
-    .message-assistant .message-role { color: var(--color-text-secondary); }
+    .message-user .message-role { color: #7a9abf; }
+    .message-assistant .message-role { color: #8a9a7a; }
 
     .message-content {
       font-size: 0.9rem;
@@ -625,10 +623,10 @@
     .message-timestamp {
       font-size: 0.7rem;
       margin-top: 0.25rem;
-      opacity: 0.6;
+      opacity: 0.5;
     }
 
-    .message-user .message-timestamp { color: rgba(255,255,255,0.7); }
+    .message-user .message-timestamp { color: var(--color-text-secondary); }
     .message-assistant .message-timestamp { color: var(--color-text-secondary); }
 
     .message-blocks {

package/static/js/client.js

@@ -1439,6 +1439,7 @@ class AgentGUIClient {
 
         this.lockAgentAndModel(agentId, model);
         await this.streamToConversation(conv.id, savedPrompt, agentId, model, subAgent);
+        this.clearDraft(conv.id);
         this._confirmOptimisticMessage(pendingId);
       } else {
         const agentId = this.getCurrentAgent();
@@ -1458,6 +1459,7 @@ class AgentGUIClient {
         }
 
         await this.streamToConversation(conversation.id, savedPrompt, agentId, model, subAgent);
+        this.clearDraft(conversation.id);
         this._confirmOptimisticMessage(pendingId);
       }
     } catch (error) {

package/static/js/conversations.js

@@ -78,6 +78,11 @@ class ConversationManager {
     return agent?.name || agentId;
   }
 
+  formatModelLabel(model) {
+    if (!model) return '';
+    return ' (' + model.replace(/^claude-/i, '').replace(/-\d{8,}.*$/, '').replace(/-/g, ' ') + ')';
+  }
+
   setupDelegatedListeners() {
     this.listEl.addEventListener('click', (e) => {
       const deleteBtn = e.target.closest('[data-delete-conv]');
@@ -430,7 +435,7 @@ class ConversationManager {
     const title = conv.title || `Conversation ${conv.id.slice(0, 8)}`;
     const timestamp = conv.created_at ? new Date(conv.created_at).toLocaleDateString() : 'Unknown';
     const agent = this.getAgentDisplayName(conv.agentId || conv.agentType);
-    const modelLabel = conv.model ? ` (${conv.model})` : '';
+    const modelLabel = this.formatModelLabel(conv.model);
     const wd = conv.workingDirectory ? pathBasename(conv.workingDirectory) : '';
     const metaParts = [agent + modelLabel, timestamp];
     if (wd) metaParts.push(wd);
@@ -458,7 +463,7 @@ class ConversationManager {
     const title = conv.title || `Conversation ${conv.id.slice(0, 8)}`;
     const timestamp = conv.created_at ? new Date(conv.created_at).toLocaleDateString() : 'Unknown';
     const agent = this.getAgentDisplayName(conv.agentId || conv.agentType);
-    const modelLabel = conv.model ? ` (${conv.model})` : '';
+    const modelLabel = this.formatModelLabel(conv.model);
     const wd = conv.workingDirectory ? pathBasename(conv.workingDirectory) : '';
     const metaParts = [agent + modelLabel, timestamp];
     if (wd) metaParts.push(wd);