nothumanallowed 13.5.24 → 13.5.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.5.24",
+  "version": "13.5.25",
   "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.25';
 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.25-->';
 
 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);
                 });
               }
             }
@@ -5510,18 +5555,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) {