nothumanallowed 13.5.38 → 13.5.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.5.38",
+  "version": "13.5.40",
   "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

@@ -3845,6 +3845,26 @@ ${completedHeadings ? `## SECTIONS ALREADY WRITTEN (headings only):\n${completed
         return;
       }
 
+      // ── Studio: WebCraft — single non-streaming LLM call ────────────────
+      // Used by the WebCraft tab to generate each file without SSE complexity.
+      // POST /api/studio/webcraft  { system, user, max_tokens }  → { text }
+      if (pathname === '/api/studio/webcraft' && method === 'POST') {
+        const body = await parseBody(req, 131072); // 128KB max
+        if (!body.system || !body.user) {
+          sendJSON(res, 400, { error: 'system and user required' });
+          logRequest(method, pathname, 400, Date.now() - start);
+          return;
+        }
+        try {
+          const result = await callLLM(config, body.system, body.user, { max_tokens: body.max_tokens || 4096 });
+          sendJSON(res, 200, { text: result });
+        } catch (e) {
+          sendJSON(res, 500, { error: e.message });
+        }
+        logRequest(method, pathname, 200, Date.now() - start);
+        return;
+      }
+
       // ── Studio: Parliament deliberation (SSE streaming) ──────────────────
       // Implements the Legion DeliberationEngine protocol adapted for Studio:
       // Round 1 outputs already exist (from normal workflow steps).

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.38';
+export const VERSION = '13.5.40';
 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();}
@@ -3144,6 +3147,7 @@ var I18N = {
     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',
+    wc_examples_label:'Examples',
   },
   it: {
     chat:'Chat', studio:'Studio', settings:'Impostazioni', agents:'Agenti',
@@ -3179,6 +3183,7 @@ var I18N = {
     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',
+    wc_examples_label:'Esempi',
   },
   es: {
     chat:'Chat', studio:'Studio', settings:'Configuración', agents:'Agentes',
@@ -3213,6 +3218,7 @@ var I18N = {
     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',
+    wc_examples_label:'Ejemplos',
   },
   fr: {
     chat:'Chat', studio:'Studio', settings:'Paramètres', agents:'Agents',
@@ -3247,6 +3253,7 @@ var I18N = {
     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',
+    wc_examples_label:'Exemples',
   },
   de: {
     chat:'Chat', studio:'Studio', settings:'Einstellungen', agents:'Agenten',
@@ -3281,6 +3288,7 @@ var I18N = {
     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',
+    wc_examples_label:'Beispiele',
   },
 };
 // Fallback to 'en' for unmapped languages
@@ -3385,7 +3393,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.38-->';
+var _PARL_STAMP = '<!--nha-parl-v13.5.39-->';
 
 function stopStudio() {
   if (!studioState.running) return;
@@ -6239,17 +6247,34 @@ function renderWebCraft(el) {
     '</div>';
   }).join('');
 
+  // Example prompts — clicking fills project name + description
+  var wcExamples = [
+    {name:'MySaaS',    desc:'SaaS landing page with hero section, pricing table (free/pro/enterprise), feature comparison grid, user registration (name, email, password), login, protected dashboard with sidebar navigation (overview, settings, billing), account settings page, and email verification flow.'},
+    {name:'MyShop',    desc:'E-commerce site with homepage showcasing featured products, product catalog with filters (category, price range), product detail page with image gallery, shopping cart with quantity controls, checkout form with address and payment fields, user registration and login, order history page, and admin panel for product management.'},
+    {name:'MyBlog',    desc:'Blog and CMS with homepage listing recent articles (title, excerpt, cover image, author, date), article detail page with markdown rendering, category and tag filtering, author profile page, admin panel for writing and publishing posts (rich text editor), user comments with moderation, and RSS feed endpoint.'},
+    {name:'MyPortfolio', desc:'Professional portfolio with animated hero section (name, role, call-to-action), projects showcase grid with lightbox modal, skills section with progress bars, about page with timeline, contact form with SMTP email sending, dark/light mode toggle, and smooth scroll navigation.'},
+    {name:'MyRestaurant', desc:'Restaurant website with hero with background video, menu page organized by category (starters, mains, desserts, drinks) with photos and prices, online booking form (date, time, party size, special requests) with email confirmation, about us page, gallery section, and contact page with embedded map.'},
+    {name:'MyJobBoard',  desc:'Job board platform with homepage listing recent job postings (title, company, location, type), job detail page, company profile pages, candidate registration and login, job application form with resume upload, employer dashboard to post and manage listings, saved jobs for candidates, and job search with filters (location, type, salary range).'}
+  ];
+  var wcExHtml = '<div style="margin-bottom:12px;flex-shrink:0"><div style="font-size:9px;color:var(--dim);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px">'+t('wc_examples_label')+'</div><div style="display:flex;gap:6px;flex-wrap:wrap">' +
+    wcExamples.map(function(ex,i){
+      return '<button onclick="wcPickExample('+i+')" style="padding:4px 10px;border-radius:14px;border:1px solid var(--border2);background:var(--bg3);color:var(--dim);font-size:11px;cursor:pointer;white-space:nowrap">'+wcEsc(ex.name)+'</button>';
+    }).join('') +
+  '</div></div>';
+
   el.innerHTML =
-    '<div style="max-width:1100px;margin:0 auto;padding:0 8px">' +
-      '<div style="margin-bottom:18px">' +
+    '<div style="display:flex;flex-direction:column;height:100%;min-height:0;padding:0 4px">' +
+      '<div style="margin-bottom:10px;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">' +
+      wcExHtml +
+
+      '<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">' +
@@ -6292,7 +6317,7 @@ function renderWebCraft(el) {
         '</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>' +
@@ -6301,6 +6326,21 @@ function renderWebCraft(el) {
     '</div>';
 }
 
+function wcPickExample(i) {
+  var wcExamplesData = [
+    {name:'MySaaS',    desc:'SaaS landing page with hero section, pricing table (free/pro/enterprise), feature comparison grid, user registration (name, email, password), login, protected dashboard with sidebar navigation (overview, settings, billing), account settings page, and email verification flow.'},
+    {name:'MyShop',    desc:'E-commerce site with homepage showcasing featured products, product catalog with filters (category, price range), product detail page with image gallery, shopping cart with quantity controls, checkout form with address and payment fields, user registration and login, order history page, and admin panel for product management.'},
+    {name:'MyBlog',    desc:'Blog and CMS with homepage listing recent articles (title, excerpt, cover image, author, date), article detail page with markdown rendering, category and tag filtering, author profile page, admin panel for writing and publishing posts (rich text editor), user comments with moderation, and RSS feed endpoint.'},
+    {name:'MyPortfolio', desc:'Professional portfolio with animated hero section (name, role, call-to-action), projects showcase grid with lightbox modal, skills section with progress bars, about page with timeline, contact form with SMTP email sending, dark/light mode toggle, and smooth scroll navigation.'},
+    {name:'MyRestaurant', desc:'Restaurant website with hero with background video, menu page organized by category (starters, mains, desserts, drinks) with photos and prices, online booking form (date, time, party size, special requests) with email confirmation, about us page, gallery section, and contact page with embedded map.'},
+    {name:'MyJobBoard',  desc:'Job board platform with homepage listing recent job postings (title, company, location, type), job detail page, company profile pages, candidate registration and login, job application form with resume upload, employer dashboard to post and manage listings, saved jobs for candidates, and job search with filters (location, type, salary range).'}
+  ];
+  var ex = wcExamplesData[i];
+  if (!ex) return;
+  wcState.projectName = ex.name;
+  wcState.description = ex.desc;
+  renderWebCraft(document.getElementById('content'));
+}
 function wcUpdateField(i, val) { wcState.authFields[i].label = val; }
 function wcUpdateFieldType(i, t) { wcState.authFields[i].type = t; }
 function wcToggleRequired(i, v) { wcState.authFields[i].required = v; }
@@ -6405,10 +6445,10 @@ async function wcGenerate() {
 }
 
 async function wcCallLLM(sys, user) {
-  var r = await fetch(API + '/studio/step', {
+  var r = await fetch(API + '/studio/webcraft', {
     method: 'POST',
     headers: {'Content-Type':'application/json'},
-    body: JSON.stringify({system: sys, user: user, max_tokens: 4096, stream: false})
+    body: JSON.stringify({system: sys, user: user, max_tokens: 4096})
   });
   if (!r.ok) throw new Error('LLM error ' + r.status);
   var d = await r.json();
@@ -6498,6 +6538,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}