style: hide agent config panel by default and add edit toggle button

This commit is contained in:
2026-04-29 10:41:03 +09:00
parent 68c9377e41
commit 12ca4afefd
+13 -1
View File
@@ -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({