diff --git a/network-poc/frontend/src/components/AgentBar.astro b/network-poc/frontend/src/components/AgentBar.astro index 977e1e6..39c39fe 100644 --- a/network-poc/frontend/src/components/AgentBar.astro +++ b/network-poc/frontend/src/components/AgentBar.astro @@ -41,7 +41,7 @@
- +
diff --git a/network-poc/frontend/src/pages/index.astro b/network-poc/frontend/src/pages/index.astro index 346b5f0..6e9769f 100644 --- a/network-poc/frontend/src/pages/index.astro +++ b/network-poc/frontend/src/pages/index.astro @@ -258,7 +258,11 @@ OUTPUT FORMAT: document.getElementById('config-name').value = a.name; document.getElementById('config-role').textContent = key; document.getElementById('config-model').value = a.model; - document.getElementById('config-prompt').value = a.prompt || ''; + const promptEl = document.getElementById('config-prompt'); + promptEl.value = a.prompt || ''; + // Auto-resize: textarea kasvaa sisällön mukaan + promptEl.style.height = 'auto'; + promptEl.style.height = promptEl.scrollHeight + 'px'; // Sampling-parametrit const tempEl = document.getElementById('config-temperature'); @@ -285,7 +289,7 @@ OUTPUT FORMAT: // Muutosten tallennus document.getElementById('config-name').oninput = () => { agents[key].name = document.getElementById('config-name').value; saveAgents(); renderAgentBar(); }; document.getElementById('config-model').onchange = () => { agents[key].model = document.getElementById('config-model').value; saveAgents(); }; - document.getElementById('config-prompt').oninput = () => { agents[key].prompt = document.getElementById('config-prompt').value; saveAgents(); }; + promptEl.oninput = () => { agents[key].prompt = promptEl.value; saveAgents(); promptEl.style.height = 'auto'; promptEl.style.height = promptEl.scrollHeight + 'px'; }; tempEl.oninput = () => { agents[key].temperature = +tempEl.value; tempValEl.textContent = tempEl.value; saveAgents(); }; maxtokEl.oninput = () => { agents[key].maxTokens = +maxtokEl.value; maxtokValEl.textContent = maxtokEl.value; saveAgents(); }; topkEl.oninput = () => { agents[key].topK = +topkEl.value; topkValEl.textContent = topkEl.value; saveAgents(); };