nothumanallowed 13.4.8 → 13.4.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.4.8",
+  "version": "13.4.9",
   "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/commands/ui.mjs

@@ -3230,6 +3230,69 @@ ${rawText.slice(0, 18000)}`;
               const files = await withTimeout(gd.listFiles(config, '', 10), 'DriveAgent');
               toolData = typeof files === 'string' ? files : JSON.stringify(files);
             } catch (e) { toolData = `Drive read failed: ${e.message}`; }
+
+          } else if (agent === 'FileReaderAgent') {
+            // Reads local files/directories mentioned in the task or step prompt
+            sendToken('[Reading local files...] ');
+            try {
+              // Extract paths from task + stepPrompt (absolute paths, ~/ paths, named dirs like Desktop/Downloads)
+              const pathPatterns = [
+                /([~/][^\s"'`,;]+\.[a-zA-Z0-9]{1,10})/g,  // file with extension
+                /([~/][^\s"'`,;]{3,})/g,                   // any path starting with / or ~
+              ];
+              const homedir = (await import('os')).homedir();
+              const foundPaths = new Set();
+              for (const re of pathPatterns) {
+                const text = task + ' ' + stepPrompt + ' ' + (context || '');
+                let m;
+                while ((m = re.exec(text)) !== null) {
+                  const p = m[1].replace(/^~/, homedir).replace(/\/$/, '');
+                  if (p.length > 2) foundPaths.add(p);
+                }
+              }
+              // Also resolve named directories: Desktop, Downloads, Documents
+              const namedDirRe = /\b(Desktop|Downloads|Documents|Documenti|Scrivania|Scaricati)\b/i;
+              const namedMatch = (task + ' ' + stepPrompt).match(namedDirRe);
+              const dirMap = { desktop: 'Desktop', scrivania: 'Desktop', downloads: 'Downloads', scaricati: 'Downloads', documents: 'Documents', documenti: 'Documents' };
+              if (namedMatch) foundPaths.add(path.join(homedir, dirMap[namedMatch[1].toLowerCase()] || namedMatch[1]));
+
+              if (foundPaths.size === 0) {
+                // Fallback: list Desktop
+                foundPaths.add(path.join(homedir, 'Desktop'));
+              }
+
+              const parts = [];
+              for (const p of foundPaths) {
+                try {
+                  const result = await withTimeout(executeTool('file_list', { path: p }, config), 8000);
+                  parts.push(`## Directory: ${p}\n${typeof result === 'string' ? result : JSON.stringify(result)}`);
+                } catch {
+                  try {
+                    const result = await withTimeout(executeTool('file_read', { path: p, lines: 300 }, config), 8000);
+                    parts.push(`## File: ${p}\n${typeof result === 'string' ? result : JSON.stringify(result)}`);
+                  } catch (e2) { parts.push(`## ${p}: could not read (${e2.message})`); }
+                }
+              }
+              toolData = parts.join('\n\n') || 'No files found at the specified paths.';
+            } catch (e) { toolData = `File read failed: ${e.message}`; }
+
+          } else if (agent === 'CodeExecutorAgent') {
+            // Generates and executes code (Python/JS/TS) to answer data questions
+            sendToken('[Preparing code execution...] ');
+            try {
+              // Ask LLM to write the code first
+              const codeGenSys = `You are a code generator. Write a ${(/python/i.test(stepPrompt) || /dati|data|analisi|analysis|calcol/i.test(stepPrompt)) ? 'Python' : 'JavaScript'} script that answers the following task. Output ONLY the raw code, no markdown fences, no explanation.`;
+              const codeGenUser = `Task: ${stepPrompt}\n\nAvailable context data:\n${(context || '').slice(0, 4000)}`;
+              const codeGenConfig = Object.assign({}, config, { thinking: 'off' });
+              sendToken('[Generating code...] ');
+              const generatedCode = await withTimeout(callLLM(codeGenConfig, codeGenSys, codeGenUser, { max_tokens: 2000 }), 30000);
+              // Strip markdown fences if LLM added them
+              const cleanCode = generatedCode.replace(/^```[\w]*\n?/m, '').replace(/\n?```\s*$/m, '').trim();
+              const lang = /^import |^from |^print\(|^def |^class |^#!.*python/m.test(cleanCode) ? 'python' : 'javascript';
+              sendToken(`[Executing ${lang} code...] `);
+              const execResult = await withTimeout(executeTool('execute_code', { language: lang, code: cleanCode, timeout: 30 }, config), 45000);
+              toolData = `## Generated code (${lang}):\n\`\`\`${lang}\n${cleanCode.slice(0, 2000)}\n\`\`\`\n\n## Execution result:\n${typeof execResult === 'string' ? execResult : JSON.stringify(execResult)}`;
+            } catch (e) { toolData = `Code execution failed: ${e.message}`; }
           }
 
           // ── Build system prompt with real tool data ───────────────────
@@ -3239,37 +3302,72 @@ ${rawText.slice(0, 18000)}`;
           const today = new Date().toISOString().split('T')[0];
           const isCanvasAgent = agent === 'CanvasAgent';
           // Tool-data agents: fetch real live data and use buildSystemPrompt (tool calls allowed)
-          const isLiveDataAgent = ['CalendarAgent','EmailAgent','GitHubAgent','NotionAgent','SlackAgent','DriveAgent','BrowserAgent','WebSearchAgent','ResearchAgent'].includes(agent);
+          const isLiveDataAgent = ['CalendarAgent','EmailAgent','GitHubAgent','NotionAgent','SlackAgent','DriveAgent','BrowserAgent','WebSearchAgent','ResearchAgent','FileReaderAgent','CodeExecutorAgent'].includes(agent);
 
           // ── Canvas HTML template — built server-side, guaranteed CSS ─────
           // The LLM outputs ONLY the <body> inner HTML (no <html>, no <style>)
           // Server wraps it in the full template. This prevents the model from ignoring CSS.
-          const NHA_CSS = `*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',system-ui,sans-serif;background:#0d0d14;color:#f0f0f5;min-height:100vh;padding:24px;font-size:14px;line-height:1.65}a{color:#22d3ee;text-decoration:underline}a:hover{color:#818cf8}strong{color:#f0f0f5;font-weight:700}em{color:#a5b4fc;font-style:italic}u{text-decoration-color:#ef4444;text-underline-offset:2px}blockquote{border-left:3px solid #6366f1;padding:10px 16px;margin:12px 0;background:#15151f;border-radius:0 8px 8px 0;color:#8b8b9e;font-style:italic}.header{background:linear-gradient(135deg,#4f46e5 0%,#06b6d4 100%);border-radius:16px;padding:28px 36px;margin-bottom:20px}.header h1{font-size:24px;font-weight:800;color:#fff;margin-bottom:6px}.header p{font-size:13px;color:rgba(255,255,255,.85);margin:0}.meta{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.meta span{background:rgba(255,255,255,.18);border-radius:20px;padding:3px 12px;font-size:11px;color:#fff;font-weight:500}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px}.card{background:#15151f;border:1px solid #2a2a38;border-radius:12px;padding:18px}.card-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#6366f1;font-weight:700;margin-bottom:8px}.card h3{font-size:20px;font-weight:700;color:#f0f0f5;margin-bottom:4px}.card p{font-size:12px;color:#8b8b9e;margin:0}.section{background:#15151f;border:1px solid #2a2a38;border-radius:12px;padding:22px;margin-bottom:16px}.section-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#22d3ee;font-weight:700;margin-bottom:16px}.section h3{font-size:15px;font-weight:600;color:#f0f0f5;margin-bottom:6px;margin-top:14px}.section p{font-size:13px;color:#8b8b9e;line-height:1.7;margin-bottom:10px}ul{list-style:none;padding:0;margin:8px 0}ul li{padding:4px 0 4px 18px;position:relative;font-size:13px;color:#8b8b9e}ul li::before{content:'›';position:absolute;left:0;color:#6366f1;font-weight:700}ol{padding-left:20px;margin:8px 0}ol li{padding:4px 0;font-size:13px;color:#8b8b9e;line-height:1.6}.priority-list{display:flex;flex-direction:column;gap:8px}.priority-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#1c1c28;border-radius:8px}.priority-num{width:26px;height:26px;border-radius:50%;background:#6366f1;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.priority-item h4{font-size:13px;font-weight:600;color:#f0f0f5;margin-bottom:3px}.priority-item p{font-size:12px;color:#8b8b9e;line-height:1.5;margin:0}.source-item{padding:14px;background:#1c1c28;border-radius:8px;margin-bottom:10px;border-left:3px solid #6366f1}.source-item h4{font-size:13px;font-weight:600;color:#f0f0f5;margin-bottom:4px}.source-item p{font-size:12px;color:#8b8b9e;line-height:1.6;margin:4px 0}.source-item a{font-size:11px}.bar-row{margin-bottom:10px}.bar-label{font-size:12px;color:#8b8b9e;margin-bottom:4px;display:flex;justify-content:space-between}.bar-track{background:#1c1c28;border-radius:4px;height:8px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#6366f1,#22d3ee)}.badge-high{display:inline-block;background:#7f1d1d;color:#ef4444;border-radius:12px;padding:2px 10px;font-size:10px;font-weight:700;margin-right:4px}.badge-med{display:inline-block;background:#713f12;color:#f59e0b;border-radius:12px;padding:2px 10px;font-size:10px;font-weight:700;margin-right:4px}.badge-low{display:inline-block;background:#14532d;color:#34d399;border-radius:12px;padding:2px 10px;font-size:10px;font-weight:700;margin-right:4px}.badge-info{display:inline-block;background:#1e1b4b;color:#a5b4fc;border-radius:12px;padding:2px 10px;font-size:10px;font-weight:700;margin-right:4px}.divider{border:none;border-top:1px solid #2a2a38;margin:16px 0}.footer{text-align:center;padding:18px;font-size:11px;color:#4a4a5e;margin-top:8px}`;
-
-          const wrapInNHATemplate = (bodyHtml, title) => `<!DOCTYPE html><html lang="${langCode}"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>${(title||'NHA Report').replace(/</g,'&lt;')}</title><style>${NHA_CSS}</style></head><body>${bodyHtml}</body></html>`;
-
-          const canvasSystemPrompt = `You are a professional HTML content generator. Output ONLY the HTML content that goes INSIDE the <body> tag. Do NOT output <!DOCTYPE>, <html>, <head>, <style>, or any wrapper tags — the CSS and document structure are already provided by the system.
-
-AVAILABLE CSS CLASSES (use these, they are pre-defined):
-- .header > h1, p, .meta > span (gradient header banner)
-- .grid > .card > .card-label, h3, p (stat grid)
-- .section > .section-title, h3, p (content sections)
-- .source-item > h4, p, a (news/source items with left accent)
-- .priority-list > .priority-item > .priority-num, h4, p (ranked list)
-- .bar-row > .bar-label, .bar-track > .bar-fill[style="width:X%"] (bar charts)
-- .badge-high .badge-med .badge-low .badge-info (colored badges)
-- ul > li, ol > li (bullet/numbered lists with custom styling)
-- blockquote (quoted excerpts)
-- .divider (horizontal rule)
-- .footer (footer)
-- <strong> <em> <u> (inline formatting)
-- <a href="URL" target="_blank"> (clickable links — use for ALL URLs in the data)
+          const NHA_CSS = `*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',system-ui,sans-serif;background:#0d0d14;color:#f0f0f5;min-height:100vh;padding:24px;font-size:14px;line-height:1.65}a{color:#22d3ee;text-decoration:underline}a:hover{color:#818cf8}strong{color:#f0f0f5;font-weight:700}em{color:#a5b4fc;font-style:italic}u{text-decoration-color:#ef4444;text-underline-offset:2px}blockquote{border-left:3px solid #6366f1;padding:10px 16px;margin:12px 0;background:#15151f;border-radius:0 8px 8px 0;color:#8b8b9e;font-style:italic}
+/* ── HEADER ── */
+.header{background:linear-gradient(135deg,#4f46e5 0%,#06b6d4 100%);border-radius:16px;padding:28px 36px;margin-bottom:20px}.header h1{font-size:24px;font-weight:800;color:#fff;margin-bottom:6px}.header p{font-size:13px;color:rgba(255,255,255,.85);margin:0}.meta{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.meta span{background:rgba(255,255,255,.18);border-radius:20px;padding:3px 12px;font-size:11px;color:#fff;font-weight:500}
+/* ── GRID / CARDS ── */
+.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px}.card{background:#15151f;border:1px solid #2a2a38;border-radius:12px;padding:18px}.card-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#6366f1;font-weight:700;margin-bottom:8px}.card h3{font-size:20px;font-weight:700;color:#f0f0f5;margin-bottom:4px}.card p{font-size:12px;color:#8b8b9e;margin:0}
+/* ── SECTIONS ── */
+.section{background:#15151f;border:1px solid #2a2a38;border-radius:12px;padding:22px;margin-bottom:16px;break-inside:avoid;page-break-inside:avoid}.section-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#22d3ee;font-weight:700;margin-bottom:16px}.section h3{font-size:15px;font-weight:600;color:#f0f0f5;margin-bottom:6px;margin-top:14px}.section p{font-size:13px;color:#8b8b9e;line-height:1.7;margin-bottom:10px}
+/* ── LISTS ── */
+ul{list-style:none;padding:0;margin:8px 0}ul li{padding:4px 0 4px 18px;position:relative;font-size:13px;color:#8b8b9e}ul li::before{content:'›';position:absolute;left:0;color:#6366f1;font-weight:700}ol{padding-left:20px;margin:8px 0}ol li{padding:4px 0;font-size:13px;color:#8b8b9e;line-height:1.6}
+/* ── PRIORITY LIST ── */
+.priority-list{display:flex;flex-direction:column;gap:8px}.priority-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#1c1c28;border-radius:8px;break-inside:avoid}.priority-num{width:26px;height:26px;border-radius:50%;background:#6366f1;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.priority-item h4{font-size:13px;font-weight:600;color:#f0f0f5;margin-bottom:3px}.priority-item p{font-size:12px;color:#8b8b9e;line-height:1.5;margin:0}
+/* ── SOURCE ITEMS ── */
+.source-item{padding:14px;background:#1c1c28;border-radius:8px;margin-bottom:10px;border-left:3px solid #6366f1;break-inside:avoid}.source-item h4{font-size:13px;font-weight:600;color:#f0f0f5;margin-bottom:4px}.source-item p{font-size:12px;color:#8b8b9e;line-height:1.6;margin:4px 0}.source-item a{font-size:11px}
+/* ── BAR CHARTS ── */
+.bar-row{margin-bottom:10px;break-inside:avoid}.bar-label{font-size:12px;color:#8b8b9e;margin-bottom:4px;display:flex;justify-content:space-between}.bar-track{background:#1c1c28;border-radius:4px;height:8px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#6366f1,#22d3ee)}
+/* ── DATA TABLES ── */
+.data-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px;border-radius:8px;overflow:hidden}.data-table th{background:#1e1b4b;color:#a5b4fc;font-weight:700;padding:10px 14px;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid #2a2a38}.data-table td{padding:9px 14px;color:#c4c4d4;border-bottom:1px solid #1e1e2c;vertical-align:top}.data-table tr:nth-child(even) td{background:#12121e}.data-table tr:hover td{background:#1c1c2c}.data-table td strong{color:#f0f0f5}
+/* ── CHART CONTAINERS ── */
+.chart-wrap{background:#15151f;border:1px solid #2a2a38;border-radius:12px;padding:18px;margin-bottom:16px;break-inside:avoid}.chart-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#22d3ee;font-weight:700;margin-bottom:12px}.chart-canvas{width:100%!important;max-height:300px}
+/* ── BADGES / TAGS ── */
+.badge-high{display:inline-block;background:#7f1d1d;color:#ef4444;border-radius:12px;padding:2px 10px;font-size:10px;font-weight:700;margin-right:4px}.badge-med{display:inline-block;background:#713f12;color:#f59e0b;border-radius:12px;padding:2px 10px;font-size:10px;font-weight:700;margin-right:4px}.badge-low{display:inline-block;background:#14532d;color:#34d399;border-radius:12px;padding:2px 10px;font-size:10px;font-weight:700;margin-right:4px}.badge-info{display:inline-block;background:#1e1b4b;color:#a5b4fc;border-radius:12px;padding:2px 10px;font-size:10px;font-weight:700;margin-right:4px}
+/* ── MISC ── */
+.divider{border:none;border-top:1px solid #2a2a38;margin:16px 0}.footer{text-align:center;padding:18px;font-size:11px;color:#4a4a5e;margin-top:8px}
+/* ── PRINT / PDF ── */
+@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}body{background:#fff!important;color:#111!important;padding:0!important}.header{background:linear-gradient(135deg,#4f46e5,#06b6d4)!important}.header h1,.header p,.meta span{color:#fff!important}.section,.card,.chart-wrap,.source-item,.priority-item,.data-table,.bar-row{break-inside:avoid;page-break-inside:avoid}.section{background:#f6f8ff!important;border:1px solid #dde1f0!important}.section-title,.chart-title{color:#4f46e5!important}.section p,.section h3{color:#1a1a2e!important}ul li,ol li{color:#374151!important}ul li::before{color:#4f46e5!important}.card{background:#f0f3fc!important;border:1px solid #dde1f0!important}.card h3{color:#1a1a2e!important}.card p{color:#374151!important}.priority-item,.source-item{background:#eef0f8!important}.data-table th{background:#e8eaf6!important;color:#4f46e5!important}.data-table td{color:#374151!important;border-bottom:1px solid #dde1f0!important}.data-table tr:nth-child(even) td{background:#f4f6fb!important}.bar-track{background:#e0e4ef!important}.footer{color:#9ca3af!important}a{color:#4f46e5!important}}`;
+
+          const wrapInNHATemplate = (bodyHtml, title) => `<!DOCTYPE html><html lang="${langCode}"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>${(title||'NHA Report').replace(/</g,'&lt;')}</title><style>${NHA_CSS}</style><script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.2/dist/chart.umd.min.js"><\/script></head><body>${bodyHtml}</body></html>`;
+
+          const canvasSystemPrompt = `You are a professional HTML dashboard generator. Output ONLY the HTML content that goes INSIDE the <body> tag. Do NOT output <!DOCTYPE>, <html>, <head>, <style>, or any wrapper tags — the CSS and Chart.js are already provided.
+
+AVAILABLE CSS CLASSES:
+- .header > h1, p, .meta > span  (gradient header banner)
+- .grid > .card > .card-label, h3, p  (KPI stat grid)
+- .section > .section-title, h3, p  (content sections with auto page-break)
+- .source-item > h4, p, a  (news/email source items)
+- .priority-list > .priority-item > .priority-num, h4, p  (ranked action list)
+- .bar-row > .bar-label, .bar-track > .bar-fill[style="width:X%"]  (CSS bar charts)
+- .data-table  (full HTML table: thead > tr > th, tbody > tr > td)
+- .chart-wrap > .chart-title + <canvas id="cN" class="chart-canvas">  (Chart.js chart)
+- .badge-high .badge-med .badge-low .badge-info  (colored badges)
+- ul > li, ol > li, blockquote, .divider, .footer
+
+TABLES — use whenever data has rows and columns:
+<div class="section"><div class="section-title">TABLE TITLE</div>
+<table class="data-table"><thead><tr><th>Col1</th><th>Col2</th></tr></thead><tbody><tr><td>val</td><td>val</td></tr></tbody></table></div>
+
+CHARTS — Chart.js is loaded. Use for any quantitative comparison, trend, distribution:
+<div class="chart-wrap"><div class="chart-title">CHART TITLE</div>
+<canvas id="c1" class="chart-canvas"></canvas></div>
+<script>new Chart(document.getElementById('c1'),{type:'bar',data:{labels:['A','B','C'],datasets:[{label:'Value',data:[10,20,15],backgroundColor:['#6366f1','#22d3ee','#f59e0b']}]},options:{responsive:true,plugins:{legend:{labels:{color:'#f0f0f5'}}},scales:{x:{ticks:{color:'#8b8b9e'},grid:{color:'#1e1e2c'}},y:{ticks:{color:'#8b8b9e'},grid:{color:'#1e1e2c'}}}}});<\/script>
+Chart types: 'bar' | 'line' | 'pie' | 'doughnut' | 'radar'. Use unique ids: c1, c2, c3...
+For pie/doughnut omit scales. For line use borderColor instead of backgroundColor.
 
 RULES:
 - Language: ${language}. ALL text must be in ${language}.
-- Use REAL data from the input — do NOT invent or fabricate
-- URLs from the data: ALWAYS wrap in <a href="URL" target="_blank">clickable text</a>
-- Use .priority-list for action items, .source-item for each email/news source, .bar-row for any percentage data
+- Use REAL data from the input — NEVER invent numbers or fabricate data
+- URLs: ALWAYS wrap in <a href="URL" target="_blank">text</a>
+- Use .data-table for any tabular data (comparisons, metrics, lists with 2+ columns)
+- Use Chart.js for any numeric data (percentages, counts, trends, rankings)
+- Use .grid>.card for KPI numbers at the top
+- Use .priority-list for action items
 - Output must start with <div class="header"> and end with <div class="footer">`;
 
           // ── Handle PDF/image attachment on first step ─────────────────

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.4.8';
+export const VERSION = '13.4.9';
 export const BASE_URL = 'https://nothumanallowed.com/cli';
 export const API_BASE = 'https://nothumanallowed.com/api/v1';
 

package/src/services/web-ui.mjs

@@ -3548,33 +3548,42 @@ function renderStudioNodes() {
     el.innerHTML = '<div class="studio-canvas__empty"><div class="studio-canvas__empty-icon">&#9881;</div><div>Describe a task and click Run</div></div>';
     return;
   }
-  // ── Full-scene office layout ──────────────────────────────────────────────
-  // Renders all pipeline nodes as agents at desks in a continuous office floor scene.
-  // Active agent types at keyboard. Done agents smile. Waiting agents idle.
-  // Orchestrator walks between desks scolding agents.
+  // ── Parliament-style office scene ──────────────────────────────────────────
+  // Renders all pipeline nodes as the same parliament office scene:
+  // agents at desks, orchestrator walking + sbraita (speech bubble yelling).
   var hasActive = studioState.nodes.some(function(n){ return n.status === \x27running\x27; });
   var hasDone = studioState.nodes.some(function(n){ return n.status === \x27done\x27; });
   var showMaster = hasActive || hasDone;
 
-  // Build desks for each node
+  // Sbraita phrases — orchestrator yells at agents
+  var sbraitaPhrases = [
+    \x27PIU VELOCE!!!\x27, \x27FOCUS!!!\x27, \x27DEADLINE!!!\x27, \x27CHE FAI??!\x27,
+    \x27MUOVITI!!\x27, \x27NO ERRORI!\x27, \x27ADESSO!!\x27, \x27SBRIGATI!\x27
+  ];
+  var activeNode = studioState.nodes.find(function(n){ return n.status === \x27running\x27; });
+  var sbIdx = activeNode ? Math.abs((activeNode.label||activeNode.agent||\x27x\x27).charCodeAt(0)) % sbraitaPhrases.length : 0;
+  var sbraitaText = sbraitaPhrases[sbIdx];
+
+  // Build desks row — same card structure as parliament
   var desksHtml2 = \x27\x27;
-  studioState.nodes.forEach(function(n, i) {
+  studioState.nodes.forEach(function(n) {
     var isActive = n.status === \x27running\x27;
     var isDone = n.status === \x27done\x27;
     var isErr = n.status === \x27error\x27;
-    desksHtml2 += \x27<div class="wf-desk\x27+(isActive?\x27 wf-desk--active\x27:\x27\x27)+(isDone?\x27 wf-desk--done\x27:\x27\x27)+(isErr?\x27 wf-desk--err\x27:\x27\x27)+\x27" data-agent-label="\x27+esc(n.label||n.agent)+\x27" onclick="studioScrollToAgent(this.getAttribute(String.fromCharCode(100,97,116,97,45,97,103,101,110,116,45,108,97,98,101,108)))" title="Vai al log di \x27+esc(n.label||n.agent)+\x27">\x27;
+    desksHtml2 += \x27<div class="prl-desk\x27+(isActive?\x27 prl-desk--active\x27:\x27\x27)+(isDone?\x27 wf-desk--done\x27:\x27\x27)+(isErr?\x27 wf-desk--err\x27:\x27\x27)+\x27" style="--dc:#6366f1;min-width:78px;cursor:pointer" data-agent-label="\x27+esc(n.label||n.agent)+\x27" onclick="studioScrollToAgent(this.getAttribute(String.fromCharCode(100,97,116,97,45,97,103,101,110,116,45,108,97,98,101,108)))" title="Vai al log di \x27+esc(n.label||n.agent)+\x27">\x27;
     if (isActive) desksHtml2 += \x27<div class="prl-action-bubble prl-action-bubble--active" style="font-size:8px;padding:2px 6px">\u2026lavora</div>\x27;
     else if (isDone) desksHtml2 += \x27<div class="prl-action-bubble" style="background:#0a2010;border-color:#22c55e;color:#4ade80;font-size:8px;padding:2px 6px">\u2714 fatto</div>\x27;
     else if (isErr) desksHtml2 += \x27<div class="prl-action-bubble" style="background:#200a0a;border-color:#ef4444;color:#f87171;font-size:8px;padding:2px 6px">\u2715 errore</div>\x27;
+    else desksHtml2 += \x27<div class="prl-action-bubble" style="font-size:8px;padding:2px 6px;opacity:.5">in attesa</div>\x27;
     desksHtml2 += buildWorkflowChar(n);
-    desksHtml2 += \x27<div class="wf-desk-name" style="color:\x27+(isDone?\x27#4ade80\x27:(isActive?\x27#a5b4fc\x27:(isErr?\x27#f87171\x27:\x27#6b7280\x27)))+\x27" title="\x27+esc(n.label)+\x27">\x27+esc(n.label)+\x27</div>\x27;
+    desksHtml2 += \x27<div class="prl-desk-name" style="color:\x27+(isDone?\x27#4ade80\x27:(isActive?\x27#a5b4fc\x27:(isErr?\x27#f87171\x27:\x27#6b7280\x27)))+\x27;max-width:78px;white-space:normal;word-break:break-word;text-align:center" title="\x27+esc(n.label)+\x27">\x27+esc(n.label)+\x27</div>\x27;
     desksHtml2 += \x27</div>\x27;
     n._rendered = true;
   });
 
-  // ── Master orchestrator SVG (same as parliament) ───────────────────────────
+  // ── Master orchestrator SVG ─────────────────────────────────────────────────
   var masterColor3 = \x27#818cf8\x27;
-  var masterSvg2 = \x27<svg viewBox="0 0 60 90" width="52" height="78" xmlns="http://www.w3.org/2000/svg" style="filter:drop-shadow(0 0 10px \x27+masterColor3+\x27aa)">\x27+
+  var masterSvg2 = \x27<svg viewBox="0 0 60 90" width="52" height="78" xmlns="http://www.w3.org/2000/svg" font-family="system-ui,sans-serif" style="filter:drop-shadow(0 0 10px \x27+masterColor3+\x27aa)">\x27+
     \x27<path d="M22 55 C21 63 19 72 18 77 C17 80 18 82 21 82 C23 82 24 80 24 77 C25 71 25 62 26 55 Z" fill="#1e1c4a" class="prl-master-leg-l"/>\x27+
     \x27<path d="M28 55 C29 63 31 72 32 77 C33 80 32 82 29 82 C27 82 26 80 26 77 C25 71 25 62 24 55 Z" fill="#1e1c4a" class="prl-master-leg-r"/>\x27+
     \x27<path d="M16 79 C14 79 13 81 14 83 C15 85 18 85 21 84 C23 83 24 82 23 80 C22 79 19 79 16 79" fill="#0a0a14"/>\x27+
@@ -3590,7 +3599,7 @@ function renderStudioNodes() {
     \x27<path d="M33 35 L36 33 L37 36 L34 37 Z" fill="\x27+masterColor3+\x2799"/>\x27+
     \x27<circle cx="25" cy="42" r="1.2" fill="\x27+masterColor3+\x27aa"/>\x27+
     \x27<circle cx="20" cy="36" r="2.5" fill="#0d0d1e" stroke="\x27+masterColor3+\x2799" stroke-width="1"/>\x27+
-    \x27<text x="20" y="39" text-anchor="middle" font-size="4" fill="\x27+masterColor3+\x27">N</text>\x27+
+    \x27<text x="20" y="39.5" text-anchor="middle" font-size="4" fill="\x27+masterColor3+\x27" font-family="system-ui,sans-serif">N</text>\x27+
     \x27<g class="prl-master-arm-l">\x27+
     \x27<path d="M13 34 C8 37 6 42 6 46 C6 49 9 50 11 49 C13 48 13 45 14 41 C15 38 14 35 13 34" fill="#252450"/>\x27+
     \x27<path d="M6 46 C4 48 4 51 5 53 C6 55 9 55 10 53 C11 51 10 48 10 46 Z" fill="#d4a97a"/>\x27+
@@ -3624,18 +3633,49 @@ function renderStudioNodes() {
     \x27<circle cx="30.5" cy="15" r="1.3" fill="#0a0a18"/>\x27+
     \x27<circle cx="20.5" cy="13.7" r=".9" fill="rgba(255,255,255,.95)"/>\x27+
     \x27<circle cx="31.5" cy="13.7" r=".9" fill="rgba(255,255,255,.95)"/>\x27+
-    \x27<path d="M19.5 24 Q25 27.5 30.5 24" stroke="#8b4513" stroke-width="1.8" fill="none" stroke-linecap="round"/>\x27+
-    \x27<path d="M20 24.5 Q25 27 30 24.5 Q25 26.5 20 24.5" fill="#fff" opacity=".7"/>\x27+
-    \x27<text x="25" y="-1" text-anchor="middle" font-size="12" style="filter:drop-shadow(0 0 4px \x27+masterColor3+\x27)">&#9830;</text>\x27+
-    \x27<circle cx="25" cy="-2" r="8" fill="none" stroke="\x27+masterColor3+\x2730" stroke-width="1.5"/>\x27+
+    // Angry expression when active (furrowed brows + open mouth)
+    (hasActive ?
+      \x27<path d="M19.5 23 Q25 26 30.5 23" stroke="#8b4513" stroke-width="1.8" fill="none" stroke-linecap="round"/>\x27+
+      \x27<path d="M20 23.5 Q25 26 30 23.5 Q25 25 20 23.5" fill="#fff" opacity=".6"/>\x27+
+      // Open mouth / yelling
+      \x27<ellipse cx="25" cy="24.5" rx="3" ry="1.5" fill="#5a1a0a" opacity=".7"/>\x27
+      :
+      \x27<path d="M19.5 24 Q25 27.5 30.5 24" stroke="#8b4513" stroke-width="1.8" fill="none" stroke-linecap="round"/>\x27+
+      \x27<path d="M20 24.5 Q25 27 30 24.5 Q25 26.5 20 24.5" fill="#fff" opacity=".7"/>\x27
+    )+
+    \x27<circle cx="25" cy="-4" r="9" fill="\x27+masterColor3+\x2722" stroke="\x27+masterColor3+\x2766" stroke-width="1.5"/>\x27+
+    \x27<path d="M25 -13 L30 -4 L25 5 L20 -4 Z" fill="\x27+masterColor3+\x27" stroke="\x27+masterColor3+\x27cc" stroke-width=".8"/>\x27+
+    \x27<path d="M25 -13 L30 -4 L25 -3 L20 -4 Z" fill="\x27+masterColor3+\x27aa"/>\x27+
     \x27</svg>\x27;
 
-  var masterWfHtml = showMaster ? (\x27<div class="prl-master prl-master-walk wf-master">\x27+masterSvg2+\x27<div class="prl-master-label" style="color:\x27+masterColor3+\x27;font-size:8px">Orchestratore</div></div>\x27) : \x27\x27;
-
-  var html = \x27<div class="prl-office wf-office">\x27+
+  // Speech bubble "sbraita" when there is an active agent
+  var bubbleHtml = showMaster && hasActive
+    ? (\x27<div class="wf-sbraita-bubble">\x27+sbraitaText+\x27</div>\x27)
+    : \x27\x27;
+
+  var masterWfHtml = showMaster ? (
+    \x27<div class="prl-master prl-master-walk 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);
+  var phaseColor2 = hasActive ? \x27#6366f1\x27 : (doneCount===totalCount && totalCount>0 ? \x27#22c55e\x27 : \x27#6b7280\x27);
+
+  var html = \x27<div class="prl-wrap" style="border-color:\x27+phaseColor2+\x2744;padding-bottom:16px">\x27+
+    \x27<div class="prl-header"><span class="prl-phase-chip" style="--pc:\x27+phaseColor2+\x27">\x27+phaseLabel2+\x27</span></div>\x27+
+    \x27<div class="prl-office wf-office" style="min-height:160px">\x27+
     \x27<div class="prl-office-floor"></div>\x27+
-    \x27<div class="wf-desks-row">\x27+desksHtml2+\x27</div>\x27+
+    \x27<div class="prl-desks-row" style="justify-content:center;flex-wrap:wrap;gap:10px;padding-bottom:8px">\x27+desksHtml2+\x27</div>\x27+
     masterWfHtml+
+    \x27</div>\x27+
     \x27</div>\x27;
 
   el.innerHTML = html;
@@ -3973,172 +4013,55 @@ function downloadStudioPDF() {
   '</div>' +
   '</body></html>';
 
-  // Generate PDF — injects print-safe CSS then uses html2canvas at 2.5x for crisp output.
-  // Page breaks are avoided inside .section/.card/.priority-item by injecting break-inside:avoid.
-  var pdfFileName = (studioState.task || 'NHA Studio Report').slice(0, 60).replace(/[^a-z0-9\s]/gi,'').trim().replace(/\s+/g,'-') + '.pdf';
+  // ── 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.
   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 ? 'Generando PDF...' : '\u2913 PDF'; }
-      if (dlBtn2) { dlBtn2.disabled = b; dlBtn2.textContent = b ? 'Generando PDF...' : '\u2913 Download PDF'; }
+      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'; }
     }
     setBusy(true);
 
-    // Inject page-break-safe CSS into the HTML before rendering
-    var printCss = '<style>body{padding:20px!important;max-width:800px!important;margin:0 auto!important}' +
-      '.section,.card,.priority-item,.source-item,.bar-row{break-inside:avoid;page-break-inside:avoid}' +
-      '.header{break-after:avoid;page-break-after:avoid}' +
-      'h1,h2,h3,h4{break-after:avoid;page-break-after:avoid}' +
-      '@media print{body{background:#fff!important;color:#111!important}' +
-      '.header{background:linear-gradient(135deg,#4f46e5,#06b6d4)!important;-webkit-print-color-adjust:exact}' +
-      '.section{background:#f8f9fa!important;border:1px solid #e0e0e0!important}' +
-      '.section-title{color:#4f46e5!important}}</style>';
-    var pdfHtml = html.replace('</head>', printCss + '</head>');
-
-    // Inject light-mode overrides for PDF — dark backgrounds become unreadable on paper
-    var lightOverride = '<style>' +
-      'body{background:#ffffff!important;color:#1a1a2e!important;padding:28px!important;max-width:760px!important;margin:0 auto!important}' +
-      '.header{background:linear-gradient(135deg,#4f46e5 0%,#06b6d4 100%)!important;-webkit-print-color-adjust:exact!important;color-adjust:exact!important}' +
-      '.header h1,.header p,.meta span{color:#fff!important}' +
-      '.card,.section{background:#f4f6fb!important;border:1px solid #dde1ee!important}' +
-      '.card h3,.section h3,.section-title,.card-label{color:#4f46e5!important}' +
-      '.card p,.section p,ul li,ol li{color:#374151!important}' +
-      '.priority-item{background:#eef0f8!important}' +
-      '.priority-item h4{color:#1a1a2e!important}' +
-      '.priority-item p{color:#374151!important}' +
-      '.source-item{background:#eef0f8!important;border-left-color:#4f46e5!important}' +
-      '.source-item h4{color:#1a1a2e!important}' +
-      '.source-item p{color:#374151!important}' +
-      '.bar-track{background:#e0e4ef!important}' +
-      '.footer{color:#9ca3af!important}' +
-      'a{color:#4f46e5!important}' +
-      '.section,.card,.priority-item,.source-item,.bar-row{break-inside:avoid;page-break-inside:avoid}' +
-      'h1,h2,h3,h4{break-after:avoid;page-break-after:avoid}' +
-      '.header{break-after:avoid;page-break-after:avoid}' +
-      '.section-body h4{font-size:12px;font-weight:600;color:#6366f1!important;margin:10px 0 4px;text-transform:uppercase;letter-spacing:.4px}' +
-      '</style>';
-    var pdfHtml2 = html.replace('</head>', lightOverride + '</head>');
-
-    // Build hidden iframe at 794px (A4 width at 96dpi = 210mm)
-    var iframe = document.createElement('iframe');
-    iframe.style.cssText = 'position:fixed;left:-9999px;top:0;width:794px;height:1px;border:none;visibility:hidden';
-    document.body.appendChild(iframe);
-    var ifrDoc = iframe.contentDocument || iframe.contentWindow.document;
-    ifrDoc.open(); ifrDoc.write(pdfHtml2); ifrDoc.close();
-    iframe.onload = function() {
-      var ifrBody = ifrDoc.body;
-      var totalH = Math.max(ifrBody.scrollHeight, ifrBody.offsetHeight, ifrDoc.documentElement.scrollHeight);
-      iframe.style.height = totalH + 'px';
-
-      // Collect smart page-break candidates using offsetTop (document-relative, not viewport-relative).
-      // We use offsetTop + offsetHeight of each .section element so breaks land after each agent section.
-      var breakCandidates = [0];
-      var sectionEls = ifrDoc.querySelectorAll('.section,.cover,.toc,.workflow-bar');
-      for (var si2 = 0; si2 < sectionEls.length; si2++) {
-        var el2 = sectionEls[si2];
-        // Walk up to get absolute offsetTop within the iframe document
-        var absTop = 0; var cur = el2;
-        while (cur && cur !== ifrDoc.body) { absTop += cur.offsetTop; cur = cur.offsetParent; }
-        breakCandidates.push(absTop); // start of section (new page begins here)
-        breakCandidates.push(absTop + el2.offsetHeight); // end of section
-      }
-      breakCandidates.push(totalH);
-      breakCandidates.sort(function(a,b){ return a-b; });
-      // Deduplicate
-      breakCandidates = breakCandidates.filter(function(v,i,a){ return i===0||v!==a[i-1]; });
-
-      // Scale: 3x on HiDPI screens, minimum 2.5x for sharp text at A4
-      var renderScale = Math.max(2.5, Math.min(3, window.devicePixelRatio * 1.5));
-      window.html2canvas(ifrBody, {
-        scale: renderScale,
-        useCORS: true,
-        allowTaint: true,
-        backgroundColor: '#ffffff',
-        width: 794,
-        windowWidth: 794,
-        scrollX: 0,
-        scrollY: 0,
-        logging: false,
-        imageTimeout: 15000,
-        ignoreElements: function(el){ return el.tagName === 'SCRIPT' || el.tagName === 'NOSCRIPT'; }
-      }).then(function(canvas) {
-        var pdf = new window.jspdf.jsPDF({orientation:'portrait', unit:'pt', format:'a4', compress:true});
-        var pageW = pdf.internal.pageSize.getWidth();   // 595.28pt
-        var pageH = pdf.internal.pageSize.getHeight();  // 841.89pt
-        var margin = 28; // pt — ~10mm margins
-        var usableW = pageW - margin * 2;
-        var usableH = pageH - margin * 2;
-
-        // px per rendered page: canvas.width / usableW gives canvas-px per pt;
-        // usableH (pt) * that ratio = canvas px per A4 usable page height
-        var pxPerPt = canvas.width / usableW;
-        var maxSliceH = Math.floor(usableH * pxPerPt); // max canvas px per page
-
-        // Convert DOM break candidates to canvas px coordinates
-        // (DOM px * renderScale because html2canvas renders at renderScale)
-        var canvasBreaks = breakCandidates.map(function(domPx){ return Math.round(domPx * renderScale); });
-
-        // Smart page-break slicer: each slice ends at the nearest break candidate that fits within maxSliceH.
-        // Falls back to hard-cut only when a single section is taller than one full page.
-        var yCanvas = 0;
-        var pageNum = 0;
-        while (yCanvas < canvas.height) {
-          if (pageNum > 0) pdf.addPage();
-          var maxEnd = yCanvas + maxSliceH;
-          // Find the largest break candidate <= maxEnd (that is also > yCanvas)
-          var bestBreak = -1;
-          for (var bi2 = 0; bi2 < canvasBreaks.length; bi2++) {
-            var bp = canvasBreaks[bi2];
-            if (bp > yCanvas && bp <= maxEnd) { bestBreak = bp; }
-          }
-          // If no break found (section taller than a page), hard-cut at maxEnd
-          var sliceEnd = (bestBreak > yCanvas) ? bestBreak : Math.min(maxEnd, canvas.height);
-          var thisSlice = sliceEnd - yCanvas;
-          if (thisSlice <= 0) break; // safety guard
-
-          var sliceCanvas = document.createElement('canvas');
-          sliceCanvas.width = canvas.width;
-          sliceCanvas.height = thisSlice;
-          var ctx = sliceCanvas.getContext('2d');
-          ctx.fillStyle = '#ffffff';
-          ctx.fillRect(0, 0, sliceCanvas.width, sliceCanvas.height);
-          ctx.drawImage(canvas, 0, yCanvas, canvas.width, thisSlice, 0, 0, canvas.width, thisSlice);
-          var sliceData = sliceCanvas.toDataURL('image/png');
-          // Proportional height in pt: thisSlice / pxPerPt
-          var sliceImgH = thisSlice / pxPerPt;
-          pdf.addImage(sliceData, 'PNG', margin, margin, usableW, sliceImgH, '', 'FAST');
-          yCanvas = sliceEnd;
-          pageNum++;
-        }
-        pdf.save(pdfFileName);
-        document.body.removeChild(iframe);
-        setBusy(false);
-      }).catch(function(e2) {
-        document.body.removeChild(iframe);
+    // 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() {
+      setTimeout(function() {
+        printWin.focus();
+        printWin.print();
         setBusy(false);
-        alert('PDF error: ' + e2.message);
-      });
+        // Close the print window after a short delay (user may close it themselves)
+        setTimeout(function(){ try { printWin.close(); } catch(e3){} }, 3000);
+      }, 600);
     };
+    // Fallback if onload already fired
+    setTimeout(function() {
+      setBusy(false);
+    }, 4000);
   }
-  // Load jsPDF + html2canvas from CDN if not already loaded
-  if (window.jspdf && window.html2canvas) {
-    doGeneratePdf();
-  } else {
-    var loaded = 0;
-    function onLibLoad() { loaded++; if (loaded >= 2) doGeneratePdf(); }
-    if (!window.html2canvas) {
-      var s1 = document.createElement('script');
-      s1.src = 'https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js';
-      s1.onload = onLibLoad; document.head.appendChild(s1);
-    } else { loaded++; }
-    if (!window.jspdf) {
-      var s2 = document.createElement('script');
-      s2.src = 'https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js';
-      s2.onload = onLibLoad; document.head.appendChild(s2);
-    } else { loaded++; }
-    if (loaded >= 2) doGeneratePdf();
-  }
+  doGeneratePdf();
 }
 
 function renderStudioResult() {
@@ -4339,10 +4262,22 @@ async function runStudio() {
           if (!pb) return;
           pb.style.display = \x27block\x27;
           if (convergence != null) {
-            pb.style.position = \x27\x27; pb.style.top = \x27\x27; pb.style.zIndex = \x27\x27; pb.style.boxShadow = \x27\x27;
+            // 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 {
-            pb.style.position = \x27sticky\x27; pb.style.top = \x278px\x27; pb.style.zIndex = \x27200\x27;
-            pb.style.boxShadow = \x270 4px 32px rgba(99,102,241,.35)\x27;
+            // 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 = \x27500\x27;
+            pb.style.boxShadow = \x270 8px 40px rgba(99,102,241,.5),0 2px 0 rgba(99,102,241,.2)\x27;
           }
 
           // ── OFFICE CARTOON ANIMATION ─────────────────────────────────────────
@@ -4603,7 +4538,7 @@ async function runStudio() {
           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 masterSvg = \x27<svg viewBox="0 0 60 90" width="56" height="86" xmlns="http://www.w3.org/2000/svg" style="filter:drop-shadow(0 0 12px \x27+masterColor2+\x27aa)">\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
             \x27<path d="M22 55 C21 63 19 72 18 77 C17 80 18 82 21 82 C23 82 24 80 24 77 C25 71 25 62 26 55 Z" fill="#1e1c4a" class="prl-master-leg-l"/>\x27+
@@ -4713,10 +4648,19 @@ async function runStudio() {
             // Confident smile
             \x27<path d="M19.5 24 Q25 27.5 30.5 24" stroke="#8b4513" stroke-width="1.8" fill="none" stroke-linecap="round"/>\x27+
             \x27<path d="M20 24.5 Q25 27 30 24.5 Q25 26.5 20 24.5" fill="#fff" opacity=".7"/>\x27+
-            // Crown / authority icon above head
-            \x27<text x="25" y="-1" text-anchor="middle" font-size="11" style="filter:drop-shadow(0 0 4px \x27+masterColor2+\x27)">\x27+masterIcon+\x27</text>\x27+
-            // Subtle glow ring around crown icon
-            \x27<circle cx="25" cy="-2" r="8" fill="none" stroke="\x27+masterColor2+\x2730" stroke-width="1.5"/>\x27+
+            // Crown / authority badge above head — pure SVG geometry (no font-dependent text)
+            \x27<circle cx="25" cy="-4" r="9" fill="\x27+masterColor2+\x2722" stroke="\x27+masterColor2+\x2766" stroke-width="1.5"/>\x27+
+            (phase===\x27r3\x27 ?
+              // Lightning bolt for R3 mediation
+              \x27<path d="M27 -12 L22 -4 L25.5 -4 L23 4 L29 -3 L25.5 -3 Z" fill="\x27+masterColor2+\x27" stroke="\x27+masterColor2+\x2788" stroke-width=".6" stroke-linejoin="round"/>\x27
+            : phase===\x27done\x27 ?
+              // Checkmark for done
+              \x27<path d="M19 -4 L23.5 0.5 L31 -9" stroke="\x27+masterColor2+\x27" stroke-width="2.2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>\x27
+            :
+              // Diamond (authority) for r1/r2
+              \x27<path d="M25 -13 L30 -4 L25 5 L20 -4 Z" fill="\x27+masterColor2+\x27" stroke="\x27+masterColor2+\x27cc" stroke-width=".8"/>\x27+
+              \x27<path d="M25 -13 L30 -4 L25 -3 L20 -4 Z" fill="\x27+masterColor2+\x27aa"/>\x27
+            )+
             \x27</svg>\x27;
 
           var masterLabel2 = {r1:\x27Orchestratore\x27,r2:\x27Coordina\x27,r3:\x27HERALD\x27,done:\x27Completato\x27}[phase]||\x27MASTER\x27;
@@ -5260,6 +5204,8 @@ function renderStudio(el) {
     {icon:'&#128247;',name:'CanvasAgent',desc:'Generate HTML visual report'},
     {icon:'&#128274;',name:'SecurityAgent',desc:'Security analysis'},
     {icon:'&#128295;',name:'DevOpsAgent',desc:'Infrastructure analysis'},
+    {icon:'&#128190;',name:'CodeExecutorAgent',desc:'Run Python/JS/TS code in sandbox'},
+    {icon:'&#128193;',name:'FileReaderAgent',desc:'Read local files & directories'},
   ];
 
   var toolsHtml = STUDIO_AGENTS.map(function(t){
@@ -5933,10 +5879,15 @@ input:focus,textarea:focus{border-color:var(--green3)}
 .wf-desk--done{filter:drop-shadow(0 0 6px #22c55e55)}
 .wf-desk--err{filter:drop-shadow(0 0 6px #ef444455)}
 .wf-desk-name{font-size:9px;font-weight:600;text-align:center;max-width:88px;word-break:break-word;line-height:1.3;padding:0 2px;margin-top:2px}
-.wf-master{position:absolute;bottom:28px;right:16px}
+.wf-master{position:absolute;bottom:20px;right:16px}
+/* Orchestrator speech bubble — sbraita */
+.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*="sticky"] .prl-wrap{animation:stNodeIn .35s ease forwards,parlPulse 2.2s ease-in-out infinite}
+#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)}
 @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}