nothumanallowed 13.2.95 → 13.2.96

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.2.95",
+  "version": "13.2.96",
   "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

@@ -3338,55 +3338,61 @@ ${context ? `## OUTPUT FROM PREVIOUS AGENTS (use only what is RELEVANT to the wo
           // Strip think tags from fullOutput before emptiness check
           let fullOutputClean = fullOutput.replace(/<think>[\s\S]*?<\/think>/g, '').trim();
 
-          // ── Fill empty sections ──────────────────────────────────────────
-          // Detect headings with no body: heading immediately followed by another heading or end
-          // e.g. "## 6. Piano d'Azione\n\n## 7. ..." — section 6 has no content
-          const emptySectionRegex = /^(#{1,4}\s+[^\n]+)\n+(?=#{1,4}\s|$)/gm;
-          const emptySections = [];
-          let emMatch;
-          while ((emMatch = emptySectionRegex.exec(fullOutputClean)) !== null) {
-            emptySections.push(emMatch[1].trim());
-          }
-
-          if (!isCanvasAgent && emptySections.length > 0) {
-            // Fill each empty section with a targeted LLM call
-            sendToken('\n\n[Completando sezioni mancanti...] ');
-            // Pass raw data AND the partial report already written so the model writes in context
+          // ── Fill empty sections — iterative loop until no empty sections remain ─────
+          // Detect headings with no body: heading immediately followed by another heading or end.
+          // We loop because filling section A may expose B, C, D that were skipped by detection.
+          const getEmptySections = (text) => {
+            const rx = /^(#{1,4}\s+[^\n]+)\n+(?=#{1,4}\s|$)/gm;
+            const found = [];
+            let m;
+            while ((m = rx.exec(text)) !== null) found.push(m[1].trim());
+            return found;
+          };
+
+          if (!isCanvasAgent) {
             const dataForFill = (toolData || context || '').slice(0, 4000);
             const fillConfig = Object.assign({}, config, { thinking: 'off' });
-            for (const emptyHeading of emptySections) {
-              sendToken('\n' + emptyHeading + '\n');
-              let filledContent = '';
-              // Snapshot of the report written so far (trimmed to last 3000 chars for recency)
-              const reportSoFar = fullOutputClean.slice(-3000);
-              try {
-                await withTimeout(
-                  callLLMStream(
-                    fillConfig,
-                    `You are ${agent}. You wrote a report and accidentally left one section empty. Fill in ONLY the missing section — do NOT repeat the heading, do NOT add other sections. Be specific, consistent with the rest of the report, and thorough. Write in ${language}.\n\nSource data:\n${dataForFill}\n\nOverall task: ${task}\n\nReport written so far (for context and style consistency):\n${reportSoFar}`,
-                    `Write ONLY the body content for this section (heading already printed, do not repeat it):\n${emptyHeading}`,
-                    (tok) => { filledContent += tok; sendToken(tok); },
-                    { max_tokens: 1500, thinking: 'off' }
-                  ),
-                  45000
-                );
-              } catch {}
-              if (filledContent.trim()) {
-                // Inject the filled content into fullOutputClean right after the heading
-                const escapedH = emptyHeading.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-                fullOutputClean = fullOutputClean.replace(
-                  new RegExp('(' + escapedH + ')\\n+(#{1,4}\\s)', 'g'),
-                  '$1\n\n' + filledContent.trim() + '\n\n$2'
-                );
-                // Also handle trailing empty heading (last section)
-                fullOutputClean = fullOutputClean.replace(
-                  new RegExp('(' + escapedH + ')\\s*$', 'g'),
-                  '$1\n\n' + filledContent.trim()
-                );
+            let fillRound = 0;
+            const MAX_FILL_ROUNDS = 3; // safety cap — never more than 3 passes
+            let emptySections = getEmptySections(fullOutputClean);
+
+            while (emptySections.length > 0 && fillRound < MAX_FILL_ROUNDS) {
+              fillRound++;
+              if (fillRound === 1) sendToken('\n\n[Completando sezioni mancanti...] ');
+              for (const emptyHeading of emptySections) {
+                sendToken('\n' + emptyHeading + '\n');
+                let filledContent = '';
+                const reportSoFar = fullOutputClean.slice(-3000);
+                try {
+                  await withTimeout(
+                    callLLMStream(
+                      fillConfig,
+                      `You are ${agent}. You wrote a report and accidentally left one section empty. Fill in ONLY the missing section — do NOT repeat the heading, do NOT add other sections. Be specific, consistent with the rest of the report, and thorough. Write in ${language}.\n\nSource data:\n${dataForFill}\n\nOverall task: ${task}\n\nReport written so far (for context and style consistency):\n${reportSoFar}`,
+                      `Write ONLY the body content for this section (heading already printed, do not repeat it):\n${emptyHeading}`,
+                      (tok) => { filledContent += tok; sendToken(tok); },
+                      { max_tokens: 1500, thinking: 'off' }
+                    ),
+                    45000
+                  );
+                } catch {}
+                if (filledContent.trim()) {
+                  const escapedH = emptyHeading.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+                  // Inject after heading when followed by another heading
+                  fullOutputClean = fullOutputClean.replace(
+                    new RegExp('(' + escapedH + ')\\n+(#{1,4}\\s)', 'g'),
+                    '$1\n\n' + filledContent.trim() + '\n\n$2'
+                  );
+                  // Inject at end of document (trailing heading)
+                  fullOutputClean = fullOutputClean.replace(
+                    new RegExp('(' + escapedH + ')\\s*$', 'g'),
+                    '$1\n\n' + filledContent.trim()
+                  );
+                }
               }
+              // Re-detect after this round — newly injected content may close all gaps
+              emptySections = getEmptySections(fullOutputClean);
             }
-          } else {
-            // Remove empty sections if we can't fill them (fallback: no data available)
+            // Strip any unfillable trailing headings
             fullOutputClean = fullOutputClean.replace(/^(#{1,4}\s+[^\n]+)\n+(?=#{1,4}\s|$)/gm, '');
           }
           // Strip trailing lone headings at end of output (truly unfillable)

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

package/src/services/web-ui.mjs

@@ -677,11 +677,21 @@ function openCanvasPanel(){
   var cp = document.getElementById('canvasPanel');
   if (!cp) return;
   cp.classList.add('open');
-  // If no canvas data, show a tip in the frame area
-  if (!studioState.canvas) {
-    var cf = document.getElementById('canvasFrame');
-    if (cf) {
-      var tip = \x27<!DOCTYPE html><html><body style="background:#0a0a0a;color:#6b7280;font-family:monospace;display:flex;align-items:center;justify-content:center;height:100vh;text-align:center;padding:20px"><div><div style="font-size:32px;margin-bottom:16px">&#9632;</div><div style="font-size:13px;line-height:1.6">Nessun Canvas in questo workflow.<br>Aggiungi <strong style=\x22color:#4ade80\x22>html</strong>, <strong style=\x22color:#4ade80\x22>dashboard</strong> o <strong style=\x22color:#4ade80\x22>visual</strong> al prompt,<br>oppure usa un task con 2+ agenti specialisti.</div></div></body></html>\x27;
+  var cf = document.getElementById('canvasFrame');
+  if (studioState.canvas) {
+    // Re-inject canvas HTML — survives panel close/reopen
+    if (cf) cf.srcdoc = studioState.canvas;
+    var ct = document.getElementById('canvasTitle');
+    if (ct && ct.textContent === 'Canvas') ct.textContent = 'Studio Report';
+  } else {
+    // Check allCanvasData for current conversation
+    var d = getConvCanvasData();
+    if (d.canvases.length > 0) {
+      canvasMode = 'canvas';
+      canvasIdx = d.canvases.length - 1;
+      renderCanvasPanel();
+    } else if (cf) {
+      var tip = '<!DOCTYPE html><html><body style="background:#0a0a0a;color:#6b7280;font-family:monospace;display:flex;align-items:center;justify-content:center;height:100vh;text-align:center;padding:20px"><div><div style="font-size:32px;margin-bottom:16px">&#9632;</div><div style="font-size:13px;line-height:1.6">Nessun Canvas in questo workflow.<br>Aggiungi <strong style="color:#4ade80">html</strong>, <strong style="color:#4ade80">dashboard</strong> o <strong style="color:#4ade80">visual</strong> al prompt,<br>oppure usa un task con 2+ agenti specialisti.</div></div></body></html>';
       cf.srcdoc = tip;
     }
   }
@@ -3700,52 +3710,81 @@ function downloadStudioPDF() {
       '.section-title{color:#4f46e5!important}}</style>';
     var pdfHtml = html.replace('</head>', printCss + '</head>');
 
-    // Build hidden iframe at 800px (A4 equivalent at 96dpi)
+    // 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}' +
+      '</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:800px;height:1px;border:none;visibility:hidden';
+    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(pdfHtml); ifrDoc.close();
+    ifrDoc.open(); ifrDoc.write(pdfHtml2); ifrDoc.close();
     iframe.onload = function() {
-      var body = ifrDoc.body;
-      var totalH = Math.max(body.scrollHeight, body.offsetHeight, ifrDoc.documentElement.scrollHeight);
+      var ifrBody = ifrDoc.body;
+      var totalH = Math.max(ifrBody.scrollHeight, ifrBody.offsetHeight, ifrDoc.documentElement.scrollHeight);
       iframe.style.height = totalH + 'px';
-      // Render at 2.5x scale for crisp text
-      window.html2canvas(body, {
-        scale: 2.5, useCORS: true, allowTaint: true,
-        backgroundColor: '#0d0d14',
-        width: 800, windowWidth: 800,
-        scrollX: 0, scrollY: 0,
-        ignoreElements: function(el){ return el.tagName === 'SCRIPT'; }
+      // 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 imgData = canvas.toDataURL('image/png'); // PNG for crisp text
         var pdf = new window.jspdf.jsPDF({orientation:'portrait', unit:'pt', format:'a4', compress:true});
-        var pageW = pdf.internal.pageSize.getWidth();   // 595pt
-        var pageH = pdf.internal.pageSize.getHeight();  // 842pt
-        var margin = 24; // pt
+        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;
-        // Scale image to fit page width
-        var imgW = usableW;
-        var imgH = (canvas.height * usableW) / canvas.width;
 
-        // Smart paging: find safe cut points every ~usableH
-        // Strategy: render slice by slice, each slice fits one page
-        var sliceH = Math.floor(canvas.height * (usableH / imgH)); // canvas px per page
+        // px per rendered page = canvas pixels that map to usableH in pt
+        var pxPerPt = canvas.width / usableW;
+        var sliceH = Math.floor(usableH * pxPerPt); // canvas px per A4 page
+
         var yCanvas = 0;
         var pageNum = 0;
         while (yCanvas < canvas.height) {
           if (pageNum > 0) pdf.addPage();
           var remaining = canvas.height - yCanvas;
           var thisSlice = Math.min(sliceH, remaining);
-          // Create a temporary canvas for this slice
           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');
-          var sliceImgH = (thisSlice * usableW) / canvas.width;
+          // Proportional height in pt: thisSlice / pxPerPt
+          var sliceImgH = thisSlice / pxPerPt;
           pdf.addImage(sliceData, 'PNG', margin, margin, usableW, sliceImgH, '', 'FAST');
           yCanvas += thisSlice;
           pageNum++;