nothumanallowed 13.5.25 → 13.5.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.5.25",
+  "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.25';
+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.25-->';
+var _PARL_STAMP = '<!--nha-parl-v13.5.26-->';
 
 function stopStudio() {
   if (!studioState.running) return;
@@ -5296,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()
     });
@@ -5350,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;
@@ -5362,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);
@@ -6380,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}