nothumanallowed 3.4.0 → 3.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "description": "NotHumanAllowed — 38 AI agents for security, code, DevOps, data & daily ops. Ask agents directly, plan your day with 5 specialist agents, manage tasks, connect Gmail + Calendar.",
   "type": "module",
   "bin": {

package/src/services/web-ui.mjs

@@ -343,30 +343,66 @@ function renderEmails(el){
 }
 
 // ---- CALENDAR ----
-var calDate = new Date().toISOString().split('T')[0];
-function renderCalendar(el){
-  var h='<div style="display:flex;gap:8px;align-items:center;margin-bottom:12px">'+
-    '<button class="btn btn--secondary" onclick="calNav(-1)">&lt;</button>'+
-    '<span style="flex:1;text-align:center;font-weight:700;color:var(--bright)">'+calDate+(calDate===new Date().toISOString().split('T')[0]?' (today)':'')+'</span>'+
-    '<button class="btn btn--secondary" onclick="calNav(1)">&gt;</button>'+
-    '<button class="btn btn--secondary" onclick="calDate=new Date().toISOString().split(\\x27T\\x27)[0];renderCalendar(document.getElementById(\\x27content\\x27))">Today</button>'+
-  '</div><div id="calEvents"><div style="text-align:center;padding:20px"><div class="spinner"></div></div></div>';
-  el.innerHTML=h;
-  apiGet('/api/calendar?date='+calDate).then(function(r){
-    var ev=(r&&r.events)||[];
-    var ce=document.getElementById('calEvents');if(!ce)return;
-    if(ev.length===0){ce.innerHTML='<div class="card" style="text-align:center;color:var(--dim);padding:20px">No events on '+calDate+'</div>';return}
-    var out='';ev.forEach(function(x){
-      out+='<div class="card event"><span class="event__time">'+(x.isAllDay?'All day':fmtTime(x.start)+' - '+fmtTime(x.end))+'</span><span class="event__title">'+esc(x.summary)+'</span>'+(x.location?'<span class="event__location">'+esc(x.location)+'</span>':'')+'</div>';
+var calOffset = 0;
+function renderCalendar(el) {
+  var today = new Date();
+  var target = new Date(today);
+  target.setDate(today.getDate() + calOffset);
+  var yyyy = target.getFullYear();
+  var mm = String(target.getMonth() + 1).padStart(2, '0');
+  var dd = String(target.getDate()).padStart(2, '0');
+  var dateStr = yyyy + '-' + mm + '-' + dd;
+  var dayName = target.toLocaleDateString('en', { weekday: 'long', month: 'long', day: 'numeric' });
+  var isToday = calOffset === 0;
+
+  var h = '<div style="display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap">' +
+    '<button class="btn btn--secondary" onclick="calOffset--;renderCalendar(document.getElementById(\\x27content\\x27))">&larr; Prev</button>' +
+    '<div style="flex:1;text-align:center"><div style="font-size:16px;font-weight:700;color:var(--bright)">' + esc(dayName) + '</div>' +
+    '<div style="font-size:11px;color:var(--dim)">' + dateStr + (isToday ? ' (today)' : '') + '</div></div>' +
+    '<button class="btn btn--secondary" onclick="calOffset++;renderCalendar(document.getElementById(\\x27content\\x27))">Next &rarr;</button>' +
+    '</div>';
+
+  if (!isToday) {
+    h += '<div style="text-align:center;margin-bottom:12px"><button class="btn btn--secondary" onclick="calOffset=0;renderCalendar(document.getElementById(\\x27content\\x27))">Go to Today</button></div>';
+  }
+
+  h += '<div id="calEvents"><div style="text-align:center;padding:30px"><div class="spinner"></div><div style="color:var(--dim);margin-top:8px">Loading events...</div></div></div>';
+  el.innerHTML = h;
+
+  apiGet('/api/calendar?date=' + dateStr).then(function(r) {
+    var ev = (r && r.events) || [];
+    var ce = document.getElementById('calEvents');
+    if (!ce) return;
+    if (ev.length === 0) {
+      ce.innerHTML = '<div class="card" style="text-align:center;color:var(--dim);padding:30px">No events on ' + esc(dayName) + '</div>';
+      return;
+    }
+    var out = '<div style="color:var(--cyan);font-size:11px;margin-bottom:8px">' + ev.length + ' event' + (ev.length > 1 ? 's' : '') + '</div>';
+    ev.forEach(function(x) {
+      var timeStr = x.isAllDay ? 'All day' : fmtTime(x.start) + ' — ' + fmtTime(x.end);
+      out += '<div class="card" style="padding:14px">' +
+        '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px">' +
+          '<span style="color:var(--amber);font-weight:700;font-size:13px">' + esc(timeStr) + '</span>' +
+        '</div>' +
+        '<div style="color:var(--bright);font-size:14px;font-weight:600;margin-bottom:4px">' + esc(x.summary) + '</div>';
+      if (x.location) {
+        out += '<div style="color:var(--dim);font-size:11px">📍 ' + esc(x.location) + '</div>';
+      }
+      if (x.attendees && x.attendees.length > 0) {
+        var names = x.attendees.map(function(a) { return a.name || a.email }).join(', ');
+        out += '<div style="color:var(--dim);font-size:11px;margin-top:4px">👥 ' + esc(names) + '</div>';
+      }
+      if (x.description) {
+        out += '<div style="color:var(--dim);font-size:11px;margin-top:4px;border-top:1px solid var(--border);padding-top:6px">' + esc(x.description.slice(0, 200)) + '</div>';
+      }
+      if (x.hangoutLink) {
+        out += '<div style="margin-top:6px"><a href="' + esc(x.hangoutLink) + '" target="_blank" style="color:var(--cyan);font-size:11px">🔗 Join video call</a></div>';
+      }
+      out += '</div>';
     });
-    ce.innerHTML=out;
+    ce.innerHTML = out;
   });
 }
-function calNav(dir){
-  var d=new Date(calDate);d.setDate(d.getDate()+dir);
-  calDate=d.toISOString().split('T')[0];
-  renderCalendar(document.getElementById('content'));
-}
 
 // ---- AGENTS ----
 function renderAgents(el){