nothumanallowed 13.5.6 → 13.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.5.6",
+  "version": "13.5.7",
   "description": "NotHumanAllowed — 38 AI agents, 80 tools, Studio (visual agentic workflows). Email, calendar, browser automation, screen capture, canvas, cron/heartbeat, Alexandria E2E messaging, GitHub, Notion, Slack, voice chat, free AI (Liara), 28 languages. Zero-dependency CLI.",
   "type": "module",
   "bin": {

package/src/constants.mjs

@@ -5,7 +5,7 @@ import { fileURLToPath } from 'url';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
-export const VERSION = '13.5.6';
+export const VERSION = '13.5.7';
 export const BASE_URL = 'https://nothumanallowed.com/cli';
 export const API_BASE = 'https://nothumanallowed.com/api/v1';
 

package/src/services/web-ui.mjs

@@ -3908,11 +3908,13 @@ function renderStudioNodes() {
   el.innerHTML =
     \x27<div class="prl-wrap" style="border-color:\x27+phaseColor2+\x2744;padding-bottom:8px">\x27+
     \x27<div class="prl-header"><span class="prl-phase-chip" style="--pc:\x27+phaseColor2+\x27">\x27+phaseLabel2+\x27</span></div>\x27+
-    \x27<div class="iso-scene" style="position:relative;width:\x27+SCENE_W+\x27px;height:\x27+SCENE_H+\x27px;overflow:hidden;border-radius:10px">\x27+
+    \x27<div style="display:flex;justify-content:center;width:100%;overflow-x:auto">\x27+
+    \x27<div class="iso-scene" style="position:relative;width:\x27+SCENE_W+\x27px;min-width:\x27+SCENE_W+\x27px;height:\x27+SCENE_H+\x27px;overflow:hidden;border-radius:10px">\x27+
     isoFloorSvg(ISO_COLS + 2, 4)+
     agentsHtml+
     orchHtml+
     \x27</div>\x27+
+    \x27</div>\x27+
     \x27</div>\x27;
 }
 
@@ -4440,7 +4442,7 @@ async function runStudio() {
         nudge = document.createElement(\x27div\x27);
         nudge.id = \x27studioParliamentNudge\x27;
         nudge.style.cssText = \x27margin:8px 0;padding:8px 12px;background:#1a1a2e;border:1px solid #6366f1;border-radius:8px;font-size:11px;color:#a5b4fc;display:flex;align-items:center;gap:10px\x27;
-        nudge.innerHTML = \x27&#x2656; <span><strong>Suggerimento:</strong> questo workflow ha \x27 + specialistAgents.length + \x27 agenti specialisti — attiva <strong>Parlamento</strong> per un confronto critico tra le loro analisi.</span><button onclick="document.getElementById(\\\x27studioParliamentMode\\\x27).checked=true;studioState.parliamentMode=true;this.parentNode.remove()" style="margin-left:auto;background:#6366f1;border:none;border-radius:6px;color:#fff;padding:4px 10px;cursor:pointer;font-size:10px;white-space:nowrap">Attiva &#x2656;</button>\x27;
+        nudge.innerHTML = \x27&#x1f4bc; <span><strong>Suggerimento:</strong> questo workflow ha \x27 + specialistAgents.length + \x27 agenti specialisti — attiva il <strong>Consiglio</strong> per un confronto critico tra le loro analisi.</span><button onclick="document.getElementById(\\\x27studioParliamentMode\\\x27).checked=true;studioState.parliamentMode=true;this.parentNode.remove()" style="margin-left:auto;background:#6366f1;border:none;border-radius:6px;color:#fff;padding:4px 10px;cursor:pointer;font-size:10px;white-space:nowrap">Attiva &#x1f4bc;</button>\x27;
         var tokenBar = document.getElementById(\x27studioTokenBar\x27);
         if (tokenBar && tokenBar.parentNode) tokenBar.parentNode.insertBefore(nudge, tokenBar.parentNode.firstChild);
       }
@@ -4511,10 +4513,10 @@ async function runStudio() {
         proposals.push({agent: \x27Context\x27, label: \x27Contesto workflow\x27, output: context});
       }
       if (proposals.length >= 2) {
-        studioLog(\x27Parlamento\x27, \x27&#x2656;\x27, \x27Avvio deliberazione — Round 2 cross-reading tra agenti...\x27, \x27system\x27);
-        // Add Parliament node to pipeline visual
+        studioLog(\x27Consiglio\x27, \x27&#x1f4bc;\x27, \x27Avvio Consiglio — gli agenti si riuniscono per confrontare e raffinare i risultati...\x27, \x27system\x27);
+        // Add Consiglio node to pipeline visual
         var parlNodeIdx = studioState.nodes.length;
-        studioState.nodes.push({icon:\x27&#x2656;\x27, agent:\x27Parliament\x27, label:\x27Parlamento\x27, status:\x27running\x27, output:\x27\x27, _rendered:false});
+        studioState.nodes.push({icon:\x27&#x1f4bc;\x27, agent:\x27Consiglio\x27, label:\x27Consiglio\x27, status:\x27running\x27, output:\x27\x27, _rendered:false});
         renderStudioNodes();
 
         // ── Parliament visual block ──────────────────────────────────────
@@ -4532,10 +4534,10 @@ async function runStudio() {
 
           var phaseColor = {r1:\x27#6366f1\x27,r2:\x27#22d3ee\x27,r3:\x27#f59e0b\x27,done:\x27#22c55e\x27}[phase]||\x27#6366f1\x27;
           var phaseLabel = {
-            r1:\x27Round 1 \u2014 Ogni agente analizza\x27,
-            r2:\x27Round 2 \u2014 Cross-reading e raffinamento\x27,
-            r3:\x27Round 3 \u2014 HERALD media le divergenze\x27,
-            done:\x27Deliberazione completata\x27
+            r1:\x27Consiglio \u2014 Analisi individuale\x27,
+            r2:\x27Consiglio \u2014 Confronto e raffinamento\x27,
+            r3:\x27Consiglio \u2014 Sintesi finale HERALD\x27,
+            done:\x27Consiglio concluso \u2014 consenso raggiunto\x27
           }[phase]||\x27\x27;
           var n = proposals.length;
           var doneCount = Object.keys(parlDoneAgents).length;
@@ -4646,7 +4648,7 @@ async function runStudio() {
             var orchHtml = \x27<div class="br-orch" id="brOrch">\x27+
               \x27<div class="br-orch-speech" id="brOrchSpeech"></div>\x27+
               orchSvg+
-              \x27<div class="br-orch-label">Orchestratore</div>\x27+
+              \x27<div class="br-orch-label">NHA Studio</div>\x27+
               \x27</div>\x27;
 
             // Phase indicator + progress
@@ -4685,17 +4687,17 @@ async function runStudio() {
           if (convEl && convergence != null) {
             convEl.style.display = \x27block\x27;
             convEl.innerHTML = \x27<div class="br-conv-bar-outer"><div class="br-conv-bar-inner" style="width:\x27+Math.min(convergence,100)+\x27%"></div></div>\x27+
-              \x27<div class="br-conv-text"><strong>\u2714 Convergenza \x27+convergence+\x27%</strong> \u2014 HERALD ha sintetizzato il consenso finale.</div>\x27;
+              \x27<div class="br-conv-text"><strong>\u2714 Convergenza: \x27+convergence+\x27%</strong> \u2014 Il Consiglio ha raggiunto il consenso. HERALD ha sintetizzato il risultato finale.</div>\x27;
           }
 
           // Orchestrator speech bubble
           var orchSpeech = document.getElementById(\x27brOrchSpeech\x27);
           if (orchSpeech) {
             var orchSpeeches = {
-              r1: [\x27Analizzate!\x27,\x27Al lavoro!\x27,\x27Forza!\x27,\x27Pensate!\x27],
-              r2: [\x27Confrontate!\x27,\x27Leggete tutto!\x27,\x27Raffinare!\x27,\x27Scambiate!\x27],
-              r3: [\x27Mediazione!\x27,\x27Convergete!\x27,\x27Trovate accordo!\x27],
-              done: [\x27Ottimo!\x27,\x27Consenso!\x27,\x27Bene!\x27]
+              r1: [\x27Analisi in corso...\x27,\x27Ogni team al lavoro\x27,\x27Raccolta dati\x27,\x27Prima bozza...\x27],
+              r2: [\x27Confronto in corso\x27,\x27Cross-review...\x27,\x27Raffinamento\x27,\x27Scambio idee\x27],
+              r3: [\x27Sintesi finale\x27,\x27Convergenza...\x27,\x27Accordo in vista\x27],
+              done: [\x27Consiglio concluso\x27,\x27Consenso raggiunto\x27,\x27Report pronto\x27]
             };
             var spArr = orchSpeeches[phase] || orchSpeeches.r1;
             if (phase === \x27done\x27) {
@@ -4716,6 +4718,42 @@ async function runStudio() {
             orchEl.style.setProperty(\x27--oc\x27, phaseColor);
           }
 
+          // Draw attention line from orchestrator to active agent seat
+          var orchEl2 = document.getElementById(\x27brOrch\x27);
+          var brRoom2 = orchEl2 ? orchEl2.closest(\x27.br-room\x27) : null;
+          if (brRoom2) {
+            var existLine = brRoom2.querySelector(\x27.br-attention-line\x27);
+            if (existLine) existLine.parentNode.removeChild(existLine);
+            if (activeLabel && phase !== \x27done\x27) {
+              var aLblSafe = activeLabel.replace(/[^a-zA-Z0-9_-]/g,\x27_\x27);
+              var activeSeatEl = document.getElementById(\x27brseat_\x27+aLblSafe);
+              if (activeSeatEl && orchEl2) {
+                var roomRect = brRoom2.getBoundingClientRect();
+                var orchRect = orchEl2.getBoundingClientRect();
+                var seatRect = activeSeatEl.getBoundingClientRect();
+                var x1 = orchRect.left + orchRect.width/2 - roomRect.left;
+                var y1 = orchRect.top + orchRect.height/2 - roomRect.top;
+                var x2 = seatRect.left + seatRect.width/2 - roomRect.left;
+                var y2 = seatRect.top + seatRect.height/2 - roomRect.top;
+                var lineSvg = document.createElementNS(\x27http://www.w3.org/2000/svg\x27, \x27svg\x27);
+                lineSvg.setAttribute(\x27class\x27, \x27br-attention-line\x27);
+                lineSvg.style.cssText = \x27position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:visible\x27;
+                var lineEl = document.createElementNS(\x27http://www.w3.org/2000/svg\x27, \x27line\x27);
+                lineEl.setAttribute(\x27x1\x27, String(Math.round(x1)));
+                lineEl.setAttribute(\x27y1\x27, String(Math.round(y1)));
+                lineEl.setAttribute(\x27x2\x27, String(Math.round(x2)));
+                lineEl.setAttribute(\x27y2\x27, String(Math.round(y2)));
+                lineEl.setAttribute(\x27stroke\x27, \x27#6366f1\x27);
+                lineEl.setAttribute(\x27stroke-width\x27, \x272\x27);
+                lineEl.setAttribute(\x27stroke-dasharray\x27, \x276 4\x27);
+                lineEl.setAttribute(\x27opacity\x27, \x27.6\x27);
+                lineEl.style.animation = \x27brDashFlow 1s linear infinite\x27;
+                lineSvg.appendChild(lineEl);
+                brRoom2.appendChild(lineSvg);
+              }
+            }
+          }
+
           // Update each agent seat state
           proposals.forEach(function(prop) {
             var lbl = prop.label || prop.agent;
@@ -5198,7 +5236,7 @@ async function runStudio() {
                     if (r2StartM) {
                       var r2Label = r2StartM[1];
                       parlActiveAgent = r2Label;
-                      studioLog(r2Label, \x27&#x2656;\x27, \x27\x27, \x27agent\x27, false);
+                      studioLog(r2Label, \x27&#x1f4bc;\x27, \x27\x27, \x27agent\x27, false);
                       var delEnts2 = document.querySelectorAll(\x27.studio-log-entry\x27);
                       var delL2 = delEnts2[delEnts2.length - 1];
                       if (delL2) {
@@ -5232,10 +5270,25 @@ async function runStudio() {
                       var delEntries = document.querySelectorAll(\x27.studio-log-entry\x27);
                       var delLast = delEntries[delEntries.length - 1];
                       if (delLast) { var delTb = delLast.querySelector(\x27.studio-log-entry__text\x27); if (delTb) delTb.textContent = dev.token.replace(new RegExp(\x27[\\r\\n]+\x27,\x27g\x27),\x27 \x27); }
+                      // Mirror live token to the active agent boardroom bubble
+                      if (parlActiveAgent) {
+                        var brSafe2 = parlActiveAgent.replace(new RegExp(\x27[^a-zA-Z0-9_-]\x27,\x27g\x27),\x27_\x27);
+                        var brLiveBubble = document.getElementById(\x27brbubble_\x27+brSafe2);
+                        if (brLiveBubble) {
+                          var rawTok = dev.token.replace(new RegExp(\x27[\\r\\n]+\x27,\x27g\x27),\x27 \x27);
+                          var safeTok = rawTok.replace(/&/g,\x27&amp;\x27).replace(/</g,\x27&lt;\x27).replace(/>/g,\x27&gt;\x27);
+                          var truncTok = rawTok.length > 60 ? rawTok.slice(-60) : rawTok;
+                          var safeTrunc = truncTok.replace(/&/g,\x27&amp;\x27).replace(/</g,\x27&lt;\x27).replace(/>/g,\x27&gt;\x27);
+                          brLiveBubble.style.display = \x27\x27;
+                          brLiveBubble.innerHTML = safeTrunc + \x27<span style="display:inline-block;width:2px;height:8px;background:var(--green);margin-left:1px;vertical-align:text-bottom;animation:streamBlink .7s step-end infinite">&#8203;</span>\x27;
+                          brLiveBubble.style.borderColor = \x27#6366f1\x27;
+                          brLiveBubble.style.color = \x27#a5b4fc\x27;
+                        }
+                      }
                     }
                   } else if (dev.deliberation_r2) {
                     var r2d = dev.deliberation_r2;
-                    studioLog(r2d.label || r2d.agent, \x27&#x2656;\x27, \x27[R2] \x27 + (r2d.output || \x27\x27), \x27agent\x27, true);
+                    studioLog(r2d.label || r2d.agent, \x27&#x1f4bc;\x27, \x27[Consiglio R2] \x27 + (r2d.output || \x27\x27), \x27agent\x27, true);
                     var ni2 = studioState.nodes.findIndex(function(x){return x.agent===r2d.agent;});
                     if (ni2 >= 0) { studioState.nodes[ni2].output = r2d.output; studioState.nodes[ni2].status = \x27done\x27; }
                     studioAddTokens(0, Math.ceil((r2d.output||'').length / 4));
@@ -5252,12 +5305,12 @@ async function runStudio() {
                     context = dev.deliberation_r3.output || context;
                   } else if (dev.deliberation_done) {
                     var r2Conv = Math.round((dev.r2_convergence || 0) * 100);
-                    studioLog(\x27Parlamento\x27, \x27&#x2656;\x27, \x27Deliberazione completa — convergenza R2: \x27 + r2Conv + \x27%\x27, \x27system\x27);
+                    studioLog(\x27Consiglio\x27, \x27&#x1f4bc;\x27, \x27Consiglio concluso — convergenza R2: \x27 + r2Conv + \x27%\x27, \x27system\x27);
                     if (dev.mediation) { context = dev.mediation; }
                     renderParlBlock(\x27done\x27, null, r2Conv);
                     if (studioState.nodes[parlNodeIdx]) {
                       studioState.nodes[parlNodeIdx].status = \x27done\x27;
-                      studioState.nodes[parlNodeIdx].label = \x27Parlamento (\x27 + r2Conv + \x27%)\x27;
+                      studioState.nodes[parlNodeIdx].label = \x27Consiglio (\x27 + r2Conv + \x27%)\x27;
                       renderStudioNodes();
                     }
                     delDone = true;
@@ -5270,7 +5323,7 @@ async function runStudio() {
           }
         } catch(e3) {
           if (e3.name !== \x27AbortError\x27) {
-            studioLog(\x27Parlamento\x27, \x27&#x2656;\x27, \x27Deliberazione non disponibile: \x27 + (e3.message || String(e3)), \x27error\x27);
+            studioLog(\x27Consiglio\x27, \x27&#x1f4bc;\x27, \x27Consiglio non disponibile: \x27 + (e3.message || String(e3)), \x27error\x27);
             // Do NOT hide the parliament block if it already has content — user is watching it
           }
         }
@@ -5341,7 +5394,9 @@ function saveStudioSession(task, nodes, log, result) {
     var sessions = JSON.parse(localStorage.getItem('nha_studio_sessions') || '[]');
     // Save parliament block HTML if present (static snapshot — animations not needed on restore)
     var parlEl = document.getElementById('studioParliamentBlock');
-    var parlHtml = (parlEl && parlEl.style.display !== 'none') ? parlEl.innerHTML : null;
+    var parlRaw = (parlEl && parlEl.style.display !== 'none') ? parlEl.innerHTML : null;
+    // Limit parlHtml to 30KB to avoid localStorage quota issues
+    var parlHtml = parlRaw ? (parlRaw.length > 30000 ? parlRaw.slice(0, 30000) : parlRaw) : null;
     sessions.unshift({
       id: Date.now(),
       task: task,
@@ -5352,8 +5407,14 @@ function saveStudioSession(task, nodes, log, result) {
       log: log.map(function(e){return {agent:e.agent,icon:e.icon,text:e.text,type:e.type,time:e.time};}),
       ts: new Date().toLocaleString()
     });
-    sessions = sessions.slice(0, 20); // keep last 20
-    localStorage.setItem('nha_studio_sessions', JSON.stringify(sessions));
+    sessions = sessions.slice(0, 10); // keep last 10 (save space)
+    try {
+      localStorage.setItem('nha_studio_sessions', JSON.stringify(sessions));
+    } catch(qe) {
+      // Quota exceeded: save without canvas/parlHtml
+      sessions[0].canvas = null; sessions[0].parlHtml = null;
+      try { localStorage.setItem('nha_studio_sessions', JSON.stringify(sessions)); } catch(e2) {}
+    }
   } catch(e) {}
 }
 
@@ -5403,6 +5464,10 @@ function restoreStudioSession(idx) {
     if (s.parlHtml) {
       parlEl.innerHTML = s.parlHtml;
       parlEl.style.display = 'block';
+      // Scroll into view after DOM settles
+      setTimeout(function() {
+        if (parlEl) parlEl.scrollIntoView({behavior: 'smooth', block: 'start'});
+      }, 150);
     } else {
       parlEl.style.display = 'none';
     }
@@ -5779,7 +5844,7 @@ function renderStudio(el) {
           '</div>' +
           '<label style="display:flex;align-items:center;gap:8px;margin-top:8px;cursor:pointer;user-select:none">' +
             '<input type="checkbox" id="studioParliamentMode" style="width:15px;height:15px;accent-color:var(--green3)" ' + (studioState.parliamentMode ? \x27checked\x27 : \x27\x27) + ' onchange="studioState.parliamentMode=this.checked">' +
-            '<span style="font-size:12px;color:var(--dim)">&#x2656; <strong style="color:var(--green)">Parlamento</strong> — Round 2 cross-reading tra agenti (2x token)</span>' +
+            '<span style="font-size:12px;color:var(--dim)">&#x1f4bc; <strong style="color:var(--green)">Consiglio</strong> — gli agenti si confrontano dopo aver lavorato in autonomia (2x token)</span>' +
           '</label>' +
         '</div>' +
 
@@ -6424,6 +6489,7 @@ input:focus,textarea:focus{border-color:var(--green3)}
 .br-conv-bar-outer{height:4px;background:#1a2e1a;border-radius:4px;overflow:hidden;margin-bottom:6px}
 .br-conv-bar-inner{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:4px;transition:width .8s ease}
 .br-conv-text{font-size:9px;color:#86efac;line-height:1.55}
+@keyframes brDashFlow{0%{stroke-dashoffset:20}100%{stroke-dashoffset:0}}
 /* Keep old prl-* classes for workflow (not touched) */
 .prl-wrap{background:#0b0918;border:1.5px solid #6366f1;border-radius:14px;padding:14px 16px 12px;margin-bottom:16px;animation:stNodeIn .35s ease forwards;overflow:hidden}
 @keyframes parlPulse{0%,100%{border-color:#6366f1;box-shadow:none}50%{border-color:#818cf8;box-shadow:0 0 20px rgba(99,102,241,.3)}}