nothumanallowed 13.5.1 → 13.5.3

package/package.json

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

package/src/services/web-ui.mjs

@@ -3465,11 +3465,11 @@ function buildWorkflowChar(n) {
       \x27<line x1="22" y1="41" x2="43" y2="41" stroke="#22c55e44" stroke-width="1" stroke-linecap="round"/>\x27
       :
       // Idle: dim standby screen — agent is waiting, screen lit but quiet
-      \x27<rect x="20" y="29" width="30" height="18" rx="2" fill="rgba(63,63,120,.18)"/>\x27+
-      \x27<line x1="22" y1="33" x2="46" y2="33" stroke="#5b5b8e" stroke-width="1" stroke-linecap="round" opacity=".7"/>\x27+
-      \x27<line x1="22" y1="36" x2="38" y2="36" stroke="#5b5b8e" stroke-width="1" stroke-linecap="round" opacity=".5"/>\x27+
-      \x27<line x1="22" y1="39" x2="44" y2="39" stroke="#5b5b8e" stroke-width="1" stroke-linecap="round" opacity=".4"/>\x27+
-      \x27<line x1="22" y1="42" x2="34" y2="42" stroke="#5b5b8e" stroke-width="1" stroke-linecap="round" opacity=".3"/>\x27+
+      \x27<rect x="20" y="29" width="30" height="18" rx="2" fill="rgba(90,80,180,.35)"/>\x27+
+      \x27<line x1="22" y1="33" x2="46" y2="33" stroke="#9090cc" stroke-width="1" stroke-linecap="round" opacity=".8"/>\x27+
+      \x27<line x1="22" y1="36" x2="38" y2="36" stroke="#8080bb" stroke-width="1" stroke-linecap="round" opacity=".65"/>\x27+
+      \x27<line x1="22" y1="39" x2="44" y2="39" stroke="#7070aa" stroke-width="1" stroke-linecap="round" opacity=".5"/>\x27+
+      \x27<line x1="22" y1="42" x2="34" y2="42" stroke="#6060a0" stroke-width="1" stroke-linecap="round" opacity=".4"/>\x27+
       // Standby dot — blinking cursor
       \x27<circle cx="22" cy="45" r="1" fill="#6366f1" opacity=".6" class="prl-doc-hold"/>\x27
     )+
@@ -3598,7 +3598,9 @@ function officeRoomDecor() {
     \x27<div class="prl-office-window-light"></div>\x27+
     \x27<div class="prl-office-frame"></div>\x27+
     \x27<div class="prl-office-frame2"></div>\x27+
+    \x27<div class="prl-office-poster"></div>\x27+
     \x27<div class="prl-office-lamp"></div>\x27+
+    \x27<div class="prl-office-lamp2"></div>\x27+
     \x27<div class="prl-office-plant">\x27+plantSvg+\x27</div>\x27+
     \x27<div class="prl-office-plant2">\x27+plant2Svg+\x27</div>\x27;
 }
@@ -3715,17 +3717,17 @@ function renderStudioNodes() {
     ? (\x27<div class="wf-sbraita-bubble">\x27+sbraitaText+\x27</div>\x27)
     : \x27\x27;
 
+  // Phase label
+  var doneCount = studioState.nodes.filter(function(n){return n.status===\x27done\x27;}).length;
+  var totalCount = studioState.nodes.length;
+  var wfMasterAnim = hasActive ? \x27prl-master-walk\x27 : (doneCount===totalCount && totalCount>0 ? \x27prl-master-done\x27 : \x27prl-master-walk\x27);
   var masterWfHtml = showMaster ? (
-    \x27<div class="prl-master prl-master-walk wf-master" style="bottom:20px">\x27+
+    \x27<div class="prl-master \x27+wfMasterAnim+\x27 wf-master" style="bottom:20px">\x27+
     bubbleHtml+
     masterSvg2+
     \x27<div class="prl-master-label" style="color:\x27+masterColor3+\x27;font-size:8px">Orchestratore</div>\x27+
     \x27</div>\x27
   ) : \x27\x27;
-
-  // Phase label
-  var doneCount = studioState.nodes.filter(function(n){return n.status===\x27done\x27;}).length;
-  var totalCount = studioState.nodes.length;
   var phaseLabel2 = hasActive
     ? (\x27Workflow in esecuzione \u2014 \x27+doneCount+\x27/\x27+totalCount+\x27 completati\x27)
     : (doneCount===totalCount && totalCount>0 ? \x27Workflow completato\x27 : \x27Workflow pianificato\x27);
@@ -4076,53 +4078,59 @@ function downloadStudioPDF() {
   '</div>' +
   '</body></html>';
 
-  // ── Generate PDF via browser native print dialog ──────────────────────────
-  // Renders the full NHA report HTML in a hidden iframe, waits for Chart.js to
-  // initialize all charts, then calls window.print() on the iframe.
-  // The CSS @media print block (already in NHA_CSS) handles all styling:
-  // - Light backgrounds for readability on paper
-  // - break-inside:avoid on .section/.card/.priority-item/.data-table
-  // - -webkit-print-color-adjust:exact for gradient headers and charts
-  // This approach never cuts text in the middle of a paragraph.
+  // ── Generate PDF via hidden in-page iframe ─────────────────────────────────
+  // Uses a hidden iframe instead of window.open() to avoid popup blockers.
+  // The iframe loads the full report HTML (with Chart.js), waits for charts to
+  // render, then calls contentWindow.print() — browser handles all page breaks
+  // via the @media print block already in NHA_CSS (break-inside:avoid, etc.)
+  // User gets the native "Save as PDF" dialog from the browser print dialog.
   function doGeneratePdf() {
     var btn2 = document.getElementById('studioInlinePdfBtn');
     var dlBtn2 = document.querySelector('button[onclick="downloadStudioPDF()"]');
     function setBusy(b) {
-      if (btn2) { btn2.disabled = b; btn2.textContent = b ? 'Apertura stampa...' : '\u2913 PDF'; }
-      if (dlBtn2) { dlBtn2.disabled = b; dlBtn2.textContent = b ? 'Apertura stampa...' : '\u2913 Download PDF'; }
+      if (btn2) { btn2.disabled = b; btn2.textContent = b ? 'Generando PDF...' : '\u2913 PDF'; }
+      if (dlBtn2) { dlBtn2.disabled = b; dlBtn2.textContent = b ? 'Generando PDF...' : '\u2913 Download PDF'; }
     }
     setBusy(true);
 
-    // Open report in a new browser window and trigger print dialog.
-    // The browser handles all page-break logic natively — no rasterization,
-    // no text-cut artifacts. Charts render as vectors via Chart.js.
-    // The @media print CSS block (in NHA_CSS) handles light-mode override.
-    var printWin = window.open('', '_blank', 'width=900,height=700');
-    if (!printWin) {
-      // Popup blocked — fallback: open in current tab print
-      setBusy(false);
-      var fb = window.open(URL.createObjectURL(new Blob([html], {type:'text/html'})), '_blank');
-      if (fb) { setTimeout(function(){ fb.print(); }, 1500); }
-      return;
-    }
-    printWin.document.open();
-    printWin.document.write(html);
-    printWin.document.close();
-    // Wait for Chart.js to render all charts before printing
-    // (charts need ~500ms after DOMContentLoaded for animation frame)
-    printWin.onload = function() {
+    // Remove any previous print iframe
+    var oldIframe = document.getElementById('nhaPrintFrame');
+    if (oldIframe) oldIframe.remove();
+
+    var iframe = document.createElement('iframe');
+    iframe.id = 'nhaPrintFrame';
+    iframe.style.cssText = 'position:fixed;top:-9999px;left:-9999px;width:900px;height:700px;border:none;opacity:0;pointer-events:none';
+
+    // Set up onload BEFORE appending — avoids WebKit race condition
+    iframe.onload = function() {
+      // Wait for Chart.js to initialize all charts (needs ~800ms for animation frames)
       setTimeout(function() {
-        printWin.focus();
-        printWin.print();
+        try {
+          iframe.contentWindow.focus();
+          iframe.contentWindow.print();
+        } catch(e2) {
+          // Cross-origin fallback should not happen since we write the content
+        }
         setBusy(false);
-        // Close the print window after a short delay (user may close it themselves)
-        setTimeout(function(){ try { printWin.close(); } catch(e3){} }, 3000);
-      }, 600);
+        // Remove iframe after print dialog closes (delayed to allow Safari)
+        setTimeout(function(){ try { iframe.remove(); } catch(e3){} }, 8000);
+      }, 800);
     };
-    // Fallback if onload already fired
-    setTimeout(function() {
-      setBusy(false);
-    }, 4000);
+
+    document.body.appendChild(iframe);
+
+    // Write HTML into iframe document
+    try {
+      iframe.contentDocument.open();
+      iframe.contentDocument.write(html);
+      iframe.contentDocument.close();
+    } catch(e4) {
+      // If contentDocument write fails (very rare), fall back to srcdoc
+      iframe.srcdoc = html;
+    }
+
+    // Safety fallback: if onload never fires (e.g. Safari blank srcdoc), force after 3s
+    setTimeout(function() { setBusy(false); }, 5000);
   }
   doGeneratePdf();
 }
