nothumanallowed 12.4.1 → 12.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "12.4.1",
+  "version": "12.5.0",
   "description": "NotHumanAllowed — 38 AI agents, 80 tools. 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

@@ -2074,12 +2074,14 @@ export async function cmdUI(args) {
           // Extract memory
           try { extractMemory('chat', msg, finalResponse); } catch {}
 
-          // Append inline embeds (search cards, browser frames) to the response
-          if (inlineEmbeds) finalResponse += '\n' + inlineEmbeds;
+          // Send inline embeds (search cards, browser frames) via SSE
+          if (inlineEmbeds) {
+            sendSSE('inline_embeds', { html: inlineEmbeds });
+          }
 
           const ssFiles = res._screenshotFiles || [];
           const browserThumbs = res._browserThumbs || [];
-          sendSSE('done', { content: finalResponse, screenshotFiles: ssFiles, browserThumbs });
+          sendSSE('done', { content: finalResponse, screenshotFiles: ssFiles, browserThumbs, inlineHtml: inlineEmbeds || '' });
         } catch (e) {
           sendSSE('error', { message: e.message });
         }

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

package/src/services/web-ui.mjs

@@ -495,7 +495,11 @@ function renderMessages(){
     // Fork navigation placeholder (filled after render by loadForkInfo)
     if(m.id){acts+='<span class="msg__fork" data-node-id="'+m.id+'"></span>';}
     acts+='</div>';
-    h+='<div class="msg msg--'+esc(m.role)+'"><div class="msg__label">'+esc(m.role==='user'?'You':'NHA')+'</div><div class="msg__bubble">'+content+'</div>'+acts+'</div>';
+    var inlineBlock='';
+    if(isA&&m.inlineHtml){
+      inlineBlock=m.inlineHtml.replace(/\\[INLINE_CARD\\]([\\s\\S]*?)\\[\\/INLINE_CARD\\]/g,function(_,htm){return '<div class="inline-card">'+htm+'</div>';}).replace(/\\[INLINE_BROWSER\\]([^|]+)\\|([^\\]]+)\\[\\/INLINE_BROWSER\\]/g,function(_,file,url){return '<div class="inline-browser"><div class="inline-browser-bar"><span class="inline-browser-dot"></span><span class="inline-browser-dot"></span><span class="inline-browser-dot"></span><span class="inline-browser-url">'+esc(url)+'</span></div><img src="/api/screenshots/'+esc(file)+'" alt="'+esc(url)+'"></div>';});
+    }
+    h+='<div class="msg msg--'+esc(m.role)+'"><div class="msg__label">'+esc(m.role==='user'?'You':'NHA')+'</div><div class="msg__bubble">'+content+'</div>'+inlineBlock+acts+'</div>';
   });
   el.innerHTML=h;el.scrollTop=el.scrollHeight;
   // Load fork info for messages that have IDs
