nothumanallowed 13.5.30 → 13.5.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.5.30",
+  "version": "13.5.32",
   "description": "NotHumanAllowed — 38 AI agents, 80 tools, Studio (visual agentic workflows). Email, calendar, browser automation, screen capture, canvas, cron/heartbeat, Alexandria E2E messaging, GitHub, Notion, Slack, voice chat, free AI (Liara), 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 = '13.5.30';
+export const VERSION = '13.5.32';
 export const BASE_URL = 'https://nothumanallowed.com/cli';
 export const API_BASE = 'https://nothumanallowed.com/api/v1';
 

package/src/services/web-ui.mjs

@@ -231,6 +231,9 @@ var agentChatHistory = []; // [{role:'user'|'agent', text:'...'}]
 
 // ---- NAV ----
 function switchView(v) {
+  // Close any open modal (e.g. calendar day detail) before switching view
+  var modal=document.getElementById('agentModal');
+  if(modal&&modal.classList.contains('modal-overlay--open')){closeModal();}
   currentView = v;
   // Invalidate cached data so pages always show fresh content
   if(v==='contacts')contactsData=null;
@@ -1195,6 +1198,16 @@ function calKey(y,m,d){return y+'-'+String(m+1).padStart(2,'0')+'-'+String(d).pa
 function isToday(y,m,d){var t=new Date();return t.getFullYear()===y&&t.getMonth()===m&&t.getDate()===d}
 
 function renderCalendar(el){
+  // Guard: if Google not connected, show setup message — don't block on API call
+  if(!settingsData.hasGoogle){
+    el.innerHTML='<div style="max-width:400px;margin:60px auto;text-align:center;padding:32px;border:1px solid var(--border);border-radius:12px;background:var(--bg2)">' +
+      '<div style="font-size:40px;margin-bottom:16px">&#128197;</div>' +
+      '<div style="color:var(--bright);font-size:18px;font-weight:700;margin-bottom:8px">Calendar</div>' +
+      '<div style="color:var(--dim);font-size:13px;margin-bottom:24px">Connect your Google account to view and manage calendar events.</div>' +
+      '<button onclick="switchView(\\x27settings\\x27)" style="background:var(--green3);color:var(--bg);padding:10px 24px;border-radius:var(--r);font-weight:700;font-size:13px;cursor:pointer;border:none">Connect Google \u2192</button>' +
+    '</div>';
+    return;
+  }
   var firstDay=new Date(calYear,calMonth,1).getDay();
   var daysInMonth=new Date(calYear,calMonth+1,0).getDate();
   var monthName=new Date(calYear,calMonth,1).toLocaleDateString('en',{month:'long',year:'numeric'});
@@ -3325,7 +3338,7 @@ var studioAbortController = null;
 var parlActiveAgent = null;   // active agent label during parliament streaming
 var parlDoneAgents = {};      // set of completed agent labels during parliament
 var _parlPersistHtml = null;  // persists parliament block HTML across tab navigations
-var _PARL_STAMP = '<!--nha-parl-v13.5.30-->';
+var _PARL_STAMP = '<!--nha-parl-v13.5.32-->';
 
 function stopStudio() {
   if (!studioState.running) return;
@@ -3949,7 +3962,9 @@ function renderStudioNodes() {
     var bubbleText = isOrch
       ? (hasActive ? (\x27Assegno step \x27+(doneCount+1)+\x27/\x27+totalCount) : (doneCount===totalCount&&totalCount>0 ? \x27\u2714 Fatto!\x27 : \x27In attesa\x27))
       : (isDone ? \x27\u2714 fatto\x27 : (isErr ? \x27\u2715 errore\x27 : (isActive ? \x27\x27 : \x27\x27)));
-    var bubbleBg = isOrch ? \x27rgba(99,102,241,.15)\x27 : (isActive ? \x27rgba(99,102,241,.12)\x27 : (isDone ? \x27rgba(0,0,0,.08)\x27 : \x27rgba(239,68,68,.12)\x27));
+    var bubbleBg = isOrch ? \x27rgba(255,255,255,.95)\x27 : (isActive ? \x27#ffffff\x27 : (isDone ? \x27rgba(0,0,0,.08)\x27 : \x27rgba(239,68,68,.12)\x27));
+    var bubbleColor = isActive ? \x27#000000\x27 : (isOrch ? \x27#111827\x27 : (isDone ? \x27#374151\x27 : \x27#6b7280\x27));
+    var bubbleFontWeight = isActive ? \x27700\x27 : \x27500\x27;
     var glowBox = isActive ? (\x270 0 0 3px \x27+accentColor+\x2744,0 8px 24px \x27+accentColor+\x2733\x27) : (isDone ? (\x270 0 0 2px rgba(0,0,0,.25)\x27) : \x27none\x27);
     // Orchestrator char: no CSS walk animation — JS moves it via inline transform toward the active agent column
     var charIdAttr = isOrch ? \x27 id="wfOrchChar"\x27 : \x27\x27;
@@ -3963,7 +3978,7 @@ function renderStudioNodes() {
     var bubbleVisible = (bubbleText || isOrch || isActive) ? \x27visible\x27 : \x27hidden\x27;
     return \x27<div class="iso-station" \x27+clickAttr+\x27 data-station-idx="\x27+(isOrch?-1:nodeIdx)+\x27" style="box-shadow:\x27+glowBox+\x27;border-color:\x27+accentColor+\x27;transition:box-shadow .4s">\x27+
       flyDoc+
-      \x27<div class="iso-bubble\x27+(isActive?\x27 iso-bubble--active\x27:\x27\x27)+\x27" id="\x27+bubbleId+\x27" style="border-color:\x27+accentColor+\x27;color:\x27+accentColor+\x27;background:\x27+bubbleBg+\x27;visibility:\x27+bubbleVisible+\x27">\x27+esc(bubbleText)+\x27</div>\x27+
+      \x27<div class="iso-bubble\x27+(isActive?\x27 iso-bubble--active\x27:\x27\x27)+\x27" id="\x27+bubbleId+\x27" style="border-color:\x27+accentColor+\x27;color:\x27+bubbleColor+\x27;font-weight:\x27+bubbleFontWeight+\x27;background:\x27+bubbleBg+\x27;visibility:\x27+bubbleVisible+\x27">\x27+esc(bubbleText)+\x27</div>\x27+
       \x27<div class="iso-tool-badge">\x27+toolEmoji+\x27</div>\x27+
       charHtml+
       \x27<div class="iso-desk" style="width:85%;border-top-color:\x27+accentColor+\x2733"></div>\x27+
@@ -5347,18 +5362,21 @@ function renderStudioSessionsBar() {
   var sessions = loadStudioSessions();
   if (!sessions.length) { el.style.display = 'none'; return; }
   el.style.display = 'block';
-  el.innerHTML = '<div style="font-size:10px;color:var(--dim);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px">' + t('recent_sessions') + '</div>' +
-    '<div style="max-height:220px;overflow-y:auto;padding-right:4px">' +
+  el.innerHTML = '<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px">' +
+      '<span style="font-size:11px;font-weight:700;color:#f8fafc;text-transform:uppercase;letter-spacing:.8px">' + t('recent_sessions') + '</span>' +
+      '<span style="font-size:10px;color:#94a3b8">' + sessions.length + ' saved</span>' +
+    '</div>' +
+    '<div style="max-height:240px;overflow-y:auto;padding-right:2px;display:flex;flex-direction:column;gap:6px">' +
     sessions.map(function(s,i) {
-      return '<div class="studio-session-item">' +
-        '<div style="display:flex;align-items:center;justify-content:space-between;gap:8px">' +
-          '<span class="studio-session-task">' + esc(s.task.slice(0,60)) + (s.task.length>60?'...':'') + '</span>' +
-          '<span style="font-size:9px;color:var(--dim);white-space:nowrap">' + esc(s.ts) + '</span>' +
+      return '<div style="background:#1e293b;border:1px solid #334155;border-radius:8px;padding:10px 12px">' +
+        '<div style="display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:7px">' +
+          '<span style="font-size:11px;color:#f1f5f9;font-weight:600;line-height:1.4;flex:1">' + esc(s.task.slice(0,65)) + (s.task.length>65?'...':'') + '</span>' +
+          '<button onclick="deleteStudioSession('+i+')" style="flex-shrink:0;font-size:14px;line-height:1;background:none;border:none;color:#64748b;cursor:pointer;padding:0 2px" title="Delete">&times;</button>' +
         '</div>' +
-        '<div style="display:flex;gap:6px;margin-top:6px">' +
-          '<button onclick="restoreStudioSession('+i+')" style="font-size:10px;padding:3px 8px;background:var(--bg3);border:1px solid var(--border);border-radius:4px;color:var(--green);cursor:pointer">Restore</button>' +
-          '<button onclick="importStudioToChat('+i+')" style="font-size:10px;padding:3px 8px;background:var(--bg3);border:1px solid var(--border2);border-radius:4px;color:var(--cyan);cursor:pointer">Send to Chat</button>' +
-          '<button onclick="deleteStudioSession('+i+')" style="font-size:10px;padding:3px 8px;background:none;border:none;color:var(--dim);cursor:pointer">&times;</button>' +
+        '<div style="font-size:10px;color:#64748b;margin-bottom:8px">' + esc(s.ts) + '</div>' +
+        '<div style="display:flex;gap:6px">' +
+          '<button onclick="restoreStudioSession('+i+')" style="font-size:10px;font-weight:600;padding:4px 10px;background:#0ea5e9;border:none;border-radius:5px;color:#fff;cursor:pointer">Restore</button>' +
+          '<button onclick="importStudioToChat('+i+')" style="font-size:10px;font-weight:600;padding:4px 10px;background:#334155;border:1px solid #475569;border-radius:5px;color:#cbd5e1;cursor:pointer">Send to Chat</button>' +
         '</div>' +
       '</div>';
     }).join('') + '</div>';
@@ -5650,6 +5668,9 @@ function runStudioStep(idx, node, task, context, stepDef, signal) {
                         var wfSafe = wfSnippet.replace(/&/g,\x27&amp;\x27).replace(/</g,\x27&lt;\x27).replace(/>/g,\x27&gt;\x27);
                         isoB.className = \x27iso-bubble iso-bubble--active\x27;
                         isoB.style.visibility = \x27visible\x27;
+                        isoB.style.color = \x27#000000\x27;
+                        isoB.style.fontWeight = \x27700\x27;
+                        isoB.style.background = \x27#ffffff\x27;
                         isoB.innerHTML = wfSafe + \x27<span style="display:inline-block;width:2px;height:8px;background:#1d4ed8;margin-left:1px;vertical-align:text-bottom;animation:streamBlink .7s step-end infinite">&#8203;</span>\x27;
                       }
                       // Update orchestrator bubble: show which agent it assigned and move the char
@@ -5910,7 +5931,7 @@ function renderStudio(el) {
           '<div id="sideToolsList">'+toolsHtml+'</div>' +
           '<div id="sideAgentsList" style="display:none">'+specialistHtml+'</div>' +
         '</div>' +
-        '<div id="studioSessionsBar" style="display:none;border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--bg2)"></div>' +
+        '<div id="studioSessionsBar" style="display:none;border:1px solid #334155;border-radius:10px;padding:12px 14px;background:#0f172a"></div>' +
       '</div>' +
     '</div>';