nothumanallowed 13.2.65 → 13.2.67

package/package.json

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

package/src/services/web-ui.mjs

@@ -420,8 +420,11 @@ function renderMessages(){
     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)+'" onclick="openLightbox(this.src)" style="cursor:zoom-in"></div>';});
     }
+    var isStreaming=isA&&(m.content==='Thinking...'||m.content==='');
     var bubbleCls=isA?'msg__bubble md-body':'msg__bubble';
-    h+='<div class="msg msg--'+esc(m.role)+'"><div class="msg__label">'+esc(m.role==='user'?'You':'NHA')+'</div><div class="'+bubbleCls+'">'+content+'</div>'+inlineBlock+acts+'</div>';
+    var displayContent=isStreaming?'<div class="typing-dots"><span></span><span></span><span></span></div>':content;
+    var streamCls=isStreaming?' msg--streaming':'';
+    h+='<div class="msg msg--'+esc(m.role)+streamCls+'"><div class="msg__label">'+esc(m.role==='user'?'You':'NHA')+'</div><div class="'+bubbleCls+'">'+displayContent+'</div>'+inlineBlock+acts+'</div>';
   });
   el.innerHTML=h;el.scrollTop=el.scrollHeight;
   // Load fork info for messages that have IDs
@@ -882,7 +885,7 @@ function sendChat(){
                   displayContent=displayContent.replace(/<think>[\\s\\S]*?<\\/think>/g,'').trim();
                 }
                 var el=document.getElementById('chatMessages');
