nothumanallowed 13.2.42 → 13.2.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.2.42",
+  "version": "13.2.44",
   "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/commands/ui.mjs

@@ -2600,7 +2600,11 @@ export async function cmdUI(args) {
           if (!hasSpecialist && (hasBriefing || steps.length > 0)) {
             steps.push({icon:'\u{1F4F0}',agent:'HERALD',label:it?'HERALD \u2014 Briefing esecutivo':'HERALD \u2014 Executive briefing',prompt:'Based on ALL the data collected by the previous steps, write a complete executive briefing with priorities, findings, and strategic recommendations. Do NOT invent data — only use what was provided.'});
           }
-          if (hasCanvas) steps.push({icon:'\u{1F4CA}',agent:'CanvasAgent',label:it?'Dashboard HTML':'HTML Dashboard',prompt:'Create a professional HTML dashboard report with the briefing data'});
+          // Add CanvasAgent: always when explicitly requested OR when 2+ specialist agents ran (complex analysis deserves a visual report)
+          const specialistCount = [hasSecurity,hasFinance,hasStrategy,hasReputation,hasCode,hasWriting,hasData].filter(Boolean).length;
+          if (hasCanvas || specialistCount >= 2 || (hasSpecialist && hasBriefing)) {
+            steps.push({icon:'\u{1F4CA}',agent:'CanvasAgent',label:it?'Dashboard HTML':'HTML Dashboard',prompt:'Create a professional HTML dashboard report summarizing all findings from the previous agents'});
+          }
           return steps;
         };
 
@@ -2822,8 +2826,12 @@ RULES:
             // These agents fetched real data — use a focused prompt (no tool definitions to avoid JSON output)
             const agentInstruction = `You are ${agent}, a specialist AI agent inside NHA Studio. Today is ${today}. Respond entirely in ${language}.
 
+## OVERALL WORKFLOW GOAL:
+${task}
+
 CRITICAL: Do NOT invent, hallucinate, or add any data not present in the DATA sections below. ONLY use the exact data provided.
 Do NOT output JSON, tool calls, or code blocks. Write in plain text with markdown headers.
+Always apply your analysis specifically to the subject mentioned in the WORKFLOW GOAL.
 
 ${toolData ? `## DATA FROM TOOLS:\n${toolData.slice(0, 6000)}\n` : '## DATA: No data was retrieved by this agent.\n'}
 ${context ? `## OUTPUT FROM PREVIOUS AGENTS:\n${context.slice(0, 4000)}\n` : ''}
@@ -2837,10 +2845,12 @@ Your task: ${stepPrompt}`;
               : stepPrompt;
           } else {
             // All other agents (WriterAgent, DataAnalystAgent, specialist agents, etc.)
-            // Use a focused prompt with NO TOOL_DEFINITIONS to prevent JSON/tool-call output
             const hasRealData = !!(toolData || context);
             sysPrompt = `You are ${agent}, a specialist AI agent inside NHA Studio. Today is ${today}. You MUST respond entirely in ${language}.
 
+## OVERALL WORKFLOW GOAL:
+${task}
+
 CRITICAL RULES:
 - Do NOT output JSON, tool calls, function calls, or code blocks
 - NEVER invent, fabricate, or hallucinate data, events, emails, meetings, or news
