nothumanallowed 9.2.1 → 9.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "9.2.1",
+  "version": "9.2.3",
   "description": "NotHumanAllowed — 38 AI agents + 50 tools + web search. Streaming chat, multi-conversation, export. Gmail, Calendar, Drive, GitHub, Notion, Slack. 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.2.1';
+export const VERSION = '9.2.3';
 export const BASE_URL = 'https://nothumanallowed.com/cli';
 export const API_BASE = 'https://nothumanallowed.com/api/v1';
 

package/src/services/web-ui.mjs

@@ -46,10 +46,7 @@ input:focus,textarea:focus{border-color:var(--green3)}
 
 /* ---- LAYOUT: mobile-first ---- */
 .app{display:flex;flex-direction:column;height:100vh;height:100dvh}
-.header{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg);position:relative;z-index:60;flex-shrink:0}
-.header__burger{background:none;color:var(--green);font-size:22px;padding:4px 8px;line-height:1}
-.header__title{font-size:14px;color:var(--bright);font-weight:700;flex:1}
-.header__clock{font-size:10px;color:var(--dim)}
+/* header removed — info moved to sidebar brand */
 
 .sidebar{display:none;position:fixed;top:0;left:0;width:260px;height:100vh;height:100dvh;background:var(--bg2);border-right:1px solid var(--border);z-index:200;flex-direction:column;overflow-y:auto;box-shadow:4px 0 20px rgba(0,0,0,0.8)}
 .sidebar--open{display:flex}
@@ -202,6 +199,7 @@ var chatHistory = [];
 var activeConvId = null;
 var convList = [];
 var dash = {emails:[],events:[],tasks:[],plan:null,status:null};
+var dashLoaded = {emails:false,events:false,tasks:false,contacts:false,notes:false,drive:false,github:false,notion:false,slack:false};
 var chatStreaming = false;
 
 function loadConvList(){return apiGet('/api/conversations').then(function(r){convList=(r&&r.conversations)||[];renderConvSidebar();})}
@@ -225,10 +223,8 @@ function switchView(v) {
     if(el.dataset.view===v){el.classList.add('nav-item--active')}else{el.classList.remove('nav-item--active')}
   });
   var titles = {dashboard:'Dashboard',chat:'Chat',plan:'Daily Plan',tasks:'Tasks',emails:'Emails',calendar:'Calendar',drive:'Drive',contacts:'Contacts',notes:'Notes',onedrive:'OneDrive',mstodo:'Microsoft To Do',agents:'Agents',settings:'Settings'};
-  document.getElementById('headerTitle').textContent = titles[v]||v;
-  // Hide main header in chat view — chat has its own top bar
-  var hdr=document.querySelector('.header');
-  if(hdr)hdr.style.display=v==='chat'?'none':'';
+  var spt=document.getElementById('sidebarPageTitle');
+  if(spt)spt.textContent=titles[v]||v;
   closeSidebar();
   render();
 }
@@ -262,6 +258,7 @@ function apiPatch(p){return fetch(API+p,{method:'PATCH'}).then(function(r){retur
 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();
   });
 }
