agentgui 1.0.462 → 1.0.463

package/package.json

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

package/static/index.html

@@ -3169,7 +3169,9 @@
         </div>
         <div class="voice-input-section">
           <div class="voice-input-wrapper">
-            <select class="agent-selector voice-agent-selector" data-voice-agent-selector title="Select agent"></select>
+            <select class="agent-selector voice-agent-selector" data-voice-agent-selector title="Select agent"></select>
+            <select class="agent-selector voice-cli-selector" data-voice-cli-selector title="Select CLI tool"></select>
+            <select class="agent-selector voice-model-selector" data-voice-model-selector title="Select model"></select>
             <div class="voice-transcript" id="voiceTranscript" data-placeholder="Tap mic and speak..."></div>
             <button class="voice-mic-btn" id="voiceMicBtn" title="Toggle recording" aria-label="Voice input">
               <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">

package/static/js/client.js

@@ -360,7 +360,9 @@ 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.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) {
       this.ui.cliSelector.addEventListener('change', () => {
@@ -1984,7 +1986,6 @@ class AgentGUIClient {
     this.loadModelsForAgent(agentId).then(() => {
       if (this.ui.modelSelector && model) {
         this.ui.modelSelector.value = model;
-        this.ui.modelSelector.disabled = true;
       }
     });
   }

package/static/js/voice.js

@@ -125,6 +125,22 @@
     if (mainSelector.value) voiceSelector.value = mainSelector.value;
   }
 
+  function syncVoiceCliSelector() {
+    var voiceCliSelector = document.querySelector('[data-voice-cli-selector]');
+    var mainCliSelector = document.querySelector('[data-cli-selector]');
+    if (!voiceCliSelector || !mainCliSelector) return;
+    voiceCliSelector.innerHTML = mainCliSelector.innerHTML;
+    if (mainCliSelector.value) voiceCliSelector.value = mainCliSelector.value;
+  }
+
+  function syncVoiceModelSelector() {
+    var voiceModelSelector = document.querySelector('[data-voice-model-selector]');
+    var mainModelSelector = document.querySelector('[data-model-selector]');
+    if (!voiceModelSelector || !mainModelSelector) return;
+    voiceModelSelector.innerHTML = mainModelSelector.innerHTML;
+    if (mainModelSelector.value) voiceModelSelector.value = mainModelSelector.value;
+  }
+
   function setupAgentSelector() {
     var voiceSelector = document.querySelector('[data-voice-agent-selector]');
     if (!voiceSelector) return;
@@ -139,6 +155,36 @@
       });
     }
     window.addEventListener('agents-loaded', syncVoiceSelector);
+
+    var mainCliSelector = document.querySelector('[data-cli-selector]');
+    if (mainCliSelector) {
+      syncVoiceCliSelector();
+      mainCliSelector.addEventListener('change', function() {
+        var voiceCliSelector = document.querySelector('[data-voice-cli-selector]');
+        if (voiceCliSelector) voiceCliSelector.value = mainCliSelector.value;
+      });
+      var voiceCliSelector = document.querySelector('[data-voice-cli-selector]');
+      if (voiceCliSelector) {
+        voiceCliSelector.addEventListener('change', function() {
+          mainCliSelector.value = voiceCliSelector.value;
+        });
+      }
+    }
+
+    var mainModelSelector = document.querySelector('[data-model-selector]');
+    if (mainModelSelector) {
+      syncVoiceModelSelector();
+      mainModelSelector.addEventListener('change', function() {
+        var voiceModelSelector = document.querySelector('[data-voice-model-selector]');
+        if (voiceModelSelector) voiceModelSelector.value = mainModelSelector.value;
+      });
+      var voiceModelSelector = document.querySelector('[data-voice-model-selector]');
+      if (voiceModelSelector) {
+        voiceModelSelector.addEventListener('change', function() {
+          mainModelSelector.value = voiceModelSelector.value;
+        });
+      }
+    }
   }
 
   function setupTTSToggle() {