nothumanallowed 13.5.51 → 13.5.53

package/package.json

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

@@ -4249,11 +4249,15 @@ module.exports = { get, set, del, exists };
           proc.stdout.on('data', d => { const l = d.toString().trim(); if (l) sendLog('  [server] ' + l); });
           proc.stderr.on('data', d => {
             const raw = d.toString();
-            // Extract meaningful error: MODULE_NOT_FOUND
+            // Extract meaningful error: MODULE_NOT_FOUND → trigger auto-fix
             const modMatch = raw.match(/Cannot find module '([^']+)'/);
             if (modMatch) {
-              sendLog('  ❌ Modulo mancante: ' + modMatch[1]);
-              sendLog('  → Questo modulo non è supportato in sandbox. Contatta il supporto NHA.');
+              const missingMod = modMatch[1];
+              sendLog('  ❌ Modulo mancante: ' + missingMod);
+              // Store error for auto-fix agent — will be picked up by frontend
+              if (!global._wcAutoFixQueue) global._wcAutoFixQueue = [];
+              global._wcAutoFixQueue.push({ type: 'module_not_found', module: missingMod, dir: sandboxDir, ts: Date.now() });
+              sendLog('  🤖 Avvio auto-fix...');
               return;
             }
             // Skip node internals noise
@@ -4307,6 +4311,185 @@ module.exports = { get, set, del, exists };
         return;
       }
 
