nothumanallowed 12.4.1 → 12.5.1

package/package.json

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

@@ -14,7 +14,7 @@ export function getHTML(port) {
   --bg:#0a0a0a;--bg2:#111;--bg3:#1a1a1a;--bg4:#222;
   --green:#00ff41;--green2:#00cc33;--green3:#00aa28;--greendim:#0a3a12;
   --cyan:#00e5ff;--amber:#ffb300;--red:#ff1744;
-  --text:#c8c8c8;--dim:#666;--bright:#fff;
+  --text:#d4d4d8;--dim:#9ca3af;--bright:#fff;
   --border:#1e1e1e;--border2:#333;
   --font:'JetBrains Mono','Fira Code','SF Mono','Consolas',monospace;
   --r:6px;
@@ -93,7 +93,7 @@ input:focus,textarea:focus{border-color:var(--green3)}
 .chat__empty-hint{font-size:11px;margin-top:12px}
 .msg{margin-bottom:12px}
 .msg--user .msg__bubble{background:var(--bg3);border:1px solid var(--border2);border-radius:8px 8px 2px 8px;padding:10px 14px;max-width:85%;margin-left:auto;color:var(--bright)}
-.msg--assistant .msg__bubble{background:var(--greendim);border:1px solid var(--green3);border-radius:8px 8px 8px 2px;padding:10px 14px;max-width:85%;color:var(--text);white-space:pre-wrap;word-wrap:break-word}
+.msg--assistant .msg__bubble{background:var(--greendim);border:1px solid var(--green3);border-radius:8px 8px 8px 2px;padding:10px 14px;max-width:85%;color:var(--text);white-space:pre-wrap;word-wrap:break-word;line-height:1.5}
 .msg--assistant .msg__bubble img{max-width:100%;border-radius:8px;margin:8px 0;border:1px solid rgba(0,255,65,0.2)}
 .msg__label{font-size:10px;color:var(--dim);margin-bottom:2px}
 .msg__actions{display:flex;gap:6px;margin-top:4px;opacity:0.4;transition:opacity 0.2s}
@@ -135,9 +135,21 @@ input:focus,textarea:focus{border-color:var(--green3)}
 @media(max-width:600px){.browser-viewer{width:calc(100vw - 24px);top:8px;left:8px}}
 @media(min-width:901px){.browser-viewer{left:232px}}
 .chat__bar{display:flex;gap:8px;padding:10px 0 12px 0;border-top:1px solid var(--border);flex-shrink:0}
-.chat__input{flex:1;resize:none;min-height:40px;max-height:100px;padding:10px 14px}
-.chat__send{background:var(--green3);color:var(--bg);padding:10px 16px;border-radius:var(--r);font-weight:700;font-size:12px}
+.chat__input{flex:1;resize:none;min-height:44px;max-height:120px;padding:10px 14px;font-size:14px}
+.chat__send{background:var(--green3);color:var(--bg);padding:10px 20px;border-radius:var(--r);font-weight:700;font-size:14px}
 .chat__send:disabled{opacity:.4}
+
+/* ---- MOBILE TOUCH (Termux / small screens) ---- */
+@media(max-width:600px){
+  .msg--user .msg__bubble,.msg--assistant .msg__bubble{font-size:14px;padding:12px 14px;max-width:92%;line-height:1.55}
+  .msg__label{font-size:11px}
+  .chat__input{min-height:48px;font-size:15px;padding:12px 14px}
+  .chat__send{padding:12px 20px;font-size:15px}
+  .chat__empty-title{font-size:22px}
+  .header{padding:10px 12px}
+  .header__title{font-size:15px}
+  .content{padding:10px}
+}
 .chat__stop{background:var(--red);color:var(--bright);padding:10px 16px;border-radius:var(--r);font-weight:700;font-size:12px;display:none}
 .chat__stop--visible{display:block}
 
@@ -495,7 +507,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 +758,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 +975,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){}
           }