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 +1 -1
- package/static/index.html +0 -28
- package/static/js/features.js +2 -22
package/package.json
CHANGED
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 & 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 -->
|
package/static/js/features.js
CHANGED
|
@@ -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
|
-
|
|
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');
|