jaakko/agentic-studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Poistettu pystylayout — highlight toimii vaakarivillä pipelinen aikana

Browse Source 
Avatarit pysyvät aina vaakarivillä. Aktiivinen agentti saa
glow-highlightin kun pipeline etenee (koodari → testaaja → koodari).
Highlight poistuu kun pipeline valmistuu.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jaakko Vanhala
2026-04-10 07:23:06 +03:00
parent 6413f0238f
commit 43f0aebf54
1 changed files with 1 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
network-poc/frontend/src/pages/index.astro
View File

@@ -216,14 +216,6 @@ OUTPUT FORMAT:
// === Agent selection & config === // === Agent selection & config ===
let selectedAgent = null; let selectedAgent = null;
// Layout: vaaka (oletus) → pysty kun pipeline pyörii
function setAgentLayout(layout) {
const bar = document.getElementById('agent-bar');
if (!bar) return;
bar.style.flexDirection = layout;
bar.style.alignItems = layout === 'column' ? 'flex-start' : 'flex-end';
}
// Highlightaa aktiivinen agentti pipeline-aikana // Highlightaa aktiivinen agentti pipeline-aikana
function highlightAgent(agentKey) { function highlightAgent(agentKey) {
document.querySelectorAll('.agent-avatar').forEach(el => el.classList.remove('active')); document.querySelectorAll('.agent-avatar').forEach(el => el.classList.remove('active'));
@@ -725,14 +717,10 @@ OUTPUT FORMAT:
const cdr = agents.coder || Object.values(agents)[1]; const cdr = agents.coder || Object.values(agents)[1];
const tst = agents.tester || Object.values(agents)[2]; const tst = agents.tester || Object.values(agents)[2];
// Vaihdetaan pystyyn pipelinen ajaksi
setAgentLayout('column');
// Etsitään sopivin mallipohja // Etsitään sopivin mallipohja
const template = Object.values(templates)[0]; // Toistaiseksi vain FastAPI CRUD const template = Object.values(templates)[0]; // Toistaiseksi vain FastAPI CRUD
if (!template) { if (!template) {
termLog(' ✗ Mallipohjia ei ladattu', '#f85149'); termLog(' ✗ Mallipohjia ei ladattu', '#f85149');
setAgentLayout('row');
return; return;
} }
@@ -802,8 +790,7 @@ OUTPUT FORMAT:
await kpnRun(cdr.model, `${cdr.prompt ? cdr.prompt+'\n\n' : ''}Fix these issues:\n${review}\n\nCurrent code:\n${allCode}\n\nWrite the corrected files.`); await kpnRun(cdr.model, `${cdr.prompt ? cdr.prompt+'\n\n' : ''}Fix these issues:\n${review}\n\nCurrent code:\n${allCode}\n\nWrite the corrected files.`);
} }
// Pipeline valmis — palautetaan vaaka ja poistetaan highlight // Pipeline valmis — poistetaan highlight
setAgentLayout('row');
highlightAgent(null); highlightAgent(null);
termLog(`\n<span style="color:var(--purple);font-weight:bold">━━━ Valmis (${Object.keys(files).length} tiedostoa) ━━━</span>`); termLog(`\n<span style="color:var(--purple);font-weight:bold">━━━ Valmis (${Object.keys(files).length} tiedostoa) ━━━</span>`);