nothumanallowed 13.5.24 → 13.5.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.5.24",
+  "version": "13.5.26",
   "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.24';
+export const VERSION = '13.5.26';
 export const BASE_URL = 'https://nothumanallowed.com/cli';
 export const API_BASE = 'https://nothumanallowed.com/api/v1';
 

package/src/services/web-ui.mjs

@@ -3325,7 +3325,7 @@ var studioAbortController = null;
 var parlActiveAgent = null;   // active agent label during parliament streaming
 var parlDoneAgents = {};      // set of completed agent labels during parliament
 var _parlPersistHtml = null;  // persists parliament block HTML across tab navigations
-var _PARL_STAMP = '<!--nha-parl-v13.5.24-->';
+var _PARL_STAMP = '<!--nha-parl-v13.5.26-->';
 
 function stopStudio() {
   if (!studioState.running) return;
@@ -3932,7 +3932,11 @@ function renderStudioNodes() {
   var bigPlant = String.fromCodePoint(0x1FAB4);
   var plantEmoji = String.fromCodePoint(0x1F331);
 
-  function buildStation2(label, toolEmoji, isOrch, isActive, isDone, isErr, emojiIdx) {
+  // Find the index of the currently active node (for orchestrator positioning)
+  var activeNodeIdx = -1;
+  nodes.forEach(function(n, i) { if (n.status === \x27running\x27) activeNodeIdx = i; });
+
+  function buildStation2(label, toolEmoji, isOrch, isActive, isDone, isErr, emojiIdx, nodeIdx) {
     var accentColor = isOrch ? \x27#818cf8\x27 : (isActive ? \x27#6366f1\x27 : (isDone ? \x27#374151\x27 : (isErr ? \x27#ef4444\x27 : \x27#9ca3af\x27)));
     var nameBg = isDone ? \x27rgba(0,0,0,.1)\x27 : (isActive ? \x27#ede9fe\x27 : (isOrch ? \x27#e0e7ff\x27 : \x27rgba(255,255,255,.85)\x27));
     var nameColor = isDone ? \x27#111827\x27 : (isActive ? \x27#4f46e5\x27 : (isOrch ? \x27#4338ca\x27 : (isErr ? \x27#dc2626\x27 : \x27#374151\x27)));
@@ -3941,20 +3945,24 @@ function renderStudioNodes() {
       : (isDone ? \x27<span style="color:#111827;font-size:13px">&#10003;</span>\x27
          : (isActive ? \x27<span class="iso-monitor-blink"></span>\x27
             : \x27<span style="font-size:8px;opacity:.35;color:#818cf8">&#9632;</span>\x27));
+    // Bubble: for agents, leave text empty so JS streaming fills it live; show "✓ fatto" when done
     var bubbleText = isOrch
-      ? (hasActive ? (\x27Step \x27+doneCount+\x27/\x27+totalCount) : (doneCount===totalCount&&totalCount>0 ? \x27\u2714 Fatto!\x27 : \x27In attesa\x27))
-      : (isActive ? \x27\u2022\u2022\u2022 lavora\x27 : (isDone ? \x27\u2714 fatto\x27 : (isErr ? \x27\u2715 errore\x27 : \x27\x27)));
+      ? (hasActive ? (\x27Assegno step \x27+(doneCount+1)+\x27/\x27+totalCount) : (doneCount===totalCount&&totalCount>0 ? \x27\u2714 Fatto!\x27 : \x27In attesa\x27))
+      : (isDone ? \x27\u2714 fatto\x27 : (isErr ? \x27\u2715 errore\x27 : (isActive ? \x27\x27 : \x27\x27)));
     var bubbleBg = isOrch ? \x27rgba(99,102,241,.15)\x27 : (isActive ? \x27rgba(99,102,241,.12)\x27 : (isDone ? \x27rgba(0,0,0,.08)\x27 : \x27rgba(239,68,68,.12)\x27));
     var glowBox = isActive ? (\x270 0 0 3px \x27+accentColor+\x2744,0 8px 24px \x27+accentColor+\x2733\x27) : (isDone ? (\x270 0 0 2px rgba(0,0,0,.25)\x27) : \x27none\x27);
-    // orchWalkClass goes on the CHAR only, not the whole station card
-    var orchWalkClass = (isOrch && hasActive) ? \x27 iso-orch-walking\x27 : (isOrch && doneCount===totalCount&&totalCount>0 ? \x27 iso-orch-done\x27 : \x27\x27);
-    var charHtml = \x27<div class="iso-char-mover\x27+orchWalkClass+\x27">\x27+isoCharSvg({emojiIdx: isOrch ? 99 : emojiIdx, isActive: isActive, isDone: isDone, scale: 1.1, accentColor: accentColor})+\x27</div>\x27;
+    // Orchestrator char: no CSS walk animation — JS moves it via inline transform toward the active agent column
+    var charIdAttr = isOrch ? \x27 id="wfOrchChar"\x27 : \x27\x27;
+    var charHtml = \x27<div class="iso-char-mover"\x27+charIdAttr+\x27>\x27+isoCharSvg({emojiIdx: isOrch ? 99 : emojiIdx, isActive: isActive, isDone: isDone, scale: 1.1, accentColor: accentColor})+\x27</div>\x27;
     var clickAttr = isOrch ? \x27\x27 : (\x27data-agent-label="\x27+esc(label)+\x27" onclick="studioScrollToAgent(this.getAttribute(String.fromCharCode(100,97,116,97,45,97,103,101,110,116,45,108,97,98,101,108)))"\x27);
     // Flying doc emoji when active
     var flyDoc = isActive ? \x27<div class="iso-fly-doc" style="color:\x27+accentColor+\x27">\x27+String.fromCodePoint(0x1F4C4)+\x27</div>\x27 : \x27\x27;
-    return \x27<div class="iso-station" \x27+clickAttr+\x27 style="box-shadow:\x27+glowBox+\x27;border-color:\x27+accentColor+\x27;transition:box-shadow .4s">\x27+
+    // Bubble id: orchestrator gets wfOrchBubble, agents get isobubble_IDX
+    var bubbleId = isOrch ? \x27wfOrchBubble\x27 : (\x27isobubble_\x27+nodeIdx);
+    var bubbleVisible = (bubbleText || isOrch || isActive) ? \x27visible\x27 : \x27hidden\x27;
+    return \x27<div class="iso-station" \x27+clickAttr+\x27 data-station-idx="\x27+(isOrch?-1:nodeIdx)+\x27" style="box-shadow:\x27+glowBox+\x27;border-color:\x27+accentColor+\x27;transition:box-shadow .4s">\x27+
       flyDoc+
-      \x27<div class="iso-bubble\x27+(isActive?\x27 iso-bubble--active\x27:\x27\x27)+\x27" style="border-color:\x27+accentColor+\x27;color:\x27+accentColor+\x27;background:\x27+bubbleBg+\x27;visibility:\x27+(bubbleText||isOrch?\x27visible\x27:\x27hidden\x27)+\x27">\x27+esc(bubbleText)+\x27</div>\x27+
+      \x27<div class="iso-bubble\x27+(isActive?\x27 iso-bubble--active\x27:\x27\x27)+\x27" id="\x27+bubbleId+\x27" style="border-color:\x27+accentColor+\x27;color:\x27+accentColor+\x27;background:\x27+bubbleBg+\x27;visibility:\x27+bubbleVisible+\x27">\x27+esc(bubbleText)+\x27</div>\x27+
       \x27<div class="iso-tool-badge">\x27+toolEmoji+\x27</div>\x27+
       charHtml+
       \x27<div class="iso-desk" style="width:85%;border-top-color:\x27+accentColor+\x2733"></div>\x27+
@@ -3965,7 +3973,7 @@ function renderStudioNodes() {
 
   var stationsHtml = \x27\x27;
   var orchDone2 = !hasActive && doneCount===totalCount && totalCount>0;
-  stationsHtml += buildStation2(\x27Orchestratore\x27, String.fromCodePoint(0x1F4CB), true, hasActive, orchDone2, false, 99);
+  stationsHtml += buildStation2(\x27Orchestratore\x27, String.fromCodePoint(0x1F4CB), true, hasActive, orchDone2, false, 99, -1);
   nodes.forEach(function(n, idx) {
     stationsHtml += buildStation2(
       n.label || n.agent,
@@ -3974,6 +3982,7 @@ function renderStudioNodes() {
       n.status===\x27running\x27,
       n.status===\x27done\x27,
       n.status===\x27error\x27,
+      idx,
       idx
     );
   });
@@ -4037,6 +4046,42 @@ function renderStudioNodes() {
     \x27</div>\x27+
     \x27</div>\x27+
     \x27</div>\x27;
+
+  // Move orchestrator character toward the active agent column.
+  // Grid: col 0 = orchestrator, col 1..N = agents. Each column is 1fr.
+  // We measure the pixel offset between the orchestrator station and the active agent station.
+  if (activeNodeIdx >= 0) {
+    requestAnimationFrame(function() {
+      var orchChar = document.getElementById(\x27wfOrchChar\x27);
+      var orchStation = el.querySelector(\x27[data-station-idx="-1"]\x27);
+      var activeStation = el.querySelector(\x27[data-station-idx="\x27+activeNodeIdx+\x27"]\x27);
+      if (orchChar && orchStation && activeStation) {
+        var orchRect = orchStation.getBoundingClientRect();
+        var activeRect = activeStation.getBoundingClientRect();
+        // Shift the char 60% of the way toward the active column center
+        var delta = (activeRect.left + activeRect.width/2) - (orchRect.left + orchRect.width/2);
+        var shift = Math.round(delta * 0.6);
+        orchChar.style.transition = \x27transform 0.8s cubic-bezier(.4,0,.2,1)\x27;
+        orchChar.style.transform = \x27translateX(\x27+shift+\x27px)\x27;
+        // Also update orch bubble to show what it is assigning
+        var orchBubble = document.getElementById(\x27wfOrchBubble\x27);
+        if (orchBubble) {
+          var activeNode = studioState.nodes[activeNodeIdx];
+          orchBubble.style.visibility = \x27visible\x27;
+          orchBubble.textContent = \x27Assegno a \x27+(activeNode ? (activeNode.label || activeNode.agent) : \x27agente\x27);
+        }
+      }
+    });
+  } else {
+    // No active agent: reset orchestrator to home position
+    requestAnimationFrame(function() {
+      var orchChar = document.getElementById(\x27wfOrchChar\x27);
+      if (orchChar) {
+        orchChar.style.transition = \x27transform 0.8s cubic-bezier(.4,0,.2,1)\x27;
+        orchChar.style.transform = \x27translateX(0)\x27;
+      }
+    });
+  }
 }
 
 function studioScrollToAgent(agentLabel) {
@@ -5026,28 +5071,28 @@ async function runStudio() {
 
             var orchEl2 = document.getElementById(\x27brOrch\x27);
             if (phase === \x27done\x27) {
-              // All done: show web of connections between all agents
+              // All done: show web of solid connections between all agents
               proposals.forEach(function(pa, ia) {
                 proposals.forEach(function(pb2, ib2) {
                   if (ib2 <= ia) return;
                   var ea = document.getElementById(\x27brseat_\x27+pa.label.replace(/[^a-zA-Z0-9_-]/g,\x27_\x27));
                   var eb = document.getElementById(\x27brseat_\x27+pb2.label.replace(/[^a-zA-Z0-9_-]/g,\x27_\x27));
-                  addCommLine(ea, eb, \x27#22c55e\x27, \x273 3\x27, 1.5, 0.3, \x27\x27);
+                  addCommLine(ea, eb, \x27#16a34a\x27, \x273 3\x27, 2, 0.85, \x27\x27);
                 });
               });
             } else if (activeLabel) {
               var aLblSafe2 = activeLabel.replace(/[^a-zA-Z0-9_-]/g,\x27_\x27);
               var activeSeatEl2 = document.getElementById(\x27brseat_\x27+aLblSafe2);
-              // Orch → active agent (always)
-              addCommLine(orchEl2, activeSeatEl2, phaseColor, \x275 4\x27, 2.5, 0.75, \x27brDashFlow 1.2s linear infinite\x27);
-              // R2/R3: active reads all done agents → show reading lines
+              // Orch → active agent (always) — thick, bright, animated
+              addCommLine(orchEl2, activeSeatEl2, \x27#818cf8\x27, \x275 4\x27, 3, 0.95, \x27brDashFlow 1.2s linear infinite\x27);
+              // R2/R3: done agents → active agent (cross-reading) — amber, solid
               if (phase === \x27r2\x27 || phase === \x27r3\x27) {
                 proposals.forEach(function(pp2) {
                   var doneL = pp2.label || pp2.agent;
                   if (doneL === activeLabel) return;
                   if (!parlDoneAgents[doneL]) return;
                   var doneSeat = document.getElementById(\x27brseat_\x27+doneL.replace(/[^a-zA-Z0-9_-]/g,\x27_\x27));
-                  addCommLine(doneSeat, activeSeatEl2, \x27#f59e0b\x27, \x274 3\x27, 1.5, 0.5, \x27brDashFlow 1.8s linear infinite\x27);
+                  addCommLine(doneSeat, activeSeatEl2, \x27#d97706\x27, \x274 3\x27, 2, 0.9, \x27brDashFlow 1.8s linear infinite\x27);
                 });
               }
             }
@@ -5251,18 +5296,31 @@ async function runStudio() {
 function saveStudioSession(task, nodes, log, result) {
   try {
     var sessions = JSON.parse(localStorage.getItem('nha_studio_sessions') || '[]');
-    // Save parliament block HTML if present (static snapshot — animations not needed on restore)
+    // Save parliament as compact node list — NOT raw HTML (too large, gets truncated)
     var parlEl = document.getElementById('studioParliamentBlock');
-    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;
+    var hasParl = parlEl && parlEl.style.display !== 'none' && parlEl.innerHTML.length > 200;
+    // Derive parliament nodes from workflow nodes (exclude Canvas/tool-only agents)
+    var parlNodes = hasParl ? nodes
+      .filter(function(n){ return n.agent !== 'CanvasAgent' && n.agent !== 'GitHubAgent' && n.agent !== 'EmailAgent' && n.agent !== 'CalendarAgent'; })
+      .map(function(n){ return {label:n.label,agent:n.agent,icon:n.icon}; })
+      : null;
+    // Extract r2Conv from the Consiglio node label e.g. "Consiglio (72%)"
+    var r2Conv = 0;
+    if (hasParl) {
+      var parlNode = nodes.find(function(n){ return n.agent === 'Consiglio'; });
+      if (parlNode && parlNode.label) {
+        var cm = parlNode.label.match(/\((\d+)%\)/);
+        if (cm) r2Conv = parseInt(cm[1], 10);
+      }
+    }
     sessions.unshift({
       id: Date.now(),
       task: task,
       nodes: nodes.map(function(n){return {label:n.label,icon:n.icon,agent:n.agent,output:n.output||''};}),
       result: result,
       canvas: studioState.canvas || null,
-      parlHtml: parlHtml,
+      parlNodes: parlNodes,
+      parlR2Conv: r2Conv,
       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()
     });
@@ -5305,6 +5363,79 @@ function renderStudioSessionsBar() {
     }).join('') + '</div>';
 }
 
+// Renders the parliament boardroom in "done" state from a compact node list.
+// Used by restoreStudioSession — independent of the runStudio closure.
+function renderParlBlockStatic(parlNodes, r2Conv) {
+  var pb = document.getElementById('studioParliamentBlock');
+  if (!pb || !parlNodes || parlNodes.length < 1) return;
+  pb.style.display = 'block';
+
+  var proposals2 = parlNodes;
+  var crownEm = String.fromCodePoint(0x1F451);
+  var orchEmoji2 = String.fromCodePoint(0x1F9D1,0x200D,0x1F4BC);
+
+  function buildSeat2(prop) {
+    var lbl = prop.label || prop.agent;
+    var safeLbl = lbl.replace(/[^a-zA-Z0-9_-]/g,'_');
+    var emojiIdx = Math.abs(lbl.charCodeAt(0)+(lbl.charCodeAt(lbl.length-1)||0)) % AGENT_EMOJIS.length;
+    var agentEmoji = AGENT_EMOJIS[emojiIdx];
+    return '<div class="br-seat" id="brseat_'+safeLbl+'" data-lbl="'+esc(lbl)+'">' +
+      '<div class="br-char" style="font-size:40px;filter:none">'+agentEmoji+'</div>' +
+      '<div class="br-seat-name">'+esc(lbl)+'</div>' +
+      '</div>';
+  }
+
+  var topSeats2 = []; var botSeats2 = [];
+  proposals2.forEach(function(p,i){ if(i%2===0) topSeats2.push(p); else botSeats2.push(p); });
+
+  var tblSvg2 = '<svg viewBox="0 0 1000 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" style="position:absolute;top:50%;left:0;width:100%;height:140px;transform:translateY(-50%);z-index:1;pointer-events:none">' +
+    '<defs><linearGradient id="tblGrad2" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#6b4423"/><stop offset="0.4" stop-color="#4a2e12"/><stop offset="1" stop-color="#2e1a08"/></linearGradient></defs>' +
+    '<rect x="6" y="10" width="988" height="178" rx="22" fill="rgba(0,0,0,.28)"/>' +
+    '<rect x="0" y="2" width="1000" height="178" rx="20" fill="url(#tblGrad2)"/>' +
+    '<text x="500" y="118" text-anchor="middle" font-family="system-ui" font-size="58" font-weight="900" fill="rgba(160,140,255,.09)" letter-spacing="10">NHA</text>' +
+    '</svg>';
+
+  var bgSvg2 = '<svg viewBox="0 0 1000 600" preserveAspectRatio="xMidYMid slice" xmlns="http://www.w3.org/2000/svg" style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none">' +
+    '<defs>' +
+    '<linearGradient id="brWall2" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#f5f0e8"/><stop offset="1" stop-color="#e8e0d0"/></linearGradient>' +
+    '<linearGradient id="winGrad2" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#b8dff8"/><stop offset="1" stop-color="#d8f0ff"/></linearGradient>' +
+    '<linearGradient id="doorGrad2" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#a0724a"/><stop offset="0.5" stop-color="#c8905c"/><stop offset="1" stop-color="#a0724a"/></linearGradient>' +
+    '</defs>' +
+    '<rect x="0" y="0" width="1000" height="215" fill="url(#brWall2)"/>' +
+    '<rect x="0" y="0" width="1000" height="8" fill="#d8cfc0"/>' +
+    '<rect x="0" y="206" width="1000" height="9" fill="#c8b898" rx="1"/>' +
+    (function(){ var s=''; var pC=['#c8a06a','#bf9860','#d4aa72','#ba9458','#caa86e']; for(var fy=215;fy<600+32;fy+=32){var ro=(Math.floor((fy-215)/32)%2)*60; for(var fx=-120+ro;fx<1000+120;fx+=120){var pc=pC[Math.abs(Math.round(fx/120+fy/32*1.3))%pC.length]; s+='<rect x="'+Math.round(fx)+'" y="'+fy+'" width="118" height="30" fill="'+pc+'" rx="2"/>';}} return s; }()) +
+    '<rect x="28" y="18" width="126" height="96" rx="3" fill="#4a6080" stroke="#2a3a50" stroke-width="4"/>' +
+    '<rect x="34" y="24" width="114" height="84" rx="2" fill="url(#winGrad2)"/>' +
+    '<rect x="846" y="18" width="126" height="96" rx="3" fill="#4a6080" stroke="#2a3a50" stroke-width="4"/>' +
+    '<rect x="852" y="24" width="114" height="84" rx="2" fill="url(#winGrad2)"/>' +
+    '<rect x="455" y="0" width="90" height="215" fill="url(#doorGrad2)" stroke="#7a5030" stroke-width="3"/>' +
+    '<line x1="500" y1="0" x2="500" y2="28" stroke="#aaa" stroke-width="4"/>' +
+    '<ellipse cx="500" cy="36" rx="52" ry="14" fill="#f0d830" stroke="#c8a820" stroke-width="3"/>' +
+    '<circle cx="470" cy="47" r="9" fill="#fffce0"/><circle cx="500" cy="50" r="9" fill="#fffce0"/><circle cx="530" cy="47" r="9" fill="#fffce0"/>' +
+    '</svg>';
+
+  var convPct = r2Conv || 0;
+  pb.innerHTML =
+    '<div class="br-wrap">' +
+    '<div class="br-header"><span class="br-phase-chip" style="--pc:#22c55e">Consiglio concluso — convergenza ' + convPct + '%</span></div>' +
+    '<div class="br-room">' +
+    bgSvg2 +
+    '<div style="position:absolute;bottom:8px;left:10px;font-size:44px;z-index:5">' + String.fromCodePoint(0x1FAB4) + '</div>' +
+    '<div style="position:absolute;bottom:8px;right:10px;font-size:44px;z-index:5">' + String.fromCodePoint(0x1FAB4) + '</div>' +
+    '<div style="position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;min-height:480px;padding:20px 16px;gap:0;box-sizing:border-box">' +
+    '<div class="br-seats-row">' + topSeats2.map(buildSeat2).join('') + '</div>' +
+    '<div style="position:relative;display:flex;align-items:center;width:100%;min-height:160px">' +
+    '<div class="br-orch" id="brOrch"><div class="br-orch-inner"><span class="br-orch-crown">' + crownEm + '</span><span class="br-orch-emoji">' + orchEmoji2 + '</span></div><div class="br-orch-label">Orchestratore</div></div>' +
+    '<div style="position:relative;flex:1;min-height:140px">' + tblSvg2 + '</div>' +
+    '</div>' +
+    '<div class="br-seats-row">' + botSeats2.map(buildSeat2).join('') + '</div>' +
+    '</div>' +
+    '</div>' +
+    '<div class="br-convergence" style="display:block">Consenso raggiunto — convergenza R2: <strong>' + convPct + '%</strong></div>' +
+    '</div>';
+}
+
 function restoreStudioSession(idx) {
   var sessions = loadStudioSessions();
   var s = sessions[idx]; if (!s) return;
@@ -5317,13 +5448,13 @@ function restoreStudioSession(idx) {
   var ta = document.getElementById('studioTaskInput');
   if (ta) ta.value = s.task;
   renderStudioNodes(); renderStudioLog(); renderStudioResult();
-  // Restore parliament block if present
+  // Restore parliament block — rebuild from compact parlNodes (not raw HTML)
   var parlEl = document.getElementById('studioParliamentBlock');
   if (parlEl) {
-    if (s.parlHtml) {
-      parlEl.innerHTML = s.parlHtml;
-      parlEl.style.display = 'block';
-      // Scroll into view after DOM settles
+    var parlNodes = s.parlNodes || null;
+    // Legacy: old sessions might have parlHtml instead — ignore it (it was truncated)
+    if (parlNodes && parlNodes.length >= 2) {
+      renderParlBlockStatic(parlNodes, s.parlR2Conv || 0);
       setTimeout(function() {
         if (parlEl) parlEl.scrollIntoView({behavior: 'smooth', block: 'start'});
       }, 150);
@@ -5510,18 +5641,37 @@ function runStudioStep(idx, node, task, context, stepDef, signal) {
                       // Update iso thought bubble of the active agent
                       var isoB = document.getElementById(\x27isobubble_\x27+idx);
                       if (isoB) {
-                        var wfRaw = output.length > 48 ? output.slice(-48) : output;
-                        var wfSafe = wfRaw.replace(/&/g,\x27&amp;\x27).replace(/</g,\x27&lt;\x27).replace(/>/g,\x27&gt;\x27);
+                        // Show last ~6 complete words from the streaming output
+                        var wfClean = output.replace(new RegExp(\x27[\\r\\n]+\x27, \x27g\x27), \x27 \x27).trim();
+                        var wfWords = wfClean.split(\x27 \x27).filter(function(w){return w.length>0;});
+                        var wfSnippet = wfWords.slice(-6).join(\x27 \x27);
+                        if (wfSnippet.length > 52) wfSnippet = wfSnippet.slice(-52);
+                        var wfSafe = wfSnippet.replace(/&/g,\x27&amp;\x27).replace(/</g,\x27&lt;\x27).replace(/>/g,\x27&gt;\x27);
                         isoB.className = \x27iso-bubble iso-bubble--active\x27;
+                        isoB.style.visibility = \x27visible\x27;
                         isoB.innerHTML = wfSafe + \x27<span style="display:inline-block;width:2px;height:8px;background:#6366f1;margin-left:1px;vertical-align:text-bottom;animation:streamBlink .7s step-end infinite">&#8203;</span>\x27;
                       }
-                      // Update orchestrator bubble with progress
+                      // Update orchestrator bubble: show which agent it assigned and move the char
                       var orchB = document.getElementById(\x27wfOrchBubble\x27);
                       if (orchB) {
-                        var doneN = studioState.nodes.filter(function(x){return x.status===\x27done\x27;}).length;
-                        var totN = studioState.nodes.length;
-                        var orchPhrases2 = [\x27Elaboro step \x27+doneN+\x27/\x27+totN, \x27Verifico output...\x27, \x27Coordinamento...\x27, \x27Aspetto risposta...\x27];
-                        orchB.textContent = orchPhrases2[Math.floor(output.length/120) % orchPhrases2.length];
+                        var activeNode2 = studioState.nodes[idx];
+                        orchB.style.visibility = \x27visible\x27;
+                        orchB.textContent = \x27Assegno a \x27+(activeNode2 ? (activeNode2.label || activeNode2.agent) : \x27agente\x27);
+                      }
+                      // Move orchestrator char toward active agent column (live, every token)
+                      var orchCharEl = document.getElementById(\x27wfOrchChar\x27);
+                      var orchStEl = el.querySelector(\x27[data-station-idx="-1"]\x27);
+                      var actStEl = el.querySelector(\x27[data-station-idx="\x27+idx+\x27"]\x27);
+                      if (orchCharEl && orchStEl && actStEl) {
+                        var orchR = orchStEl.getBoundingClientRect();
+                        var actR = actStEl.getBoundingClientRect();
+                        var dlt = (actR.left + actR.width/2) - (orchR.left + orchR.width/2);
+                        var shft = Math.round(dlt * 0.6);
+                        if (orchCharEl.getAttribute(\x27data-last-shift\x27) !== String(shft)) {
+                          orchCharEl.style.transition = \x27transform 0.9s cubic-bezier(.4,0,.2,1)\x27;
+                          orchCharEl.style.transform = \x27translateX(\x27+shft+\x27px)\x27;
+                          orchCharEl.setAttribute(\x27data-last-shift\x27, String(shft));
+                        }
                       }
                       // Update boardroom seat bubble if parliament is active
                       if (parlActiveAgent) {
@@ -6316,7 +6466,7 @@ input:focus,textarea:focus{border-color:var(--green3)}
 .wf-sbraita-bubble::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#ef4444}
 @keyframes sbraitaPop{0%{transform:translateX(-50%) scale(1) rotate(-2deg)}100%{transform:translateX(-50%) scale(1.06) rotate(2deg)}}
 /* ── Parliament Boardroom — bright office, same palette as workflow scene ── */
-.br-wrap{background:var(--bg2);border:1.5px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:16px;animation:stNodeIn .35s ease forwards;overflow:hidden}
+.br-wrap{background:var(--bg2);border:1.5px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:16px;animation:stNodeIn .35s ease forwards;overflow:hidden;width:100%;box-sizing:border-box}
 .br-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
 .br-phase-chip{font-size:10px;font-weight:800;font-family:var(--mono);letter-spacing:.3px;color:var(--pc,#6366f1);background:rgba(99,102,241,.1);border:1px solid var(--pc,rgba(99,102,241,.35));border-radius:20px;padding:3px 12px;display:inline-block;transition:color .4s,border-color .4s}
 .br-progress-wrap{flex:1;height:3px;background:var(--border);border-radius:4px;overflow:hidden;min-width:60px}