nothumanallowed 13.5.39 → 13.5.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.5.39",
+  "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.39';
+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

@@ -3147,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',
@@ -3182,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',
@@ -3216,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',
@@ -3250,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',
@@ -3284,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
@@ -6242,13 +6247,30 @@ 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="display:flex;flex-direction:column;height:100%;min-height:0;padding:0 4px">' +
-      '<div style="margin-bottom:14px;flex-shrink:0">' +
+      '<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>' +
 
+      wcExHtml +
+
       '<div style="display:flex;gap:14px;align-items:flex-start;flex:1;min-height:0">' +
 
         // LEFT: config panel
@@ -6304,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; }
@@ -6408,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();