nothumanallowed 13.5.3 → 13.5.4

package/package.json

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

package/src/services/web-ui.mjs

@@ -3308,6 +3308,8 @@ var studioState = {
 };
 
 var studioAbortController = null;
+var parlActiveAgent = null;   // active agent label during parliament streaming
+var parlDoneAgents = {};      // set of completed agent labels during parliament
 
 function stopStudio() {
   if (!studioState.running) return;
@@ -4193,6 +4195,8 @@ async function runStudio() {
   studioState.running = true;
   studioState.planned = false;
   // Keep attachmentContext — it was loaded before hitting Run
+  parlActiveAgent = null;
+  parlDoneAgents = {};
   var parlBlockEl = document.getElementById('studioParliamentBlock');
   if (parlBlockEl) parlBlockEl.style.display = 'none';
   renderStudioNodes();
@@ -4324,9 +4328,9 @@ async function runStudio() {
         renderStudioNodes();
 
         // ── Parliament visual block ──────────────────────────────────────
-        // Track active R2 agent for visual block
-        var parlActiveAgent = null;
-        var parlDoneAgents = {};
+        // Track active R2 agent for visual block (module-level vars)
+        parlActiveAgent = null;
+        parlDoneAgents = {};
 
         // ── Parliament boardroom: first call builds DOM, subsequent calls only update state ──
         var parlBlockBuilt = false;
@@ -5361,10 +5365,33 @@ function runStudioStep(idx, node, task, context, stepDef, signal) {
                         tb.textContent = st;
                       }
                     } else {
-                      // Live token counter — shows progress without raw content
-                      var chars = output.length;
-                      var toks = Math.ceil(chars / 4);
-                      tb.innerHTML = \x27<span style="color:var(--green);font-family:var(--mono);font-size:10px">&#9679; Generating\u2026 \x27 + toks + \x27 token</span>\x27;
+                      // Word-by-word streaming text with blinking cursor
+                      var snippet = output.length > 400 ? output.slice(-400) : output;
+                      var safeSnip = snippet.replace(/&/g,\x27&amp;\x27).replace(/</g,\x27&lt;\x27).replace(/>/g,\x27&gt;\x27);
+                      tb.innerHTML = \x27<span style="font-size:11px;color:var(--text);line-height:1.5;white-space:pre-wrap;word-break:break-word;font-family:var(--font)">\x27 + safeSnip + \x27<span class="stream-cursor" style="display:inline-block;width:2px;height:13px;background:var(--green);margin-left:1px;vertical-align:text-bottom;animation:streamBlink .7s step-end infinite">&#8203;</span></span>\x27;
+                      // Update thought bubble of the currently active workflow desk
+                      var activeDeskEl = document.querySelector(\x27.prl-desk--active[data-agent-label]\x27);
+                      if (activeDeskEl) {
+                        var wfBubble = activeDeskEl.querySelector(\x27.prl-action-bubble--active\x27);
+                        if (wfBubble) {
+                          var wfRaw = output.length > 42 ? output.slice(-42) : output;
+                          var wfSafe = wfRaw.replace(/&/g,\x27&amp;\x27).replace(/</g,\x27&lt;\x27).replace(/>/g,\x27&gt;\x27);
+                          wfBubble.style.maxWidth = \x2796px\x27;
+                          wfBubble.style.fontSize = \x278px\x27;
+                          wfBubble.innerHTML = wfSafe + \x27<span style="display:inline-block;width:2px;height:9px;background:var(--green);margin-left:1px;vertical-align:text-bottom;animation:streamBlink .7s step-end infinite">&#8203;</span>\x27;
+                        }
+                      }
+                      // Update thought bubble of the active boardroom seat
+                      if (parlActiveAgent) {
+                        var brSafeLbl = parlActiveAgent.replace(new RegExp(\x27[^a-zA-Z0-9_-]\x27,\x27g\x27),\x27_\x27);
+                        var brBubbleEl = document.getElementById(\x27brbubble_\x27+brSafeLbl);
+                        if (brBubbleEl) {
+                          var brRaw = output.length > 42 ? output.slice(-42) : output;
+                          var brSafe = brRaw.replace(/&/g,\x27&amp;\x27).replace(/</g,\x27&lt;\x27).replace(/>/g,\x27&gt;\x27);
+                          brBubbleEl.style.display = \x27\x27;
+                          brBubbleEl.innerHTML = brSafe + \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;
+                        }
+                      }
                     }
                   }
                 }
@@ -6239,6 +6266,7 @@ input:focus,textarea:focus{border-color:var(--green3)}
 .prl-action-bubble{font-size:9px;color:#6b7280;font-family:var(--mono);padding:2px 6px;border-radius:8px;background:#111;border:1px solid #2a2a38;min-height:16px;text-align:center;white-space:normal;word-break:break-word;max-width:88px;line-height:1.3;transition:all .3s}
 .prl-action-bubble--active{color:var(--dc,#6366f1);border-color:var(--dc,#6366f1);background:rgba(99,102,241,.08);animation:parlBubblePop .4s ease}
 @keyframes parlBubblePop{0%{transform:scale(.85);opacity:.5}100%{transform:scale(1);opacity:1}}
+@keyframes streamBlink{0%,100%{opacity:1}50%{opacity:0}}
 /* Character SVG animations */
 @keyframes parlArmType{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(8deg) translateY(2px)}}
 @keyframes parlHeadNod{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(2px) rotate(4deg)}}