nothumanallowed 13.2.42 → 13.2.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.2.42",
+  "version": "13.2.43",
   "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.2.42';
+export const VERSION = '13.2.43';
 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>