+      // ── WebCraft Agent — chat + tool-use + auto-fix ────────────────────────
+      // POST /api/studio/webcraft/agent  { projectName, message, attachments[]?, autofix? }
+      //   → SSE: { type:'text', token } | { type:'tool', tool, path, result } | { type:'done' } | { type:'error', msg }
+      // The agent reads files, applies old_string→new_string edits, writes new files.
+      // Rate-limit for Liara: 3 calls per 5 minutes (unlimited for own API key).
+      if (pathname === '/api/studio/webcraft/agent' && method === 'POST') {
+        const body = await parseBody(req, 32 * 1024 * 1024); // 32MB for attachments
+        const { projectName, message, attachments, autofix } = body;
+        if (!projectName || !message) {
+          sendJSON(res, 400, { error: 'projectName and message required' });
+          logRequest(method, pathname, 400, Date.now() - start);
+          return;
+        }
+
+        // Rate-limit Liara: 3 per 5 minutes
+        const isLiara = !config.llm || !config.llm.apiKey || config.llm.provider === 'nha';
+        if (isLiara) {
+          if (!global._wcAgentCallLog) global._wcAgentCallLog = [];
+          const fiveMinAgo = Date.now() - 5 * 60 * 1000;
+          global._wcAgentCallLog = global._wcAgentCallLog.filter(t => t > fiveMinAgo);
+          if (global._wcAgentCallLog.length >= 3) {
+            sendJSON(res, 429, { error: 'Auto-fix rate limit: massimo 3 correzioni ogni 5 minuti con Liara. Usa una tua API key per correzioni illimitate.' });
+            logRequest(method, pathname, 429, Date.now() - start);
+            return;
+          }
+          global._wcAgentCallLog.push(Date.now());
+        }
+
+        const sandboxDir = path.join(os.homedir(), '.nha', 'webcraft', projectName.replace(/[^a-zA-Z0-9_-]/g, '-'));
+
+        res.writeHead(200, {
+          'Content-Type': 'text/event-stream',
+          'Cache-Control': 'no-cache',
+          'Connection': 'keep-alive',
+          'Access-Control-Allow-Origin': '*',
+        });
+        const sendEv = (data) => { try { res.write(`data: ${JSON.stringify(data)}\n\n`); } catch {} };
+
+        try {
+          // Read all project files to give agent full context
+          const allFiles = [];
+          if (fs.existsSync(sandboxDir)) {
+            const walkDir = (dir, base) => {
+              for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
+                if (entry.name === 'node_modules' || entry.name.startsWith('.')) continue;
+                const rel = base ? base + '/' + entry.name : entry.name;
+                if (entry.isDirectory()) { walkDir(path.join(dir, entry.name), rel); }
+                else {
+                  try {
+                    const content = fs.readFileSync(path.join(dir, entry.name), 'utf8');
+                    if (content.length < 64 * 1024) allFiles.push({ name: rel, content }); // skip >64KB
+                  } catch(_) {}
+                }
+              }
+            };
+            walkDir(sandboxDir, '');
+          }
+
+          const fileContext = allFiles.map(f => `### FILE: ${f.name}\n\`\`\`\n${f.content}\n\`\`\``).join('\n\n');
+          const fileList = allFiles.map(f => f.name).join('\n');
+
+          // Build attachment context (images/PDF)
+          const attachCtx = (attachments || []).map((a, i) => `[Allegato ${i+1}: ${a.name || 'file'}, type=${a.mimeType}]`).join('\n');
+
+          const systemPrompt = `Sei WebCraft Agent, un assistente AI esperto di sviluppo web fullstack embedded in NotHumanAllowed.
+Il tuo lavoro e di correggere, migliorare ed espandere il codice del progetto sandbox dell utente.
+
+PROGETTO ATTIVO: ${projectName}
+PERCORSO: ${sandboxDir}
+
+FILE DISPONIBILI:
+${fileList}
+
+STRUMENTI A TUA DISPOSIZIONE (rispondi SOLO con JSON valido per le operazioni):
+Quando devi modificare o creare file, includi nel testo della risposta blocchi JSON tra i tag <tool> e </tool>:
+
+Per modificare parte di un file (chirurgico, preferito):
+<tool>{"op":"edit","path":"server/routes/contact.js","old":"const email = require('../utils/email')","new":"const nodemailer = require('nodemailer')"}</tool>
+
+Per creare/sovrascrivere un file intero:
+<tool>{"op":"write","path":"server/utils/mailer.js","content":"// codice completo..."}</tool>
+
+Per leggere un file (se hai bisogno di piu contesto):
+<tool>{"op":"read","path":"server/index.js"}</tool>
+
+REGOLE CRITICHE:
+- Spiega SEMPRE in linguaggio naturale cosa stai facendo PRIMA dei blocchi tool
+- Usa "edit" (old/new) quando possibile, "write" solo per file nuovi o riscritture complete
+- old_string deve essere ESATTO come appare nel file (copy-paste)
+- Non inventare moduli npm: usa solo quelli in package.json o standard Node.js
+- Dopo ogni fix spiega brevemente cosa hai cambiato e perche
+- Se usi immagini allegate, descrivile e usale come contesto per il fix`;
+
+          const userMsg = message + (attachCtx ? '\n\nAllegati:\n' + attachCtx : '') +
+            '\n\n--- CONTENUTO FILE ---\n' + fileContext;
+
+          // Call LLM - stream tokens
+          let fullResponse = '';
+          const visionAttachments = (attachments || []).filter(a => a.base64 && (a.mimeType || '').startsWith('image/'));
+
+          if (visionAttachments.length > 0) {
+            // Use vision call for first image attachment
+            const { callLLMVision } = await import('../services/llm.mjs');
+            const va = visionAttachments[0];
+            fullResponse = await callLLMVision(config, systemPrompt, userMsg, { base64: va.base64, mimeType: va.mimeType });
+            sendEv({ type: 'text', token: fullResponse });
+          } else {
+            await callLLMStream(config, systemPrompt, userMsg, (token) => {
+              fullResponse += token;
+              sendEv({ type: 'text', token });
+            }, { max_tokens: 4096 });
+          }
+
+          // Parse and execute tool calls from response
+          const toolRegex = /<tool>([\s\S]*?)<\/tool>/g;
+          let toolMatch;
+          const toolResults = [];
+          while ((toolMatch = toolRegex.exec(fullResponse)) !== null) {
+            let toolCall;
+            try { toolCall = JSON.parse(toolMatch[1]); } catch(e) { continue; }
+
+            if (toolCall.op === 'read') {
+              const fp = path.join(sandboxDir, toolCall.path.replace(/^\/+/, ''));
+              if (fs.existsSync(fp)) {
+                const content = fs.readFileSync(fp, 'utf8');
+                toolResults.push({ op: 'read', path: toolCall.path, ok: true });
+                sendEv({ type: 'tool', op: 'read', path: toolCall.path, result: 'ok' });
+              } else {
+                sendEv({ type: 'tool', op: 'read', path: toolCall.path, result: 'file non trovato' });
+              }
+            } else if (toolCall.op === 'edit') {
+              const fp = path.join(sandboxDir, toolCall.path.replace(/^\/+/, ''));
+              if (!fs.existsSync(fp)) {
+                sendEv({ type: 'tool', op: 'edit', path: toolCall.path, result: 'file non trovato' });
+                continue;
+              }
+              let content = fs.readFileSync(fp, 'utf8');
+              if (content.includes(toolCall.old)) {
+                content = content.replace(toolCall.old, toolCall.new);
+                fs.writeFileSync(fp, content, 'utf8');
+                toolResults.push({ op: 'edit', path: toolCall.path, ok: true });
+                sendEv({ type: 'tool', op: 'edit', path: toolCall.path, result: 'ok' });
+              } else {
+                sendEv({ type: 'tool', op: 'edit', path: toolCall.path, result: 'old_string non trovato — patch fallita' });
+              }
+            } else if (toolCall.op === 'write') {
+              const fp = path.join(sandboxDir, toolCall.path.replace(/^\/+/, ''));
+              fs.mkdirSync(path.dirname(fp), { recursive: true });
+              fs.writeFileSync(fp, toolCall.content || '', 'utf8');
+              toolResults.push({ op: 'write', path: toolCall.path, ok: true });
+              sendEv({ type: 'tool', op: 'write', path: toolCall.path, result: 'ok' });
+            }
+          }
+
+          const anyChange = toolResults.some(r => r.ok);
+          sendEv({ type: 'done', changed: anyChange, toolCount: toolResults.length });
+
+          // If auto-fix and changes made → signal client to restart sandbox
+          if (autofix && anyChange) {
+            sendEv({ type: 'restart_sandbox' });
+          }
+
+        } catch(e) {
+          sendEv({ type: 'error', msg: e.message });
+        }
+        res.end();
+        logRequest(method, pathname, 200, Date.now() - start);
+        return;
+      }
+
+      // GET /api/studio/webcraft/agent/autofix-queue → { items[] } and clears queue
+      if (pathname === '/api/studio/webcraft/agent/autofix-queue' && method === 'GET') {
+        const items = global._wcAutoFixQueue || [];
+        global._wcAutoFixQueue = [];
+        sendJSON(res, 200, { items });
+        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.51';
+export const VERSION = '13.5.53';
 export const BASE_URL = 'https://nothumanallowed.com/cli';
 export const API_BASE = 'https://nothumanallowed.com/api/v1';
 

package/src/services/web-ui.mjs

@@ -6246,6 +6246,12 @@ var wcRightTab = 'files';
 var wcMainTab = 'new';     // 'new' | 'projects'
 var wcProjectsList = [];   // cached list from server
 var wcSandboxExpanded = {};  // { phaseKey: true/false }
+// Agent chat state
+var wcChat = [];           // [{role:'user'|'agent', text, tools:[]}]
+var wcChatRunning = false;
+var wcChatAttachments = []; // [{name, mimeType, base64, size}]
+var _wcAutoFixAttempts = 0;
+var _wcAutoFixTimer = null;
 
 function wcEsc(s){return s?String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'):''}
 
@@ -6307,14 +6313,10 @@ function renderWebCraft(el) {
     '</div>';
 
   var editorHtml =
+    '<div style="display:flex;flex-direction:column;height:100%">' +
     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>' +
+      '<div style="width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;height:100%">' +
         '<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){
@@ -6334,27 +6336,31 @@ function renderWebCraft(el) {
           '<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.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.generatedFiles.length > 0 && !wcState.running ?
           '<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="flex:1;min-width:0;background:var(--bg2);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;height:100%;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>' +
     '</div>';
 
   el.innerHTML =
     '<div style="display:flex;flex-direction:column;height:100%;min-height:0;padding:0 4px">' +
       headerHtml +
-      (wcMainTab === 'projects' ? wcProjectsPanelHtml() : editorHtml) +
+      '<div style="flex:1;min-height:0;overflow:hidden">' +
+        (wcMainTab === 'projects' ? wcProjectsPanelHtml() : editorHtml) +
+      '</div>' +
+      wcChatPanelHtml() +
     '</div>';
 }
 
@@ -6376,6 +6382,301 @@ 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'); }
+
+// ── WebCraft Agent Chat Panel ─────────────────────────────────────────────
+function wcChatPanelHtml() {
+  var hasProject = wcState.projectName && wcState.generatedFiles.length > 0;
+  var placeholder = hasProject
+    ? 'Parla con il tuo agente: chiedi correzioni, migliorie, nuove funzionalit\u00e0...'
+    : 'Descrivi il progetto da creare, poi premi Genera...';
+
+  // Chat messages
+  var messagesHtml = '';
+  if (wcChat.length === 0 && hasProject) {
+    messagesHtml = '<div style="font-size:11px;color:var(--dim);padding:8px 12px;font-style:italic">&#129302; Pronto! Dimmi cosa vuoi modificare o migliorare nel progetto.</div>';
+  }
+  for (var mi = 0; mi < wcChat.length; mi++) {
+    var msg = wcChat[mi];
+    if (msg.role === 'user') {
+      messagesHtml += '<div style="display:flex;justify-content:flex-end;margin:4px 12px">' +
+        '<div style="background:var(--green3);color:var(--bg);padding:6px 12px;border-radius:10px 10px 2px 10px;font-size:11px;max-width:70%;line-height:1.5">'+wcEsc(msg.text)+'</div>' +
+      '</div>';
+      if (msg.attachments && msg.attachments.length) {
+        messagesHtml += '<div style="display:flex;justify-content:flex-end;margin:2px 12px;gap:4px">' +
+          msg.attachments.map(function(a){ return '<span style="background:var(--bg3);border:1px solid var(--border2);border-radius:5px;padding:2px 7px;font-size:10px;color:var(--dim)">&#128206; '+wcEsc(a.name)+'</span>'; }).join('') +
+        '</div>';
+      }
+    } else {
+      var toolBadges = (msg.tools || []).map(function(tool){
+        var icon = tool.op === 'edit' ? '&#9998;' : (tool.op === 'write' ? '&#10133;' : '&#128065;');
+        var color = tool.result === 'ok' ? 'var(--green)' : 'var(--red)';
+        return '<span style="display:inline-flex;align-items:center;gap:3px;background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:9px;font-family:var(--mono);color:'+color+'">'+icon+' '+wcEsc(tool.path)+'</span>';
+      }).join(' ');
+      messagesHtml += '<div style="margin:4px 12px">' +
+        '<div style="display:flex;align-items:center;gap:6px;margin-bottom:3px">' +
+          '<span style="font-size:10px;font-weight:700;color:var(--green)">&#129302; WebCraft Agent</span>' +
+        '</div>' +
+        '<div style="font-size:11px;color:var(--text);line-height:1.6;white-space:pre-wrap;max-width:85%">'+wcEsc(msg.text.replace(new RegExp('<tool>[\\s\\S]*?<\\/tool>', 'g'), '').trim())+'</div>' +
+        (toolBadges ? '<div style="display:flex;flex-wrap:wrap;gap:4px;margin-top:5px">'+toolBadges+'</div>' : '') +
+      '</div>';
+    }
+  }
+  if (wcChatRunning) {
+    messagesHtml += '<div id="wcChatTyping" style="margin:4px 12px;font-size:11px;color:var(--dim)">&#129302; <span style="opacity:.6">&#8230;</span></div>';
+  }
+
+  // Attachments preview
+  var attachPreview = '';
+  if (wcChatAttachments.length > 0) {
+    attachPreview = '<div style="display:flex;gap:6px;flex-wrap:wrap;padding:4px 12px 0">' +
+      wcChatAttachments.map(function(a, ai){
+        return '<span style="display:inline-flex;align-items:center;gap:4px;background:var(--bg3);border:1px solid var(--border2);border-radius:5px;padding:3px 8px;font-size:10px;color:var(--text)">' +
+          '&#128206; '+wcEsc(a.name)+' <button onclick="wcRemoveAttachment('+ai+')" style="background:none;border:none;color:var(--dim);cursor:pointer;font-size:11px;line-height:1;padding:0">&times;</button>' +
+        '</span>';
+      }).join('') +
+    '</div>';
+  }
+
+  var sendBtnLabel = wcState.running ? '&#9203;' : (hasProject ? '&#9654;' : '&#9654; Genera');
+  var inputDisabled = wcChatRunning || wcState.running;
+
+  // Project name row — shown only when no project yet
+  var projNameRow = !hasProject
+    ? '<div style="display:flex;align-items:center;gap:8px;padding:6px 12px 0">' +
+        '<span style="font-size:10px;color:var(--dim);white-space:nowrap">Nome progetto:</span>' +
+        '<input id="wcProjectName" placeholder="MioProgetto" value="'+wcEsc(wcState.projectName)+'" oninput="wcState.projectName=this.value" style="flex:1;padding:4px 8px;font-size:11px;border-radius:5px;border:1px solid var(--border2);background:var(--bg3);color:var(--text)">' +
+      '</div>'
+    : '<div style="padding:4px 12px 0;font-size:10px;color:var(--dim)">&#128196; <strong style="color:var(--green)">'+wcEsc(wcState.projectName)+'</strong> &mdash; scrivi per modificare o migliorare il progetto</div>';
+
+  return '<div style="border-top:1px solid var(--border);background:var(--bg2);flex-shrink:0;display:flex;flex-direction:column">' +
+    // Messages
+    '<div id="wcChatMessages" style="max-height:160px;overflow-y:auto;padding:6px 0">' +
+      messagesHtml +
+    '</div>' +
+    // Attachments
+    attachPreview +
+    // Project name (only pre-generation)
+    projNameRow +
+    // Input row
+    '<div style="display:flex;align-items:flex-end;gap:8px;padding:8px 12px">' +
+      '<label style="cursor:pointer;color:var(--dim);font-size:16px;flex-shrink:0;padding-bottom:2px" title="Allega immagine o PDF">' +
+        '&#128206;' +
+        '<input type="file" id="wcFileInput" multiple accept="image/*,.pdf" style="display:none" onchange="wcHandleFileAttach(this)">' +
+      '</label>' +
+      '<textarea id="wcChatInput" rows="2" placeholder="'+placeholder+'" '+(inputDisabled?'disabled':'')+' style="flex:1;padding:8px 10px;font-size:12px;border-radius:8px;border:1px solid var(--border2);background:var(--bg3);color:var(--text);resize:none;line-height:1.5;font-family:inherit" onkeydown="wcChatKeydown(event)"></textarea>' +
+      '<button onclick="wcChatSend()" '+(inputDisabled?'disabled':'')+' style="padding:8px 14px;background:var(--green3);border:none;border-radius:8px;color:var(--bg);font-size:13px;font-weight:700;cursor:pointer;flex-shrink:0;height:38px">'+sendBtnLabel+'</button>' +
+    '</div>' +
+  '</div>';
+}
+
+function wcChatKeydown(e) {
+  if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); wcChatSend(); }
+}
+
+function wcRemoveAttachment(ai) {
+  wcChatAttachments.splice(ai, 1);
+  renderWebCraft(document.getElementById('content'));
+}
+
+function wcHandleFileAttach(input) {
+  var files = Array.from(input.files || []);
+  files.forEach(function(file) {
+    var reader = new FileReader();
+    reader.onload = function(e) {
+      var dataUrl = e.target.result;
+      var base64 = dataUrl.split(',')[1];
+      wcChatAttachments.push({ name: file.name, mimeType: file.type, base64: base64, size: file.size });
+      renderWebCraft(document.getElementById('content'));
+    };
+    reader.readAsDataURL(file);
+  });
+  input.value = '';
+}
+
+async function wcChatSend() {
+  var inputEl = document.getElementById('wcChatInput');
+  var msg = (inputEl ? inputEl.value : '').trim();
+  var hasProject = wcState.projectName && wcState.generatedFiles.length > 0;
+
+  // If no project yet, use as description and generate
+  if (!hasProject) {
+    if (!msg || msg.length < 5) { alert(t('wc_describe_first')); return; }
+    var projNameEl = document.getElementById('wcProjectName');
+    if (projNameEl && projNameEl.value.trim()) wcState.projectName = projNameEl.value.trim();
+    if (!wcState.projectName) wcState.projectName = 'MyProject';
+    wcState.description = msg;
+    if (inputEl) inputEl.value = '';
+    wcGenerate();
+    return;
+  }
+
+  if (!msg && wcChatAttachments.length === 0) return;
+  if (wcChatRunning || wcState.running) return;
+
+  var attachCopy = wcChatAttachments.slice();
+  wcChatAttachments = [];
+  wcChatRunning = true;
+  wcChat.push({ role: 'user', text: msg, attachments: attachCopy });
+  if (inputEl) inputEl.value = '';
+  renderWebCraft(document.getElementById('content'));
+  wcScrollChatToBottom();
+
+  try {
+    var r = await fetch(API + '/api/studio/webcraft/agent', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        projectName: wcState.projectName,
+        message: msg,
+        attachments: attachCopy.map(function(a){ return { name: a.name, mimeType: a.mimeType, base64: a.base64 }; })
+      })
+    });
+
+    if (!r.ok) {
+      var errData = await r.json().catch(function(){ return {}; });
+      wcChat.push({ role: 'agent', text: 'Errore: ' + (errData.error || r.status), tools: [] });
+      wcChatRunning = false;
+      renderWebCraft(document.getElementById('content'));
+      return;
+    }
+
+    var agentMsg = { role: 'agent', text: '', tools: [] };
+    wcChat.push(agentMsg);
+
+    var reader2 = r.body.getReader();
+    var dec = new TextDecoder();
+    var buf = '';
+    while (true) {
+      var res = await reader2.read();
+      if (res.done) break;
+      buf += dec.decode(res.value, { stream: true });
+      var parts = buf.split(String.fromCharCode(10)+String.fromCharCode(10));
+      buf = parts.pop();
+      for (var pi2 = 0; pi2 < parts.length; pi2++) {
+        var line = parts[pi2].replace(/^data: /, '').trim();
+        if (!line) continue;
+        try {
+          var ev = JSON.parse(line);
+          if (ev.type === 'text') {
+            agentMsg.text += ev.token;
+            var typingEl = document.getElementById('wcChatTyping');
+            if (typingEl) typingEl.textContent = '...';
+            wcScrollChatToBottom();
+          } else if (ev.type === 'tool') {
+            agentMsg.tools.push({ op: ev.op, path: ev.path, result: ev.result });
+            // Update file in generatedFiles if edited/written
+            if ((ev.op === 'edit' || ev.op === 'write') && ev.result === 'ok') {
+              // Reload file from server via projects/load (simplified: mark for reload)
+              wcChat[wcChat.length-1] = agentMsg;
+              renderWebCraft(document.getElementById('content'));
+            }
+          } else if (ev.type === 'done') {
+            wcChatRunning = false;
+            if (ev.changed) {
+              // Reload project files from disk
+              wcReloadProjectFiles();
+            }
+          } else if (ev.type === 'restart_sandbox') {
+            wcStartSandbox();
+          } else if (ev.type === 'error') {
+            agentMsg.text += String.fromCharCode(10) + 'Errore: ' + ev.msg;
+            wcChatRunning = false;
+          }
+        } catch(_) {}
+      }
+    }
+  } catch(e) {
+    wcChat.push({ role: 'agent', text: 'Errore di rete: ' + e.message, tools: [] });
+  }
+
+  wcChatRunning = false;
+  renderWebCraft(document.getElementById('content'));
+  wcScrollChatToBottom();
+}
+
+function wcScrollChatToBottom() {
+  var el2 = document.getElementById('wcChatMessages');
+  if (el2) el2.scrollTop = el2.scrollHeight;
+}
+
+async function wcReloadProjectFiles() {
+  if (!wcState.projectName) return;
+  try {
+    var r = await fetch(API + '/api/studio/webcraft/projects/load/' + encodeURIComponent(wcState.projectName));
+    if (!r.ok) return;
+    var d = await r.json();
+    wcState.generatedFiles = d.files || [];
+    renderWebCraft(document.getElementById('content'));
+  } catch(_) {}
+}
+
+// Auto-fix: poll autofix-queue every 3s while sandbox running
+function wcStartAutoFixPoller() {
+  if (_wcAutoFixTimer) return;
+  _wcAutoFixTimer = setInterval(function() {
+    if (!wcState.sandbox.running && !wcState.sandbox.port) { wcStopAutoFixPoller(); return; }
+    fetch(API + '/api/studio/webcraft/agent/autofix-queue').then(function(r){ return r.json(); }).then(function(d){
+      var items = d.items || [];
+      items.forEach(function(item) {
+        if (item.type === 'module_not_found' && _wcAutoFixAttempts < 3) {
+          _wcAutoFixAttempts++;
+          wcTriggerAutoFix(item.module);
+        }
+      });
+    }).catch(function(){});
+  }, 3000);
+}
+
+function wcStopAutoFixPoller() {
+  if (_wcAutoFixTimer) { clearInterval(_wcAutoFixTimer); _wcAutoFixTimer = null; }
+}
+
+async function wcTriggerAutoFix(missingModule) {
+  if (wcChatRunning) return;
+  var fixMsg = 'AUTO-FIX: Cannot find module ' + missingModule + String.fromCharCode(10) + 'Analizza tutti i file del progetto e correggi il require/import per questo modulo. Se il modulo non esiste, rimuovi il require e implementa la funzionalita con moduli disponibili o Node.js built-in.';
+  wcChat.push({ role: 'user', text: '&#129302; Auto-fix modulo mancante: ' + missingModule });
+  wcChatRunning = true;
+  renderWebCraft(document.getElementById('content'));
+  wcScrollChatToBottom();
+
+  try {
+    var r = await fetch(API + '/api/studio/webcraft/agent', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ projectName: wcState.projectName, message: fixMsg, autofix: true })
+    });
+    if (!r.ok) { wcChatRunning = false; renderWebCraft(document.getElementById('content')); return; }
+
+    var agentMsg = { role: 'agent', text: '', tools: [] };
+    wcChat.push(agentMsg);
+    var reader3 = r.body.getReader();
+    var dec2 = new TextDecoder();
+    var buf2 = '';
+    while (true) {
+      var res2 = await reader3.read();
+      if (res2.done) break;
+      buf2 += dec2.decode(res2.value, { stream: true });
+      var parts2 = buf2.split(String.fromCharCode(10)+String.fromCharCode(10));
+      buf2 = parts2.pop();
+      for (var pi3 = 0; pi3 < parts2.length; pi3++) {
+        var line2 = parts2[pi3].replace(/^data: /, '').trim();
+        if (!line2) continue;
+        try {
+          var ev2 = JSON.parse(line2);
+          if (ev2.type === 'text') { agentMsg.text += ev2.token; }
+          else if (ev2.type === 'tool') { agentMsg.tools.push({ op: ev2.op, path: ev2.path, result: ev2.result }); }
+          else if (ev2.type === 'done') { wcChatRunning = false; if (ev2.changed) { wcReloadProjectFiles(); } }
+          else if (ev2.type === 'restart_sandbox') { wcStartSandbox(); }
+          else if (ev2.type === 'error') { agentMsg.text += String.fromCharCode(10)+'Errore: '+ev2.msg; wcChatRunning = false; }
+        } catch(_) {}
+      }
+    }
+  } catch(_) {}
+
+  wcChatRunning = false;
+  renderWebCraft(document.getElementById('content'));
+  wcScrollChatToBottom();
+}
 var _wcPhaseKeys = ['files','shims','pkg','env','deps','install','start'];
 function wcTogglePhase(idx) { var k = _wcPhaseKeys[idx]; if (k) { wcSandboxExpanded[k] = !wcSandboxExpanded[k]; renderWebCraft(document.getElementById('content')); } }
 
@@ -6453,9 +6754,9 @@ function wcSetFile(i) { wcState.activeFile = i; renderWebCraft(document.getEleme
 
 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(t('wc_describe_first')); return; }
+  var desc = wcState.description;
+  var projName = wcState.projectName || 'myproject';
+  if (!desc || desc.length < 5) { alert(t('wc_describe_first')); return; }
   wcState.description = desc;
   wcState.projectName = projName;
   wcState.running = true;
@@ -6743,6 +7044,8 @@ async function wcStartSandbox() {
             wcState.sandbox.running = false;
             wcState.sandbox.port = evt.port;
             wcState.sandbox.dir = evt.dir;
+            _wcAutoFixAttempts = 0;
+            wcStartAutoFixPoller();
             renderWebCraft(document.getElementById('content'));
           } else if (evt.type === 'error') {
             wcState.sandbox.running = false;
@@ -6762,6 +7065,7 @@ async function wcStartSandbox() {
 async function wcStopSandbox() {
   await fetch(API + '/api/studio/webcraft/sandbox', {method:'DELETE'});
   wcState.sandbox = { running: false, port: null, dir: null, logs: [], error: null };
+  wcStopAutoFixPoller();
   renderWebCraft(document.getElementById('content'));
 }