nothumanallowed 12.4.0 → 12.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "12.4.0",
+  "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.0';
+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
@@ -729,8 +733,7 @@ function closeCanvas(){var p=document.getElementById('canvasPanel');if(p)p.class
 function canvasCopyText(){
   var d=getConvCanvasData();var item=d.canvases[canvasIdx];
   if(!item){alert('No canvas content');return;}
-  // Extract text from the HTML
-  var tmp=document.createElement('div');tmp.innerHTML=item.html.replace(/<script[\s\S]*?<\/script>/gi,'');
+  var tmp=document.createElement('div');tmp.innerHTML=item.html.replace(/<script[^>]*>[\\s\\S]*?<\\/script>/gi,'');
   var text=tmp.textContent||tmp.innerText||'';
   navigator.clipboard.writeText(text).then(function(){alert('Text copied!')}).catch(function(){alert('Copy failed')});
 }
@@ -743,33 +746,32 @@ function canvasCopyImage(){
   var f=document.getElementById('canvasFrame');
   if(!f){alert('No canvas frame');return;}
   try{
-    // Use html2canvas approach — render iframe to canvas then copy
-    var iframe=f;
-    // For sandboxed iframes, we capture via srcdoc render
-    var w=iframe.offsetWidth||800;var h=iframe.offsetHeight||400;
-    var canvas=document.createElement('canvas');canvas.width=w*2;canvas.height=h*2;
-    var ctx=canvas.getContext('2d');ctx.scale(2,2);
-    // Draw white background
-    ctx.fillStyle='#0a0a0a';ctx.fillRect(0,0,w,h);
-    // Render the srcdoc HTML to an image via SVG foreignObject
+    // 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 svg='<svg xmlns="http://www.w3.org/2000/svg" width="'+w+'" height="'+h+'"><foreignObject width="100%" height="100%"><div xmlns="http://www.w3.org/1999/xhtml" style="background:#0a0a0a">'+item.html.replace(/<script[\s\S]*?<\/script>/gi,'')+'</div></foreignObject></svg>';
-    var img=new Image();
-    img.onload=function(){
-      ctx.drawImage(img,0,0,w,h);
-      canvas.toBlob(function(blob){
-        if(blob){
+    // 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(){
-            // Fallback: download
-            var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='canvas.png';a.click();
+            var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='canvas.png';a.click();alert('Image downloaded as canvas.png');
           });
-        }
-      },'image/png');
+        });
+      }
     };
-    img.onerror=function(){alert('Image render failed — try Copy HTML instead');};
-    img.src='data:image/svg+xml;charset=utf-8,'+encodeURIComponent(svg);
-  }catch(e){alert('Image copy failed: '+e.message);}
+    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(){
   var p=document.getElementById('canvasPanel');if(!p)return;
@@ -961,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){}
           }