nothumanallowed 13.5.86 → 13.5.88

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.5.86",
+  "version": "13.5.88",
   "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/services/web-ui.mjs

@@ -6528,7 +6528,11 @@ var wcState = {
     logs: [],
     error: null
   },
-  lastGenStats: null
+  lastGenStats: null,
+  repairing: false,
+  repairTotal: 0,
+  repairDone: 0,
+  repairCurrent: ''
 };
 var wcRightTab = 'files';
 var wcMainTab = 'new';     // 'new' | 'projects'
@@ -6550,6 +6554,8 @@ var _wcOverlayTimer = null;        // inactivity timer to restore overlay
 var _wcGenAbortCtrl = null;        // AbortController for generation stop
 var _wcSyntaxResults = [];   // [{file, ok, error}]
 var _wcSnapshots = [];       // [{ts, fileCount}]
+var _wcLastFilePlan = [];    // saved for manual repair trigger
+var _wcLastSysPreamble = '';
 // Skills state
 var wcSkills = [];          // [{name, content, type}] type: 'skill'|'memory'|'provider'
 var wcSkillModal = null;    // null | {mode:'edit'|'new', idx:number|null, name, content, type, generating}
@@ -6565,31 +6571,68 @@ var WC_DEFAULT_FILES = [
 function wcEsc(s){return s?String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'):''}
 
 function renderWebCraft(el) {
-  var fileTabsHtml = wcState.generatedFiles.length > 0
-    ? '<div id="wcFileTabsRow" style="display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--border);margin-bottom:0;flex-shrink:0;scrollbar-width:none">' +
+  // File sidebar — replaces horizontal tabs
+  var _activeFile = wcState.generatedFiles[wcState.activeFile];
+
+  function wcFileSizeLabel(content) {
+    if (!content) return '0 B';
+    var bytes = new TextEncoder().encode(content).length;
+    if (bytes < 1024) return bytes + ' B';
+    if (bytes < 1024*1024) return (bytes/1024).toFixed(1) + ' KB';
+    return (bytes/(1024*1024)).toFixed(2) + ' MB';
+  }
+
+  var fileSidebarHtml = wcState.generatedFiles.length > 0
+    ? '<div style="width:190px;flex-shrink:0;border-left:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column">' +
+        '<div style="padding:8px 10px;border-bottom:1px solid var(--border);font-size:9px;color:var(--dim);text-transform:uppercase;letter-spacing:.8px;flex-shrink:0">'+wcState.generatedFiles.length+' file</div>' +
         wcState.generatedFiles.map(function(f,i){
           var active = i === wcState.activeFile;
           var hasErr = !!f._error || !!f._syntaxError;
           var isPending = !!f._pending;
-          var tabColor = hasErr ? (active ? '#f87171' : '#7f4040') : isPending ? (active ? '#9ca3af' : '#4b5563') : (active ? 'var(--green)' : 'var(--dim)');
-          var tabBorder = hasErr ? (active ? '#f87171' : 'transparent') : (active ? 'var(--green3)' : 'transparent');
-          var tabPrefix = hasErr ? '&#9888; ' : isPending ? '&#8987; ' : '';
-          return '<button id="wcTab'+i+'" onclick="wcSetFile('+i+')" style="padding:6px 14px;font-size:11px;font-family:var(--mono);font-weight:'+(active?'700':'400')+';background:'+(active?'var(--bg3)':'transparent')+';border:none;border-bottom:2px solid '+tabBorder+';color:'+tabColor+';cursor:pointer;white-space:nowrap;flex-shrink:0">'+tabPrefix+wcEsc(f.name)+'</button>';
+          var lines = isPending ? 0 : (f.content || '').split(String.fromCharCode(10)).length;
+          var sizeLabel = isPending ? '...' : wcFileSizeLabel(f.content || '');
+          var nameColor = hasErr ? '#f87171' : isPending ? '#4b5563' : active ? 'var(--text)' : 'var(--dim)';
+          var bg = active ? 'var(--bg3)' : 'transparent';
+          var borderLeft = hasErr ? '2px solid #f87171' : active ? '2px solid var(--green3)' : '2px solid transparent';
+          var icon = isPending ? '&#8987;' : hasErr ? '&#9888;' : wcFileIcon(f.name);
+          return '<button id="wcTab'+i+'" onclick="wcSetFile('+i+')" style="width:100%;text-align:left;padding:7px 10px 7px 10px;background:'+bg+';border:none;border-left:'+borderLeft+';cursor:pointer;display:flex;flex-direction:column;gap:2px;flex-shrink:0">' +
+            '<span style="display:flex;align-items:center;gap:5px">' +
+              '<span style="font-size:12px;flex-shrink:0">'+icon+'</span>' +
+              '<span style="font-size:11px;font-family:var(--mono);color:'+nameColor+';overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1" title="'+wcEsc(f.name)+'">'+wcEsc(f.name.split('/').pop())+'</span>' +
+            '</span>' +
+            (f.name.includes('/') ? '<span style="font-size:9px;color:#4b5563;font-family:var(--mono);padding-left:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">'+wcEsc(f.name.split('/').slice(0,-1).join('/'))+'</span>' : '') +
+            (!isPending ? '<span style="font-size:9px;color:#4b5563;font-family:var(--mono);padding-left:17px">'+lines+' righe &nbsp;&#183;&nbsp; '+sizeLabel+'</span>' : '') +
+          '</button>';
         }).join('') +
       '</div>'
     : '';
 
-  var _activeFile = wcState.generatedFiles[wcState.activeFile];
   var codeHtml = wcState.generatedFiles.length > 0 && _activeFile
-    ? '<div id="wcCodeWrap" style="flex:1;overflow:auto;background:var(--bg3);border-radius:0 0 8px 8px">' +
-        (_activeFile._error ? '<div style="padding:8px 14px;background:rgba(239,68,68,0.12);border-bottom:1px solid rgba(239,68,68,0.3);font-size:11px;color:#f87171;display:flex;align-items:center;gap:6px">&#9888; Generazione fallita — chiedi al modello di rigenerare questo file</div>' : (_activeFile._syntaxError ? '<div style="padding:8px 14px;background:rgba(234,179,8,0.1);border-bottom:1px solid rgba(234,179,8,0.3);font-size:11px;color:#facc15;display:flex;align-items:center;gap:6px">&#9888; Syntax error: '+wcEsc(_activeFile._syntaxError)+'</div>' : '')) +
-        '<pre style="margin:0;padding:14px 16px;font-size:11px;line-height:1.6;color:'+(_activeFile._error?'#f87171':_activeFile._syntaxError?'#fde68a':'var(--text)')+';font-family:var(--mono);white-space:pre-wrap;word-break:break-all">'+wcEsc(_activeFile.content)+'</pre>' +
+    ? '<div style="flex:1;display:flex;flex-direction:row;min-height:0;overflow:hidden">' +
+        '<div id="wcCodeWrap" style="flex:1;overflow:auto;background:var(--bg3)">' +
+          '<div style="padding:8px 14px;border-bottom:1px solid var(--border2);font-size:10px;color:var(--dim);font-family:var(--mono);display:flex;align-items:center;gap:8px;background:var(--bg2)">' +
+            '<span style="font-size:13px">'+wcFileIcon(_activeFile.name)+'</span>' +
+            '<span style="color:var(--text)">'+wcEsc(_activeFile.name)+'</span>' +
+            (!_activeFile._pending && !_activeFile._error ? '<span style="margin-left:auto;color:#4b5563">'+(_activeFile.content||'').split(String.fromCharCode(10)).length+' righe &nbsp;&#183;&nbsp; '+wcFileSizeLabel(_activeFile.content||'')+'</span>' : '') +
+          '</div>' +
+          (_activeFile._error ? '<div style="padding:8px 14px;background:rgba(239,68,68,0.12);border-bottom:1px solid rgba(239,68,68,0.3);font-size:11px;color:#f87171;display:flex;align-items:center;gap:6px">&#9888; Generazione fallita — chiedi al modello di rigenerare questo file</div>' :
+           _activeFile._syntaxError ? '<div style="padding:8px 14px;background:rgba(234,179,8,0.1);border-bottom:1px solid rgba(234,179,8,0.3);font-size:11px;color:#facc15;display:flex;align-items:center;gap:6px">&#9888; Syntax error: '+wcEsc(_activeFile._syntaxError)+'</div>' : '') +
+          (_activeFile._pending ? '<div style="display:flex;align-items:center;justify-content:center;height:120px;color:var(--dim);font-size:12px;gap:8px">&#8987; In generazione...</div>' :
+          '<pre style="margin:0;padding:14px 16px;font-size:11px;line-height:1.6;color:'+(_activeFile._error?'#f87171':_activeFile._syntaxError?'#fde68a':'var(--text)')+';font-family:var(--mono);white-space:pre-wrap;word-break:break-all">'+wcEsc(_activeFile.content)+'</pre>') +
+        '</div>' +
+        fileSidebarHtml +
       '</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>'+t('wc_no_files')+'</span>' +
       '</div>';
 
+  function wcFileIcon(name) {
+    var ext = name.split('.').pop().toLowerCase();
+    var icons = { js:'&#128196;', ts:'&#128196;', css:'&#127912;', html:'&#127760;', json:'&#123;', md:'&#128209;', sql:'&#128450;', env:'&#128272;', conf:'&#9881;', lock:'&#128274;' };
+    return icons[ext] || '&#128196;';
+  }
+
   var authFieldsHtml = wcState.authFields.map(function(f,i){
     return '<div style="display:flex;align-items:center;gap:6px;padding:5px 8px;background:var(--bg3);border-radius:6px;margin-bottom:4px;overflow:hidden">' +
       '<input value="'+wcEsc(f.label)+'" onchange="wcUpdateField('+i+',this.value)" style="flex:1;min-width:0;background:transparent;border:none;color:var(--text);font-size:11px;font-family:var(--mono);width:0" />' +
@@ -6657,6 +6700,13 @@ function renderWebCraft(el) {
         (wcState.running ?
           '<div style="width:100%;padding:11px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--dim);font-size:12px;text-align:center">&#9203; '+t('wc_generating')+'...</div>'
         : '') +
+        (wcState.repairing ?
+          '<div style="width:100%;padding:10px 12px;background:rgba(234,179,8,0.08);border:1px solid rgba(234,179,8,0.4);border-radius:8px;display:flex;flex-direction:column;gap:4px">' +
+            '<div style="display:flex;align-items:center;gap:6px;font-size:11px;color:#facc15;font-weight:600">&#128295; Correzione automatica in corso...</div>' +
+            '<div style="font-size:10px;color:var(--dim)">'+wcState.repairDone+' / '+wcState.repairTotal+' file</div>' +
+            (wcState.repairCurrent ? '<div style="font-size:10px;color:#fde68a;font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap">'+wcEsc(wcState.repairCurrent)+'</div>' : '') +
+          '</div>'
+        : '') +
         (wcState.generatedFiles.length > 0 && !wcState.running ?
           '<div style="display:flex;gap:6px;flex-wrap:wrap">' +
             '<button onclick="wcDownloadZip()" style="flex:1;padding:9px;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;color:var(--text);font-size:11px;font-weight:600;cursor:pointer">&#8681; ZIP</button>' +
@@ -6664,6 +6714,9 @@ function renderWebCraft(el) {
             '<button onclick="wcToggleGrep()" title="Cerca nel codice" style="padding:9px 10px;background:'+(_wcGrepOpen?'var(--greendim)':'var(--bg3)')+';border:1px solid '+(_wcGrepOpen?'var(--green3)':'var(--border2)')+';border-radius:8px;color:'+(_wcGrepOpen?'var(--green)':'var(--dim)')+';font-size:11px;cursor:pointer">&#128269;</button>' +
             '<button onclick="wcManualSnapshot()" title="Salva snapshot" style="padding:9px 10px;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;color:var(--dim);font-size:11px;cursor:pointer">&#128190;</button>' +
           '</div>' +
+          (wcState.generatedFiles.some(function(f){ return f._error || f._syntaxError; }) && !wcState.repairing ?
+            '<button onclick="wcTriggerRepair()" style="width:100%;padding:9px;background:rgba(234,179,8,0.08);border:1px solid rgba(234,179,8,0.5);border-radius:8px;color:#facc15;font-size:11px;font-weight:600;cursor:pointer">&#128295; Correggi tutti i file rossi</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>' +
           (wcState.lastGenStats ? '<div style="padding:6px 8px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;font-size:10px;color:var(--dim);font-family:var(--mono);display:flex;flex-wrap:wrap;gap:6px">' +
             '<span>&#9201; '+(wcState.lastGenStats.seconds >= 60 ? Math.floor(wcState.lastGenStats.seconds/60)+'m '+(wcState.lastGenStats.seconds%60)+'s' : wcState.lastGenStats.seconds+'s')+'</span>' +
@@ -6695,7 +6748,7 @@ function renderWebCraft(el) {
           '<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)) +
+        (wcRightTab === 'preview' ? wcSandboxPanelHtml() : codeHtml) +
       '</div>' +
     '</div>' +
     '</div>';
@@ -7879,6 +7932,8 @@ async function wcGenerate() {
 
   var _nl = String.fromCharCode(10);
   var sysPreamble = 'You are an expert full-stack engineer generating production-quality code.' + _nl + _nl + 'SECURITY RULES (non-negotiable):' + _nl + SECURITY_RULES + _nl + _nl + 'Project: ' + projName + _nl + 'Description: ' + desc + _nl + 'Enabled blocks: ' + blocksEnabled + _nl + _nl + 'Generate ONLY the file content requested. No explanations, no markdown code fences, no comments like "here is the file". Output raw file content only.';
+  _wcLastFilePlan = filePlan;
+  _wcLastSysPreamble = sysPreamble;
 
   var _wcGenStartTime = Date.now();
   var _wcTokIn = 0, _wcTokOut = 0;
@@ -7986,103 +8041,105 @@ async function wcGenerate() {
     renderWebCraft(document.getElementById('content'));
   }
 
-  // ── Retry pass: regenerate files that failed ──────────────────────────────
-  var failedFiles = wcState.generatedFiles.filter(function(f){ return f._error; });
-  if (failedFiles.length > 0 && !(_wcGenAbortCtrl && _wcGenAbortCtrl.signal.aborted)) {
-    var retryPlan = filePlan.filter(function(fp){ return failedFiles.some(function(f){ return f.name === fp.name; }); });
-    for (var ri = 0; ri < retryPlan.length; ri++) {
-      var rfp = retryPlan[ri];
-      wcUpdateGenOverlay(ri, retryPlan.length, 'Retry: ' + rfp.name);
-      if (_wcGenAbortCtrl && _wcGenAbortCtrl.signal.aborted) break;
-      // Wait 3s before retry to let Liara recover
-      await new Promise(function(resolve){ setTimeout(resolve, 3000); });
-      try {
-        var retryContent = await wcGenOneFile(rfp, _wcGenAbortCtrl ? _wcGenAbortCtrl.signal : null);
-        // Replace the error entry with the successful one
-        for (var gi = 0; gi < wcState.generatedFiles.length; gi++) {
-          if (wcState.generatedFiles[gi].name === rfp.name) {
-            wcState.generatedFiles[gi] = { name: rfp.name, content: retryContent, lang: rfp.lang };
-            break;
-          }
-        }
-        renderWebCraft(document.getElementById('content'));
-      } catch(re) {
-        if (re && re.name === 'AbortError') break;
-        // Keep as error — already in generatedFiles
-      }
-    }
-  }
-
-  // ── Post-generation syntax scan ──────────────────────────────────────────
-  // Zero LLM calls — pure structural check on every generated file
-  // Files with syntax errors get _syntaxError set and are re-queued for retry
-  var syntaxFailedNames = [];
-  wcState.generatedFiles.forEach(function(f) {
-    if (f._error) return; // already failed at LLM level
-    var lang = f.lang || (f.name.endsWith('.css') ? 'css' : f.name.endsWith('.js') ? 'javascript' : f.name.endsWith('.html') ? 'html' : f.name.endsWith('.json') ? 'json' : 'text');
-    var check = wcSyntaxCheck(f.content, lang);
-    if (!check.ok) {
-      f._syntaxError = check.reason;
-      syntaxFailedNames.push(f.name);
-    } else {
-      delete f._syntaxError;
-    }
-  });
-
-  // Re-fix syntax-broken files — continue/patch, do NOT regenerate from scratch
-  if (syntaxFailedNames.length > 0 && !(_wcGenAbortCtrl && _wcGenAbortCtrl.signal.aborted)) {
-    var syntaxRetryPlan = filePlan.filter(function(fp2){ return syntaxFailedNames.indexOf(fp2.name) !== -1; });
-    for (var si2 = 0; si2 < syntaxRetryPlan.length; si2++) {
-      var sfp = syntaxRetryPlan[si2];
-      var brokenFile = wcState.generatedFiles.filter(function(f){ return f.name === sfp.name; })[0];
-      if (!brokenFile) continue;
-      wcUpdateGenOverlay(si2, syntaxRetryPlan.length, 'Fix: ' + sfp.name);
-      if (_wcGenAbortCtrl && _wcGenAbortCtrl.signal.aborted) break;
-      await new Promise(function(resolve){ setTimeout(resolve, 1500); });
-      try {
-        var _nl3 = String.fromCharCode(10);
-        // Build a targeted fix prompt — pass the broken file and ask only for the fix/completion
-        var fixSys = sysPreamble + _nl3 + 'You are fixing a truncated or broken file. Output ONLY the corrected complete file content. No explanations, no markdown fences.';
-        var fixUser = 'File: ' + sfp.name + _nl3 +
-          'Syntax error: ' + (brokenFile._syntaxError || 'truncated') + _nl3 + _nl3 +
-          'Current (broken) content:' + _nl3 + brokenFile.content + _nl3 + _nl3 +
-          'Output the complete corrected file. If it was truncated, continue from where it stopped and output the FULL file from the beginning.';
-        var fixedContent = await wcCallLLM(fixSys, fixUser, _wcGenAbortCtrl ? _wcGenAbortCtrl.signal : null, sfp.lang);
-        // Strip fences if model added them
-        var _fence2 = String.fromCharCode(96,96,96);
-        var fixLines = fixedContent.split(_nl3);
-        if (fixLines.length > 0 && fixLines[0].indexOf(_fence2) === 0) fixLines.shift();
-        if (fixLines.length > 0 && fixLines[fixLines.length-1].trim() === _fence2) fixLines.pop();
-        fixedContent = fixLines.join(_nl3).trim();
-        var fixCheck = wcSyntaxCheck(fixedContent, sfp.lang);
-        for (var gi2 = 0; gi2 < wcState.generatedFiles.length; gi2++) {
-          if (wcState.generatedFiles[gi2].name === sfp.name) {
-            wcState.generatedFiles[gi2] = { name: sfp.name, content: fixedContent, lang: sfp.lang };
-            if (!fixCheck.ok) wcState.generatedFiles[gi2]._syntaxError = fixCheck.reason;
-            break;
-          }
-        }
-        renderWebCraft(document.getElementById('content'));
-      } catch(se) {
-        if (se && se.name === 'AbortError') break;
-      }
-    }
-  }
-
   if (_wcTimerInterval) { clearInterval(_wcTimerInterval); _wcTimerInterval = null; }
   var _wcGenTotalTime = Math.floor((Date.now() - _wcGenStartTime) / 1000);
 
   wcState.running = false;
   _wcGenAbortCtrl = null;
   _wcOverlayMinimized = false;
-  // Store final stats for display after generation
   wcState.lastGenStats = { tokIn: _wcTokIn, tokOut: _wcTokOut, seconds: _wcGenTotalTime, files: wcState.generatedFiles.length };
 
-  // Auto-save project to ~/.nha/webcraft/<projectName>/
+  // Auto-save
   try {
     await fetch(API + '/api/studio/webcraft/projects/save', {
-      method: 'POST',
-      headers: {'Content-Type':'application/json'},
+      method: 'POST', headers: {'Content-Type':'application/json'},
+      body: JSON.stringify({ projectName: wcState.projectName, description: wcState.description, files: wcState.generatedFiles })
+    });
+  } catch(_) {}
+
+  renderWebCraft(document.getElementById('content'));
+
+  // Auto-repair: run immediately after generation completes
+  await wcAutoRepair(filePlan, sysPreamble);
+}
+
+// ── Auto-repair pass — fixes _error and _syntaxError files ────────────────
+// Called automatically after generation and available as manual button
+var _wcRepairRunning = false;
+async function wcAutoRepair(filePlan, sysPreamble) {
+  if (_wcRepairRunning) return;
+  // Collect broken files: LLM errors + syntax errors
+  var toFix = wcState.generatedFiles.filter(function(f){ return f._error || f._syntaxError; });
+  if (toFix.length === 0) return;
+
+  _wcRepairRunning = true;
+  wcState.repairing = true;
+  wcState.repairTotal = toFix.length;
+  wcState.repairDone = 0;
+  renderWebCraft(document.getElementById('content'));
+
+  // Build a map name→plan for prompt lookup
+  var planMap = {};
+  if (filePlan) filePlan.forEach(function(fp){ planMap[fp.name] = fp; });
+
+  var _nl3 = String.fromCharCode(10);
+  var sysBase = sysPreamble || ('You are an expert full-stack engineer. Output ONLY the complete corrected file content. No explanations, no markdown fences.');
+
+  for (var ri = 0; ri < toFix.length; ri++) {
+    var broken = toFix[ri];
+    var plan = planMap[broken.name];
+    wcState.repairDone = ri;
+    wcState.repairCurrent = broken.name;
+    renderWebCraft(document.getElementById('content'));
+
+    await new Promise(function(resolve){ setTimeout(resolve, 2000); });
+    try {
+      var fixSys = sysBase + _nl3 + 'You are fixing a broken or truncated file. Output ONLY the complete corrected file. No fences, no explanations.';
+      var fixUser;
+      if (broken._error) {
+        // LLM failed entirely — regenerate from original prompt
+        fixUser = plan
+          ? plan.prompt + _nl3 + _nl3 + 'File to generate: ' + broken.name
+          : 'Regenerate the file: ' + broken.name;
+      } else {
+        // Syntax error — pass existing content + error for targeted fix
+        fixUser = 'File: ' + broken.name + _nl3 +
+          'Error: ' + (broken._syntaxError || 'truncated/incomplete') + _nl3 + _nl3 +
+          'Current broken content (last 800 chars shown if long):' + _nl3 +
+          (broken.content.length > 800 ? broken.content.slice(0, 400) + _nl3 + '...' + _nl3 + broken.content.slice(-400) : broken.content) + _nl3 + _nl3 +
+          'Output the COMPLETE corrected file from the beginning.';
+      }
+      var fixed = await wcCallLLM(fixSys, fixUser, null, broken.lang || plan && plan.lang);
+      var _fence3 = String.fromCharCode(96,96,96);
+      var fixLines = fixed.split(_nl3);
+      if (fixLines.length > 0 && fixLines[0].indexOf(_fence3) === 0) fixLines.shift();
+      if (fixLines.length > 0 && fixLines[fixLines.length-1].trim() === _fence3) fixLines.pop();
+      fixed = fixLines.join(_nl3).trim();
+      var lang2 = broken.lang || (plan && plan.lang) || 'text';
+      var check2 = wcSyntaxCheck(fixed, lang2);
+      for (var gi3 = 0; gi3 < wcState.generatedFiles.length; gi3++) {
+        if (wcState.generatedFiles[gi3].name === broken.name) {
+          wcState.generatedFiles[gi3] = { name: broken.name, content: fixed, lang: lang2 };
+          if (!check2.ok) wcState.generatedFiles[gi3]._syntaxError = check2.reason;
+          break;
+        }
+      }
+    } catch(e) { /* keep as broken */ }
+
+    wcState.repairDone = ri + 1;
+    renderWebCraft(document.getElementById('content'));
+  }
+
+  _wcRepairRunning = false;
+  wcState.repairing = false;
+  wcState.repairTotal = 0;
+  wcState.repairDone = 0;
+  wcState.repairCurrent = '';
+
+  // Save after repair
+  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(_) {}
@@ -8090,6 +8147,12 @@ async function wcGenerate() {
   renderWebCraft(document.getElementById('content'));
 }
 
+// Manual trigger for repair — called from "Correggi tutti" button
+function wcTriggerRepair() {
+  if (_wcRepairRunning) return;
+  wcAutoRepair(_wcLastFilePlan, _wcLastSysPreamble);
+}
+
 // Quick structural check — returns {ok, reason} without calling the LLM
 // Reads only structure (braces, tags) — does NOT add content to any context
 function wcSyntaxCheck(content, lang) {