nothumanallowed 12.1.3 → 12.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "12.1.3",
+  "version": "12.3.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

@@ -1904,8 +1904,62 @@ export async function cmdUI(args) {
               toolResults.push({ action, result: resultStr });
               sendSSE('tool', { action, status: 'done', result: typeof resultStr === 'string' ? resultStr.slice(0, 500) : '' });
 
+              // After web_search: open first result in browser + embed inline card + inline browser
+              if (action === 'web_search' && resultStr.length > 50) {
+                try {
+                  // Extract first URL from results
+                  const urlMatch = resultStr.match(/https?:\/\/[^\s)<]+/);
+                  let inlineBrowserMarker = '';
+
+                  if (urlMatch) {
+                    const be = await import('../services/browser-engine.mjs');
+                    sendSSE('tool', { action: 'browser_open', status: 'executing' });
+                    await be.browserOpen(urlMatch[0]);
+                    sendSSE('tool', { action: 'browser_open', status: 'done', result: 'Opened ' + urlMatch[0] });
+                    await new Promise(r => setTimeout(r, 1500));
+                    const frame = await be.browserScreenshot({ fullPage: false, format: 'jpeg', quality: 50 });
+                    if (!frame.error) {
+                      const info = await be.browserInfo();
+                      const thumbDir = path.join(NHA_DIR, 'screenshots');
+                      fs.mkdirSync(thumbDir, { recursive: true });
+                      const thumbFile = `thumb-${Date.now()}.jpg`;
+                      fs.writeFileSync(path.join(thumbDir, thumbFile), Buffer.from(frame.base64, 'base64'));
+                      if (!res._browserThumbs) res._browserThumbs = [];
+                      res._browserThumbs.push({ file: thumbFile, url: (info.url || '').slice(0, 80) });
+                      // Also send for floating panel (backwards compat)
+                      sendSSE('browser_frame', { file: thumbFile, format: 'jpeg', url: (info.url || '').slice(0, 80) });
+                      // Inline browser marker — will be embedded in the response
+                      inlineBrowserMarker = `[INLINE_BROWSER]${thumbFile}|${(info.url || urlMatch[0]).slice(0, 80)}[/INLINE_BROWSER]`;
+                    }
+                  }
+
+                  // Build inline card with structured search results
+                  const lines = resultStr.split('\n').filter(l => l.trim());
+                  let cardHtml = '<div style="font-family:system-ui;font-size:13px">';
+                  lines.slice(0, 8).forEach(l => {
+                    const um = l.match(/https?:\/\/[^\s)]+/);
+                    const title = l.replace(/^\d+\.\s*/, '').replace(/https?:\/\/\S+/g, '').replace(/<[^>]+>/g, '').trim();
+                    if (title) {
+                      cardHtml += '<div style="padding:8px 10px;border-bottom:1px solid #1e1e1e">';
+                      if (um) cardHtml += '<a href="' + um[0] + '" target="_blank" style="color:#00e5ff;text-decoration:none;font-size:13px">';
+                      cardHtml += title.replace(/&/g, '&amp;').replace(/</g, '&lt;');
+                      if (um) cardHtml += '<div style="font-size:10px;color:#555;margin-top:2px">' + um[0].replace(/&/g, '&amp;').replace(/</g, '&lt;') + '</div></a>';
+                      cardHtml += '</div>';
+                    }
+                  });
+                  cardHtml += '</div>';
+
+                  // Append inline markers to the tool result so they end up in the response
+                  if (inlineBrowserMarker || cardHtml.length > 50) {
+                    const inlineMarkers = (inlineBrowserMarker ? inlineBrowserMarker + '\n' : '') + '[INLINE_CARD]' + cardHtml + '[/INLINE_CARD]';
+                    // Append to the last tool result so LLM includes it in response
+                    toolResults[toolResults.length - 1].result += '\n' + inlineMarkers;
+                  }
+                } catch { /* non-critical */ }
+              }
+
               // Send live browser frame after browser/search/fetch actions — save as thumbnail file for persistence
-              if ((action.startsWith('browser_') && action !== 'browser_close') || action === 'web_search' || action === 'fetch_url') {
+              if ((action.startsWith('browser_') && action !== 'browser_close') || action === 'fetch_url') {
                 try {
                   const be = await import('../services/browser-engine.mjs');
                   if (be.isBrowserRunning()) {

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

package/src/services/web-ui.mjs

@@ -112,6 +112,15 @@ input:focus,textarea:focus{border-color:var(--green3)}
 .tool-indicator--web{border-color:var(--cyan);color:var(--cyan)}
 .tool-indicator--email{border-color:var(--green3);color:var(--green)}
 .screenshot-preview{max-width:100%;border-radius:var(--r);margin:8px 0;border:1px solid var(--border)}
+.inline-card{margin:12px 0;padding:0;border-radius:10px;border:1px solid var(--border);overflow:hidden;background:var(--bg2)}
+.inline-card iframe{width:100%;height:280px;border:none;border-radius:0 0 10px 10px}
+.inline-card a{color:var(--cyan);text-decoration:none}
+.inline-card a:hover{text-decoration:underline}
+.inline-browser{margin:12px 0;border-radius:10px;border:1px solid var(--green3);overflow:hidden;background:#000}
+.inline-browser-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg);border-bottom:1px solid var(--border)}
+.inline-browser-dot{width:8px;height:8px;border-radius:50%;background:var(--border2)}
+.inline-browser-url{font-family:var(--mono);font-size:10px;color:var(--dim);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.inline-browser img{width:100%;display:block}
 .browser-viewer{position:fixed;top:12px;left:12px;width:440px;background:var(--bg2);border:2px solid #9c27b0;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,0.6);z-index:300;overflow:hidden;display:none;transition:all .3s ease}
 .browser-viewer--open{display:block}
 .browser-viewer__header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#1a1a2e;border-bottom:1px solid #9c27b0;font-size:10px;color:#ce93d8}
@@ -466,6 +475,10 @@ function renderMessages(){
       var cm=raw.match(/\\[CANVAS_RENDER\\]([\\s\\S]*?)\\[\\/CANVAS_RENDER\\]/);
       if(cm){try{var cd=JSON.parse(cm[1]);showCanvas(cd.html,cd.title);}catch(e){} raw=raw.replace(/\\[CANVAS_RENDER\\][\\s\\S]*?\\[\\/CANVAS_RENDER\\]/,'').trim();}
       if(raw.indexOf('[CANVAS_CLEAR]')!==-1){closeCanvas();raw=raw.replace(/\\[CANVAS_CLEAR\\][\\s\\S]*?\\[\\/CANVAS_CLEAR\\]/,'').trim();}
+      // Inline cards — rendered as embedded HTML inside the message
+      raw=raw.replace(/\\[INLINE_CARD\\]([\\s\\S]*?)\\[\\/INLINE_CARD\\]/g,function(_,html){return '<div class="inline-card">'+html+'</div>';});
+      // Inline browser frame — rendered as embedded image inside the message
+      raw=raw.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>';});
       // Handle screenshot file markers
       var sm=raw.match(/\\[SCREENSHOT_FILE\\](.*?)\\[\\/SCREENSHOT_FILE\\]/);
       if(sm){var fn=sm[1].split('/').pop();raw=raw.replace(/\\[SCREENSHOT_FILE\\].*?\\[\\/SCREENSHOT_FILE\\]/,'');raw='![Screenshot](/api/screenshots/'+fn+')\\n'+raw;}