-
- 
-
- Asiakas
- Tuoteomistaja
+
+
+
+
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Asiakas
+ Tuoteomistaja
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ Tarkkailija
+ Laadunvalvonta
+
+ 
+
+
+ Manageri
+ KPN CLI
+
+
+
+ 
+
+
+ Koodari
+ SOFTAKEHITYS
+
+ 
+
+
+ Data
+ Tietokannat
+
+ 
+
+
+ QA
+ Testaus
+
+ 
+
+
+ DevOps
+ Käyttöönotto
+
+
+ —
+ Tallennettu
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
- Tarkkailija
- Laadunvalvonta
-
-
-
-
- Manageri
- KPN CLI
-
-
-
-
-
- Koodari
- Ohjelmistokehitys
-
-
-
-
- Data
- Tietokannat
-
-
-
-
- QA
- Testaus
-
-
-
-
- DevOps
- Käyttöönotto
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
- —
- Tallennettu
-
-
-
-
+
@@ -981,6 +1142,32 @@
}
}
+ // Piilotettu ominaisuus: Puhuvien videoiden / gif-animaatioiden kytkentä
+ // Aseta true kun olet luonut _puhuva.gif tiedostot /avatars -kansioon
+ window.USE_ANIMATED_GIFS = false;
+
+ // Update gallery heads
+ document.querySelectorAll('.gallery-head').forEach(el => {
+ el.classList.remove('active');
+ if (window.USE_ANIMATED_GIFS) {
+ el.src = el.src.replace('_puhuva.gif', '.png');
+ }
+ });
+ document.querySelectorAll('.gallery-head-wrap').forEach(el => el.classList.remove('active'));
+ selectedAgents.forEach(agent => {
+ const gel = document.getElementById('gallery-' + agent);
+ const wrap = document.getElementById('wrap-' + agent);
+ if (gel) {
+ gel.classList.add('active');
+ if (window.USE_ANIMATED_GIFS) {
+ gel.src = gel.src.replace('.png', '_puhuva.gif');
+ }
+ }
+ if (wrap) wrap.classList.add('active');
+ });
+
+ checkAgentConfusion();
+
if (selectedAgents.size === 0) {
editor.classList.remove('visible');
return;
@@ -988,6 +1175,9 @@
editor.classList.add('visible');
+
+
+
if (selectedAgents.size === 1) {
const agent = [...selectedAgents][0];
const cfg = agentPrompts[agent];
@@ -1062,10 +1252,74 @@
localStorage.setItem('kpn-shared-prompt', e.target.value);
}
+ checkAgentConfusion();
+
saved.style.opacity = '1';
clearTimeout(saved._t);
saved._t = setTimeout(() => saved.style.opacity = '0', 1500);
});
+
+ function checkAgentConfusion() {
+ Object.keys(agentPrompts).forEach(agent => {
+ const prompt = agentPrompts[agent].prompt || "";
+ const wrap = document.getElementById('wrap-' + agent);
+ const gel = document.getElementById('gallery-' + agent);
+ if (!wrap || !gel) return;
+
+ // Nollataan tilat
+ wrap.classList.remove('state-question', 'state-alert');
+ gel.classList.remove('state-question', 'state-alert');
+ wrap.removeAttribute('data-tooltip');
+
+ const pLow = prompt.toLowerCase();
+ const agentTitle = (agentPrompts[agent].name.split(' — ')[0] || "AGENTTI").toUpperCase();
+
+ // Hälytys / Virhe
+ if (pLow.includes('todo') || pLow.includes('viallinen') || pLow.includes('virhe')) {
+ wrap.classList.add('state-alert');
+ gel.classList.add('state-alert');
+ wrap.setAttribute('data-tooltip', `❗ ${agentTitle}: "Kriittinen virhe ohjeistuksessa!"\n(Koodissa tai promptissa esiintyy teksti TODO, viallinen tai virhe. Korjaa ohje välittömästi.)`);
+ }
+ // Kysyttävää / Hämmennys
+ else if (prompt.trim().length <= 15 || prompt.includes('?')) {
+ wrap.classList.add('state-question');
+ gel.classList.add('state-question');
+
+ const questions = {
+ client: 'Millaisia uusia ominaisuuksia tuotteessa pitäisi olla?',
+ manager: 'Kuka asiantuntijoista ottaa vastuulleen tämän taskin?',
+ coder: 'Käytetäänkö tässä komponentissa uusinta React-ohjetta?',
+ data: 'Millainen tietorakenne käyttäjästä tallennetaan kantaan?',
+ qa: 'Onko tälle koodille olemassa jo kattavat yksikkötestit?',
+ tester: 'Mihin haluaisit julkaista tämän laiteympäristön version?',
+ observer: 'Mitä laatumetriikkoja minun tulisi ensisijaisesti painottaa?'
+ };
+ const exampleQ = questions[agent] || 'Mitä minun pitäisi tehdä seuraavaksi?';
+
+ const reason = prompt.trim().length <= 15 ? 'Määrittely on tällä hetkellä liian lyhyt.' : 'Ohje on jätetty avoimeksi (? -merkki).';
+ wrap.setAttribute('data-tooltip', `❓ ${agentTitle}: "${exampleQ}"\n\n(Agentti odottaa päätöstäsi: ${reason})`);
+ }
+ // Normaali keskustelu aktiivisena
+ else if (selectedAgents.has(agent)) {
+ // Haetaan satunnainen "toinen agentti", johon viitata
+ // Tehdään tästä deterministinen agentin nimen perusteella, ettei vilku
+ const targets = {
+ client: 'Managerin',
+ manager: 'Asiakkaan',
+ coder: 'DevOpsin',
+ data: 'Koodarin',
+ qa: 'Data-Agentin',
+ tester: 'QA:n',
+ observer: 'Managerin'
+ };
+ const targetName = targets[agent] || 'Koodarin';
+ wrap.setAttribute('data-tooltip', `💬 ${agentTitle}: "Hei, minäkin haluan osallistua!\nVoisin tehdä ${targetName} asiaan tällaisen toiminnallisuuden!"`);
+ }
+ });
+ }
+
+ // Tarkistetaan heti alussa
+ setTimeout(checkAgentConfusion, 100);
window.switchMainTab = function(tab) {
document.querySelectorAll('.main-panel').forEach(p => p.classList.remove('active'));
$ kpn hub connect wss://localhost
✓ Yhdistetty Kipinä Hubiin