nothumanallowed 13.5.37 → 13.5.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.5.37",
+  "version": "13.5.39",
   "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.37';
+export const VERSION = '13.5.39';
 export const BASE_URL = 'https://nothumanallowed.com/cli';
 export const API_BASE = 'https://nothumanallowed.com/api/v1';
 

package/src/services/web-ui.mjs

@@ -248,7 +248,10 @@ function switchView(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')}}
+  if(ct){
+    if(v==='chat'){ct.classList.add('content--chat')}else{ct.classList.remove('content--chat')}
+    if(v==='webcraft'){ct.classList.add('content--webcraft')}else{ct.classList.remove('content--webcraft')}
+  }
   closeSidebar();
   // Auto-close floating panels when leaving chat/studio
   if(v!=='chat'&&v!=='studio'){closeBrowserViewer();closeCanvas();}
@@ -3136,6 +3139,14 @@ var I18N = {
     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',
+    nav_webcraft:'WebCraft',
+    wc_title:'WebCraft', wc_subtitle:'Generate enterprise-grade web projects — security headers A+, BEM CSS, PostgreSQL pool, Auth, GDPR cookie banner.',
+    wc_project:'Project', wc_project_name:'Project name (e.g. MySaaS)', wc_desc:'Describe your project...',
+    wc_blocks:'Included Blocks', wc_auth_fields:'Auth Fields', wc_add_field:'+ Add field',
+    wc_required_hint:'Checked = Required | Edit label & type inline',
+    wc_generate:'Generate Project', wc_generating:'Generating',
+    wc_download:'Download Archive', wc_describe_first:'Please describe your project first.',
+    wc_no_files:'Describe your project and click Generate',
   },
   it: {
     chat:'Chat', studio:'Studio', settings:'Impostazioni', agents:'Agenti',
@@ -3163,6 +3174,14 @@ var I18N = {
     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',
+    nav_webcraft:'WebCraft',
+    wc_title:'WebCraft', wc_subtitle:'Genera progetti web enterprise — security headers A+, CSS BEM, PostgreSQL pool, Auth, cookie banner GDPR.',
+    wc_project:'Progetto', wc_project_name:'Nome progetto (es. MioSaaS)', wc_desc:'Descrivi il tuo progetto...',
+    wc_blocks:'Blocchi inclusi', wc_auth_fields:'Campi registrazione', wc_add_field:'+ Aggiungi campo',
+    wc_required_hint:'Spuntato = Obbligatorio | Modifica etichetta e tipo inline',
+    wc_generate:'Genera progetto', wc_generating:'Generazione in corso',
+    wc_download:'Scarica archivio', wc_describe_first:'Descrivi prima il tuo progetto.',
+    wc_no_files:'Descrivi il progetto e clicca Genera',
   },
   es: {
     chat:'Chat', studio:'Studio', settings:'Configuración', agents:'Agentes',
@@ -3189,6 +3208,14 @@ var I18N = {
     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',
+    nav_webcraft:'WebCraft',
+    wc_title:'WebCraft', wc_subtitle:'Genera proyectos web empresariales — headers A+, CSS BEM, PostgreSQL pool, Auth, banner de cookies GDPR.',
+    wc_project:'Proyecto', wc_project_name:'Nombre del proyecto (ej. MiSaaS)', wc_desc:'Describe tu proyecto...',
+    wc_blocks:'Bloques incluidos', wc_auth_fields:'Campos de registro', wc_add_field:'+ A\u00f1adir campo',
+    wc_required_hint:'Marcado = Obligatorio | Edita etiqueta y tipo inline',
+    wc_generate:'Generar proyecto', wc_generating:'Generando',
+    wc_download:'Descargar archivo', wc_describe_first:'Por favor describe tu proyecto primero.',
+    wc_no_files:'Describe el proyecto y haz clic en Generar',
   },
   fr: {
     chat:'Chat', studio:'Studio', settings:'Paramètres', agents:'Agents',
@@ -3215,6 +3242,14 @@ var I18N = {
     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',
+    nav_webcraft:'WebCraft',
+    wc_title:'WebCraft', wc_subtitle:'G\u00e9n\u00e9rez des projets web entreprise — headers A+, CSS BEM, pool PostgreSQL, Auth, bandeau cookies RGPD.',
+    wc_project:'Projet', wc_project_name:'Nom du projet (ex. MonSaaS)', wc_desc:'D\u00e9crivez votre projet...',
+    wc_blocks:'Blocs inclus', wc_auth_fields:'Champs inscription', wc_add_field:'+ Ajouter un champ',
+    wc_required_hint:'Coch\u00e9 = Obligatoire | Modifier \u00e9tiquette et type inline',
+    wc_generate:'G\u00e9n\u00e9rer le projet', wc_generating:'G\u00e9n\u00e9ration en cours',
+    wc_download:'T\u00e9l\u00e9charger archive', wc_describe_first:'Veuillez d\u00e9crire votre projet.',
+    wc_no_files:'D\u00e9crivez le projet et cliquez sur G\u00e9n\u00e9rer',
   },
   de: {
     chat:'Chat', studio:'Studio', settings:'Einstellungen', agents:'Agenten',
@@ -3241,6 +3276,14 @@ var I18N = {
     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',
+    nav_webcraft:'WebCraft',
+    wc_title:'WebCraft', wc_subtitle:'Enterprise-Web-Projekte generieren — Security-Headers A+, BEM CSS, PostgreSQL Pool, Auth, DSGVO Cookie-Banner.',
+    wc_project:'Projekt', wc_project_name:'Projektname (z.B. MeinSaaS)', wc_desc:'Beschreibe dein Projekt...',
+    wc_blocks:'Enthaltene Bl\u00f6cke', wc_auth_fields:'Registrierungsfelder', wc_add_field:'+ Feld hinzuf\u00fcgen',
+    wc_required_hint:'Aktiviert = Pflichtfeld | Beschriftung und Typ inline bearbeiten',
+    wc_generate:'Projekt generieren', wc_generating:'Generierung',
+    wc_download:'Archiv herunterladen', wc_describe_first:'Bitte beschreibe zuerst dein Projekt.',
+    wc_no_files:'Beschreibe das Projekt und klicke auf Generieren',
   },
 };
 // Fallback to 'en' for unmapped languages
@@ -3309,7 +3352,7 @@ function renderSidebar() {
         \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===\x27webcraft\x27?\x27 nav-item--active\x27:\x27\x27)+\x27" data-view="webcraft" onclick="switchView(\\\x27webcraft\\\x27)">\x27+
-        \x27<span class="nav-item__icon">&#128736;</span> WebCraft\x27+
+        \x27<span class="nav-item__icon">&#128736;</span> \x27+t(\x27nav_webcraft\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+
@@ -3345,7 +3388,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.37-->';
+var _PARL_STAMP = '<!--nha-parl-v13.5.39-->';
 
 function stopStudio() {
   if (!studioState.running) return;
@@ -6185,7 +6228,7 @@ function renderWebCraft(el) {
       '</div>'
     : '<div style="flex:1;display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:12px;flex-direction:column;gap:8px">' +
         '<span style="font-size:36px;opacity:.25">&#128736;</span>' +
-        '<span>Describe your project and click Generate</span>' +
+        '<span>'+t('wc_no_files')+'</span>' +
       '</div>';
 
   var authFieldsHtml = wcState.authFields.map(function(f,i){
@@ -6200,27 +6243,27 @@ function renderWebCraft(el) {
   }).join('');
 
   el.innerHTML =
-    '<div style="max-width:1100px;margin:0 auto;padding:0 8px">' +
-      '<div style="margin-bottom:18px">' +
-        '<h2 style="font-size:15px;color:var(--green);margin-bottom:4px">&#128736; WebCraft</h2>' +
-        '<p style="font-size:11px;color:var(--dim);line-height:1.5">Generate enterprise-grade web projects — security headers A+, BEM CSS, PostgreSQL pool, Auth, GDPR cookie banner.</p>' +
+    '<div style="display:flex;flex-direction:column;height:100%;min-height:0;padding:0 4px">' +
+      '<div style="margin-bottom:14px;flex-shrink:0">' +
+        '<h2 style="font-size:15px;color:var(--green);margin-bottom:4px">&#128736; '+t('wc_title')+'</h2>' +
+        '<p style="font-size:11px;color:var(--dim);line-height:1.5">'+t('wc_subtitle')+'</p>' +
       '</div>' +
 
-      '<div style="display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap">' +
+      '<div style="display:flex;gap:14px;align-items:flex-start;flex:1;min-height:0">' +
 
         // LEFT: config panel
-        '<div style="width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:12px">' +
+        '<div style="width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:calc(100vh - 120px)">' +
 
           // Project name + description
           '<div style="background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px">' +
-            '<div style="font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px">Project</div>' +
-            '<input id="wcProjectName" placeholder="Project name (e.g. MySaaS)" value="'+wcEsc(wcState.projectName)+'" oninput="wcState.projectName=this.value" style="width:100%;padding:8px 10px;font-size:12px;border-radius:6px;border:1px solid var(--border2);background:var(--bg3);color:var(--text);margin-bottom:8px;box-sizing:border-box">' +
-            '<textarea id="wcDesc" placeholder="Describe your project... e.g. SaaS landing page with user registration, dashboard, Stripe-ready pricing section" rows="4" oninput="wcState.description=this.value" style="width:100%;padding:8px 10px;font-size:12px;border-radius:6px;border:1px solid var(--border2);background:var(--bg3);color:var(--text);resize:vertical;box-sizing:border-box;line-height:1.5">'+wcEsc(wcState.description)+'</textarea>' +
+            '<div style="font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px">'+t('wc_project')+'</div>' +
+            '<input id="wcProjectName" placeholder="'+t('wc_project_name')+'" value="'+wcEsc(wcState.projectName)+'" oninput="wcState.projectName=this.value" style="width:100%;padding:8px 10px;font-size:12px;border-radius:6px;border:1px solid var(--border2);background:var(--bg3);color:var(--text);margin-bottom:8px;box-sizing:border-box">' +
+            '<textarea id="wcDesc" placeholder="'+t('wc_desc')+' e.g. SaaS landing page with user registration, dashboard, Stripe-ready pricing section" rows="4" oninput="wcState.description=this.value" style="width:100%;padding:8px 10px;font-size:12px;border-radius:6px;border:1px solid var(--border2);background:var(--bg3);color:var(--text);resize:vertical;box-sizing:border-box;line-height:1.5">'+wcEsc(wcState.description)+'</textarea>' +
           '</div>' +
 
           // Blocks
           '<div style="background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px">' +
-            '<div style="font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px">Included Blocks</div>' +
+            '<div style="font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px">'+t('wc_blocks')+'</div>' +
             ['auth','cookieBanner','securityMiddleware','emailVerification'].map(function(b){
               var labels = {auth:'Auth (register/login/JWT)',cookieBanner:'GDPR Cookie Banner',securityMiddleware:'Security Middleware',emailVerification:'Email Verification'};
               var icons  = {auth:'&#128274;',cookieBanner:'&#127850;',securityMiddleware:'&#128737;',emailVerification:'&#9993;'};
@@ -6234,25 +6277,25 @@ function renderWebCraft(el) {
           // Auth fields configurator
           '<div id="wcAuthFieldsPanel" style="background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px;'+(wcState.blocks.auth?'':'display:none')+'">' +
             '<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px">' +
-              '<div style="font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.8px">Auth Fields</div>' +
-              '<button onclick="wcAddField()" style="font-size:10px;padding:3px 8px;background:var(--bg3);border:1px solid var(--border2);border-radius:5px;color:var(--green);cursor:pointer">+ Add field</button>' +
+              '<div style="font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.8px">'+t('wc_auth_fields')+'</div>' +
+              '<button onclick="wcAddField()" style="font-size:10px;padding:3px 8px;background:var(--bg3);border:1px solid var(--border2);border-radius:5px;color:var(--green);cursor:pointer">'+t('wc_add_field')+'</button>' +
             '</div>' +
             '<div id="wcFieldsList">'+authFieldsHtml+'</div>' +
-            '<div style="font-size:9px;color:var(--dim);margin-top:4px">&#9745; = Required &nbsp;|&nbsp; Edit label &amp; type inline</div>' +
+            '<div style="font-size:9px;color:var(--dim);margin-top:4px">'+t('wc_required_hint')+'</div>' +
           '</div>' +
 
           // Generate button
           '<button id="wcRunBtn" onclick="wcGenerate()" style="width:100%;padding:12px;background:var(--green3);border:none;border-radius:8px;color:var(--bg);font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.2px"'+(wcState.running?' disabled':'')+'>'+
-            (wcState.running ? '&#9203; Generating...' : '&#9654; Generate Project') +
+            (wcState.running ? '&#9203; '+t('wc_generating')+'...' : '&#9654; '+t('wc_generate')) +
           '</button>' +
 
           (wcState.generatedFiles.length > 0 ?
-            '<button onclick="wcDownloadZip()" style="width:100%;padding:10px;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;color:var(--text);font-size:12px;font-weight:600;cursor:pointer">&#8681; Download ZIP</button>' : '') +
+            '<button onclick="wcDownloadZip()" style="width:100%;padding:10px;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;color:var(--text);font-size:12px;font-weight:600;cursor:pointer">&#8681; '+t('wc_download')+'</button>' : '') +
 
         '</div>' +
 
         // RIGHT: file viewer
-        '<div style="flex:1;min-width:0;background:var(--bg2);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;min-height:520px;overflow:hidden">' +
+        '<div style="flex:1;min-width:0;background:var(--bg2);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;height:calc(100vh - 120px);overflow:hidden">' +
           fileTabsHtml +
           codeHtml +
         '</div>' +
@@ -6275,7 +6318,7 @@ async function wcGenerate() {
   if (wcState.running) return;
   var desc = (document.getElementById('wcDesc')||{}).value || wcState.description;
   var projName = (document.getElementById('wcProjectName')||{}).value || wcState.projectName || 'myproject';
-  if (!desc || desc.length < 10) { alert('Please describe your project first.'); return; }
+  if (!desc || desc.length < 10) { alert(t('wc_describe_first')); return; }
   wcState.description = desc;
   wcState.projectName = projName;
   wcState.running = true;
@@ -6342,7 +6385,7 @@ async function wcGenerate() {
   for (var fi = 0; fi < filePlan.length; fi++) {
     var fp = filePlan[fi];
     var runBtn = document.getElementById('wcRunBtn');
-    if (runBtn) runBtn.textContent = '&#9203; Generating ' + fp.name + ' (' + (fi+1) + '/' + filePlan.length + ')...';
+    if (runBtn) runBtn.textContent = '&#9203; '+t('wc_generating')+' ' + fp.name + ' (' + (fi+1) + '/' + filePlan.length + ')...';
     try {
       var _nl2 = String.fromCharCode(10);
       var content = await wcCallLLM(sysPreamble, fp.prompt + _nl2 + _nl2 + 'File to generate: ' + fp.name);
@@ -6458,6 +6501,7 @@ input:focus,textarea:focus{border-color:var(--green3)}
 .nav-item__badge{background:var(--red);color:var(--bright);font-size:9px;padding:1px 5px;border-radius:8px;margin-left:auto}
 
 .content{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}
+.content--webcraft{overflow:hidden;display:flex;flex-direction:column}
 
 /* Mobile burger button */
 #mobileBurger{display:block}