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

Agenttiavatarit palautettu: AgentBar-komponentti viidellä roolilla

Browse Source 
Manageri (pöllö), Koodari (kameleontti), Testaaja (rukoilijasirkka),
QA (kilpikonna), Data (norsu). Klikattavat, highlight aktiiviselle.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jaakko Vanhala
2026-04-09 20:53:35 +03:00
parent 1c7362c9b0
commit 3497f66db7
31 changed files with 79 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
network-poc/frontend/src/components/AgentBar.astro Normal file
View File

@@ -0,0 +1,23 @@
<!-- Agenttigalleria: roolit + avatarit -->
<div id="agent-bar" style="display:flex;gap:8px;padding:10px 0;overflow-x:auto;align-items:flex-end">
<div class="agent-avatar" data-agent="manager" onclick="selectAgent('manager')" title="Manageri — suunnittelee ja pilkkoo tehtävät">
<img src="/avatars/owl.png" alt="Manageri" style="width:48px;height:48px;border-radius:50%;border:2px solid transparent">
<span style="font-size:10px;color:#8b949e;text-align:center;display:block">Manageri</span>
</div>
<div class="agent-avatar" data-agent="coder" onclick="selectAgent('coder')" title="Koodari — kirjoittaa koodin">
<img src="/avatars/chameleon.png" alt="Koodari" style="width:48px;height:48px;border-radius:50%;border:2px solid transparent">
<span style="font-size:10px;color:#8b949e;text-align:center;display:block">Koodari</span>
</div>
<div class="agent-avatar" data-agent="tester" onclick="selectAgent('tester')" title="Testaaja — arvioi ja etsii bugeja">
<img src="/avatars/mantis.png" alt="Testaaja" style="width:48px;height:48px;border-radius:50%;border:2px solid transparent">
<span style="font-size:10px;color:#8b949e;text-align:center;display:block">Testaaja</span>
</div>
<div class="agent-avatar" data-agent="qa" onclick="selectAgent('qa')" title="QA — laadunvarmistus ja testit">
<img src="/avatars/tortoise.png" alt="QA" style="width:48px;height:48px;border-radius:50%;border:2px solid transparent">
<span style="font-size:10px;color:#8b949e;text-align:center;display:block">QA</span>
</div>
<div class="agent-avatar" data-agent="data" onclick="selectAgent('data')" title="Data — tietokanta-asiantuntija">
<img src="/avatars/elephant.png" alt="Data" style="width:48px;height:48px;border-radius:50%;border:2px solid transparent">
<span style="font-size:10px;color:#8b949e;text-align:center;display:block">Data</span>
</div>
</div>