agentgui 1.0.336 → 1.0.338

package/package.json

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

package/static/index.html

@@ -497,26 +497,6 @@
     }
     .terminal-output { flex: 1; overflow: hidden; position: relative; }
 
-    .models-container {
-      flex: 1; display: flex; flex-direction: column; overflow-y: auto;
-      align-items: flex-start; padding: 2rem;
-    }
-    .models-panel {
-      display: flex; flex-direction: column; gap: 1rem;
-      background: var(--color-bg-secondary); border-radius: 0.5rem;
-      padding: 1.5rem; min-width: 280px;
-    }
-    .models-panel h3 { margin: 0 0 0.5rem; font-size: 1rem; font-weight: 600; }
-    .models-panel label {
-      display: flex; flex-direction: column; gap: 0.25rem;
-      font-size: 0.8rem; color: var(--color-text-secondary); font-weight: 500;
-    }
-    .models-panel select {
-      padding: 0.5rem; border: 1px solid var(--color-border);
-      border-radius: 0.375rem; background: var(--color-bg-primary);
-      color: var(--color-text-primary); font-size: 0.875rem; cursor: pointer;
-    }
-
     /* --- View toggle bar --- */
     .view-toggle-bar {
       display: flex;
@@ -834,6 +814,9 @@
       font-size: 0.8rem;
       cursor: pointer;
       flex-shrink: 0;
+      width: auto;
+      min-width: 80px;
+      max-width: 200px;
     }
 
     .agent-selector:disabled, .model-selector:disabled {
@@ -851,7 +834,9 @@
       font-size: 0.8rem;
       cursor: pointer;
       flex-shrink: 0;
-      max-width: 160px;
+      width: auto;
+      min-width: 80px;
+      max-width: 220px;
     }
 
     .model-selector:empty, .model-selector[data-empty="true"] {
@@ -2050,24 +2035,24 @@
     .tool-color-default > .folded-tool-body { border-top-color: #a5f3fc; }
     html.dark .tool-color-default > .folded-tool-body { border-top-color: #164e63; }
 
-    .block-type-tool_result { background: #f0fdf4; }
-    html.dark .block-type-tool_result { background: #0a1f0f; }
-    .block-type-tool_result .tool-result-status { background: #dcfce7; }
-    html.dark .block-type-tool_result .tool-result-status { background: #0f2b1a; }
+    .block-type-tool_result { background: #f3f4f6; }
+    html.dark .block-type-tool_result { background: #1f2937; }
+    .block-type-tool_result .tool-result-status { background: #e5e7eb; }
+    html.dark .block-type-tool_result .tool-result-status { background: #374151; }
     .block-type-tool_result .folded-tool-icon { color: #16a34a; }
     html.dark .block-type-tool_result .folded-tool-icon { color: #4ade80; }
-    .block-type-tool_result .folded-tool-name { color: #166534; }
-    html.dark .block-type-tool_result .folded-tool-name { color: #86efac; }
-    .block-type-tool_result > .folded-tool-body { border-top-color: #bbf7d0; }
-    html.dark .block-type-tool_result > .folded-tool-body { border-top-color: #166534; }
-    .block-type-tool_result.tool-result-error { background: #fef2f2; }
-    html.dark .block-type-tool_result.tool-result-error { background: #1c0f0f; }
-    .block-type-tool_result.tool-result-error .tool-result-status { background: #fee2e2; }
-    html.dark .block-type-tool_result.tool-result-error .tool-result-status { background: #2c1010; }
+    .block-type-tool_result .folded-tool-name { color: #374151; }
+    html.dark .block-type-tool_result .folded-tool-name { color: #d1d5db; }
+    .block-type-tool_result > .folded-tool-body { border-top-color: #d1d5db; }
+    html.dark .block-type-tool_result > .folded-tool-body { border-top-color: #4b5563; }
+    .block-type-tool_result.tool-result-error { background: #f3f4f6; }
+    html.dark .block-type-tool_result.tool-result-error { background: #1f2937; }
+    .block-type-tool_result.tool-result-error .tool-result-status { background: #e5e7eb; }
+    html.dark .block-type-tool_result.tool-result-error .tool-result-status { background: #374151; }
     .block-type-tool_result.tool-result-error .folded-tool-icon { color: #dc2626; }
     html.dark .block-type-tool_result.tool-result-error .folded-tool-icon { color: #f87171; }
-    .block-type-tool_result.tool-result-error .folded-tool-name { color: #991b1b; }
-    html.dark .block-type-tool_result.tool-result-error .folded-tool-name { color: #fca5a5; }
+    .block-type-tool_result.tool-result-error .folded-tool-name { color: #374151; }
+    html.dark .block-type-tool_result.tool-result-error .folded-tool-name { color: #d1d5db; }
 
     .block-type-code { background: #1e293b; }
     html.dark .block-type-code { background: #0f172a; }
@@ -2175,51 +2160,51 @@
 
     /* --- Tool result success styling in body --- */
     .tool-result-success .tool-result-status {
-      background: #dcfce7;
+      background: #e5e7eb;
       padding: 0.4rem 0.75rem;
     }
     html.dark .tool-result-success .tool-result-status {
-      background: #0f2b1a;
+      background: #374151;
     }
     .tool-result-success .folded-tool-icon { color: #16a34a; }
     html.dark .tool-result-success .folded-tool-icon { color: #4ade80; }
-    .tool-result-success .folded-tool-name { color: #166534; font-weight: 600; }
-    html.dark .tool-result-success .folded-tool-name { color: #86efac; }
+    .tool-result-success .folded-tool-name { color: #374151; font-weight: 600; }
+    html.dark .tool-result-success .folded-tool-name { color: #d1d5db; }
 
     /* --- Tool_use parent: has-success / has-error indicators on header --- */
-    .folded-tool.has-success { background: #f0fdf4; }
-    html.dark .folded-tool.has-success { background: #0a1f0f; }
-    .folded-tool.has-success > .folded-tool-bar { background: #dcfce7; }
-    html.dark .folded-tool.has-success > .folded-tool-bar { background: #0f2b1a; }
-    .folded-tool.has-success > .folded-tool-bar:hover { background: #bbf7d0; }
-    html.dark .folded-tool.has-success > .folded-tool-bar:hover { background: #14532d; }
+    .folded-tool.has-success { background: #f3f4f6; }
+    html.dark .folded-tool.has-success { background: #1f2937; }
+    .folded-tool.has-success > .folded-tool-bar { background: #e5e7eb; }
+    html.dark .folded-tool.has-success > .folded-tool-bar { background: #374151; }
+    .folded-tool.has-success > .folded-tool-bar:hover { background: #d1d5db; }
+    html.dark .folded-tool.has-success > .folded-tool-bar:hover { background: #4b5563; }
     .folded-tool.has-success > .folded-tool-bar::before { color: #16a34a; }
     html.dark .folded-tool.has-success > .folded-tool-bar::before { color: #4ade80; }
     .folded-tool.has-success .folded-tool-icon { color: #16a34a; }
     html.dark .folded-tool.has-success .folded-tool-icon { color: #4ade80; }
-    .folded-tool.has-success .folded-tool-name { color: #166534; }
-    html.dark .folded-tool.has-success .folded-tool-name { color: #86efac; }
-    .folded-tool.has-success .folded-tool-desc { color: #15803d; }
-    html.dark .folded-tool.has-success .folded-tool-desc { color: #4ade80; }
-    .folded-tool.has-success > .folded-tool-body { border-top-color: #bbf7d0; }
-    html.dark .folded-tool.has-success > .folded-tool-body { border-top-color: #166534; }
-
-    .folded-tool.has-error { background: #fef2f2; }
-    html.dark .folded-tool.has-error { background: #1c0f0f; }
-    .folded-tool.has-error > .folded-tool-bar { background: #fee2e2; }
-    html.dark .folded-tool.has-error > .folded-tool-bar { background: #2c1010; }
-    .folded-tool.has-error > .folded-tool-bar:hover { background: #fecaca; }
-    html.dark .folded-tool.has-error > .folded-tool-bar:hover { background: #451a1a; }
+    .folded-tool.has-success .folded-tool-name { color: #374151; }
+    html.dark .folded-tool.has-success .folded-tool-name { color: #d1d5db; }
+    .folded-tool.has-success .folded-tool-desc { color: #6b7280; }
+    html.dark .folded-tool.has-success .folded-tool-desc { color: #9ca3af; }
+    .folded-tool.has-success > .folded-tool-body { border-top-color: #d1d5db; }
+    html.dark .folded-tool.has-success > .folded-tool-body { border-top-color: #4b5563; }
+
+    .folded-tool.has-error { background: #f3f4f6; }
+    html.dark .folded-tool.has-error { background: #1f2937; }
+    .folded-tool.has-error > .folded-tool-bar { background: #e5e7eb; }
+    html.dark .folded-tool.has-error > .folded-tool-bar { background: #374151; }
+    .folded-tool.has-error > .folded-tool-bar:hover { background: #d1d5db; }
+    html.dark .folded-tool.has-error > .folded-tool-bar:hover { background: #4b5563; }
     .folded-tool.has-error > .folded-tool-bar::before { color: #ef4444; }
     html.dark .folded-tool.has-error > .folded-tool-bar::before { color: #f87171; }
     .folded-tool.has-error .folded-tool-icon { color: #ef4444; }
     html.dark .folded-tool.has-error .folded-tool-icon { color: #f87171; }
-    .folded-tool.has-error .folded-tool-name { color: #991b1b; }
-    html.dark .folded-tool.has-error .folded-tool-name { color: #fca5a5; }
-    .folded-tool.has-error .folded-tool-desc { color: #b91c1c; }
-    html.dark .folded-tool.has-error .folded-tool-desc { color: #f87171; }
-    .folded-tool.has-error > .folded-tool-body { border-top-color: #fecaca; }
-    html.dark .folded-tool.has-error > .folded-tool-body { border-top-color: #7f1d1d; }
+    .folded-tool.has-error .folded-tool-name { color: #374151; }
+    html.dark .folded-tool.has-error .folded-tool-name { color: #d1d5db; }
+    .folded-tool.has-error .folded-tool-desc { color: #6b7280; }
+    html.dark .folded-tool.has-error .folded-tool-desc { color: #9ca3af; }
+    .folded-tool.has-error > .folded-tool-body { border-top-color: #d1d5db; }
+    html.dark .folded-tool.has-error > .folded-tool-body { border-top-color: #4b5563; }
 
     /* --- Success/Error status icons in header --- */
     .folded-tool.has-success > .folded-tool-bar .folded-tool-icon::after,
@@ -3045,7 +3030,6 @@
         <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" style="display:none;">Voice</button>
-        <button class="view-toggle-btn" data-view="models">Models</button>
         <button class="view-toggle-btn" data-view="terminal" id="terminalTabBtn">Terminal</button>
       </div>
 
@@ -3067,13 +3051,6 @@
         <iframe id="fileBrowserIframe" class="file-browser-iframe"></iframe>
       </div>
 
-      <!-- Models/Agent selector view -->
-      <div id="modelsContainer" class="models-container" style="display:none;">
-        <div class="models-panel">
-          <h3>Agent &amp; Model</h3>
-          <label>Agent<select class="agent-selector" data-agent-selector-models title="Select agent"></select></label>
-          <label>Model<select class="model-selector" data-model-selector-models title="Select model" data-empty="true"></select></label>
-        </div>
       </div>
 
       <!-- Terminal output view -->

package/static/js/features.js

@@ -346,7 +346,6 @@
     var fileIframe = document.getElementById('fileBrowserIframe');
     var voiceContainer = document.getElementById('voiceContainer');
     var terminalContainer = document.getElementById('terminalContainer');
-    var modelsContainer = document.getElementById('modelsContainer');
 
     if (!bar) return;
 
@@ -359,8 +358,7 @@
     if (fileBrowser) fileBrowser.style.display = view === 'files' ? 'flex' : 'none';
     if (voiceContainer) voiceContainer.style.display = view === 'voice' ? 'flex' : 'none';
     if (terminalContainer) terminalContainer.style.display = view === 'terminal' ? 'flex' : 'none';
-    if (modelsContainer) modelsContainer.style.display = view === 'models' ? 'flex' : 'none';
-
+    
     if (view === 'files' && fileIframe && currentConversation) {
       var src = BASE + '/files/' + currentConversation + '/';
       if (fileIframe.src !== location.origin + src) {
@@ -373,29 +371,11 @@
     } else if (view !== 'voice' && window.voiceModule) {
       window.voiceModule.deactivate();
     }
-
-    if (view === 'models') syncModelsPanelFromMain();
+
 
     window.dispatchEvent(new CustomEvent('view-switched', { detail: { view: view } }));
   }
 
-  function syncModelsPanelFromMain() {
-    var mainAgent = document.querySelector('[data-agent-selector]');
-    var mainModel = document.querySelector('[data-model-selector]');
-    var panelAgent = document.querySelector('[data-agent-selector-models]');
-    var panelModel = document.querySelector('[data-model-selector-models]');
-    if (!panelAgent || !panelModel) return;
-    if (mainAgent && panelAgent.innerHTML !== mainAgent.innerHTML) {
-      panelAgent.innerHTML = mainAgent.innerHTML;
-      panelAgent.value = mainAgent.value;
-    }
-    if (mainModel && panelModel.innerHTML !== mainModel.innerHTML) {
-      panelModel.innerHTML = mainModel.innerHTML;
-      panelModel.value = mainModel.value;
-    }
-    panelAgent.onchange = function() { if (mainAgent) { mainAgent.value = panelAgent.value; mainAgent.dispatchEvent(new Event('change')); } };
-    panelModel.onchange = function() { if (mainModel) { mainModel.value = panelModel.value; mainModel.dispatchEvent(new Event('change')); } };
-  }
 
   function updateViewToggleVisibility() {
     var bar = document.getElementById('viewToggleBar');