agentgui 1.0.337 → 1.0.338

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "agentgui",
3
- "version": "1.0.337",
3
+ "version": "1.0.338",
4
4
  "description": "Multi-agent ACP client with real-time communication",
5
5
  "type": "module",
6
6
  "main": "server.js",
package/static/index.html CHANGED
@@ -497,26 +497,6 @@
497
497
  }
498
498
  .terminal-output { flex: 1; overflow: hidden; position: relative; }
499
499
 
500
- .models-container {
501
- flex: 1; display: flex; flex-direction: column; overflow-y: auto;
502
- align-items: flex-start; padding: 2rem;
503
- }
504
- .models-panel {
505
- display: flex; flex-direction: column; gap: 1rem;
506
- background: var(--color-bg-secondary); border-radius: 0.5rem;
507
- padding: 1.5rem; min-width: 280px;
508
- }
509
- .models-panel h3 { margin: 0 0 0.5rem; font-size: 1rem; font-weight: 600; }
510
- .models-panel label {
511
- display: flex; flex-direction: column; gap: 0.25rem;
512
- font-size: 0.8rem; color: var(--color-text-secondary); font-weight: 500;
513
- }
514
- .models-panel select {
515
- padding: 0.5rem; border: 1px solid var(--color-border);
516
- border-radius: 0.375rem; background: var(--color-bg-primary);
517
- color: var(--color-text-primary); font-size: 0.875rem; cursor: pointer;
518
- }
519
-
520
500
  /* --- View toggle bar --- */
521
501
  .view-toggle-bar {
522
502
  display: flex;
@@ -3050,7 +3030,6 @@
3050
3030
  <button class="view-toggle-btn active" data-view="chat">Chat</button>
3051
3031
  <button class="view-toggle-btn" data-view="files">Files</button>
3052
3032
  <button class="view-toggle-btn" data-view="voice" style="display:none;">Voice</button>
3053
- <button class="view-toggle-btn" data-view="models">Models</button>
3054
3033
  <button class="view-toggle-btn" data-view="terminal" id="terminalTabBtn">Terminal</button>
3055
3034
  </div>
3056
3035
 
@@ -3072,13 +3051,6 @@
3072
3051
  <iframe id="fileBrowserIframe" class="file-browser-iframe"></iframe>
3073
3052
  </div>
3074
3053
 
3075
- <!-- Models/Agent selector view -->
3076
- <div id="modelsContainer" class="models-container" style="display:none;">
3077
- <div class="models-panel">
3078
- <h3>Agent &amp; Model</h3>
3079
- <label>Agent<select class="agent-selector" data-agent-selector-models title="Select agent"></select></label>
3080
- <label>Model<select class="model-selector" data-model-selector-models title="Select model" data-empty="true"></select></label>
3081
- </div>
3082
3054
  </div>
3083
3055
 
3084
3056
  <!-- Terminal output view -->
@@ -346,7 +346,6 @@
346
346
  var fileIframe = document.getElementById('fileBrowserIframe');
347
347
  var voiceContainer = document.getElementById('voiceContainer');
348
348
  var terminalContainer = document.getElementById('terminalContainer');
349
- var modelsContainer = document.getElementById('modelsContainer');
350
349
 
351
350
  if (!bar) return;
352
351
 
@@ -359,8 +358,7 @@
359
358
  if (fileBrowser) fileBrowser.style.display = view === 'files' ? 'flex' : 'none';
360
359
  if (voiceContainer) voiceContainer.style.display = view === 'voice' ? 'flex' : 'none';
361
360
  if (terminalContainer) terminalContainer.style.display = view === 'terminal' ? 'flex' : 'none';
362
- if (modelsContainer) modelsContainer.style.display = view === 'models' ? 'flex' : 'none';
363
-
361
+
364
362
  if (view === 'files' && fileIframe && currentConversation) {
365
363
  var src = BASE + '/files/' + currentConversation + '/';
366
364
  if (fileIframe.src !== location.origin + src) {
@@ -373,29 +371,11 @@
373
371
  } else if (view !== 'voice' && window.voiceModule) {
374
372
  window.voiceModule.deactivate();
375
373
  }
376
-
377
- if (view === 'models') syncModelsPanelFromMain();
374
+
378
375
 
379
376
  window.dispatchEvent(new CustomEvent('view-switched', { detail: { view: view } }));
380
377
  }
381
378
 
382
- function syncModelsPanelFromMain() {
383
- var mainAgent = document.querySelector('[data-agent-selector]');
384
- var mainModel = document.querySelector('[data-model-selector]');
385
- var panelAgent = document.querySelector('[data-agent-selector-models]');
386
- var panelModel = document.querySelector('[data-model-selector-models]');
387
- if (!panelAgent || !panelModel) return;
388
- if (mainAgent && panelAgent.innerHTML !== mainAgent.innerHTML) {
389
- panelAgent.innerHTML = mainAgent.innerHTML;
390
- panelAgent.value = mainAgent.value;
391
- }
392
- if (mainModel && panelModel.innerHTML !== mainModel.innerHTML) {
393
- panelModel.innerHTML = mainModel.innerHTML;
394
- panelModel.value = mainModel.value;
395
- }
396
- panelAgent.onchange = function() { if (mainAgent) { mainAgent.value = panelAgent.value; mainAgent.dispatchEvent(new Event('change')); } };
397
- panelModel.onchange = function() { if (mainModel) { mainModel.value = panelModel.value; mainModel.dispatchEvent(new Event('change')); } };
398
- }
399
379
 
400
380
  function updateViewToggleVisibility() {
401
381
  var bar = document.getElementById('viewToggleBar');