nothumanallowed 9.5.0 → 9.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "9.5.0",
+  "version": "9.5.2",
   "description": "NotHumanAllowed — 38 AI agents + 58 tools + browser automation + web search. Streaming chat, headless Chrome CDP, multi-conversation, export. Gmail, Calendar, Drive, GitHub, Notion, Slack. Zero-dependency CLI.",
   "type": "module",
   "bin": {

package/src/commands/ui.mjs

@@ -586,28 +586,50 @@ export async function cmdUI(args) {
         return;
       }
 
-      // GET /api/emails?filter=unread|all (default: all inbox)
+      // GET /api/emails?page=0&pageSize=25&filter=unread|all
       if (method === 'GET' && pathname === '/api/emails') {
         try {
           const filter = url.searchParams.get('filter');
-          let emails;
+          const page = parseInt(url.searchParams.get('page') || '0', 10);
+          const pageSize = parseInt(url.searchParams.get('pageSize') || '25', 10);
+
           if (filter === 'unread') {
-            emails = await getUnreadImportant(config, 20);
+            const emails = await getUnreadImportant(config, pageSize);
+            sendJSON(res, 200, { emails, page, hasMore: false });
           } else {
-            // Show all recent inbox emails (read + unread)
             const gm = await import('../services/google-gmail.mjs');
-            const msgRefs = await gm.listMessages(config, 'in:inbox', 50);
-            emails = [];
-            for (const ref of msgRefs.slice(0, 50)) {
-              try {
-                const msg = await gm.getMessage(config, ref.id);
-                emails.push(msg);
-              } catch { /* skip */ }
+            // Fetch more refs than needed so we know if there are more pages
+            const totalToFetch = (page + 1) * pageSize + 1;
+            const msgRefs = await gm.listMessages(config, 'in:inbox', totalToFetch);
+
+            // Slice for current page
+            const pageRefs = msgRefs.slice(page * pageSize, (page + 1) * pageSize);
+            const hasMore = msgRefs.length > (page + 1) * pageSize;
+
+            // Fetch message details (parallel, batches of 5 for speed)
+            const emails = [];
+            for (let i = 0; i < pageRefs.length; i += 5) {
+              const batch = pageRefs.slice(i, i + 5);
+              const results = await Promise.allSettled(
+                batch.map(ref => gm.getMessage(config, ref.id))
+              );
+              for (const r of results) {
+                if (r.status === 'fulfilled') emails.push(r.value);
+              }
+            }
+
+            // Cache emails in memory for the session
+            if (!config._emailCache) config._emailCache = [];
+            for (const em of emails) {
+              if (!config._emailCache.find(c => c.id === em.id)) {
+                config._emailCache.push(em);
+              }
             }
+
+            sendJSON(res, 200, { emails, page, hasMore, totalCached: config._emailCache?.length || 0 });
           }
-          sendJSON(res, 200, { emails });
         } catch (e) {
-          sendJSON(res, 200, { emails: [], error: e.message });
+          sendJSON(res, 200, { emails: [], error: e.message, page: 0, hasMore: false });
         }
         logRequest(method, pathname, 200, Date.now() - start);
         return;

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

package/src/services/web-ui.mjs

@@ -314,11 +314,11 @@ function apiPatch(p){return fetch(API+p,{method:'PATCH'}).then(function(r){retur
 
 // ---- LOAD DATA ----
 function loadDash(){
-  return Promise.all([apiGet('/api/status'),apiGet('/api/emails'),apiGet('/api/calendar'),apiGet('/api/tasks')]).then(function(r){
-    dash.status=r[0];dash.emails=(r[1]&&r[1].emails)||[];dash.events=(r[2]&&r[2].events)||[];dash.tasks=(r[3]&&r[3].tasks)||[];
-    dashLoaded.emails=true;dashLoaded.events=true;dashLoaded.tasks=true;
-    updateBadges();
-  });
+  // Load each API independently — render as each arrives (emails are slow)
+  apiGet('/api/status').then(function(r){dash.status=r;render()});
+  apiGet('/api/tasks').then(function(r){dash.tasks=(r&&r.tasks)||[];dashLoaded.tasks=true;updateBadges();render()});
+  apiGet('/api/calendar').then(function(r){dash.events=(r&&r.events)||[];dashLoaded.events=true;updateBadges();render()});
+  return apiGet('/api/emails?page=0&pageSize=25').then(function(r){dash.emails=(r&&r.emails)||[];dash._emailHasMore=r&&r.hasMore;dashLoaded.emails=true;emailPage=0;updateBadges();render()});
 }
 function loadAgents(){return apiGet('/api/agents').then(function(r){agentsList=(r&&r.agents)||[]})}
 function updateBadges(){
@@ -361,14 +361,14 @@ function render(){
 
 // ---- DASHBOARD ----
 function renderDash(el){
-  if(!dashLoaded.emails){el.innerHTML=loadingHTML('dashboard');return}
+  if(!dashLoaded.tasks&&!dashLoaded.events&&!dashLoaded.emails){el.innerHTML=loadingHTML('dashboard');return}
   var t=dash.tasks,e=dash.emails,ev=dash.events;
   var done=t.filter(function(x){return x.status==='done'}).length;
   var pend=t.length-done;
   var pct=t.length>0?Math.round(done/t.length*100):0;
   var h='<div class="dash-grid">'+
     '<div class="card"><div class="card__title">Tasks</div><div class="card__value">'+pend+'</div><div class="card__sub">'+done+'/'+t.length+' done ('+pct+'%)</div></div>'+
-    '<div class="card"><div class="card__title">Emails</div><div class="card__value">'+e.length+'</div><div class="card__sub">'+(e.length>0?esc(e[0].from):'Inbox zero')+'</div></div>'+
+    '<div class="card"><div class="card__title">Emails</div><div class="card__value">'+(dashLoaded.emails?e.length:'<span class="spinner" style="width:14px;height:14px;display:inline-block;vertical-align:middle"></span>')+'</div><div class="card__sub">'+(dashLoaded.emails?(e.length>0?esc(e[0].from):'Inbox zero'):'Loading...')+'</div></div>'+
     '<div class="card"><div class="card__title">Events</div><div class="card__value">'+ev.length+'</div><div class="card__sub">'+(ev.length>0?esc(ev[0].summary):'No events')+'</div></div>'+
     '<div class="card"><div class="card__title">Agents</div><div class="card__value">38</div><div class="card__sub">Ready</div></div>'+
   '</div>';
@@ -675,15 +675,37 @@ function renderEmails(el){
   if(e.length===0){el.innerHTML='<div class="card" style="text-align:center;color:var(--dim);padding:30px">Inbox zero — no emails</div>';return}
   var unreadCount=e.filter(function(x){return x.isUnread}).length;
   var h='<div style="display:flex;gap:8px;margin-bottom:10px;align-items:center">';
-  h+='<span style="font-size:12px;color:var(--dim)">'+e.length+' emails'+( unreadCount>0?' ('+unreadCount+' unread)':'')+'</span>';
+  h+='<span style="font-size:12px;color:var(--dim)">'+e.length+' emails'+(unreadCount>0?' ('+unreadCount+' unread)':'')+'</span>';
   if(unreadCount>0)h+='<button class="btn btn--secondary" style="font-size:10px;padding:4px 10px" onclick="markAllEmailsRead()">Mark all read</button>';
   h+='</div>';
   e.forEach(function(x){
     var unreadStyle=x.isUnread?'border-left:3px solid var(--green);font-weight:700':'border-left:3px solid transparent;opacity:0.7';
     h+='<div class="card email" style="cursor:pointer;'+unreadStyle+'" onclick="openEmail(\\x27'+esc(x.id)+'\\x27)"><div class="email__header"><span class="email__from">'+esc(x.from)+'</span><span class="email__date">'+esc(x.date)+(x.isUnread?' <span style="color:var(--green);font-size:9px">NEW</span>':'')+'</span></div><div class="email__subject">'+esc(x.subject)+'</div><div class="email__snippet" style="font-weight:400">'+esc((x.snippet||'').slice(0,150))+'</div></div>';
   });
+  // Load More button
+  if(dash._emailHasMore!==false){
+    h+='<button id="loadMoreEmails" onclick="loadMoreEmails()" style="width:100%;padding:12px;margin-top:8px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);color:var(--cyan);font-family:var(--font);font-size:12px;cursor:pointer;font-weight:700">Load More Emails</button>';
+  }
   el.innerHTML=h;
 }
+var emailPage=0;
+function loadMoreEmails(){
+  var btn=document.getElementById('loadMoreEmails');
+  if(btn){btn.textContent='Loading...';btn.disabled=true;}
+  emailPage++;
+  apiGet('/api/emails?page='+emailPage+'&pageSize=25').then(function(r){
+    if(r&&r.emails){
+      for(var i=0;i<r.emails.length;i++){
+        if(!dash.emails.find(function(e){return e.id===r.emails[i].id})){
+          dash.emails.push(r.emails[i]);
+        }
+      }
+      dash._emailHasMore=r.hasMore;
+      updateBadges();
+      render();
+    }
+  });
+}
 function markAllEmailsRead(){
   apiPost('/api/email/mark-all-read',{}).then(function(r){
     if(r&&r.ok){