@@ -4320,49 +4328,236 @@ async function runStudio() {
         var parlActiveAgent = null;
         var parlDoneAgents = {};
 
+        // ── Parliament boardroom: first call builds DOM, subsequent calls only update state ──
+        var parlBlockBuilt = false;
+
         function renderParlBlock(phase, activeLabel, convergence) {
           var pb = document.getElementById(\x27studioParliamentBlock\x27);
           if (!pb) return;
           pb.style.display = \x27block\x27;
-          if (convergence != null) {
-            // Deliberation complete — return to normal flow, anchored in place
-            pb.style.position = \x27\x27; pb.style.bottom = \x27\x27; pb.style.left = \x27\x27;
-            pb.style.transform = \x27\x27; pb.style.width = \x27\x27;
-            pb.style.top = \x27\x27; pb.style.zIndex = \x27\x27; pb.style.boxShadow = \x27\x27;
-            pb.style.maxWidth = \x27\x27;
-          } else {
-            // Fixed overlay at bottom of viewport so it never scrolls away
-            pb.style.position = \x27fixed\x27;
-            pb.style.bottom = \x2716px\x27;
-            pb.style.left = \x2750%\x27;
-            pb.style.transform = \x27translateX(-50%)\x27;
-            pb.style.width = \x27calc(100vw - 32px)\x27;
-            pb.style.maxWidth = \x27860px\x27;
-            pb.style.top = \x27\x27;
-            pb.style.zIndex = \x271010\x27;
-            pb.style.boxShadow = \x270 8px 40px rgba(99,102,241,.5),0 2px 0 rgba(99,102,241,.2)\x27;
-          }
 
-          // ── OFFICE CARTOON ANIMATION ─────────────────────────────────────────
-          // Each agent = a character at a desk doing visible work.
-          // Documents fly between agents during R2. MASTER walks around in R1.
           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 il task in autonomia\x27,
-            r2:\x27Round 2 \u2014 Gli agenti si scambiano le analisi e le raffinano\x27,
-            r3:\x27Round 3 \u2014 HERALD media le posizioni divergenti\x27,
+            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
           }[phase]||\x27\x27;
-
           var n = proposals.length;
           var doneCount = Object.keys(parlDoneAgents).length;
           var progressPct = n > 0 ? Math.round(doneCount / n * 100) : 0;
 
-          // ── Build one desk+character card per agent ───────────────────────
-          // Character is SVG-drawn inline: head + body + arms + desk.
-          // Active = character types (arms animate). Done = character leans back, checkmark.
-          // R2 active = character holds document up and turns head.
+          // ─────────────────────────────────────────────────────────────────────
+          // BOARDROOM 3D — first call builds the full DOM structure.
+          // Subsequent calls ONLY update agent states (no innerHTML overwrite).
+          // ─────────────────────────────────────────────────────────────────────
+
+          if (!parlBlockBuilt) {
+            parlBlockBuilt = true;
+
+            // Build agent seat HTML (box + avatar)
+            function buildSeat(prop) {
+              var lbl = prop.label || prop.agent;
+              var ico = prop.icon || String.fromCharCode(9632);
+              var skinColors = [\x27#fbbf24\x27,\x27#f97316\x27,\x27#a78bfa\x27,\x27#34d399\x27,\x27#60a5fa\x27,\x27#f472b6\x27];
+              var skinIdx = Math.abs(lbl.charCodeAt(0)+(lbl.charCodeAt(lbl.length-1)||0)) % skinColors.length;
+              var skin = skinColors[skinIdx];
+              var shirtC = [\x27#4f46e5\x27,\x27#0891b2\x27,\x27#7c3aed\x27,\x27#059669\x27,\x27#dc2626\x27,\x27#d97706\x27][skinIdx];
+              var safeLbl = lbl.replace(/[^a-zA-Z0-9_-]/g,\x27_\x27);
+              // Mini agent SVG (seated, top-down perspective hint)
+              var agentSvg = \x27<svg viewBox="0 0 44 52" width="44" height="52" xmlns="http://www.w3.org/2000/svg">\x27+
+                // Chair back
+                \x27<rect x="6" y="2" width="32" height="6" rx="3" fill="#2a2050" stroke="#3a3070" stroke-width="1"/>\x27+
+                // Chair seat
+                \x27<rect x="6" y="32" width="32" height="12" rx="3" fill="#221840" stroke="#3a3060" stroke-width="1"/>\x27+
+                // Body / torso
+                \x27<rect x="14" y="8" width="16" height="22" rx="4" fill="\x27+shirtC+\x27" opacity=".9"/>\x27+
+                // Head
+                \x27<circle cx="22" cy="5" r="7" fill="\x27+skin+\x27"/>\x27+
+                // Eyes
+                \x27<circle cx="19.5" cy="4.5" r="1.2" fill="#0a0a14"/>\x27+
+                \x27<circle cx="24.5" cy="4.5" r="1.2" fill="#0a0a14"/>\x27+
+                // Arms on desk
+                \x27<rect x="7" y="26" width="9" height="5" rx="2" fill="\x27+skin+\x27" class="br-arm-l"/>\x27+
+                \x27<rect x="28" y="26" width="9" height="5" rx="2" fill="\x27+skin+\x27" class="br-arm-r"/>\x27+
+                // Monitor on desk in front of agent
+                \x27<rect x="12" y="37" width="20" height="13" rx="2" fill="#141028" stroke="#3a3070" stroke-width="1"/>\x27+
+                \x27<rect x="13" y="38" width="18" height="11" rx="1" fill="rgba(90,80,180,.35)"/>\x27+
+                \x27<line x1="14" y1="41" x2="30" y2="41" stroke="#9090cc" stroke-width=".8" opacity=".8"/>\x27+
+                \x27<line x1="14" y1="44" x2="28" y2="44" stroke="#7070aa" stroke-width=".8" opacity=".6"/>\x27+
+                // Agent badge
+                \x27<circle cx="22" cy="13" r="5" fill="#0f0f1e" stroke="\x27+shirtC+\x2780" stroke-width="1.2"/>\x27+
+                \x27<text x="22" y="16" text-anchor="middle" font-size="6" font-family="system-ui">\x27+ico+\x27</text>\x27+
+                \x27</svg>\x27;
+              return \x27<div class="br-seat" id="brseat_\x27+safeLbl+\x27" data-lbl="\x27+esc(lbl)+\x27">\x27+
+                \x27<div class="br-seat-box">\x27+
+                  \x27<div class="br-bubble" id="brbubble_\x27+safeLbl+\x27"></div>\x27+
+                  agentSvg+
+                  \x27<div class="br-seat-name" id="brname_\x27+safeLbl+\x27">\x27+esc(lbl)+\x27</div>\x27+
+                \x27</div>\x27+
+                \x27</div>\x27;
+            }
+
+            // Arrange seats in a circle around center table
+            // Positions computed from CSS: use CSS custom properties per seat index
+            var seatsHtml = proposals.map(buildSeat).join(\x27\x27);
+
+            // Orchestrator at center (standing, prominent)
+            var orchSvg = \x27<svg viewBox="0 0 54 70" width="54" height="70" xmlns="http://www.w3.org/2000/svg" font-family="system-ui,sans-serif">\x27+
+              // Legs
+              \x27<path d="M20 45 C19 54 18 62 17 66 C16 68 18 69 20 69 C22 69 23 68 23 65 C24 59 24 52 25 45 Z" fill="#252460"/>\x27+
+              \x27<path d="M27 45 C28 54 29 62 30 66 C31 68 29 69 27 69 C25 69 24 68 24 65 C23 59 23 52 22 45 Z" fill="#252460"/>\x27+
+              // Suit
+              \x27<path d="M11 26 C10 24 13 21 22 19 C31 21 34 24 33 26 L34 45 L10 45 Z" fill="#252464"/>\x27+
+              \x27<path d="M11 26 C10 24 13 21 22 19 L22 45 L10 45 Z" fill="#1e1d52"/>\x27+
+              \x27<path d="M22 19 C31 21 34 24 33 26 L34 45 L22 45 Z" fill="#2a2870"/>\x27+
+              // Tie
+              \x27<path d="M22 22 L21 36 L22 40 L23 36 Z" fill="#818cf8"/>\x27+
+              // Arms gesturing (spread wide — presenting)
+              \x27<path d="M10 28 C4 30 1 36 2 41 C3 44 6 44 8 42 C10 40 11 36 12 32 C13 30 11 27 10 28" fill="#252464" class="br-orch-arm-l"/>\x27+
+              \x27<path d="M34 28 C40 30 43 36 42 41 C41 44 38 44 36 42 C34 40 33 36 32 32 C31 30 33 27 34 28" fill="#252464" class="br-orch-arm-r"/>\x27+
+              // Head
+              \x27<circle cx="22" cy="13" r="9" fill="#fbbf24"/>\x27+
+              \x27<circle cx="19" cy="12" r="1.5" fill="#0a0a14"/>\x27+
+              \x27<circle cx="25" cy="12" r="1.5" fill="#0a0a14"/>\x27+
+              \x27<circle cx="20" cy="11" r=".6" fill="rgba(255,255,255,.8)"/>\x27+
+              \x27<circle cx="26" cy="11" r=".6" fill="rgba(255,255,255,.8)"/>\x27+
+              // Mouth — speaking
+              \x27<path d="M18 16 Q22 20 26 16" stroke="#8b4513" stroke-width="1.6" fill="none" stroke-linecap="round"/>\x27+
+              // NHA badge
+              \x27<circle cx="16" cy="30" r="3" fill="#0d0d1e" stroke="#818cf888" stroke-width="1"/>\x27+
+              \x27<text x="16" y="32.5" text-anchor="middle" font-size="3.5" fill="#818cf8">N</text>\x27+
+              // Crown / authority marker
+              \x27<path d="M15 3 L17 8 L22 5 L27 8 L29 3 L22 0 Z" fill="#f59e0b"/>\x27+
+              \x27<circle cx="17" cy="8" r="1.5" fill="#fbbf24"/>\x27+
+              \x27<circle cx="22" cy="5" r="1.5" fill="#fbbf24"/>\x27+
+              \x27<circle cx="27" cy="8" r="1.5" fill="#fbbf24"/>\x27+
+              \x27</svg>\x27;
+
+            // Center table (SVG oval)
+            var tableSvg = \x27<svg viewBox="0 0 160 80" width="160" height="80" xmlns="http://www.w3.org/2000/svg">\x27+
+              // Table shadow
+              \x27<ellipse cx="80" cy="44" rx="74" ry="34" fill="rgba(0,0,0,.3)"/>\x27+
+              // Table surface — glossy dark wood
+              \x27<ellipse cx="80" cy="40" rx="74" ry="34" fill="#1e1440" stroke="#3a2880" stroke-width="2"/>\x27+
+              // Table shine
+              \x27<ellipse cx="60" cy="28" rx="30" ry="12" fill="rgba(150,130,255,.08)"/>\x27+
+              // NHA logo on table
+              \x27<text x="80" y="46" text-anchor="middle" font-family="system-ui" font-size="18" font-weight="900" fill="rgba(100,90,200,.25)" letter-spacing="2">NHA</text>\x27+
+              // Documents on table
+              \x27<rect x="62" y="34" width="18" height="14" rx="2" fill="#141028" stroke="#4a3880" stroke-width="1" transform="rotate(-8 71 41)"/>\x27+
+              \x27<rect x="82" y="36" width="18" height="14" rx="2" fill="#141028" stroke="#4a3880" stroke-width="1" transform="rotate(5 91 43)"/>\x27+
+              \x27</svg>\x27;
 
+            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>\x27;
+
+            // Phase indicator + progress
+            var headerHtml = \x27<div class="br-header">\x27+
+              \x27<span class="br-phase-chip" id="brPhaseChip"></span>\x27+
+              \x27<div class="br-progress-wrap" id="brProgressWrap"><div class="br-progress-bar" id="brProgressBar"></div></div>\x27+
+              \x27</div>\x27;
+
+            var convergeHtml = \x27<div class="br-convergence" id="brConvergence" style="display:none"></div>\x27;
+
+            pb.innerHTML =
+              \x27<div class="br-wrap">\x27+
+              headerHtml+
+              \x27<div class="br-room" style="--br-n:\x27+n+\x27">\x27+
+              \x27<div class="br-table-center">\x27+tableSvg+orchHtml+\x27</div>\x27+
+              \x27<div class="br-seats-ring" style="--br-n:\x27+n+\x27">\x27+seatsHtml+\x27</div>\x27+
+              \x27</div>\x27+
+              convergeHtml+
+              \x27</div>\x27;
+          }
+
+          // ── Update state (runs every call, including initial build) ──────────
+
+          // Phase chip
+          var chipEl = document.getElementById(\x27brPhaseChip\x27);
+          if (chipEl) { chipEl.textContent = phaseLabel; chipEl.style.setProperty(\x27--pc\x27, phaseColor); }
+
+          // Progress bar
+          var pbBar = document.getElementById(\x27brProgressBar\x27);
+          if (pbBar) pbBar.style.width = progressPct + \x27%\x27;
+          var pbWrap = document.getElementById(\x27brProgressWrap\x27);
+          if (pbWrap) pbWrap.style.display = convergence != null ? \x27none\x27 : \x27\x27;
+
+          // Convergence
+          var convEl = document.getElementById(\x27brConvergence\x27);
+          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;
+          }
+
+          // 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]
+            };
+            var spArr = orchSpeeches[phase] || orchSpeeches.r1;
+            if (phase === \x27done\x27) {
+              orchSpeech.style.display = \x27none\x27;
+            } else {
+              orchSpeech.style.display = \x27\x27;
+              // Rotate through phrases based on progress
+              orchSpeech.textContent = spArr[doneCount % spArr.length];
+              orchSpeech.style.borderColor = phaseColor;
+              orchSpeech.style.color = phaseColor;
+            }
+          }
+
+          // Orchestrator animation class
+          var orchEl = document.getElementById(\x27brOrch\x27);
+          if (orchEl) {
+            orchEl.className = \x27br-orch\x27 + (phase===\x27done\x27 ? \x27 br-orch--done\x27 : \x27 br-orch--active\x27);
+            orchEl.style.setProperty(\x27--oc\x27, phaseColor);
+          }
+
+          // Update each agent seat state
+          proposals.forEach(function(prop) {
+            var lbl = prop.label || prop.agent;
+            var safeLbl = lbl.replace(/[^a-zA-Z0-9_-]/g,\x27_\x27);
+            var seatEl = document.getElementById(\x27brseat_\x27+safeLbl);
+            var bubbleEl = document.getElementById(\x27brbubble_\x27+safeLbl);
+            var nameEl = document.getElementById(\x27brname_\x27+safeLbl);
+            var isDone = !!parlDoneAgents[lbl];
+            var isActive = lbl === activeLabel;
+
+            if (seatEl) {
+              seatEl.className = \x27br-seat\x27 +
+                (isActive ? \x27 br-seat--active\x27 : \x27\x27) +
+                (isDone ? \x27 br-seat--done\x27 : \x27\x27);
+              seatEl.style.setProperty(\x27--sc\x27, phaseColor);
+            }
+            if (bubbleEl) {
+              var actionStr2 = \x27\x27;
+              if (phase===\x27r1\x27 && isActive) actionStr2 = \x27...analizza\x27;
+              else if (phase===\x27r1\x27 && isDone) actionStr2 = \x27\u2714 bozza pronta\x27;
+              else if (phase===\x27r2\x27 && isActive) actionStr2 = \x27...legge + raffina\x27;
+              else if (phase===\x27r2\x27 && isDone) actionStr2 = \x27\u2714 raffinato\x27;
+              else if (phase===\x27r3\x27 && isActive) actionStr2 = \x27...media\x27;
+              else if (phase===\x27done\x27) actionStr2 = \x27\u2714 consenso\x27;
+              else if (!isActive && !isDone) actionStr2 = \x27in attesa\x27;
+              bubbleEl.textContent = actionStr2;
+              bubbleEl.style.display = actionStr2 ? \x27\x27 : \x27none\x27;
+              bubbleEl.style.borderColor = isActive ? phaseColor : (isDone ? \x27#22c55e\x27 : \x27#3a3060\x27);
+              bubbleEl.style.color = isActive ? phaseColor : (isDone ? \x27#4ade80\x27 : \x27#6b7280\x27);
+            }
+            if (nameEl) {
+              nameEl.style.color = isDone ? \x27#4ade80\x27 : (isActive ? phaseColor : \x27#8880aa\x27);
+            }
+          });
+
+          // ── Old function stubs needed by remaining code paths ────────────────
           function buildChar(prop, isDone, isActive, isOrchestratorTarget) {
             var lbl = prop.label || prop.agent;
             var ico = prop.icon || String.fromCharCode(9632);
@@ -4370,9 +4565,9 @@ async function runStudio() {
             var skinColors = [\x27#fbbf24\x27,\x27#f97316\x27,\x27#a78bfa\x27,\x27#34d399\x27,\x27#60a5fa\x27,\x27#f472b6\x27];
             var skinIdx = Math.abs(lbl.charCodeAt(0)+lbl.charCodeAt(lbl.length-1)) % skinColors.length;
             var skin = skinColors[skinIdx];
-            var deskColor = isDone ? \x27#1a3a1a\x27 : (isActive ? \x27#1a1a3e\x27 : \x27#1a1a2a\x27);
-            var deskBorder = isDone ? \x27#22c55e\x27 : (isActive ? phaseColor : \x27#333360\x27);
-            var shadow = isActive ? (\x270 0 18px \x27+phaseColor+\x2744\x27) : \x27none\x27;
+            var deskColor = isDone ? \x27#253a25\x27 : (isActive ? \x27#282050\x27 : \x27#221c44\x27);
+            var deskBorder = isDone ? \x27#22c55e\x27 : (isActive ? phaseColor : \x27#4a3880\x27);
+            var shadow = isActive ? (\x270 0 18px \x27+phaseColor+\x2755\x27) : \x27none\x27;
 
             // Action text shown above character
             var actionStr = \x27\x27;
@@ -4459,15 +4654,15 @@ async function runStudio() {
                 \x27<line x1="22" y1="41" x2="43" y2="41" stroke="#22c55e44" stroke-width="1" stroke-linecap="round"/>\x27
                 :
                 // Idle: dim standby screen — waiting, lit but quiet
-                \x27<rect x="20" y="29" width="30" height="18" rx="2" fill="rgba(63,63,120,.18)"/>\x27+
-                \x27<line x1="22" y1="33" x2="46" y2="33" stroke="#5b5b8e" stroke-width="1" stroke-linecap="round" opacity=".7"/>\x27+
-                \x27<line x1="22" y1="36" x2="38" y2="36" stroke="#5b5b8e" stroke-width="1" stroke-linecap="round" opacity=".5"/>\x27+
-                \x27<line x1="22" y1="39" x2="44" y2="39" stroke="#5b5b8e" stroke-width="1" stroke-linecap="round" opacity=".4"/>\x27+
-                \x27<line x1="22" y1="42" x2="34" y2="42" stroke="#5b5b8e" stroke-width="1" stroke-linecap="round" opacity=".3"/>\x27+
+                \x27<rect x="20" y="29" width="30" height="18" rx="2" fill="rgba(90,80,180,.35)"/>\x27+
+                \x27<line x1="22" y1="33" x2="46" y2="33" stroke="#9090cc" stroke-width="1" stroke-linecap="round" opacity=".8"/>\x27+
+                \x27<line x1="22" y1="36" x2="38" y2="36" stroke="#8080bb" stroke-width="1" stroke-linecap="round" opacity=".65"/>\x27+
+                \x27<line x1="22" y1="39" x2="44" y2="39" stroke="#7070aa" stroke-width="1" stroke-linecap="round" opacity=".5"/>\x27+
+                \x27<line x1="22" y1="42" x2="34" y2="42" stroke="#6060a0" stroke-width="1" stroke-linecap="round" opacity=".4"/>\x27+
                 \x27<circle cx="22" cy="45" r="1" fill="#6366f1" opacity=".6" class="prl-doc-hold"/>\x27
               )+
               // Monitor camera dot
-              \x27<circle cx="35" cy="28.2" r=".9" fill="\x27+(isActive?phaseColor:(isDone?\x27#22c55e\x27:\x27#4040a0\x27))+\x27"/>\x27+
+              \x27<circle cx="35" cy="28.2" r=".9" fill="\x27+(isActive?phaseColor:(isDone?\x27#22c55e\x27:\x27#6060c8\x27))+\x27"/>\x27+
               // ════ KEYBOARD (detailed, realistic) ════
               \x27<rect x="13" y="48" width="36" height="7" rx="2.5" fill="#0c0c1e" stroke="#202036" stroke-width="1"/>\x27+
               // Key rows
@@ -4609,7 +4804,7 @@ async function runStudio() {
           // In R3: stands center with lightning bolt.
           var masterIcon = phase===\x27r3\x27 ? \x27\u26a1\x27 : (phase===\x27done\x27 ? \x27\u2714\x27 : \x27\u2666\x27);
           var masterColor2 = {r1:\x27#818cf8\x27,r2:\x27#818cf8\x27,r3:\x27#f59e0b\x27,done:\x27#22c55e\x27}[phase]||\x27#818cf8\x27;
-          var masterAnim = (phase===\x27r1\x27) ? \x27prl-master-walk\x27 : (phase===\x27r2\x27 ? \x27prl-master-supervise\x27 : \x27\x27);
+          var masterAnim = (phase===\x27r1\x27) ? \x27prl-master-walk\x27 : (phase===\x27r2\x27 ? \x27prl-master-supervise\x27 : (phase===\x27done\x27 ? \x27prl-master-done\x27 : \x27prl-master-walk\x27));
           var masterSvg = \x27<svg viewBox="0 0 60 90" width="56" height="86" xmlns="http://www.w3.org/2000/svg" font-family="system-ui,sans-serif" style="filter:drop-shadow(0 0 12px \x27+masterColor2+\x27aa)">\x27+
             // ════ LEGS (walking when R1) ════
             // Left leg — trouser
@@ -4772,37 +4967,6 @@ async function runStudio() {
             flyingDocHtml += \x27</div>\x27;
           }
 
-          // ── Assemble agent desks row ──────────────────────────────────────
-          var desksHtml = proposals.map(function(prop) {
-            var lbl = prop.label || prop.agent;
-            return buildChar(prop, !!parlDoneAgents[lbl], lbl===activeLabel, false);
-          }).join(\x27\x27);
-
-          var convergenceHtml = convergence != null
-            ? (\x27<div class="prl-conv-wrap"><div class="prl-conv-bar-outer"><div class="prl-conv-bar-inner" style="width:\x27+Math.min(convergence,100)+\x27%"></div></div>\x27+
-               \x27<div class="prl-conv-text"><strong>\u2714 Convergenza \x27+convergence+\x27%</strong> &mdash; le analisi condividono il \x27+convergence+\x27% dei concetti chiave (Jaccard). HERALD ha sintetizzato il consenso finale.</div></div>\x27)
-            : (\x27<div class="prl-progress"><div class="prl-progress__bar" style="width:\x27+progressPct+\x27%"></div></div>\x27);
-
-          pb.innerHTML =
-            \x27<div class="prl-wrap">\x27+
-            \x27<div class="prl-header"><span class="prl-phase-chip" style="--pc:\x27+phaseColor+\x27">\x27+phaseLabel+\x27</span></div>\x27+
-            \x27<div class="prl-office">\x27+
-            officeRoomDecor()+
-            \x27<div class="prl-office-floor"></div>\x27+
-            \x27<div class="prl-desks-row" style="position:relative;z-index:2">\x27+desksHtml+\x27</div>\x27+
-            masterHtml+
-            flyingDocHtml+
-            \x27</div>\x27+
-            convergenceHtml+
-            \x27</div>\x27;
-
-          // Force Safari compositing repaint
-          void pb.offsetHeight;
-          pb.style.transform = \x27translateZ(0)\x27;
-          requestAnimationFrame(function(){
-            pb.style.opacity = \x270.99\x27;
-            requestAnimationFrame(function(){ pb.style.opacity = \x271\x27; });
-          });
         }
 
         // Show initial R1 block and scroll into view
@@ -5943,7 +6107,7 @@ input:focus,textarea:focus{border-color:var(--green3)}
 .studio-arrow--done{color:#22c55e}
 /* ── Workflow scene (office layout, replaces cramped pill nodes) ── */
 .studio-canvas{background:none!important;border:none!important;padding:0!important;margin-bottom:0!important}
-#studioNodes .prl-office{border-radius:10px;border:1px solid rgba(99,102,241,.25);background:linear-gradient(180deg,#0e0c1e 0%,#13102a 55%,#1a172e 100%);margin-bottom:16px;min-height:200px;padding:16px 12px 12px;position:relative;overflow:hidden}
+#studioNodes .prl-office{border-radius:10px;border:1px solid rgba(99,102,241,.25);margin-bottom:16px;min-height:200px;padding:16px 12px 12px;position:relative;overflow:hidden}
 .wf-office{display:block}
 .wf-desks-row{display:flex;align-items:flex-end;justify-content:center;gap:6px;flex-wrap:wrap;padding-bottom:10px}
 .wf-desk{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:opacity .2s}
@@ -5957,52 +6121,120 @@ input:focus,textarea:focus{border-color:var(--green3)}
 .wf-sbraita-bubble{position:absolute;top:-28px;left:50%;transform:translateX(-50%);background:#1a0a0a;border:1.5px solid #ef4444;color:#fca5a5;font-family:var(--mono);font-size:9px;font-weight:800;padding:3px 8px;border-radius:8px;white-space:nowrap;letter-spacing:.5px;animation:sbraitaPop .4s ease-in-out infinite alternate;pointer-events:none;z-index:4}
 .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 Office Cartoon ── */
-.prl-wrap{background:#07070f;border:1.5px solid #6366f1;border-radius:14px;padding:14px 16px 12px;margin-bottom:16px;animation:stNodeIn .35s ease forwards;overflow:hidden}
-#studioParliamentBlock[style*="fixed"] .prl-wrap{animation:stNodeIn .35s ease forwards,parlPulse 2.2s ease-in-out infinite}
-#studioParliamentBlock[style*="fixed"]{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
-/* When canvas panel is open, shift parliament left so they don't overlap */
-body.canvas-open #studioParliamentBlock[style*="fixed"]{left:16px!important;transform:none!important;max-width:calc(100vw - 520px)!important}
+/* ── Parliament Boardroom 3D ── */
+/* Outer wrapper */
+.br-wrap{background:#090714;border:1.5px solid #6366f1;border-radius:14px;padding:12px 14px;margin-bottom:16px;animation:stNodeIn .35s ease forwards;overflow:hidden}
+/* Header: phase chip + progress */
+.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,.12);border:1px solid var(--pc,rgba(99,102,241,.4));border-radius:20px;padding:3px 12px;display:inline-block;transition:color .4s,border-color .4s}
+.br-progress-wrap{flex:1;height:3px;background:#1a1630;border-radius:4px;overflow:hidden;min-width:60px}
+.br-progress-bar{height:100%;background:linear-gradient(90deg,#6366f1,#22d3ee);border-radius:4px;transition:width .5s ease;width:0%}
+/* Boardroom 3D scene */
+.br-room{position:relative;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px 16px;
+  background:linear-gradient(180deg,#141030 0%,#1c1848 50%,#141030 100%);
+  border-radius:10px;overflow:hidden}
+/* Ambient ceiling glow */
+.br-room::before{content:"";position:absolute;inset:0;background:
+  radial-gradient(ellipse 70% 50% at 50% 5%,rgba(180,160,255,.2) 0%,transparent 70%),
+  radial-gradient(ellipse 30% 30% at 50% 0%,rgba(255,220,100,.12) 0%,transparent 60%);pointer-events:none}
+/* Floor perspective */
+.br-room::after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;
+  background:linear-gradient(180deg,transparent 0%,rgba(100,80,200,.08) 50%,rgba(60,40,120,.25) 100%);
+  border-top:1px solid rgba(100,80,200,.15);pointer-events:none}
+/* Center: table + orchestrator */
+.br-table-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;z-index:3}
+/* Orchestrator standing at head of table */
+.br-orch{display:flex;flex-direction:column;align-items:center;gap:2px;z-index:4;position:relative}
+.br-orch--active .br-orch-arm-l{transform-origin:50% 0%;animation:brOrchArmL 2s ease-in-out infinite}
+.br-orch--active .br-orch-arm-r{transform-origin:50% 0%;animation:brOrchArmR 2.4s ease-in-out infinite}
+@keyframes brOrchArmL{0%,100%{transform:rotate(0deg)}40%{transform:rotate(-22deg)}70%{transform:rotate(-10deg)}}
+@keyframes brOrchArmR{0%,100%{transform:rotate(0deg)}30%{transform:rotate(18deg)}65%{transform:rotate(8deg)}}
+.br-orch--done{filter:drop-shadow(0 0 12px #22c55eaa)}
+.br-orch-speech{position:absolute;top:-28px;left:50%;transform:translateX(-50%);
+  font-size:9px;font-weight:800;font-family:var(--mono);letter-spacing:.4px;
+  padding:3px 8px;border:1.5px solid #6366f1;border-radius:8px;
+  background:#0d0a1e;white-space:nowrap;
+  animation:brSpeechPop .6s ease-in-out infinite alternate;z-index:5;pointer-events:none}
+@keyframes brSpeechPop{0%{transform:translateX(-50%) scale(1) rotate(-1deg)}100%{transform:translateX(-50%) scale(1.05) rotate(1deg)}}
+.br-orch-speech::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:#6366f1}
+.br-orch-label{font-size:8px;font-family:var(--mono);font-weight:800;color:#818cf8;text-align:center;letter-spacing:.5px}
+/* Seats ring around table */
+.br-seats-ring{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;z-index:2;padding:4px 0;width:100%}
+/* Individual seat / cubicle */
+.br-seat{display:flex;flex-direction:column;align-items:center;gap:0;transition:transform .3s}
+.br-seat-box{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px 6px;border-radius:12px;
+  background:#1a1535;border:1.5px solid #3a3060;
+  box-shadow:0 2px 10px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06);
+  transition:border-color .3s,background .3s,box-shadow .3s;position:relative;min-width:70px}
+.br-seat--active .br-seat-box{background:#1e1a45;border-color:var(--sc,#6366f1);box-shadow:0 0 20px rgba(99,102,241,.3),0 0 40px rgba(99,102,241,.08),inset 0 1px 0 rgba(150,130,255,.15)}
+.br-seat--active{transform:scale(1.04)}
+.br-seat--done .br-seat-box{background:#162516;border-color:#2a4a2a}
+/* Action bubble above agent */
+.br-bubble{font-size:9px;font-family:var(--mono);padding:2px 7px;border-radius:7px;border:1px solid #3a3060;background:#0d0a1e;min-height:14px;text-align:center;line-height:1.4;transition:all .3s;word-break:break-word;max-width:90px}
+/* Agent name */
+.br-seat-name{font-size:9px;font-family:var(--mono);font-weight:700;text-align:center;white-space:normal;word-break:break-word;max-width:90px;line-height:1.3;margin-top:2px;transition:color .3s}
+/* SVG arm animations when agent is active (typing) */
+.br-seat--active .br-arm-l{transform-origin:50% 100%;animation:brArmType .7s ease-in-out infinite}
+.br-seat--active .br-arm-r{transform-origin:50% 100%;animation:brArmType .7s ease-in-out infinite reverse}
+@keyframes brArmType{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(6deg) translateY(2px)}}
+/* Convergence */
+.br-convergence{margin-top:10px;padding:8px 12px;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.22);border-radius:8px}
+.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}
+/* 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)}}
 .prl-header{display:flex;align-items:center;margin-bottom:10px}
 .prl-phase-chip{font-size:10px;font-weight:800;font-family:var(--mono);letter-spacing:.3px;color:var(--pc,#6366f1);background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.35);border-radius:20px;padding:3px 12px;display:inline-block}
-/* Office scene container — room with wall, floor, plants, art */
-.prl-office{position:relative;min-height:150px;display:flex;align-items:flex-end;padding:0 0 12px 0;overflow:hidden;border-radius:10px;
-  background:linear-gradient(180deg,#0e0c1e 0%,#13102a 55%,#1a172e 100%)}
-/* Back wall — subtle panel lines */
+/* ── Office room — bright, lit, full scene ── */
+.prl-office{position:relative;min-height:160px;display:flex;align-items:flex-end;padding:0 0 14px 0;overflow:hidden;border-radius:10px;
+  background:linear-gradient(180deg,#1a1440 0%,#221a52 40%,#2a2060 70%,#1e1a42 100%)}
+/* Back wall — ambient light from ceiling + panel lines */
 .prl-office::before{content:"";position:absolute;inset:0;background:
-  repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(255,255,255,.025) 80px),
-  linear-gradient(180deg,rgba(30,28,60,.0) 0%,rgba(30,28,60,.5) 60%,rgba(10,10,30,.8) 100%);pointer-events:none;z-index:0}
-/* Floor — parquet wood planks */
-.prl-office-floor{position:absolute;bottom:0;left:0;right:0;height:14px;
-  background:repeating-linear-gradient(90deg,#1c1630 0px,#221e38 40px,#1a1630 41px,#1c1630 80px);
-  border-top:1px solid rgba(99,102,241,.15);box-shadow:0 -2px 8px rgba(0,0,0,.4);z-index:1}
-/* Window on back wall (top-left) */
-.prl-office-window{position:absolute;top:6px;left:10px;width:38px;height:50px;background:linear-gradient(180deg,#0d1a2e 0%,#162840 50%,#1e3a5a 100%);border:1.5px solid #2a3a50;border-radius:3px;box-shadow:inset 0 0 12px rgba(96,165,250,.15),0 0 8px rgba(96,165,250,.08);z-index:1;overflow:hidden}
-.prl-office-window::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.15)}
-.prl-office-window::after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(255,255,255,.15)}
-/* Sunlight ray from window */
-.prl-office-window-light{position:absolute;top:0;left:10px;width:80px;height:100%;background:linear-gradient(145deg,rgba(96,165,250,.06) 0%,transparent 60%);pointer-events:none;z-index:1}
-/* Wall art frame (top center-right) */
-.prl-office-frame{position:absolute;top:8px;right:12px;width:36px;height:28px;border:2px solid #2a2840;border-radius:2px;background:linear-gradient(135deg,#0d0a1e,#1a1030);box-shadow:0 2px 6px rgba(0,0,0,.5);z-index:1;overflow:hidden}
-.prl-office-frame::before{content:"";position:absolute;inset:3px;border-radius:1px;background:linear-gradient(135deg,#1a0a2e 0%,#0a1a2e 50%,#0e2010 100%);opacity:.9}
-.prl-office-frame::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.06);border-radius:1px}
+  radial-gradient(ellipse 80% 60% at 50% 0%,rgba(180,160,255,.18) 0%,transparent 70%),
+  repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(255,255,255,.04) 80px);pointer-events:none;z-index:0}
+/* Floor — warm parquet with shine */
+.prl-office-floor{position:absolute;bottom:0;left:0;right:0;height:16px;
+  background:repeating-linear-gradient(90deg,#2a1c10 0px,#3d2a18 40px,#2c1e12 41px,#2a1c10 80px);
+  border-top:2px solid rgba(180,120,60,.3);box-shadow:0 -1px 0 rgba(255,200,100,.08),inset 0 2px 4px rgba(255,180,80,.06);z-index:1}
+/* THREE centered windows — sky blue with sunlight */
+.prl-office-window{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:120px;height:52px;display:flex;gap:4px;z-index:1;pointer-events:none}
+.prl-office-window::before,.prl-office-window::after{content:"";flex:1;background:linear-gradient(180deg,#7ecfff 0%,#a8e4ff 40%,#c8f0ff 100%);border:1.5px solid #4a8fbb;border-radius:3px;
+  box-shadow:inset 0 0 8px rgba(255,255,255,.4),0 0 16px rgba(100,200,255,.25);position:relative}
+/* Center divider of each window pane */
+/* Sunlight shafts from windows */
+.prl-office-window-light{position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:100%;
+  background:linear-gradient(175deg,rgba(200,240,255,.12) 0%,rgba(180,220,255,.06) 30%,transparent 60%);pointer-events:none;z-index:1}
+/* Chandelier hanging from ceiling — center */
+.prl-office-lamp{position:absolute;top:0;left:50%;transform:translateX(-50%);width:4px;height:18px;background:rgba(255,220,150,.3);z-index:3}
+.prl-office-lamp::before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:32px;height:14px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,220,100,.5) 0%,rgba(255,180,50,.2) 60%,transparent 100%);box-shadow:0 0 30px rgba(255,200,80,.5),0 0 60px rgba(255,200,80,.2),0 0 100px rgba(255,200,80,.08)}
+.prl-office-lamp::after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:20px;height:10px;background:radial-gradient(ellipse,rgba(255,220,150,.8) 0%,rgba(255,200,100,.4) 50%,transparent 100%);border-radius:50%;filter:blur(3px)}
+/* Standing lamp (floor lamp) — right side */
+.prl-office-lamp2{position:absolute;bottom:14px;right:28px;width:3px;height:44px;background:linear-gradient(180deg,#4a4060 0%,#3a3050 100%);border-radius:2px;z-index:2}
+.prl-office-lamp2::before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:18px;height:10px;background:linear-gradient(135deg,#4a4060,#6a6080);border-radius:3px 3px 0 0;box-shadow:0 -4px 20px rgba(255,220,150,.4),0 -2px 40px rgba(255,200,80,.2)}
+.prl-office-lamp2::after{content:"";position:absolute;top:-3px;left:50%;transform:translateX(-50%);width:22px;height:16px;background:radial-gradient(ellipse,rgba(255,220,120,.6) 0%,rgba(255,200,80,.2) 60%,transparent 100%);border-radius:50%;filter:blur(4px)}
+/* Wall art frames — left+center+right */
+.prl-office-frame{position:absolute;top:6px;right:8px;width:30px;height:22px;border:2px solid rgba(180,160,255,.4);border-radius:2px;background:linear-gradient(135deg,#2a1060,#103060);box-shadow:0 2px 6px rgba(0,0,0,.4),inset 0 0 6px rgba(150,100,255,.15);z-index:1;overflow:hidden}
+.prl-office-frame::before{content:"";position:absolute;inset:2px;border-radius:1px;background:linear-gradient(135deg,#3a1a6e 0%,#0a2060 50%,#1a3a20 100%)}
+.prl-office-frame::after{content:"";position:absolute;top:4px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:rgba(255,255,255,.2)}
 /* Second frame */
-.prl-office-frame2{position:absolute;top:8px;right:54px;width:24px;height:20px;border:2px solid #2a2840;border-radius:2px;background:linear-gradient(135deg,#0a1020,#1a1820);box-shadow:0 2px 6px rgba(0,0,0,.5);z-index:1}
-.prl-office-frame2::before{content:"";position:absolute;inset:2px;background:linear-gradient(45deg,#1e1030,#102018);border-radius:1px}
-/* Plant left */
-.prl-office-plant{position:absolute;bottom:12px;left:2px;width:20px;height:36px;z-index:2;pointer-events:none}
+.prl-office-frame2{position:absolute;top:6px;right:46px;width:22px;height:16px;border:2px solid rgba(180,160,255,.35);border-radius:2px;background:linear-gradient(135deg,#1a1030,#0a2030);box-shadow:0 2px 4px rgba(0,0,0,.3);z-index:1}
+.prl-office-frame2::before{content:"";position:absolute;inset:2px;background:linear-gradient(45deg,#2e1060,#102040);border-radius:1px}
+/* Poster left — inspirational */
+.prl-office-poster{position:absolute;top:6px;left:8px;width:28px;height:20px;border:1.5px solid rgba(100,200,255,.3);border-radius:2px;background:linear-gradient(135deg,#0a1840,#0a3040);box-shadow:0 2px 4px rgba(0,0,0,.3);z-index:1}
+.prl-office-poster::before{content:"";position:absolute;inset:2px;background:linear-gradient(180deg,#0a2060 0%,#103050 40%,#0a1040 100%);border-radius:1px}
+.prl-office-poster::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(100,200,255,.05) 3px);border-radius:1px}
+/* Plant left — larger, luminous */
+.prl-office-plant{position:absolute;bottom:14px;left:4px;width:22px;height:42px;z-index:2;pointer-events:none}
 /* Plant right */
-.prl-office-plant2{position:absolute;bottom:12px;right:2px;width:20px;height:36px;z-index:2;pointer-events:none}
-/* Ceiling lamp */
-.prl-office-lamp{position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:14px;background:rgba(255,255,255,.15);z-index:1}
-.prl-office-lamp::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:16px;height:8px;border-radius:0 0 12px 12px;background:rgba(99,102,241,.25);box-shadow:0 4px 20px rgba(99,102,241,.3),0 2px 40px rgba(99,102,241,.1)}
+.prl-office-plant2{position:absolute;bottom:14px;right:8px;width:22px;height:42px;z-index:2;pointer-events:none}
 /* Desks row */
 .prl-desks-row{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;position:relative;z-index:2;padding-bottom:8px}
-/* Individual desk card */
-.prl-desk{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 6px 4px;border-radius:12px;background:#0a0a18;border:1.5px solid #252535;transition:border-color .4s,background .4s,box-shadow .4s;position:relative;min-width:80px}
-.prl-desk--active{background:#0c0c20;border-color:var(--dc,#6366f1);box-shadow:0 0 20px rgba(99,102,241,.2),0 0 40px rgba(99,102,241,.08)}
-.prl-desk--done{border-color:#1e3a1e;background:#0a150a}
+/* Individual desk card — illuminated */
+.prl-desk{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 6px 4px;border-radius:12px;background:#1a1535;border:1.5px solid #3a3060;transition:border-color .4s,background .4s,box-shadow .4s;position:relative;min-width:80px;box-shadow:0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.06)}
+.prl-desk--active{background:#1e1a45;border-color:var(--dc,#6366f1);box-shadow:0 0 20px rgba(99,102,241,.3),0 0 40px rgba(99,102,241,.1),inset 0 1px 0 rgba(150,130,255,.15)}
+.prl-desk--done{border-color:#2a4a2a;background:#162516}
 /* Action bubble above character */
 .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}
@@ -6032,18 +6264,20 @@ body.canvas-open #studioParliamentBlock[style*="fixed"]{left:16px!important;tran
 @keyframes parlMasterClipboard{0%,100%{transform:rotate(0deg) translateY(0)}30%{transform:rotate(-6deg) translateY(-1px)}70%{transform:rotate(4deg) translateY(1px)}}
 /* Whole body: subtle sway of a confident executive */
 @keyframes parlMasterBodySway{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-2px) rotate(.6deg)}75%{transform:translateY(-1px) rotate(-.5deg)}}
-.prl-master-walk{animation:parlMasterWalk 8s cubic-bezier(.45,0,.55,1) infinite}
-.prl-master-walk .prl-master-leg-l{transform-origin:50% 0;animation:parlMasterLegL 1s ease-in-out infinite}
-.prl-master-walk .prl-master-leg-r{transform-origin:50% 0;animation:parlMasterLegR 1s ease-in-out infinite}
-.prl-master-walk .prl-master-arm-l{transform-origin:50% 0;animation:parlMasterArmL 1.2s ease-in-out infinite}
-.prl-master-walk .prl-master-arm-r{transform-origin:50% 0;animation:parlMasterArmR 1.2s ease-in-out infinite}
+.prl-master-walk{animation:parlMasterWalk 16s cubic-bezier(.45,0,.55,1) infinite}
+.prl-master-walk .prl-master-leg-l{transform-origin:50% 0;animation:parlMasterLegL 1.8s ease-in-out infinite}
+.prl-master-walk .prl-master-leg-r{transform-origin:50% 0;animation:parlMasterLegR 1.8s ease-in-out infinite}
+.prl-master-walk .prl-master-arm-l{transform-origin:50% 0;animation:parlMasterArmL 2.2s ease-in-out infinite}
+.prl-master-walk .prl-master-arm-r{transform-origin:50% 0;animation:parlMasterArmR 2.2s ease-in-out infinite}
 /* R2 supervise: executive pacing — short back-and-forth at the active desk */
 @keyframes parlMasterSupervise{0%{right:8px}30%{right:28px}60%{right:10px}80%{right:24px}100%{right:8px}}
-.prl-master-supervise{animation:parlMasterSupervise 4s ease-in-out infinite}
-.prl-master-supervise .prl-master-leg-l{transform-origin:50% 0;animation:parlMasterLegL 1s ease-in-out infinite}
-.prl-master-supervise .prl-master-leg-r{transform-origin:50% 0;animation:parlMasterLegR 1s ease-in-out infinite}
-.prl-master-supervise .prl-master-arm-l{transform-origin:50% 0;animation:parlMasterArmL 1.2s ease-in-out infinite}
-.prl-master-supervise .prl-master-arm-r{transform-origin:50% 0;animation:parlMasterArmR 1.2s ease-in-out infinite}
+.prl-master-supervise{animation:parlMasterSupervise 8s ease-in-out infinite}
+.prl-master-supervise .prl-master-leg-l{transform-origin:50% 0;animation:parlMasterLegL 1.8s ease-in-out infinite}
+.prl-master-supervise .prl-master-leg-r{transform-origin:50% 0;animation:parlMasterLegR 1.8s ease-in-out infinite}
+.prl-master-supervise .prl-master-arm-l{transform-origin:50% 0;animation:parlMasterArmL 2.2s ease-in-out infinite}
+.prl-master-supervise .prl-master-arm-r{transform-origin:50% 0;animation:parlMasterArmR 2.2s ease-in-out infinite}
+/* Done: standing still — no walk animation */
+.prl-master-done{animation:none}
 /* Flying documents: smooth parabolic arc between agents */
 .prl-fly-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:4}
 @keyframes parlFlyDoc{0%{transform:translate(0,70px) scale(.6) rotate(-20deg);opacity:0}15%{opacity:1;transform:translate(8%,20px) scale(.9) rotate(-5deg)}40%{transform:translate(30%,-15px) scale(1.1) rotate(3deg);opacity:1}65%{transform:translate(60%,5px) scale(.95) rotate(8deg);opacity:.9}85%{opacity:.6}100%{transform:translate(90%,60px) scale(.6) rotate(15deg);opacity:0}}