-                if(el){var msgs=el.querySelectorAll('.msg');var last=msgs[msgs.length-1];if(last){var bub=last.querySelector('.msg__bubble');if(bub){bub.className='msg__bubble md-body';bub.innerHTML=isThinking?displayContent:renderMd(displayContent)||'Thinking...';}}el.scrollTop=el.scrollHeight;}
+                if(el){var msgs=el.querySelectorAll('.msg');var last=msgs[msgs.length-1];if(last){last.classList.add('msg--streaming');var bub=last.querySelector('.msg__bubble');if(bub){bub.className='msg__bubble md-body';var renderedContent=isThinking?displayContent:renderMd(displayContent);bub.innerHTML=renderedContent||'<div class="typing-dots"><span></span><span></span><span></span></div>';}}el.scrollTop=el.scrollHeight;}
               }
               if(currentEvent==='tool'){
                 var toolLabels={browser_open:'Opening page',browser_screenshot:'Taking screenshot',browser_click:'Clicking element',browser_type:'Typing text',browser_extract:'Extracting content',browser_js:'Running JavaScript',browser_wait:'Waiting for element',browser_scroll:'Scrolling page',browser_key:'Pressing key',browser_close:'Closing browser',web_search:'Searching the web',fetch_url:'Fetching URL',gmail_list:'Searching emails',gmail_read:'Reading email',gmail_send:'Sending email',calendar_today:'Loading calendar',calendar_create:'Creating event'};
@@ -3238,6 +3241,8 @@ function studioReset() {
   studioState.canvas = null;
   studioState.running = false;
   studioState.planned = false;
+  studioState.attachmentContext = '';
+  studioState.attachmentName = '';
   studioTokens = {in:0, out:0};
   var nudgeEl = document.getElementById(\x27studioParliamentNudge\x27);
   if (nudgeEl) nudgeEl.remove();
@@ -3250,6 +3255,42 @@ function studioReset() {
   renderStudioResult();
 }
 
+function studioClearAttach() {
+  studioState.attachmentContext = '';
+  studioState.attachmentName = '';
+  var badge = document.getElementById('studioAttachBadge');
+  if (badge) badge.remove();
+  var fi = document.getElementById('studioFileInput');
+  if (fi) fi.value = '';
+}
+
+function studioHandleAttach(file) {
+  if (!file) return;
+  var name = file.name;
+  var isPdf = name.toLowerCase().endsWith('.pdf');
+  var isImg = /\.(png|jpe?g|gif|webp)$/i.test(name);
+  if (!isPdf && !isImg) { alert('Supported: PDF, PNG, JPG, GIF, WEBP'); return; }
+
+  var reader = new FileReader();
+  reader.onload = function(ev) {
+    var dataUrl = ev.target.result;
+    studioState.attachmentName = name;
+    studioState.attachmentContext = (isPdf ? '[ATTACHED PDF: ' : '[ATTACHED IMAGE: ') + name + ']\nBase64: ' + dataUrl;
+    // Show badge inline without full re-render
+    var inputRow = document.querySelector('.studio-input-row');
+    if (inputRow) {
+      var existing = document.getElementById('studioAttachBadge');
+      if (existing) existing.remove();
+      var badge = document.createElement('div');
+      badge.id = 'studioAttachBadge';
+      badge.style.cssText = 'display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--greendim);border:1px solid var(--green3);border-radius:6px;margin-bottom:6px;font-size:11px;color:var(--green);font-family:var(--mono)';
+      badge.innerHTML = '&#128206; ' + esc(name) + ' <span onclick="studioClearAttach()" style="cursor:pointer;color:var(--dim);font-size:13px;margin-left:4px" title="Remove">&#215;</span>';
+      inputRow.insertBefore(badge, inputRow.children[1]);
+    }
+  };
+  reader.readAsDataURL(file);
+}
+
 var STUDIO_EXAMPLES = [
   'Analyze my unread emails and create a priority action plan',
   'Search the web for AI news today and summarize it in a canvas report',
@@ -3395,11 +3436,17 @@ function downloadStudioPDF() {
     '<div class="footer-bar">NHA Studio &nbsp;·&nbsp; nothumanallowed.com &nbsp;·&nbsp; ' + today + '</div>' +
   '</body></html>';
 
-  var win = window.open('', '_blank');
-  if (!win) { alert('Popup bloccato — abilita i popup per scaricare il PDF'); return; }
-  win.document.write(html);
-  win.document.close();
-  win.onload = function() { setTimeout(function(){ win.print(); }, 300); };
+  // Use Blob URL to avoid popup blockers — opens in new tab, user can Cmd+P to print as PDF
+  var blob = new Blob([html], {type: 'text/html'});
+  var url = URL.createObjectURL(blob);
+  var a = document.createElement('a');
+  a.href = url;
+  a.target = '_blank';
+  a.download = (studioState.task || 'NHA Studio Report').slice(0, 60).replace(/[^a-z0-9\s]/gi,'').trim().replace(/\s+/g,'-') + '.html';
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+  setTimeout(function(){ URL.revokeObjectURL(url); }, 5000);
 }
 
 function renderStudioResult() {
@@ -3450,6 +3497,7 @@ async function runStudio() {
   studioState.canvas = null;
   studioState.running = true;
   studioState.planned = false;
+  // Keep attachmentContext — it was loaded before hitting Run
   renderStudioNodes();
   renderStudioLog();
   renderStudioResult();
@@ -3468,7 +3516,10 @@ async function runStudio() {
 
   try {
     // Step 1: plan the workflow
-    var planRes = await apiPost('/api/studio/plan', {task: task});
+    var taskForPlan = studioState.attachmentContext
+      ? task + '\n\n[User has attached a file: ' + studioState.attachmentName + '. Agents will receive the full content.]'
+      : task;
+    var planRes = await apiPost('/api/studio/plan', {task: taskForPlan});
     if (!planRes || !planRes.steps || !planRes.steps.length) {
       studioLog('Studio', '&#9888;', 'Could not plan workflow. Check your LLM provider config.', 'error');
       studioState.running = false;
@@ -3728,7 +3779,11 @@ function runStudioStep(idx, node, task, context, stepDef, signal) {
   return new Promise(function(resolve) {
     var output = '';
     var canvasHtml = null;
-    var body = JSON.stringify({stepIdx: idx, agent: node.agent, task: task, context: context, stepDef: stepDef});
+    // Inject attachment context into first step (idx===0) if present
+    var effectiveContext = (idx === 0 && studioState.attachmentContext)
+      ? (studioState.attachmentContext + (context ? '\n\n' + context : ''))
+      : context;
+    var body = JSON.stringify({stepIdx: idx, agent: node.agent, task: task, context: effectiveContext, stepDef: stepDef});
     var fetchOpts = {method: 'POST', headers: {'Content-Type': 'application/json'}, body: body};
     if (signal) fetchOpts.signal = signal;
 
@@ -3901,7 +3956,10 @@ function renderStudio(el) {
           '</div>' +
           '<div class="studio-input-row">' +
             '<textarea id="studioTaskInput" placeholder="' + t('placeholder_studio') + '" onkeydown="if(event.key===\\x27Enter\\x27&&(event.ctrlKey||event.metaKey)){runStudio();event.preventDefault()}">' + esc(studioState.task) + '</textarea>' +
+            (studioState.attachmentName ? '<div id="studioAttachBadge" style="display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--greendim);border:1px solid var(--green3);border-radius:6px;margin-bottom:6px;font-size:11px;color:var(--green);font-family:var(--mono)">&#128206; ' + esc(studioState.attachmentName) + ' <span onclick="studioClearAttach()" style="cursor:pointer;color:var(--dim);font-size:13px;margin-left:4px" title="Rimuovi">&#215;</span></div>' : '') +
+            '<input type="file" id="studioFileInput" accept=".pdf,.png,.jpg,.jpeg,.gif,.webp" style="display:none" onchange="studioHandleAttach(this.files[0])">' +
             '<div style="display:flex;gap:6px">' +
+              '<button onclick="document.getElementById(\\x27studioFileInput\\x27).click()" title="Attach PDF or image" style="padding:8px 10px;background:none;border:1px solid var(--border);border-radius:8px;color:var(--dim);cursor:pointer;font-size:15px" ' + (studioState.running ? 'disabled' : '') + '>&#128206;</button>' +
               '<button id="studioRunBtn" class="studio-run-btn" onclick="runStudio()" style="flex:1" ' + (studioState.running ? 'disabled' : '') + '>' + t('run') + '</button>' +
               '<button id="studioStopBtn" onclick="stopStudio()" title="' + t('stop') + '" style="padding:8px 14px;background:#7f1d1d;border:1px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap;' + (studioState.running ? '' : 'display:none') + '">&#9632; ' + t('stop') + '</button>' +
               '<button onclick="studioReset()" title="' + t('reset') + '" style="padding:8px 12px;background:none;border:1px solid var(--border);border-radius:8px;color:var(--dim);cursor:pointer;font-size:16px;line-height:1" ' + (studioState.running ? 'disabled' : '') + '>&#8635;</button>' +
@@ -4144,6 +4202,10 @@ function init(){
   if(bv)makeDraggable(bv,\x27.browser-viewer__header\x27);
   var cp=document.getElementById('canvasPanel');
   if(cp)makeDraggable(cp,\x27.cvs-header\x27);
+  // Telemetry ping — fire and forget
+  setTimeout(function(){
+    fetch(\x27https://nothumanallowed.com/api/v1/telemetry/ping\x27,{method:\x27POST\x27,headers:{\x27Content-Type\x27:\x27application/json\x27},body:JSON.stringify({platform:\x27web-ui\x27,version:VERSION})}).catch(function(){});
+  },3000);
 }
 init();
 `;
@@ -4248,9 +4310,15 @@ 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;line-height:1.5}
+.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;min-height:40px;min-width:60px}
 .msg--assistant .msg__bubble img{max-width:100%;border-radius:8px;margin:8px 0;border:1px solid rgba(0,255,65,0.2)}
+.msg--assistant.msg--streaming .msg__bubble{border-color:var(--green);box-shadow:0 0 8px rgba(0,255,65,0.15)}
 .msg__label{font-size:10px;color:var(--dim);margin-bottom:2px}
+.typing-dots{display:inline-flex;align-items:center;gap:4px;padding:4px 0}
+.typing-dots span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);opacity:0.3;animation:tdot 1.2s ease-in-out infinite}
+.typing-dots span:nth-child(2){animation-delay:0.2s}
+.typing-dots span:nth-child(3){animation-delay:0.4s}
+@keyframes tdot{0%,80%,100%{opacity:0.2;transform:scale(0.8)}40%{opacity:1;transform:scale(1.2)}}
 .msg__actions{display:flex;gap:6px;margin-top:4px;opacity:0.4;transition:opacity 0.2s}
 .msg:hover .msg__actions{opacity:1}
 .msg__actions button{background:none;border:none;color:var(--dim);cursor:pointer;font-size:10px;font-family:var(--mono);padding:2px 4px}