nothumanallowed 9.8.8 → 9.8.9

package/package.json

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

package/src/services/web-ui.mjs

@@ -252,16 +252,22 @@ function stopChat(){
 
 // ---- BROWSER VIEWER (live preview of headless Chrome) ----
 function showBrowserViewer(title,status){
-  var v=document.getElementById('browserViewer');if(!v)return;
-  v.classList.add('browser-viewer--open');
+  // Update old monitor viewer
+  var v=document.getElementById('browserViewer');if(v)v.classList.add('browser-viewer--open');
   var t=document.getElementById('bvTitle');if(t)t.textContent=title||'Browser';
   var s=document.getElementById('bvStatus');if(s)s.textContent=status||'Loading...';
+  // Also auto-open canvas panel in browser tab
+  var p=document.getElementById('canvasPanel');
+  if(p&&!p.classList.contains('open')){canvasMode='browser';renderCanvasPanel();}
 }
 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">';
+  // Update old monitor viewer
+  var f=document.getElementById('bvFrame');if(f)f.innerHTML='<img src="data:image/'+(format||'jpeg')+';base64,'+base64+'" alt="Browser view">';
   // Save to per-conversation browser history for canvas Browser tab
   addBrowserPage(base64,url);
+  // Update canvas browser tab live if open
+  var p=document.getElementById('canvasPanel');
+  if(p&&p.classList.contains('open')&&canvasMode==='browser'){renderCanvasPanel();}
 }
 function updateBrowserStatus(status){
   var s=document.getElementById('bvStatus');if(s)s.textContent=status;
@@ -409,7 +415,7 @@ function renderChat(el){
         '</div>'+
         '<div class="chat"><div class="chat__messages" id="chatMessages"></div>'+
         '<div id="chatAttachInfo" style="display:none;padding:4px 12px;font-size:11px;color:var(--cyan);background:var(--bg2);border-top:1px solid var(--border)"><span id="chatAttachName"></span> <button onclick="clearChatAttach()" style="background:none;border:none;color:#f44;cursor:pointer;font-size:14px;font-weight:700">&times;</button></div>'+
-        '<div class="chat__bar"><button class="chat__mic" id="chatMic" onclick="toggleVoiceInput()" title="Voice input">&#127908;</button><button onclick="document.getElementById(\\x27chatFileInput\\x27).click()" style="background:none;border:none;cursor:pointer;font-size:16px;padding:4px" title="Attach file">&#128206;</button><button onclick="document.getElementById(\\x27chatImageInput\\x27).click()" style="background:none;border:none;cursor:pointer;font-size:16px;padding:4px" title="Attach image">&#128247;</button><input type="file" id="chatFileInput" style="display:none" onchange="handleChatFile(this)"><input type="file" id="chatImageInput" accept="image/*" style="display:none" onchange="handleChatImage(this)"><textarea class="chat__input" id="chatInput" placeholder="Ask anything... (or attach file/image first)" rows="1"></textarea><button class="chat__send" id="chatSend">Send</button><button class="chat__stop" id="chatStop" onclick="stopChat()">Stop</button><button onclick="reopenCanvas()" style="background:none;border:1px solid var(--border2);border-radius:6px;cursor:pointer;font-size:11px;padding:4px 8px;color:var(--dim);font-family:var(--mono);display:flex;align-items:center;gap:4px" title="Open Canvas / Browser panel"><span style="font-size:14px">&#x25A3;</span>Canvas</button></div>'+
+        '<div class="chat__bar"><button class="chat__mic" id="chatMic" onclick="toggleVoiceInput()" title="Voice input">&#127908;</button><button onclick="document.getElementById(\\x27chatFileInput\\x27).click()" style="background:none;border:none;cursor:pointer;font-size:16px;padding:4px" title="Attach file">&#128206;</button><button onclick="document.getElementById(\\x27chatImageInput\\x27).click()" style="background:none;border:none;cursor:pointer;font-size:16px;padding:4px" title="Attach image">&#128247;</button><input type="file" id="chatFileInput" style="display:none" onchange="handleChatFile(this)"><input type="file" id="chatImageInput" accept="image/*" style="display:none" onchange="handleChatImage(this)"><textarea class="chat__input" id="chatInput" placeholder="Ask anything... (or attach file/image first)" rows="1"></textarea><button class="chat__send" id="chatSend">Send</button><button class="chat__stop" id="chatStop" onclick="stopChat()">Stop</button><button onclick="reopenCanvas()" style="background:none;border:1px solid var(--border2);border-radius:6px;cursor:pointer;font-size:11px;padding:4px 8px;color:var(--dim);font-family:var(--mono);display:flex;align-items:center;gap:4px" title="Open Canvas / Browser panel"><span style="font-size:13px">&#x25A3;</span>Panel</button></div>'+
         '</div>'+
       '</div>'+
     '</div>';