@@ -2848,12 +2858,13 @@ CRITICAL RULES:
 - Do NOT add fictional examples, placeholder content, or generic suggestions not grounded in the data
 - Write in plain prose, structured with markdown headers (##) and bullet points (-)
 - Be thorough and specific — this is for an executive briefing based on REAL data only
+- Always keep the OVERALL WORKFLOW GOAL in mind — apply your analysis specifically to the subject mentioned
 
 ${toolData ? `## LIVE DATA FROM TOOLS:\n${toolData.slice(0, 6000)}\n` : '## LIVE DATA: No tool data was fetched for this step.\n'}
 ${context ? `## OUTPUT FROM PREVIOUS AGENTS:\n${context.slice(0, 6000)}\n` : ''}`;
             userMsg = hasRealData
-              ? `Based ONLY on the real data above, complete this task: ${stepPrompt}`
-              : `No real data is available. State clearly that no data was retrieved and explain what would be needed: ${stepPrompt}`;
+              ? `Based ONLY on the real data above, complete this task specifically for the subject in the WORKFLOW GOAL: ${stepPrompt}`
+              : `No real data is available for "${task}". State this clearly and explain what data would be needed to complete: ${stepPrompt}`;
           }
 
           // ── Stream LLM response ───────────────────────────────────────

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

package/src/services/web-ui.mjs

@@ -204,9 +204,8 @@ function switchView(v) {
   document.querySelectorAll('.nav-item').forEach(function(el){
     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',studio:'Studio',settings:'Settings'};
   var spt=document.getElementById('sidebarPageTitle');
-  if(spt)spt.textContent=titles[v]||v;
+  if(spt)spt.textContent=t('nav_'+v)||v;
   // Toggle content--chat class for proper chat layout (no overflow, flex column)
   var ct=document.getElementById('content');
   if(ct){if(v==='chat'){ct.classList.add('content--chat')}else{ct.classList.remove('content--chat')}}
@@ -2438,8 +2437,11 @@ function saveSettingsSection(sectionId) {
           try {
             var cfg2 = JSON.parse(localStorage.getItem('nha_config_cache') || '{}');
             var ln = langNames[cfg2.lang] || cfg2.lang || 'Italian';
-            statusEl.textContent = '✓ Language set to ' + ln + '. All agents and Studio will now respond in ' + ln + '.';
-          } catch(e) { statusEl.textContent = '✓ Saved!'; }
+            statusEl.textContent = t('lang_set') + ' ' + ln + '. ' + t('agents_respond') + ' ' + ln + '.';
+            // Re-render sidebar and current view in new language
+            renderSidebar();
+            render();
+          } catch(e) { statusEl.textContent = t('saved'); }
         } else {
           statusEl.textContent = 'Saved!';
         }
@@ -2767,6 +2769,16 @@ var I18N = {
     settings_save:'Save',
     no_output:'(no output)', done:'(done)',
     token_label:'Tokens',
+    // Sidebar
+    nav_overview:'Overview', nav_google:'Google', nav_microsoft:'Microsoft',
+    nav_integrations:'Integrations', nav_ai:'AI', nav_config:'Config', nav_help:'Help',
+    nav_dashboard:'Dashboard', nav_chat:'Chat', nav_plan:'Plan', nav_tasks:'Tasks',
+    nav_emails:'Emails', nav_calendar:'Calendar', nav_drive:'Drive',
+    nav_contacts:'Contacts', nav_notes:'Notes', nav_onedrive:'OneDrive',
+    nav_mstodo:'To Do', nav_github:'GitHub', nav_notion:'Notion',
+    nav_slack:'Slack', nav_birthdays:'Birthdays', nav_agents:'Agents',
+    nav_studio:'Studio', nav_collab:'AgentMessenger', nav_settings:'Settings',
+    nav_docs:'Documentation', nav_agents_guide:'Agents Guide', nav_mobile:'Mobile App',
   },
   it: {
     chat:'Chat', studio:'Studio', settings:'Impostazioni', agents:'Agenti',
@@ -2784,6 +2796,16 @@ var I18N = {
     settings_save:'Salva',
     no_output:'(nessun output)', done:'(completato)',
     token_label:'Token',
+    // Sidebar
+    nav_overview:'Panoramica', nav_google:'Google', nav_microsoft:'Microsoft',
+    nav_integrations:'Integrazioni', nav_ai:'AI', nav_config:'Config', nav_help:'Aiuto',
+    nav_dashboard:'Dashboard', nav_chat:'Chat', nav_plan:'Piano', nav_tasks:'Attivit\u00e0',
+    nav_emails:'Email', nav_calendar:'Calendario', nav_drive:'Drive',
+    nav_contacts:'Contatti', nav_notes:'Note', nav_onedrive:'OneDrive',
+    nav_mstodo:'To Do', nav_github:'GitHub', nav_notion:'Notion',
+    nav_slack:'Slack', nav_birthdays:'Compleanni', nav_agents:'Agenti',
+    nav_studio:'Studio', nav_collab:'AgentMessenger', nav_settings:'Impostazioni',
+    nav_docs:'Documentazione', nav_agents_guide:'Guida Agenti', nav_mobile:'App Mobile',
   },
   es: {
     chat:'Chat', studio:'Studio', settings:'Configuración', agents:'Agentes',
@@ -2801,6 +2823,15 @@ var I18N = {
     settings_save:'Guardar',
     no_output:'(sin salida)', done:'(hecho)',
     token_label:'Tokens',
+    nav_overview:'Resumen', nav_google:'Google', nav_microsoft:'Microsoft',
+    nav_integrations:'Integraciones', nav_ai:'IA', nav_config:'Config', nav_help:'Ayuda',
+    nav_dashboard:'Panel', nav_chat:'Chat', nav_plan:'Plan', nav_tasks:'Tareas',
+    nav_emails:'Correos', nav_calendar:'Calendario', nav_drive:'Drive',
+    nav_contacts:'Contactos', nav_notes:'Notas', nav_onedrive:'OneDrive',
+    nav_mstodo:'Tareas MS', nav_github:'GitHub', nav_notion:'Notion',
+    nav_slack:'Slack', nav_birthdays:'Cumplea\u00f1os', nav_agents:'Agentes',
+    nav_studio:'Studio', nav_collab:'AgentMessenger', nav_settings:'Configuraci\u00f3n',
+    nav_docs:'Documentaci\u00f3n', nav_agents_guide:'Gu\u00eda Agentes', nav_mobile:'App M\u00f3vil',
   },
   fr: {
     chat:'Chat', studio:'Studio', settings:'Paramètres', agents:'Agents',
@@ -2818,6 +2849,15 @@ var I18N = {
     settings_save:'Sauvegarder',
     no_output:'(aucune sortie)', done:'(terminé)',
     token_label:'Tokens',
+    nav_overview:'Aperçu', nav_google:'Google', nav_microsoft:'Microsoft',
+    nav_integrations:'Intégrations', nav_ai:'IA', nav_config:'Config', nav_help:'Aide',
+    nav_dashboard:'Tableau de bord', nav_chat:'Chat', nav_plan:'Plan', nav_tasks:'T\u00e2ches',
+    nav_emails:'Courriels', nav_calendar:'Calendrier', nav_drive:'Drive',
+    nav_contacts:'Contacts', nav_notes:'Notes', nav_onedrive:'OneDrive',
+    nav_mstodo:'To Do', nav_github:'GitHub', nav_notion:'Notion',
+    nav_slack:'Slack', nav_birthdays:'Anniversaires', nav_agents:'Agents',
+    nav_studio:'Studio', nav_collab:'AgentMessenger', nav_settings:'Param\u00e8tres',
+    nav_docs:'Documentation', nav_agents_guide:'Guide Agents', nav_mobile:'App Mobile',
   },
   de: {
     chat:'Chat', studio:'Studio', settings:'Einstellungen', agents:'Agenten',
@@ -2835,6 +2875,15 @@ var I18N = {
     settings_save:'Speichern',
     no_output:'(keine Ausgabe)', done:'(erledigt)',
     token_label:'Token',
+    nav_overview:'Übersicht', nav_google:'Google', nav_microsoft:'Microsoft',
+    nav_integrations:'Integrationen', nav_ai:'KI', nav_config:'Konfig', nav_help:'Hilfe',
+    nav_dashboard:'Dashboard', nav_chat:'Chat', nav_plan:'Plan', nav_tasks:'Aufgaben',
+    nav_emails:'E-Mails', nav_calendar:'Kalender', nav_drive:'Drive',
+    nav_contacts:'Kontakte', nav_notes:'Notizen', nav_onedrive:'OneDrive',
+    nav_mstodo:'To Do', nav_github:'GitHub', nav_notion:'Notion',
+    nav_slack:'Slack', nav_birthdays:'Geburtstage', nav_agents:'Agenten',
+    nav_studio:'Studio', nav_collab:'AgentMessenger', nav_settings:'Einstellungen',
+    nav_docs:'Dokumentation', nav_agents_guide:'Agenten-Leitfaden', nav_mobile:'Mobile App',
   },
 };
 // Fallback to 'en' for unmapped languages
@@ -2847,6 +2896,79 @@ function t(key) {
   } catch(e) { return I18N.en[key] || key; }
 }
 
+function renderSidebar() {
+  var sb = document.getElementById('sidebar');
+  if (!sb) return;
+  var activeView = typeof currentView !== \x27undefined\x27 ? currentView : \x27dashboard\x27;
+  function ni(view, icon, labelKey, badgeId, badgeStyle, extra) {
+    var active = view === activeView ? \x27 nav-item--active\x27 : \x27\x27;
+    var badge = badgeId ? \x27<span class="nav-item__badge" id="\x27+badgeId+\x27" style="display:none\x27+(badgeStyle?(\x27;\x27+badgeStyle):\x27\x27)+\x27">0</span>\x27 : \x27\x27;
+    var ext = extra || \x27\x27;
+    return \x27<div class="nav-item\x27+active+\x27" data-view="\x27+view+\x27" onclick="switchView(\\\x27\x27+view+\x27\\\x27)">\x27+
+      \x27<span class="nav-item__icon">\x27+icon+\x27</span> \x27+t(\x27nav_\x27+labelKey)+badge+ext+\x27</div>\x27;
+  }
+  sb.innerHTML =
+    \x27<div class="sidebar__brand">\x27+
+      \x27<button class="sidebar__close" onclick="closeSidebar()" title="Close menu">&times;</button>\x27+
+      \x27<div style="display:flex;align-items:center;gap:8px">\x27+
+        \x27<div class="sidebar__brand-name">NHA</div>\x27+
+        \x27<span id="wsIndicator" style="color:var(--dim);font-size:8px" title="Daemon WebSocket">&#9679;</span>\x27+
+      \x27</div>\x27+
+      \x27<div id="sidebarPageTitle" style="font-size:11px;color:var(--bright);margin-top:4px;font-weight:600">\x27+t(\x27nav_dashboard\x27)+\x27</div>\x27+
+      \x27<div class="sidebar__brand-sub" id="clock"></div>\x27+
+    \x27</div>\x27+
+    \x27<div class="sidebar__section">\x27+
+      \x27<div class="sidebar__label">\x27+t(\x27nav_overview\x27)+\x27</div>\x27+
+      ni(\x27dashboard\x27,\x27&#9632;\x27,\x27dashboard\x27)+
+      ni(\x27chat\x27,\x27&#128172;\x27,\x27chat\x27)+
+      ni(\x27plan\x27,\x27&#9733;\x27,\x27plan\x27)+
+      ni(\x27tasks\x27,\x27&#9745;\x27,\x27tasks\x27,\x27taskBadge\x27)+
+    \x27</div>\x27+
+    \x27<div class="sidebar__section">\x27+
+      \x27<div class="sidebar__label">\x27+t(\x27nav_google\x27)+\x27</div>\x27+
+      ni(\x27emails\x27,\x27&#128231;\x27,\x27emails\x27,\x27emailBadge\x27)+
+      ni(\x27calendar\x27,\x27&#128197;\x27,\x27calendar\x27,\x27calBadge\x27,\x27background:var(--amber)\x27)+
+      ni(\x27drive\x27,\x27&#128193;\x27,\x27drive\x27)+
+      ni(\x27contacts\x27,\x27&#128101;\x27,\x27contacts\x27)+
+      ni(\x27notes\x27,\x27&#128221;\x27,\x27notes\x27)+
+    \x27</div>\x27+
+    \x27<div class="sidebar__section">\x27+
+      \x27<div class="sidebar__label">\x27+t(\x27nav_microsoft\x27)+\x27</div>\x27+
+      ni(\x27onedrive\x27,\x27&#9729;\x27,\x27onedrive\x27)+
+      ni(\x27mstodo\x27,\x27&#128203;\x27,\x27mstodo\x27)+
+    \x27</div>\x27+
+    \x27<div class="sidebar__section">\x27+
+      \x27<div class="sidebar__label">\x27+t(\x27nav_integrations\x27)+\x27</div>\x27+
+      ni(\x27github\x27,\x27&#128736;\x27,\x27github\x27)+
+      ni(\x27notion\x27,\x27&#128214;\x27,\x27notion\x27)+
+      ni(\x27slack\x27,\x27&#128488;\x27,\x27slack\x27)+
+      ni(\x27birthdays\x27,\x27&#127874;\x27,\x27birthdays\x27)+
+    \x27</div>\x27+
+    \x27<div class="sidebar__section">\x27+
+      \x27<div class="sidebar__label">\x27+t(\x27nav_ai\x27)+\x27</div>\x27+
+      ni(\x27agents\x27,\x27&#129302;\x27,\x27agents\x27)+
+      \x27<div class="nav-item\x27+(activeView===\x27studio\x27?\x27 nav-item--active\x27:\x27\x27)+\x27" data-view="studio" onclick="switchView(\\\x27studio\\\x27)">\x27+
+        \x27<span class="nav-item__icon">&#9881;</span> \x27+t(\x27nav_studio\x27)+
+        \x27<span style="font-size:8px;padding:1px 5px;border-radius:4px;background:rgba(99,102,241,.25);color:var(--green);margin-left:4px;font-weight:700">NEW</span>\x27+
+      \x27</div>\x27+
+      \x27<div class="nav-item\x27+(activeView===\x27collab\x27?\x27 nav-item--active\x27:\x27\x27)+\x27" data-view="collab" onclick="switchView(\\\x27collab\\\x27)">\x27+
+        \x27<span class="nav-item__icon">&#128274;</span> \x27+t(\x27nav_collab\x27)+
+        \x27<span id="collabBadge" style="display:none;background:var(--red);color:#fff;font-size:9px;padding:1px 5px;border-radius:8px;margin-left:4px;font-family:var(--mono)">0</span>\x27+
+      \x27</div>\x27+
+    \x27</div>\x27+
+    \x27<div class="sidebar__section">\x27+
+      \x27<div class="sidebar__label">\x27+t(\x27nav_config\x27)+\x27</div>\x27+
+      ni(\x27settings\x27,\x27&#9881;\x27,\x27settings\x27)+
+    \x27</div>\x27+
+    \x27<div class="sidebar__section">\x27+
+      \x27<div class="sidebar__label">\x27+t(\x27nav_help\x27)+\x27</div>\x27+
+      \x27<a href="https://nothumanallowed.com/docs" target="_blank" class="nav-item" style="text-decoration:none"><span class="nav-item__icon">&#128214;</span> \x27+t(\x27nav_docs\x27)+\x27</a>\x27+
+      \x27<a href="https://nothumanallowed.com/docs/agents" target="_blank" class="nav-item" style="text-decoration:none"><span class="nav-item__icon">&#129302;</span> \x27+t(\x27nav_agents_guide\x27)+\x27</a>\x27+
+      \x27<a href="https://nothumanallowed.com/docs/mobile" target="_blank" class="nav-item" style="text-decoration:none"><span class="nav-item__icon">&#128241;</span> \x27+t(\x27nav_mobile\x27)+\x27</a>\x27+
+    \x27</div>\x27+
+    \x27<div style="padding:12px 16px;margin-top:auto;border-top:1px solid var(--border);font-size:10px;color:var(--dim)">nothumanallowed.com</div>\x27;
+}
+
 var studioState = {
   task: '',
   nodes: [],       // [{icon,agent,label,status:'waiting'|'running'|'done'|'error'}]
@@ -3597,18 +3719,17 @@ async function runManualWorkflow() {
 
 // ---- INIT ----
 function init(){
+  renderSidebar();
   var el=document.getElementById('content');
-  if(el)el.innerHTML='<div style="display:flex;align-items:center;justify-content:center;height:50vh;flex-direction:column"><div class="spinner"></div><div style="color:var(--dim)">Loading...</div></div>';
+  if(el)el.innerHTML=\x27<div style="display:flex;align-items:center;justify-content:center;height:50vh;flex-direction:column"><div class="spinner"></div><div style="color:var(--dim)">Loading...</div></div>\x27;
   loadDash().then(function(){render()}).catch(function(){render()});
   loadAgents().catch(function(){});
-  setInterval(function(){loadDash().then(function(){if(currentView==='dashboard')render()}).catch(function(){})},120000);
-  // Connect to daemon WebSocket for real-time notifications
+  setInterval(function(){loadDash().then(function(){if(currentView===\x27dashboard\x27)render()}).catch(function(){})},120000);
   connectWebSocket();
-  // Make floating panels draggable
   var bv=document.getElementById('browserViewer');
-  if(bv)makeDraggable(bv,'.browser-viewer__header');
+  if(bv)makeDraggable(bv,\x27.browser-viewer__header\x27);
   var cp=document.getElementById('canvasPanel');
-  if(cp)makeDraggable(cp,'.cvs-header');
+  if(cp)makeDraggable(cp,\x27.cvs-header\x27);
 }
 init();
 `;
@@ -4002,62 +4123,7 @@ input:focus,textarea:focus{border-color:var(--green3)}
 <div class="sidebar__overlay" id="overlay" onclick="closeSidebar()"></div>
 
 <div class="app">
-  <nav class="sidebar" id="sidebar">
-    <div class="sidebar__brand">
-      <button class="sidebar__close" onclick="closeSidebar()" title="Close menu">&times;</button>
-      <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>
-      <div class="nav-item nav-item--active" data-view="dashboard" onclick="switchView('dashboard')"><span class="nav-item__icon">&#9632;</span> Dashboard</div>
-      <div class="nav-item" data-view="chat" onclick="switchView('chat')"><span class="nav-item__icon">&#128172;</span> Chat</div>
-      <div class="nav-item" data-view="plan" onclick="switchView('plan')"><span class="nav-item__icon">&#9733;</span> Plan</div>
-      <div class="nav-item" data-view="tasks" onclick="switchView('tasks')"><span class="nav-item__icon">&#9745;</span> Tasks <span class="nav-item__badge" id="taskBadge" style="display:none">0</span></div>
-    </div>
-    <div class="sidebar__section">
-      <div class="sidebar__label">Google</div>
-      <div class="nav-item" data-view="emails" onclick="switchView('emails')"><span class="nav-item__icon">&#128231;</span> Emails <span class="nav-item__badge" id="emailBadge" style="display:none">0</span></div>
-      <div class="nav-item" data-view="calendar" onclick="switchView('calendar')"><span class="nav-item__icon">&#128197;</span> Calendar <span class="nav-item__badge" id="calBadge" style="display:none;background:var(--amber)">0</span></div>
-      <div class="nav-item" data-view="drive" onclick="switchView('drive')"><span class="nav-item__icon">&#128193;</span> Drive</div>
-      <div class="nav-item" data-view="contacts" onclick="switchView('contacts')"><span class="nav-item__icon">&#128101;</span> Contacts</div>
-      <div class="nav-item" data-view="notes" onclick="switchView('notes')"><span class="nav-item__icon">&#128221;</span> Notes</div>
-    </div>
-    <div class="sidebar__section">
-      <div class="sidebar__label">Microsoft</div>
-      <div class="nav-item" data-view="onedrive" onclick="switchView('onedrive')"><span class="nav-item__icon">&#9729;</span> OneDrive</div>
-      <div class="nav-item" data-view="mstodo" onclick="switchView('mstodo')"><span class="nav-item__icon">&#128203;</span> To Do</div>
-    </div>
-    <div class="sidebar__section">
-      <div class="sidebar__label">Integrations</div>
-      <div class="nav-item" data-view="github" onclick="switchView('github')"><span class="nav-item__icon">&#128736;</span> GitHub</div>
-      <div class="nav-item" data-view="notion" onclick="switchView('notion')"><span class="nav-item__icon">&#128214;</span> Notion</div>
-      <div class="nav-item" data-view="slack" onclick="switchView('slack')"><span class="nav-item__icon">&#128488;</span> Slack</div>
-      <div class="nav-item" data-view="birthdays" onclick="switchView('birthdays')"><span class="nav-item__icon">&#127874;</span> Birthdays</div>
-    </div>
-    <div class="sidebar__section">
-      <div class="sidebar__label">AI</div>
-      <div class="nav-item" data-view="agents" onclick="switchView('agents')"><span class="nav-item__icon">&#129302;</span> Agents</div>
-      <div class="nav-item" data-view="studio" onclick="switchView('studio')"><span class="nav-item__icon">&#9881;</span> Studio <span style="font-size:8px;padding:1px 5px;border-radius:4px;background:rgba(99,102,241,.25);color:var(--green);margin-left:4px;font-weight:700">NEW</span></div>
-      <div class="nav-item" data-view="collab" onclick="switchView('collab')"><span class="nav-item__icon">&#128274;</span> AgentMessenger <span id="collabBadge" style="display:none;background:var(--red);color:#fff;font-size:9px;padding:1px 5px;border-radius:8px;margin-left:4px;font-family:var(--mono)">0</span></div>
-    </div>
-    <div class="sidebar__section">
-      <div class="sidebar__label">Config</div>
-      <div class="nav-item" data-view="settings" onclick="switchView('settings')"><span class="nav-item__icon">&#9881;</span> Settings</div>
-    </div>
-    <div class="sidebar__section">
-      <div class="sidebar__label">Help</div>
-      <a href="https://nothumanallowed.com/docs" target="_blank" class="nav-item" style="text-decoration:none"><span class="nav-item__icon">&#128214;</span> Documentation</a>
-      <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)">nothumanallowed.com</div>
-  </nav>
+  <nav class="sidebar" id="sidebar"></nav>
 
   <button onclick="openSidebar()" style="position:fixed;top:6px;left:6px;z-index:100;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);color:var(--green);font-size:16px;padding:4px 8px;cursor:pointer;line-height:1;opacity:0.85" id="mobileBurger">&#9776;</button>