style: hide agent config panel by default and add edit toggle button
This commit is contained in:
+13
-1
@@ -999,6 +999,7 @@ export class SidebarChatProvider implements vscode.WebviewViewProvider, BridgeIn
|
||||
<select id="modelSel" title="Select Model"></select>
|
||||
<select id="brainSel" title="Select Brain"></select>
|
||||
<select id="agentSel" title="Select Agentic Skill"></select>
|
||||
<button class="icon-btn" id="editAgentBtn" title="Edit Agent Skill">📝</button>
|
||||
<button class="icon-btn" id="addAgentBtn" title="Create Agent">+</button>
|
||||
<button class="icon-btn" id="internetBtn" title="Internet Access">🌐</button>
|
||||
<button class="icon-btn" id="brainBtn" title="Sync Knowledge">🧠</button>
|
||||
@@ -1064,6 +1065,7 @@ export class SidebarChatProvider implements vscode.WebviewViewProvider, BridgeIn
|
||||
const fileInput = document.getElementById('fileInput');
|
||||
const attachPreview = document.getElementById('attachPreview');
|
||||
const agentSel = document.getElementById('agentSel');
|
||||
const editAgentBtn = document.getElementById('editAgentBtn');
|
||||
const addAgentBtn = document.getElementById('addAgentBtn');
|
||||
const agentConfigPanel = document.getElementById('agentConfigPanel');
|
||||
const agentPrompt = document.getElementById('agentPrompt');
|
||||
@@ -1073,6 +1075,7 @@ export class SidebarChatProvider implements vscode.WebviewViewProvider, BridgeIn
|
||||
let streamBody = null;
|
||||
let internetEnabled = false;
|
||||
let pendingFiles = [];
|
||||
let editMode = false;
|
||||
|
||||
function fmt(text) { return marked.parse(text || ''); }
|
||||
|
||||
@@ -1277,15 +1280,24 @@ export class SidebarChatProvider implements vscode.WebviewViewProvider, BridgeIn
|
||||
|
||||
agentSel.onchange = () => {
|
||||
if (agentSel.value !== 'none') {
|
||||
agentConfigPanel.style.display = 'flex';
|
||||
vscode.postMessage({ type: 'getAgentContent', path: agentSel.value });
|
||||
if (editMode) agentConfigPanel.style.display = 'flex';
|
||||
} else {
|
||||
agentConfigPanel.style.display = 'none';
|
||||
editMode = false;
|
||||
editAgentBtn.classList.remove('active');
|
||||
agentPrompt.value = '';
|
||||
negativePrompt.value = '';
|
||||
}
|
||||
};
|
||||
|
||||
editAgentBtn.onclick = () => {
|
||||
if (agentSel.value === 'none') return;
|
||||
editMode = !editMode;
|
||||
editAgentBtn.classList.toggle('active', editMode);
|
||||
agentConfigPanel.style.display = editMode ? 'flex' : 'none';
|
||||
};
|
||||
|
||||
updateAgentBtn.onclick = () => {
|
||||
if (agentSel.value !== 'none') {
|
||||
vscode.postMessage({
|
||||
|
||||
Reference in New Issue
Block a user