@@ -742,18 +746,31 @@ function canvasCopyImage(){
   var f=document.getElementById('canvasFrame');
   if(!f){alert('No canvas frame');return;}
   try{
-    var w=f.offsetWidth||800;var h=f.offsetHeight||400;
-    var canvas=document.createElement('canvas');canvas.width=w*2;canvas.height=h*2;
-    var ctx=canvas.getContext('2d');ctx.scale(2,2);
-    ctx.fillStyle='#0a0a0a';ctx.fillRect(0,0,w,h);
+    // Ask the iframe to capture itself via postMessage
+    // Inject a capture script into the iframe
     var d=getConvCanvasData();var item=d.canvases[canvasIdx];
     if(!item){alert('No canvas');return;}
-    var cleanHtml=item.html.replace(/<script[^>]*>[\\s\\S]*?<\\/script>/gi,'');
-    var svgStr='<svg xmlns="http://www.w3.org/2000/svg" width="'+w+'" height="'+h+'"><foreignObject width="100%25" height="100%25"><div xmlns="http://www.w3.org/1999/xhtml" style="background:%230a0a0a">'+cleanHtml+'</div></foreignObject></svg>';
-    var img=new Image();
-    img.onload=function(){ctx.drawImage(img,0,0,w,h);canvas.toBlob(function(blob){if(blob){navigator.clipboard.write([new ClipboardItem({'image/png':blob})]).then(function(){alert('Image copied!')}).catch(function(){var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='canvas.png';a.click();});}},'image/png');};
-    img.onerror=function(){alert('Image copy failed — use HTML button instead');};
-    img.src='data:image/svg+xml;charset=utf-8,'+encodeURIComponent(svgStr);
+    // Re-render with capture script added
+    var captureScript='<script>window.addEventListener("message",function(e){if(e.data==="capture"){try{var c=document.querySelector("canvas");if(c){window.parent.postMessage({type:"canvasCapture",dataUrl:c.toDataURL("image/png")},"*");return;}import("https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js").then(function(m){return m.default||window.html2canvas}).then(function(h2c){h2c(document.body,{backgroundColor:"#0a0a0a",scale:2}).then(function(cv){window.parent.postMessage({type:"canvasCapture",dataUrl:cv.toDataURL("image/png")},"*")})}).catch(function(){window.parent.postMessage({type:"canvasCapture",error:"Capture failed"},"*")})}catch(err){window.parent.postMessage({type:"canvasCapture",error:err.message},"*")}}});<\\/script>';
+    var htmlWithCapture=item.html.replace('</body>',captureScript+'</body>');
+    if(htmlWithCapture===item.html)htmlWithCapture=item.html+captureScript;
+    f.srcdoc=htmlWithCapture;
+    // Listen for the capture response
+    var handler=function(e){
+      if(e.data&&e.data.type==='canvasCapture'){
+        window.removeEventListener('message',handler);
+        if(e.data.error){alert('Capture failed: '+e.data.error);return;}
+        // Convert dataUrl to blob and copy/download
+        fetch(e.data.dataUrl).then(function(r){return r.blob()}).then(function(blob){
+          navigator.clipboard.write([new ClipboardItem({'image/png':blob})]).then(function(){alert('Image copied!')}).catch(function(){
+            var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='canvas.png';a.click();alert('Image downloaded as canvas.png');
+          });
+        });
+      }
+    };
+    window.addEventListener('message',handler);
+    // Wait for iframe to load, then trigger capture
+    setTimeout(function(){f.contentWindow.postMessage('capture','*')},1500);
   }catch(e){alert('Copy failed: '+e.message);}
 }
 function toggleCanvasSize(){
@@ -946,7 +963,7 @@ function sendChat(){
                 if(data.markers.indexOf('[CANVAS_CLEAR]')!==-1)closeCanvas();
               }
               if(currentEvent==='tool_synthesis'){chatHistory[streamIdx].content='';renderMessages();}
-              if(currentEvent==='done'){endStreaming();if(data.content){chatHistory[streamIdx].content=data.content.replace(/<think>[\\s\\S]*?<\\/think>/g,'').trim();}else{chatHistory[streamIdx].content=chatHistory[streamIdx].content.replace(/<think>[\\s\\S]*?<\\/think>/g,'').trim();}var ssf=data.screenshotFiles||[];for(var fi=0;fi<ssf.length;fi++){chatHistory[streamIdx].content+='\\n![Screenshot](/api/screenshots/'+ssf[fi]+')\\n';}var bt=data.browserThumbs||[];if(bt.length>0){var cd=getConvCanvasData();for(var bti=0;bti<bt.length;bti++){var exists=cd.browsers.some(function(b){return b.file===bt[bti].file;});if(!exists)cd.browsers.push({file:bt[bti].file,url:bt[bti].url,ts:new Date().toLocaleTimeString()});}browserIdx=cd.browsers.length-1;saveCanvasData();}renderMessages();loadConvList();if(activeConvId){setTimeout(function(){loadConv(activeConvId);},500);}}
+              if(currentEvent==='done'){endStreaming();if(data.content){chatHistory[streamIdx].content=data.content.replace(/<think>[\\s\\S]*?<\\/think>/g,'').trim();}else{chatHistory[streamIdx].content=chatHistory[streamIdx].content.replace(/<think>[\\s\\S]*?<\\/think>/g,'').trim();}var ssf=data.screenshotFiles||[];for(var fi=0;fi<ssf.length;fi++){chatHistory[streamIdx].content+='\\n![Screenshot](/api/screenshots/'+ssf[fi]+')\\n';}if(data.inlineHtml){chatHistory[streamIdx].inlineHtml=data.inlineHtml;}var bt=data.browserThumbs||[];if(bt.length>0){var cd=getConvCanvasData();for(var bti=0;bti<bt.length;bti++){var exists=cd.browsers.some(function(b){return b.file===bt[bti].file;});if(!exists)cd.browsers.push({file:bt[bti].file,url:bt[bti].url,ts:new Date().toLocaleTimeString()});}browserIdx=cd.browsers.length-1;saveCanvasData();}renderMessages();loadConvList();if(activeConvId){setTimeout(function(){loadConv(activeConvId);},500);}}
               if(currentEvent==='error'){endStreaming();chatHistory[streamIdx].content='Error: '+(data.message||'Unknown');renderMessages();}
             }catch(e){}
           }