nothumanallowed 13.5.148 → 13.5.149

package/package.json

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

package/src/services/web-ui.mjs

@@ -5276,6 +5276,21 @@ function downloadStudioPDF() {
   // ── Sections ─────────────────────────────────────────────────────────────
   sectionsHtml +
 
+  // ── Charts / Canvas section (from CanvasAgent HTML) ──────────────────────
+  (studioState.canvas ? (
+    '<div class="section" style="page-break-before:always">' +
+      '<div class="agent-header"><span class="agent-icon">&#128202;</span>' +
+        '<div><div class="agent-name">Grafici e Dashboard</div>' +
+        '<div class="agent-sub">CANVAS AGENT &nbsp;&#183;&nbsp; Visualizzazioni dati</div></div>' +
+      '</div>' +
+      '<div id="nha-canvas-charts" style="width:100%;overflow:hidden">' +
+        studioState.canvas
+          .replace(new RegExp('<script[^>]*>[\\s\\S]*?<\\/script>', 'gi'), '')
+          .replace(new RegExp('<html[^>]*>|<\\/html>|<head[\\s\\S]*?<\\/head>|<body[^>]*>|<\\/body>', 'gi'), '') +
+      '</div>' +
+    '</div>'
+  ) : '') +
+
   // ── Footer ───────────────────────────────────────────────────────────────
   '<div class="footer-bar">' +
     '<span class="footer-left">NHA Studio &nbsp;&#183;&nbsp; nothumanallowed.com</span>' +
@@ -5283,6 +5298,32 @@ function downloadStudioPDF() {
       (totalTokensIn > 0 ? ' &nbsp;&#183;&nbsp; ' + totalTokensIn.toLocaleString() + ' token in / ' + totalTokensOut.toLocaleString() + ' out' : '') +
     '</span>' +
   '</div>' +
+
+  // ── Canvas-to-image script: converts <canvas> → <img> before printing ────
+  // This runs inside the iframe, ensuring charts are visible in the PDF.
+  '<script>' +
+    'window.addEventListener("load", function() {' +
+      // Give Chart.js time to render all charts
+      'setTimeout(function() {' +
+        'function freezeCanvases() {' +
+          'var canvases = document.querySelectorAll("canvas");' +
+          'canvases.forEach(function(cv) {' +
+            'try {' +
+              'var img = document.createElement("img");' +
+              'img.src = cv.toDataURL("image/png");' +
+              'img.style.cssText = cv.style.cssText || "";' +
+              'img.style.maxWidth = "100%";' +
+              'img.style.display = "block";' +
+              'img.style.margin = "0 auto";' +
+              'if (cv.parentNode) cv.parentNode.replaceChild(img, cv);' +
+            '} catch(e) {}' +
+          '});' +
+        '}' +
+        'window.addEventListener("beforeprint", freezeCanvases);' +
+      '}, 1200);' +
+    '});' +
+  '<\/script>' +
+
   '</body></html>';
 
   // ── Generate PDF via hidden in-page iframe ─────────────────────────────────
@@ -5310,7 +5351,8 @@ function downloadStudioPDF() {
 
     // 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)
+      // Wait for Chart.js to initialize all charts and freezeCanvases to run (needs ~2s)
+      var waitMs = studioState.canvas ? 2500 : 800;
       setTimeout(function() {
         try {
           iframe.contentWindow.focus();