Prompti-textarea kasvaa automaattisesti sisällön mukaan

Koko prompti näkyy kerralla kun avatarin klikkaa — ei scrollausta.
Textarea saa overflow:hidden + auto-height sekä avatessa että kirjoittaessa.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jaakko Vanhala
2026-04-10 08:03:18 +03:00
parent 9aff2ec154
commit 3d6914974d
2 changed files with 7 additions and 3 deletions

View File

@@ -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(); };