nothumanallowed 9.8.5 → 9.8.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "9.8.5",
+  "version": "9.8.6",
   "description": "NotHumanAllowed — 38 AI agents, 53 tools. Email, calendar, browser automation, screen capture, canvas, cron/heartbeat, GitHub, Notion, Slack, voice chat, 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 = '9.8.5';
+export const VERSION = '9.8.6';
 export const BASE_URL = 'https://nothumanallowed.com/cli';
 export const API_BASE = 'https://nothumanallowed.com/api/v1';
 

package/src/services/web-ui.mjs

@@ -257,11 +257,11 @@ function showBrowserViewer(title,status){
   var t=document.getElementById('bvTitle');if(t)t.textContent=title||'Browser';
   var s=document.getElementById('bvStatus');if(s)s.textContent=status||'Loading...';
 }
-function updateBrowserFrame(base64,format){
+function updateBrowserFrame(base64,format,url){
   var f=document.getElementById('bvFrame');if(!f)return;
   f.innerHTML='<img src="data:image/'+(format||'jpeg')+';base64,'+base64+'" alt="Browser view">';
-  // Also save to canvas browser tab
-  lastBrowserFrame=base64;
+  // Save to per-conversation browser history for canvas Browser tab
+  addBrowserPage(base64,url);
 }
 function updateBrowserStatus(status){
   var s=document.getElementById('bvStatus');if(s)s.textContent=status;
@@ -271,7 +271,7 @@ function closeBrowserViewer(){
 }
 
 function loadConvList(){return apiGet('/api/conversations').then(function(r){convList=(r&&r.conversations)||[];renderConvSidebar();})}
-function loadConv(id){return apiGet('/api/conversations/'+id).then(function(r){if(r&&r.conversation){activeConvId=r.conversation.id;chatHistory=r.conversation.messages||[];renderMessages();renderConvSidebar();}})}
+function loadConv(id){return apiGet('/api/conversations/'+id).then(function(r){if(r&&r.conversation){activeConvId=r.conversation.id;chatHistory=r.conversation.messages||[];renderMessages();renderConvSidebar();onConversationSwitch();}})}
 function createNewConv(){return apiPost('/api/conversations',{}).then(function(r){if(r&&r.conversation){activeConvId=r.conversation.id;chatHistory=[];renderMessages();loadConvList();}})}
 function deleteConv(id){return fetch(API+'/api/conversations/'+id,{method:'DELETE'}).then(function(){loadConvList();if(id===activeConvId)createNewConv();})}
 function clearChatHistory(){createNewConv()}
@@ -524,58 +524,121 @@ function clearChatAttach(){
   document.getElementById('chatImageInput').value='';
 }
 
-// ---- CANVAS (with history + browser viewer) ----
-var canvasHistory=[];  // [{html,title,timestamp}]
-var canvasIdx=-1;      // current index in history
-var canvasMode='canvas'; // 'canvas' or 'browser'
-var lastBrowserFrame=null;
+// ---- CANVAS + BROWSER (per-conversation history) ----
+var allCanvasData={};   // {convId: {canvases:[{html,title,ts}], browsers:[{base64,url,ts}]}}
+var canvasIdx=-1;
+var browserIdx=-1;
+var canvasMode='canvas';
+
+function getConvCanvasData(){
+  var id=activeConvId||'_default';
+  if(!allCanvasData[id])allCanvasData[id]={canvases:[],browsers:[]};
+  return allCanvasData[id];
+}
 
 function showCanvas(html,title){
-  // Save to history
-  canvasHistory.push({html:html,title:title||'Canvas',timestamp:new Date().toLocaleTimeString()});
-  canvasIdx=canvasHistory.length-1;
+  var d=getConvCanvasData();
+  d.canvases.push({html:html,title:title||'Canvas',ts:new Date().toLocaleTimeString()});
+  canvasIdx=d.canvases.length-1;
   canvasMode='canvas';
   renderCanvasPanel();
-  // Persist canvas history to localStorage
-  try{localStorage.setItem('nha_canvas_history',JSON.stringify(canvasHistory.slice(-20)));}catch(e){}
+  saveCanvasData();
+}
+
+function addBrowserPage(base64,url){
+  var d=getConvCanvasData();
+  // Avoid duplicates (same URL in a row)
+  if(d.browsers.length>0&&d.browsers[d.browsers.length-1].url===url)return;
+  d.browsers.push({base64:base64,url:url||'Browser',ts:new Date().toLocaleTimeString()});
+  browserIdx=d.browsers.length-1;
+  saveCanvasData();
+}
+
+function saveCanvasData(){
+  // Save only canvas HTML (not browser base64 — too large) per conversation
+  try{
+    var save={};
+    for(var id in allCanvasData){
+      if(allCanvasData[id].canvases.length>0){
+        save[id]={canvases:allCanvasData[id].canvases.slice(-20)};
+      }
+    }
+    localStorage.setItem('nha_canvas_data',JSON.stringify(save));
+  }catch(e){}
+}
+
+function loadCanvasData(){
+  try{
+    var saved=localStorage.getItem('nha_canvas_data');
+    if(saved){
+      var parsed=JSON.parse(saved);
+      for(var id in parsed){
+        if(!allCanvasData[id])allCanvasData[id]={canvases:[],browsers:[]};
+        allCanvasData[id].canvases=parsed[id].canvases||[];
+      }
+    }
+  }catch(e){}
 }
+loadCanvasData();
 
 function renderCanvasPanel(){
   var p=document.getElementById('canvasPanel');
   if(!p)return;
   p.classList.add('open');
-  var item=canvasMode==='browser'?null:canvasHistory[canvasIdx];
-  // Update header
+  var d=getConvCanvasData();
+  var list=canvasMode==='browser'?d.browsers:d.canvases;
+  var idx=canvasMode==='browser'?browserIdx:canvasIdx;
+  var item=list[idx];
+  // Header title
   var t=document.getElementById('canvasTitle');
   if(t){
-    if(canvasMode==='browser'){t.textContent='Browser';}
-    else if(item){t.textContent=item.title+(canvasHistory.length>1?' ('+(canvasIdx+1)+'/'+canvasHistory.length+')':'');}
-    else{t.textContent='Canvas';}
+    if(!item){t.textContent=canvasMode==='browser'?'No pages visited':'Empty canvas';}
+    else if(canvasMode==='browser'){t.textContent=(item.url||'Browser')+(list.length>1?' ('+(idx+1)+'/'+list.length+')':'');}
+    else{t.textContent=(item.title||'Canvas')+(list.length>1?' ('+(idx+1)+'/'+list.length+')':'');}
   }
-  // Update nav buttons visibility
+  // Nav arrows
   var navEl=document.getElementById('canvasNav');
-  if(navEl){navEl.style.display=canvasHistory.length>1&&canvasMode==='canvas'?'flex':'none';}
-  // Update tab buttons
+  if(navEl){navEl.style.display=list.length>1?'flex':'none';}
+  // Tab highlight
   var tabC=document.getElementById('canvasTabC');
   var tabB=document.getElementById('canvasTabB');
   if(tabC)tabC.style.borderBottom=canvasMode==='canvas'?'2px solid var(--green)':'none';
   if(tabB)tabB.style.borderBottom=canvasMode==='browser'?'2px solid var(--green)':'none';
-  // Render content
-  var f=document.getElementById('canvasFrame');
-  if(!f)return;
-  if(canvasMode==='browser'&&lastBrowserFrame){
-    var doc=f.contentDocument||f.contentWindow.document;
-    doc.open();doc.write('<html><body style="margin:0;background:#1a1a1a;display:flex;align-items:center;justify-content:center;height:100vh"><img src="data:image/jpeg;base64,'+lastBrowserFrame+'" style="max-width:100%;max-height:100%"/></body></html>');doc.close();
-  } else if(item){
-    var doc=f.contentDocument||f.contentWindow.document;
+  // Render iframe
+  var f=document.getElementById('canvasFrame');if(!f)return;
+  var doc=f.contentDocument||f.contentWindow.document;
+  if(!item){
+    doc.open();doc.write('<html><body style="margin:0;background:#111;display:flex;align-items:center;justify-content:center;height:100vh;font-family:monospace;color:#555"><div style="text-align:center"><div style="font-size:48px;margin-bottom:12px">&#x25A3;</div><div>No '+(canvasMode==='browser'?'pages visited':'canvas content')+'</div><div style="font-size:11px;margin-top:8px;color:#333">in this conversation</div></div></body></html>');doc.close();
+  } else if(canvasMode==='browser'){
+    doc.open();doc.write('<html><body style="margin:0;background:#1a1a1a;display:flex;align-items:center;justify-content:center;height:100vh"><img src="data:image/jpeg;base64,'+item.base64+'" style="max-width:100%;max-height:100%"/></body></html>');doc.close();
+  } else {
     doc.open();doc.write(item.html);doc.close();
   }
 }
 
-function canvasPrev(){if(canvasIdx>0){canvasIdx--;canvasMode='canvas';renderCanvasPanel();}}
-function canvasNext(){if(canvasIdx<canvasHistory.length-1){canvasIdx++;canvasMode='canvas';renderCanvasPanel();}}
-function canvasShowBrowser(){canvasMode='browser';renderCanvasPanel();}
-function canvasShowCanvas(){canvasMode='canvas';renderCanvasPanel();}
+function canvasPrev(){
+  var d=getConvCanvasData();
+  if(canvasMode==='browser'){if(browserIdx>0){browserIdx--;renderCanvasPanel();}}
+  else{if(canvasIdx>0){canvasIdx--;renderCanvasPanel();}}
+}
+function canvasNext(){
+  var d=getConvCanvasData();
+  if(canvasMode==='browser'){if(browserIdx<d.browsers.length-1){browserIdx++;renderCanvasPanel();}}
+  else{if(canvasIdx<d.canvases.length-1){canvasIdx++;renderCanvasPanel();}}
+}
+function canvasShowBrowser(){var d=getConvCanvasData();browserIdx=d.browsers.length-1;canvasMode='browser';renderCanvasPanel();}
+function canvasShowCanvas(){var d=getConvCanvasData();canvasIdx=d.canvases.length-1;canvasMode='canvas';renderCanvasPanel();}
+
+function onConversationSwitch(){
+  // Called when user switches conversation — update canvas panel
+  var p=document.getElementById('canvasPanel');
+  if(p&&p.classList.contains('open')){
+    var d=getConvCanvasData();
+    canvasIdx=d.canvases.length-1;
+    browserIdx=d.browsers.length-1;
+    renderCanvasPanel();
+  }
+}
 
 function reopenCanvas(){
   if(canvasHistory.length===0){
@@ -583,9 +646,18 @@ function reopenCanvas(){
     try{var saved=localStorage.getItem('nha_canvas_history');if(saved){canvasHistory=JSON.parse(saved);canvasIdx=canvasHistory.length-1;}}catch(e){}
   }
   if(canvasHistory.length>0){canvasIdx=canvasHistory.length-1;canvasMode='canvas';renderCanvasPanel();}
-  else if(lastBrowserFrame){canvasMode='browser';renderCanvasPanel();}
+  else if(d.browsers.length>0){canvasMode='browser';renderCanvasPanel();}
 }
 
+function reopenCanvas(){
+  var d=getConvCanvasData();
+  canvasIdx=d.canvases.length-1;
+  browserIdx=d.browsers.length-1;
+  if(d.canvases.length>0){canvasMode='canvas';}
+  else if(d.browsers.length>0){canvasMode='browser';}
+  else{canvasMode='canvas';} // show empty state
+  renderCanvasPanel();
+}
 function closeCanvas(){var p=document.getElementById('canvasPanel');if(p)p.classList.remove('open');}
 function toggleCanvasSize(){
   var p=document.getElementById('canvasPanel');if(!p)return;
@@ -694,15 +766,13 @@ function sendChat(){
                 renderMessages();
               }
               if(currentEvent==='screenshot'&&data.base64){
-                // Only update the browser viewer — the actual image in chat is handled by the 'done' event via screenshotFiles
                 showBrowserViewer('Screenshot','Captured');
-                updateBrowserFrame(data.base64,data.format||'jpeg');
+                updateBrowserFrame(data.base64,data.format||'jpeg','Screenshot');
                 updateBrowserStatus('Screenshot captured');
               }
               if(currentEvent==='browser_frame'&&data.base64){
-                // Live frame update — also ensure viewer is open
                 showBrowserViewer(data.url||'Browser','Live');
-                updateBrowserFrame(data.base64,data.format||'jpeg');
+                updateBrowserFrame(data.base64,data.format||'jpeg',data.url||'Browser');
                 if(data.url)updateBrowserStatus(data.url);
               }
               if(currentEvent==='canvas'&&data.markers){