agentgui 1.0.487 → 1.0.489

package/lib/claude-runner.js

@@ -1152,7 +1152,8 @@ export async function runClaudeWithStreaming(prompt, cwd, agentId = 'claude-code
     enhancedConfig.systemPrompt = '';
   }
   if (agentId && agentId !== 'claude-code') {
-    const agentPrefix = `use ${agentId} subagent to. `;
+    const displayAgentId = agentId.split('-·-')[0];
+    const agentPrefix = `use ${displayAgentId} subagent to. `;
     if (!enhancedConfig.systemPrompt.includes(agentPrefix)) {
       enhancedConfig.systemPrompt = agentPrefix + enhancedConfig.systemPrompt;
     }

package/package.json

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

package/static/index.html

@@ -522,7 +522,14 @@
     }
 
     .view-toggle-btn:hover { color: var(--color-text-primary); }
-    .view-toggle-btn.active { color: var(--color-primary); border-bottom-color: var(--color-primary); }
+    .view-toggle-btn.active { color: var(--color-primary); border-bottom-color: var(--color-primary); }
+
+    .view-toggle-btn svg {
+      width: 1.2rem;
+      height: 1.2rem;
+      display: block;
+      margin: 0 auto;
+    }
 
     /* --- Messages scroll area --- */
     #output-scroll {
@@ -3141,10 +3148,10 @@
 
       <!-- View toggle bar (hidden by default) -->
       <div class="view-toggle-bar" id="viewToggleBar">
-        <button class="view-toggle-btn active" data-view="chat">Chat</button>
-        <button class="view-toggle-btn" data-view="files">Files</button>
-        <button class="view-toggle-btn" data-view="voice" id="voiceTabBtn" style="display:none;">Voice</button>
-        <button class="view-toggle-btn" data-view="terminal" id="terminalTabBtn">Terminal</button>
+        <button class="view-toggle-btn active" data-view="chat" title="Chat"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg></button>
+        <button class="view-toggle-btn" data-view="files" title="Files"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg></button>
+        <button class="view-toggle-btn" data-view="voice" id="voiceTabBtn" style="display:none;" title="Voice"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" y1="19" x2="12" y2="23"></line><line x1="8" y1="23" x2="16" y2="23"></line></svg></button>
+        <button class="view-toggle-btn" data-view="terminal" id="terminalTabBtn" title="Terminal"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" y1="19" x2="20" y2="19"></line></svg></button>
       </div>
 
       <!-- Messages scroll area -->

package/static/js/client.js

@@ -360,8 +360,8 @@ class AgentGUIClient {
     this.ui.sendButton = document.querySelector('[data-send-button]');
     this.ui.cliSelector = document.querySelector('[data-cli-selector]');
     this.ui.agentSelector = document.querySelector('[data-agent-selector]');
-    this.ui.modelSelector = document.querySelector('[data-model-selector]');
-    this.ui.voiceCliSelector = document.querySelector('[data-voice-cli-selector]');
+    this.ui.modelSelector = document.querySelector('[data-model-selector]');
+    this.ui.voiceCliSelector = document.querySelector('[data-voice-cli-selector]');
     this.ui.voiceModelSelector = document.querySelector('[data-voice-model-selector]');
 
     if (this.ui.cliSelector) {
@@ -1578,10 +1578,11 @@ class AgentGUIClient {
         this.wsManager.sendMessage({ type: 'subscribe', conversationId });
       }
 
-      let finalPrompt = prompt;
-      if (subAgent && agentId === 'claude-code') {
-        finalPrompt = `use ${subAgent} subagent to ${prompt}`;
-      }
+      let finalPrompt = prompt;
+      if (subAgent && agentId === 'claude-code') {
+        const displaySubAgent = subAgent.split('-·-')[0];
+        finalPrompt = `use ${displaySubAgent} subagent to ${prompt} optimize for speech keep it short optimize for clarity`;
+      }
       const streamBody = { id: conversationId, content: finalPrompt, agentId };
       if (model) streamBody.model = model;
       if (subAgent) streamBody.subAgent = subAgent;
@@ -1979,9 +1980,6 @@ class AgentGUIClient {
     if (this.ui.cliSelector) {
       this.ui.cliSelector.disabled = true;
     }
-    if (this.ui.agentSelector) {
-      this.ui.agentSelector.disabled = true;
-    }
 
     this.loadModelsForAgent(agentId).then(() => {
       if (this.ui.modelSelector && model) {
@@ -1998,9 +1996,6 @@ class AgentGUIClient {
         this.ui.cliSelector.style.display = 'inline-block';
       }
     }
-    if (this.ui.agentSelector) {
-      this.ui.agentSelector.disabled = false;
-    }
     if (this.ui.modelSelector) {
       this.ui.modelSelector.disabled = false;
     }