agentgui 1.0.375 → 1.0.377

package/package.json

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

package/static/index.html

@@ -2033,6 +2033,60 @@
     .tool-color-default > .folded-tool-body { border-top-color: #a5f3fc; }
     html.dark .tool-color-default > .folded-tool-body { border-top-color: #164e63; }
 
+    /* Execute - Purple */
+    .tool-color-execute.folded-tool > .folded-tool-bar { background: #f3e8ff; }
+    html.dark .tool-color-execute.folded-tool > .folded-tool-bar { background: #2d1b4e; }
+    .tool-color-execute.folded-tool > .folded-tool-bar:hover { background: #e9d5ff; }
+    html.dark .tool-color-execute.folded-tool > .folded-tool-bar:hover { background: #4c1d95; }
+    .tool-color-execute.folded-tool > .folded-tool-bar::before { color: #a855f7; }
+    html.dark .tool-color-execute.folded-tool > .folded-tool-bar::before { color: #d8b4fe; }
+    .tool-color-execute .folded-tool-icon { color: #a855f7; }
+    html.dark .tool-color-execute .folded-tool-icon { color: #d8b4fe; }
+    .tool-color-execute .folded-tool-name { color: #6b21a8; }
+    html.dark .tool-color-execute .folded-tool-name { color: #e879f9; }
+    .tool-color-execute .folded-tool-desc { color: #7e22ce; }
+    html.dark .tool-color-execute .folded-tool-desc { color: #d8b4fe; }
+    .tool-color-execute { background: #faf5ff; }
+    html.dark .tool-color-execute { background: #1a0d2e; }
+    .tool-color-execute > .folded-tool-body { border-top-color: #e9d5ff; }
+    html.dark .tool-color-execute > .folded-tool-body { border-top-color: #4c1d95; }
+
+    /* Sleep - Orange */
+    .tool-color-sleep.folded-tool > .folded-tool-bar { background: #fed7aa; }
+    html.dark .tool-color-sleep.folded-tool > .folded-tool-bar { background: #5a2e0f; }
+    .tool-color-sleep.folded-tool > .folded-tool-bar:hover { background: #fdba74; }
+    html.dark .tool-color-sleep.folded-tool > .folded-tool-bar:hover { background: #7c2d12; }
+    .tool-color-sleep.folded-tool > .folded-tool-bar::before { color: #f97316; }
+    html.dark .tool-color-sleep.folded-tool > .folded-tool-bar::before { color: #fb923c; }
+    .tool-color-sleep .folded-tool-icon { color: #f97316; }
+    html.dark .tool-color-sleep .folded-tool-icon { color: #fb923c; }
+    .tool-color-sleep .folded-tool-name { color: #7c2d12; }
+    html.dark .tool-color-sleep .folded-tool-name { color: #fed7aa; }
+    .tool-color-sleep .folded-tool-desc { color: #b45309; }
+    html.dark .tool-color-sleep .folded-tool-desc { color: #fb923c; }
+    .tool-color-sleep { background: #fff7ed; }
+    html.dark .tool-color-sleep { background: #1f1409; }
+    .tool-color-sleep > .folded-tool-body { border-top-color: #fdba74; }
+    html.dark .tool-color-sleep > .folded-tool-body { border-top-color: #7c2d12; }
+
+    /* Search - Green */
+    .tool-color-search.folded-tool > .folded-tool-bar { background: #dcfce7; }
+    html.dark .tool-color-search.folded-tool > .folded-tool-bar { background: #142e1a; }
+    .tool-color-search.folded-tool > .folded-tool-bar:hover { background: #bbf7d0; }
+    html.dark .tool-color-search.folded-tool > .folded-tool-bar:hover { background: #16a34a; }
+    .tool-color-search.folded-tool > .folded-tool-bar::before { color: #16a34a; }
+    html.dark .tool-color-search.folded-tool > .folded-tool-bar::before { color: #86efac; }
+    .tool-color-search .folded-tool-icon { color: #16a34a; }
+    html.dark .tool-color-search .folded-tool-icon { color: #86efac; }
+    .tool-color-search .folded-tool-name { color: #15803d; }
+    html.dark .tool-color-search .folded-tool-name { color: #bbf7d0; }
+    .tool-color-search .folded-tool-desc { color: #166534; }
+    html.dark .tool-color-search .folded-tool-desc { color: #86efac; }
+    .tool-color-search { background: #f0fdf4; }
+    html.dark .tool-color-search { background: #0a1c0e; }
+    .tool-color-search > .folded-tool-body { border-top-color: #bbf7d0; }
+    html.dark .tool-color-search > .folded-tool-body { border-top-color: #16a34a; }
+
     .block-type-tool_result { background: #f3f4f6; }
     html.dark .block-type-tool_result { background: #1f2937; }
     .block-type-tool_result .tool-result-status { background: #e5e7eb; }

package/static/js/client.js

@@ -1944,9 +1944,8 @@ class AgentGUIClient {
       this.ui.agentSelector.disabled = true;
     }
     this.loadModelsForAgent(agentId).then(() => {
-      if (this.ui.modelSelector) {
-        if (model) this.ui.modelSelector.value = model;
-        this.ui.modelSelector.disabled = true;
+      if (this.ui.modelSelector && model) {
+        this.ui.modelSelector.value = model;
       }
     });
   }
@@ -1956,8 +1955,28 @@ class AgentGUIClient {
     if (this.ui.agentSelector) {
       this.ui.agentSelector.disabled = false;
     }
-    if (this.ui.modelSelector) {
-      this.ui.modelSelector.disabled = false;
+  }
+
+  /**
+   * Apply agent and model selection based on conversation state
+   * Consolidates duplicate logic for cached and fresh conversation loads
+   */
+  applyAgentAndModelSelection(conversation, hasActivity) {
+    const agentId = conversation.agentType || 'claude-code';
+    const model = conversation.model || null;
+
+    if (hasActivity) {
+      this.lockAgentAndModel(agentId, model);
+    } else {
+      this.unlockAgentAndModel();
+      if (this.ui.agentSelector) {
+        this.ui.agentSelector.value = agentId;
+      }
+      this.loadModelsForAgent(agentId).then(() => {
+        if (model && this.ui.modelSelector) {
+          this.ui.modelSelector.value = model;
+        }
+      });
     }
   }
 
@@ -2247,19 +2266,7 @@ class AgentGUIClient {
           }
           this.state.currentConversation = cached.conversation;
           const cachedHasActivity = cached.conversation.messageCount > 0 || this.state.streamingConversations.has(conversationId);
-          if (cachedHasActivity) {
-            this.lockAgentAndModel(cached.conversation.agentType || 'claude-code', cached.conversation.model || null);
-          } else {
-            this.unlockAgentAndModel();
-            if (this.ui.agentSelector && cached.conversation.agentType) this.ui.agentSelector.value = cached.conversation.agentType;
-            if (cached.conversation.agentType) {
-              this.loadModelsForAgent(cached.conversation.agentType).then(() => {
-                if (cached.conversation.model && this.ui.modelSelector) {
-                  this.ui.modelSelector.value = cached.conversation.model;
-                }
-              });
-            }
-          }
+          this.applyAgentAndModelSelection(cached.conversation, cachedHasActivity);
           this.conversationCache.delete(conversationId);
           this.restoreScrollPosition(conversationId);
           this.enableControls();
@@ -2288,19 +2295,7 @@ class AgentGUIClient {
 
       this.state.currentConversation = conversation;
       const hasActivity = (allMessages && allMessages.length > 0) || isActivelyStreaming || latestSession || this.state.streamingConversations.has(conversationId);
-      if (hasActivity) {
-        this.lockAgentAndModel(conversation.agentType || 'claude-code', conversation.model || null);
-      } else {
-        this.unlockAgentAndModel();
-        if (this.ui.agentSelector && conversation.agentType) this.ui.agentSelector.value = conversation.agentType;
-        if (conversation.agentType) {
-          this.loadModelsForAgent(conversation.agentType).then(() => {
-            if (conversation.model && this.ui.modelSelector) {
-              this.ui.modelSelector.value = conversation.model;
-            }
-          });
-        }
-      }
+      this.applyAgentAndModelSelection(conversation, hasActivity);
 
       const chunks = (rawChunks || []).map(chunk => ({
         ...chunk,

package/static/js/streaming-renderer.js

@@ -423,8 +423,12 @@ class StreamingRenderer {
   }
 
   _getToolColorClass(toolName) {
-    const n = (toolName || '').replace(/^mcp__[^_]+__/, '').toLowerCase();
-    const map = { read: 'read', write: 'write', edit: 'edit', bash: 'bash', glob: 'glob', grep: 'grep', webfetch: 'web', websearch: 'web', todowrite: 'todo', task: 'task', notebookedit: 'edit' };
+    const n = (toolName || '').replace(/^mcp__.*?__/, '').toLowerCase();
+    const map = {
+      read: 'read', write: 'write', edit: 'edit', bash: 'bash', glob: 'glob', grep: 'grep',
+      webfetch: 'web', websearch: 'web', todowrite: 'todo', task: 'task', notebookedit: 'edit',
+      execute: 'execute', sleep: 'sleep', search: 'search'
+    };
     return `tool-color-${map[n] || 'default'}`;
   }
 
@@ -568,7 +572,7 @@ class StreamingRenderer {
   renderSmartParams(toolName, input) {
     if (!input || Object.keys(input).length === 0) return '';
 
-    const normalizedName = toolName.replace(/^mcp__[^_]+__/, '');
+    const normalizedName = toolName.replace(/^mcp__.*?__/, '');
 
     switch (normalizedName) {
       case 'Read':
@@ -691,7 +695,7 @@ class StreamingRenderer {
    * Render tool use block with smart parameter display
    */
   getToolUseTitle(toolName, input) {
-    const normalizedName = toolName.replace(/^mcp__[^_]+__/, '');
+    const normalizedName = toolName.replace(/^mcp__.*?__/, '');
     if (normalizedName === 'Edit' && input.file_path) {
       const parts = pathSplit(input.file_path);
       const fileName = parts.pop();
@@ -725,7 +729,7 @@ class StreamingRenderer {
   }
 
   getToolUseDisplayName(toolName) {
-    const normalized = toolName.replace(/^mcp__[^_]+__/, '');
+    const normalized = toolName.replace(/^mcp__.*?__/, '');
     const knownTools = ['Read','Write','Edit','Bash','Glob','Grep','WebFetch','WebSearch','TodoWrite','Task','NotebookEdit'];
     if (knownTools.includes(normalized)) return normalized;
     if (toolName.startsWith('mcp__')) {
@@ -1131,7 +1135,7 @@ class StreamingRenderer {
   }
 
   static getToolDisplayName(toolName) {
-    const normalized = toolName.replace(/^mcp__[^_]+__/, '');
+    const normalized = toolName.replace(/^mcp__.*?__/, '');
     const knownTools = ['Read','Write','Edit','Bash','Glob','Grep','WebFetch','WebSearch','TodoWrite','Task','NotebookEdit'];
     if (knownTools.includes(normalized)) return normalized;
     if (toolName.startsWith('mcp__')) {
@@ -1142,7 +1146,7 @@ class StreamingRenderer {
   }
 
   static getToolTitle(toolName, input) {
-    const n = toolName.replace(/^mcp__[^_]+__/, '');
+    const n = toolName.replace(/^mcp__.*?__/, '');
     if (n === 'Edit' && input.file_path) { const p = pathSplit(input.file_path); const f = p.pop(); const d = p.slice(-2).join('/'); return d ? d+'/'+f : f; }
     if (n === 'Read' && input.file_path) return pathBasename(input.file_path);
     if (n === 'Write' && input.file_path) return pathBasename(input.file_path);