@@ -277,6 +274,7 @@ function updateBadges(){
 // ---- HELPERS ----
 function esc(s){return s?String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'):''}
 function fmtTime(iso){if(!iso)return '';try{return new Date(iso).toLocaleTimeString('en',{hour:'2-digit',minute:'2-digit',hour12:true})}catch(e){return iso}}
+function loadingHTML(label){return '<div style="text-align:center;padding:40px"><div class="spinner"></div><div style="color:var(--dim);margin-top:8px;font-size:12px">Loading '+esc(label)+'...</div></div>'}
 
 // ---- RENDER ----
 function render(){
@@ -305,6 +303,7 @@ function render(){
 
 // ---- DASHBOARD ----
 function renderDash(el){
+  if(!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;
@@ -332,8 +331,7 @@ function renderChat(el){
       '</div>'+
       '<div style="flex:1;display:flex;flex-direction:column;min-width:0">'+
         '<div style="padding:6px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px">'+
-          '<button onclick="openSidebar()" style="background:none;border:none;cursor:pointer;font-size:18px;color:var(--green);padding:2px 6px" title="Menu">&#9776;</button>'+
-          '<button onclick="toggleConvSidebar()" style="background:none;border:none;cursor:pointer;font-size:12px;color:var(--dim);padding:2px 6px" title="Toggle conversations">&#128172;</button>'+
+          '<button onclick="toggleConvSidebar()" style="background:none;border:none;cursor:pointer;font-size:14px;color:var(--dim);padding:2px 6px" title="Toggle conversations">&#128172;</button>'+
           '<span id="convTitle" style="flex:1;font-size:12px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap">New Chat</span>'+
           '<button onclick="createNewConv()" style="background:none;border:1px solid var(--green);color:var(--green);padding:4px 10px;border-radius:var(--r);cursor:pointer;font-size:10px">+ New</button>'+
           '<button onclick="exportConvMd()" style="background:none;border:1px solid var(--border);color:var(--dim);padding:4px 8px;border-radius:var(--r);cursor:pointer;font-size:10px" title="Export Markdown">Export</button>'+
@@ -577,8 +575,9 @@ function refreshPlan(){
 
 // ---- EMAILS ----
 function renderEmails(el){
+  if(!dashLoaded.emails){el.innerHTML=loadingHTML('emails');return}
   var e=dash.emails;
-  if(e.length===0){el.innerHTML='<div class="card" style="text-align:center;color:var(--dim);padding:30px">No emails</div>';return}
+  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>';
@@ -1732,8 +1731,13 @@ init();
 <div class="app">
   <nav class="sidebar" id="sidebar">
     <div class="sidebar__brand">
-      <div class="sidebar__brand-name">NHA</div>
-      <div class="sidebar__brand-sub">Operations Console</div>
+      <div style="display:flex;align-items:center;gap:8px">
+        <div class="sidebar__brand-name">NHA</div>
+        <span id="wsIndicator" style="color:var(--dim);font-size:8px" title="Daemon WebSocket">&#9679;</span>
+        <span style="font-size:9px;color:var(--dim)">v${VERSION}</span>
+      </div>
+      <div id="sidebarPageTitle" style="font-size:11px;color:var(--bright);margin-top:4px;font-weight:600">Dashboard</div>
+      <div class="sidebar__brand-sub" id="clock"></div>
     </div>
     <div class="sidebar__section">
       <div class="sidebar__label">Overview</div>
@@ -1776,15 +1780,10 @@ init();
       <a href="https://nothumanallowed.com/docs/agents" target="_blank" class="nav-item" style="text-decoration:none"><span class="nav-item__icon">&#129302;</span> Agents Guide</a>
       <a href="https://nothumanallowed.com/docs/mobile" target="_blank" class="nav-item" style="text-decoration:none"><span class="nav-item__icon">&#128241;</span> Mobile App</a>
     </div>
-    <div style="padding:12px 16px;margin-top:auto;border-top:1px solid var(--border);font-size:10px;color:var(--dim)">NHA v${VERSION}</div>
+    <div style="padding:12px 16px;margin-top:auto;border-top:1px solid var(--border);font-size:10px;color:var(--dim)">nothumanallowed.com</div>
   </nav>
 
-  <div class="header">
-    <button class="header__burger" onclick="toggleSidebar()">&#9776;</button>
-    <span class="header__title" id="headerTitle">Dashboard</span>
-    <span id="wsIndicator" style="color:var(--dim);font-size:8px;margin-right:4px" title="Daemon WebSocket">&#9679;</span>
-    <span class="header__clock" id="clock"></span>
-  </div>
+  <button onclick="openSidebar()" style="position:fixed;top:8px;left:8px;z-index:100;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);color:var(--green);font-size:20px;padding:4px 10px;cursor:pointer;line-height:1" id="mobileBurger">&#9776;</button>
 
   <div class="content" id="content"></div>
 </div>