nothumanallowed 13.5.44 → 13.5.45

package/package.json

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

@@ -3865,6 +3865,81 @@ ${completedHeadings ? `## SECTIONS ALREADY WRITTEN (headings only):\n${completed
         return;
       }
 
+      // ── WebCraft Projects — list and delete saved projects ──────────────────
+      // GET  /api/studio/webcraft/projects         → { projects: [{name, description, fileCount, createdAt, dir}] }
+      // DELETE /api/studio/webcraft/projects/:name → { ok }
+      // POST /api/studio/webcraft/projects/save    → saves meta+files, { ok, dir }
+      if (pathname === '/api/studio/webcraft/projects' && method === 'GET') {
+        const wcBaseDir = path.join(os.homedir(), '.nha', 'webcraft');
+        const projects = [];
+        if (fs.existsSync(wcBaseDir)) {
+          for (const entry of fs.readdirSync(wcBaseDir, { withFileTypes: true })) {
+            if (!entry.isDirectory()) continue;
+            const metaPath = path.join(wcBaseDir, entry.name, 'webcraft-meta.json');
+            if (!fs.existsSync(metaPath)) continue;
+            try {
+              const meta = JSON.parse(fs.readFileSync(metaPath, 'utf8'));
+              projects.push({ name: entry.name, description: meta.description || '', fileCount: (meta.files || []).length, createdAt: meta.createdAt || '', dir: path.join(wcBaseDir, entry.name) });
+            } catch(_) {}
+          }
+        }
+        projects.sort((a, b) => (b.createdAt > a.createdAt ? 1 : -1));
+        sendJSON(res, 200, { projects });
+        logRequest(method, pathname, 200, Date.now() - start);
+        return;
+      }
+
+      if (pathname.startsWith('/api/studio/webcraft/projects/') && method === 'DELETE') {
+        const projName = decodeURIComponent(pathname.replace('/api/studio/webcraft/projects/', '')).replace(/[^a-zA-Z0-9_-]/g, '');
+        if (!projName) { sendJSON(res, 400, { error: 'invalid name' }); return; }
+        const projDir = path.join(os.homedir(), '.nha', 'webcraft', projName);
+        if (fs.existsSync(projDir)) fs.rmSync(projDir, { recursive: true, force: true });
+        sendJSON(res, 200, { ok: true });
+        logRequest(method, pathname, 200, Date.now() - start);
+        return;
+      }
+
+      if (pathname === '/api/studio/webcraft/projects/save' && method === 'POST') {
+        const body = await parseBody(req, 16 * 1024 * 1024); // 16MB
+        const projName = (body.projectName || 'webcraft').replace(/[^a-zA-Z0-9_-]/g, '-');
+        const projDir = path.join(os.homedir(), '.nha', 'webcraft', projName);
+        fs.mkdirSync(projDir, { recursive: true });
+        // Write each file with full folder structure
+        for (const f of (body.files || [])) {
+          const fp = path.join(projDir, f.name);
+          fs.mkdirSync(path.dirname(fp), { recursive: true });
+          fs.writeFileSync(fp, f.content, 'utf8');
+        }
+        // Write meta
+        const meta = { projectName: projName, description: body.description || '', files: (body.files || []).map(f => f.name), createdAt: new Date().toISOString() };
+        fs.writeFileSync(path.join(projDir, 'webcraft-meta.json'), JSON.stringify(meta, null, 2), 'utf8');
+        sendJSON(res, 200, { ok: true, dir: projDir });
+        logRequest(method, pathname, 200, Date.now() - start);
+        return;
+      }
+
+      // GET /api/studio/webcraft/projects/load/:name → { projectName, description, files[] }
+      if (pathname.startsWith('/api/studio/webcraft/projects/load/') && method === 'GET') {
+        const projName = decodeURIComponent(pathname.replace('/api/studio/webcraft/projects/load/', '')).replace(/[^a-zA-Z0-9_-]/g, '');
+        const projDir = path.join(os.homedir(), '.nha', 'webcraft', projName);
+        const metaPath = path.join(projDir, 'webcraft-meta.json');
+        if (!fs.existsSync(metaPath)) { sendJSON(res, 404, { error: 'not found' }); return; }
+        const meta = JSON.parse(fs.readFileSync(metaPath, 'utf8'));
+        const files = [];
+        for (const fname of (meta.files || [])) {
+          const fp = path.join(projDir, fname);
+          if (fs.existsSync(fp)) {
+            const content = fs.readFileSync(fp, 'utf8');
+            const ext = fname.split('.').pop();
+            const langMap = { js:'javascript', mjs:'javascript', ts:'typescript', json:'json', html:'html', css:'css', sql:'sql', md:'markdown', sh:'bash', env:'bash', conf:'nginx' };
+            files.push({ name: fname, content, lang: langMap[ext] || 'text' });
+          }
+        }
+        sendJSON(res, 200, { projectName: meta.projectName, description: meta.description, files });
+        logRequest(method, pathname, 200, Date.now() - start);
+        return;
+      }
+
       // ── WebCraft Sandbox — fullstack preview in ~/.nha/webcraft/<project> ──
       // POST /api/studio/webcraft/sandbox/start  { projectName, files[] }
       //   → SSE stream with log lines, ends with { type:'ready', port, dir }

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

package/src/services/web-ui.mjs

@@ -3149,6 +3149,9 @@ var I18N = {
     wc_no_files:'Describe your project and click Generate',
     wc_examples_label:'Examples',
     wc_sandbox_start:'Launch Sandbox',
+    wc_projects:'Projects',
+    wc_no_projects:'No saved projects yet',
+    wc_no_projects_hint:'Generate a project and it will be saved automatically',
   },
   it: {
     chat:'Chat', studio:'Studio', settings:'Impostazioni', agents:'Agenti',
@@ -3186,6 +3189,9 @@ var I18N = {
     wc_no_files:'Descrivi il progetto e clicca Genera',
     wc_examples_label:'Esempi',
     wc_sandbox_start:'Avvia Sandbox',
+    wc_projects:'Progetti',
+    wc_no_projects:'Nessun progetto salvato',
+    wc_no_projects_hint:'Genera un progetto e verr\u00e0 salvato automaticamente',
   },
   es: {
     chat:'Chat', studio:'Studio', settings:'Configuración', agents:'Agentes',
@@ -3222,6 +3228,9 @@ var I18N = {
     wc_no_files:'Describe el proyecto y haz clic en Generar',
     wc_examples_label:'Ejemplos',
     wc_sandbox_start:'Iniciar Sandbox',
+    wc_projects:'Proyectos',
+    wc_no_projects:'No hay proyectos guardados',
+    wc_no_projects_hint:'Genera un proyecto y se guardar\u00e1 autom\u00e1ticamente',
   },
   fr: {
     chat:'Chat', studio:'Studio', settings:'Paramètres', agents:'Agents',
@@ -3258,6 +3267,9 @@ var I18N = {
     wc_no_files:'D\u00e9crivez le projet et cliquez sur G\u00e9n\u00e9rer',
     wc_examples_label:'Exemples',
     wc_sandbox_start:'Lancer Sandbox',
+    wc_projects:'Projets',
+    wc_no_projects:'Aucun projet sauvegard\u00e9',
+    wc_no_projects_hint:'G\u00e9n\u00e9rez un projet et il sera sauvegard\u00e9 automatiquement',
   },
   de: {
     chat:'Chat', studio:'Studio', settings:'Einstellungen', agents:'Agenten',
@@ -3294,6 +3306,9 @@ var I18N = {
     wc_no_files:'Beschreibe das Projekt und klicke auf Generieren',
     wc_examples_label:'Beispiele',
     wc_sandbox_start:'Sandbox starten',
+    wc_projects:'Projekte',
+    wc_no_projects:'Keine gespeicherten Projekte',
+    wc_no_projects_hint:'Generiere ein Projekt und es wird automatisch gespeichert',
   },
 };
 // Fallback to 'en' for unmapped languages
@@ -6228,6 +6243,8 @@ var wcState = {
   }
 };
 var wcRightTab = 'files';
+var wcMainTab = 'new';     // 'new' | 'projects'
+var wcProjectsList = [];   // cached list from server
 
 function wcEsc(s){return s?String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'):''}
 
@@ -6276,74 +6293,68 @@ function renderWebCraft(el) {
     }).join('') +
   '</div></div>';
 
-  el.innerHTML =
-    '<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>' +
+  var headerHtml =
+    '<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-shrink:0">' +
+      '<div>' +
+        '<h2 style="font-size:15px;color:var(--green);margin-bottom:2px">&#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:6px;flex-shrink:0">' +
+        '<button onclick="wcMainTabNew()" style="padding:5px 14px;border-radius:6px;border:1px solid var(--border2);background:'+(wcMainTab==='new'?'var(--green3)':'var(--bg3)')+';color:'+(wcMainTab==='new'?'var(--bg)':'var(--dim)')+';font-size:11px;font-weight:600;cursor:pointer">+ Nuovo</button>' +
+        '<button onclick="wcMainTabProjects()" style="padding:5px 14px;border-radius:6px;border:1px solid var(--border2);background:'+(wcMainTab==='projects'?'var(--green3)':'var(--bg3)')+';color:'+(wcMainTab==='projects'?'var(--bg)':'var(--dim)')+';font-size:11px;font-weight:600;cursor:pointer">&#128193; '+t('wc_projects')+'</button>' +
+      '</div>' +
+    '</div>';
 
-      wcExHtml +
-
-      '<div style="display:flex;gap:14px;align-items:flex-start;flex:1;min-height:0">' +
-
-        // LEFT: config panel
-        '<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">'+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">'+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;'};
-              return '<label style="display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer;font-size:11px;color:var(--text)">' +
-                '<input type="checkbox"'+(wcState.blocks[b]?' checked':'')+' onchange="wcState.blocks['+JSON.stringify(b)+']=this.checked" style="accent-color:var(--green3);width:14px;height:14px">' +
-                '<span>'+icons[b]+'</span><span>'+labels[b]+'</span>' +
-              '</label>';
-            }).join('') +
-          '</div>' +
-
-          // 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">'+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">'+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; '+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; '+t('wc_download')+'</button>' +
-            '<button onclick="wcStartSandbox()" id="wcSandboxBtn" style="width:100%;padding:10px;background:var(--bg3);border:1px solid var(--green3);border-radius:8px;color:var(--green);font-size:12px;font-weight:600;cursor:pointer">&#9654; '+t('wc_sandbox_start')+'</button>'
-          : '') +
-
+  var editorHtml =
+    wcExHtml +
+    '<div style="display:flex;gap:14px;align-items:flex-start;flex:1;min-height:0">' +
+      '<div style="width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:calc(100vh - 120px)">' +
+        '<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">'+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')+'" 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>' +
-
-        // RIGHT: tabs — Files | Preview
-        '<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">' +
-          // Tab bar — use named functions to avoid quoting issues
-          '<div style="display:flex;border-bottom:1px solid var(--border);flex-shrink:0">' +
-            '<button onclick="wcTabFiles()" style="padding:8px 16px;background:'+(wcRightTab==='preview'?'transparent':'var(--bg3)')+';border:none;border-right:1px solid var(--border);color:'+(wcRightTab==='preview'?'var(--dim)':'var(--text)')+';font-size:11px;font-weight:600;cursor:pointer">&#128196; File</button>' +
-            '<button onclick="wcTabPreview()" style="padding:8px 16px;background:'+(wcRightTab==='preview'?'var(--bg3)':'transparent')+';border:none;color:'+(wcRightTab==='preview'?'var(--text)':'var(--dim)')+';font-size:11px;font-weight:600;cursor:pointer">&#127760; Sandbox</button>' +
+        '<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">'+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;'};
+            return '<label style="display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer;font-size:11px;color:var(--text)">' +
+              '<input type="checkbox"'+(wcState.blocks[b]?' checked':'')+' onchange="wcState.blocks['+JSON.stringify(b)+']=this.checked" style="accent-color:var(--green3);width:14px;height:14px">' +
+              '<span>'+icons[b]+'</span><span>'+labels[b]+'</span>' +
+            '</label>';
+          }).join('') +
+        '</div>' +
+        '<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">'+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>' +
-          (wcRightTab === 'preview' ? wcSandboxPanelHtml() : (fileTabsHtml + codeHtml)) +
+          '<div id="wcFieldsList">'+authFieldsHtml+'</div>' +
+          '<div style="font-size:9px;color:var(--dim);margin-top:4px">'+t('wc_required_hint')+'</div>' +
         '</div>' +
-
+        '<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; '+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; '+t('wc_download')+'</button>' +
+          '<button onclick="wcStartSandbox()" id="wcSandboxBtn" style="width:100%;padding:10px;background:var(--bg3);border:1px solid var(--green3);border-radius:8px;color:var(--green);font-size:12px;font-weight:600;cursor:pointer">&#9654; '+t('wc_sandbox_start')+'</button>'
+        : '') +
+      '</div>' +
+      '<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">' +
+        '<div style="display:flex;border-bottom:1px solid var(--border);flex-shrink:0">' +
+          '<button onclick="wcTabFiles()" style="padding:8px 16px;background:'+(wcRightTab==='preview'?'transparent':'var(--bg3)')+';border:none;border-right:1px solid var(--border);color:'+(wcRightTab==='preview'?'var(--dim)':'var(--text)')+';font-size:11px;font-weight:600;cursor:pointer">&#128196; File</button>' +
+          '<button onclick="wcTabPreview()" style="padding:8px 16px;background:'+(wcRightTab==='preview'?'var(--bg3)':'transparent')+';border:none;color:'+(wcRightTab==='preview'?'var(--text)':'var(--dim)')+';font-size:11px;font-weight:600;cursor:pointer">&#127760; Sandbox</button>' +
+        '</div>' +
+        (wcRightTab === 'preview' ? wcSandboxPanelHtml() : (fileTabsHtml + codeHtml)) +
       '</div>' +
     '</div>';
+
+  el.innerHTML =
+    '<div style="display:flex;flex-direction:column;height:100%;min-height:0;padding:0 4px">' +
+      headerHtml +
+      (wcMainTab === 'projects' ? wcProjectsPanelHtml() : editorHtml) +
+    '</div>';
 }
 
 function wcPickExample(i) {
@@ -6364,6 +6375,69 @@ function wcPickExample(i) {
 function wcTabFiles() { wcRightTab = 'files'; renderWebCraft(document.getElementById('content')); }
 function wcTabPreview() { wcRightTab = 'preview'; renderWebCraft(document.getElementById('content')); }
 function wcOpenSandbox() { if (wcState.sandbox.port) window.open('http://127.0.0.1:' + wcState.sandbox.port, '_blank'); }
+
+function wcMainTabNew() { wcMainTab = 'new'; renderWebCraft(document.getElementById('content')); }
+function wcMainTabProjects() {
+  wcMainTab = 'projects';
+  renderWebCraft(document.getElementById('content'));
+  // Load projects list from server
+  fetch(API + '/api/studio/webcraft/projects').then(function(r){ return r.json(); }).then(function(d){
+    wcProjectsList = d.projects || [];
+    renderWebCraft(document.getElementById('content'));
+  }).catch(function(){});
+}
+
+function wcProjectsPanelHtml() {
+  if (!wcProjectsList.length) {
+    return '<div style="display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:10px;padding:40px;color:var(--dim)">' +
+      '<div style="font-size:32px">&#128193;</div>' +
+      '<div style="font-size:13px">'+t('wc_no_projects')+'</div>' +
+      '<div style="font-size:11px">'+t('wc_no_projects_hint')+'</div>' +
+    '</div>';
+  }
+  return '<div style="flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:4px 0">' +
+    wcProjectsList.map(function(p, pi){
+      var date = p.createdAt ? new Date(p.createdAt).toLocaleString() : '';
+      return '<div style="background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px">' +
+        '<div style="flex:1;min-width:0">' +
+          '<div style="font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px">'+wcEsc(p.name)+'</div>' +
+          '<div style="font-size:10px;color:var(--dim);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">'+wcEsc(p.description||'')+'</div>' +
+          '<div style="display:flex;gap:10px;font-size:10px;color:var(--dim)">' +
+            '<span>&#128196; '+p.fileCount+' file</span>' +
+            '<span>&#128197; '+date+'</span>' +
+            '<span style="font-family:var(--mono);font-size:9px">'+wcEsc(p.dir||'')+'</span>' +
+          '</div>' +
+        '</div>' +
+        '<button onclick="wcLoadProject('+pi+')" style="padding:6px 14px;background:var(--green3);border:none;border-radius:6px;color:var(--bg);font-size:11px;font-weight:700;cursor:pointer;flex-shrink:0">&#8599; Apri</button>' +
+        '<button onclick="wcDeleteProject('+pi+')" style="padding:6px 10px;background:var(--bg3);border:1px solid var(--border2);border-radius:6px;color:var(--red);font-size:11px;cursor:pointer;flex-shrink:0">&#128465;</button>' +
+      '</div>';
+    }).join('') +
+  '</div>';
+}
+
+async function wcLoadProject(pi) {
+  var p = wcProjectsList[pi];
+  if (!p) return;
+  var r = await fetch(API + '/api/studio/webcraft/projects/load/' + encodeURIComponent(p.name));
+  if (!r.ok) return;
+  var d = await r.json();
+  wcState.projectName = d.projectName || p.name;
+  wcState.description = d.description || '';
+  wcState.generatedFiles = d.files || [];
+  wcState.activeFile = 0;
+  wcMainTab = 'new';
+  wcRightTab = 'files';
+  renderWebCraft(document.getElementById('content'));
+}
+
+async function wcDeleteProject(pi) {
+  var p = wcProjectsList[pi];
+  if (!p) return;
+  if (!confirm('Eliminare: ' + p.name + ' - ' + p.dir + ' ?')) return;
+  await fetch(API + '/api/studio/webcraft/projects/' + encodeURIComponent(p.name), {method:'DELETE'});
+  wcProjectsList.splice(pi, 1);
+  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; }
@@ -6465,6 +6539,16 @@ async function wcGenerate() {
   }
 
   wcState.running = false;
+
+  // Auto-save project to ~/.nha/webcraft/<projectName>/
+  try {
+    await fetch(API + '/api/studio/webcraft/projects/save', {
+      method: 'POST',
+      headers: {'Content-Type':'application/json'},
+      body: JSON.stringify({ projectName: wcState.projectName, description: wcState.description, files: wcState.generatedFiles })
+    });
+  } catch(_) {}
+
   renderWebCraft(document.getElementById('content'));
 }