nothumanallowed 13.5.55 → 13.5.57

package/package.json

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

@@ -3937,6 +3937,13 @@ ${completedHeadings ? `## SECTIONS ALREADY WRITTEN (headings only):\n${completed
           '(aggiungi qui note per sessioni future — es. "usa Tailwind invece di BEM", "API key in .env.local")',
         ].join('\n');
         fs.writeFileSync(path.join(projDir, 'webcraft-agent.md'), agentMd, 'utf8');
+        // Create default context files (skills, memory, provider) if not present
+        const ctxDir = path.join(projDir, 'skills');
+        if (!fs.existsSync(ctxDir)) fs.mkdirSync(ctxDir, { recursive: true });
+        for (const def of ['memory.md', 'liara.md', 'skills.md']) {
+          const fp = path.join(ctxDir, def);
+          if (!fs.existsSync(fp)) fs.writeFileSync(fp, '', 'utf8');
+        }
         sendJSON(res, 200, { ok: true, dir: projDir });
         logRequest(method, pathname, 200, Date.now() - start);
         return;
@@ -3966,6 +3973,81 @@ ${completedHeadings ? `## SECTIONS ALREADY WRITTEN (headings only):\n${completed
         return;
       }
 
+      // GET /api/studio/webcraft/skills/:name → { skills: [{name, content, type}] }
+      if (pathname.startsWith('/api/studio/webcraft/skills/') && method === 'GET') {
+        const projName = decodeURIComponent(pathname.replace('/api/studio/webcraft/skills/', '')).replace(/[^a-zA-Z0-9_-]/g, '');
+        const skillsDir = path.join(os.homedir(), '.nha', 'webcraft', projName, 'skills');
+        // Ensure the 3 default files always exist on disk
+        const WC_DEFAULTS = [
+          { name: 'memory.md', type: 'memory' },
+          { name: 'liara.md',  type: 'provider' },
+          { name: 'skills.md', type: 'skill' },
+        ];
+        if (!fs.existsSync(skillsDir)) fs.mkdirSync(skillsDir, { recursive: true });
+        for (const def of WC_DEFAULTS) {
+          const fp = path.join(skillsDir, def.name);
+          if (!fs.existsSync(fp)) fs.writeFileSync(fp, '', 'utf8');
+        }
+        // Load type index
+        const indexPath = path.join(skillsDir, '_index.json');
+        let typeIndex = {};
+        if (fs.existsSync(indexPath)) {
+          try { typeIndex = JSON.parse(fs.readFileSync(indexPath, 'utf8')); } catch(_) {}
+        }
+        // Default types for well-known filenames
+        const defaultType = (n) => n === 'memory.md' ? 'memory' : n === 'liara.md' ? 'provider' : 'skill';
+        const skills = [];
+        for (const fname of fs.readdirSync(skillsDir)) {
+          if (!fname.endsWith('.md')) continue;
+          try {
+            const content = fs.readFileSync(path.join(skillsDir, fname), 'utf8');
+            const type = typeIndex[fname] || defaultType(fname);
+            skills.push({ name: fname, content, type });
+          } catch(_) {}
+        }
+        sendJSON(res, 200, { skills });
+        logRequest(method, pathname, 200, Date.now() - start);
+        return;
+      }
+
+      // POST /api/studio/webcraft/skills/:name  { skills: [{name, content, type}] }
+      if (pathname.startsWith('/api/studio/webcraft/skills/') && method === 'POST') {
+        const projName = decodeURIComponent(pathname.replace('/api/studio/webcraft/skills/', '')).replace(/[^a-zA-Z0-9_-]/g, '');
+        const body = await parseBody(req);
+        const skills = body.skills || [];
+        const skillsDir = path.join(os.homedir(), '.nha', 'webcraft', projName, 'skills');
+        if (!fs.existsSync(skillsDir)) fs.mkdirSync(skillsDir, { recursive: true });
+        // Build set of incoming names (normalised)
+        const incoming = new Set(skills.map(s => {
+          let n = (s.name || '').replace(/[^a-zA-Z0-9_.-]/g, '_');
+          if (!n.endsWith('.md')) n += '.md';
+          return n;
+        }));
+        // Remove .md files not in incoming set (but never remove the 3 defaults — only clear them)
+        const WC_KEEP = new Set(['memory.md', 'liara.md', 'skills.md']);
+        for (const fname of fs.readdirSync(skillsDir)) {
+          if (!fname.endsWith('.md')) continue;
+          if (!incoming.has(fname) && !WC_KEEP.has(fname)) fs.unlinkSync(path.join(skillsDir, fname));
+        }
+        // Write/update all skills; always keep defaults even if not in incoming (write empty)
+        const typeIndex = {};
+        for (const skill of skills) {
+          if (!skill.name) continue;
+          let safeName = skill.name.replace(/[^a-zA-Z0-9_.-]/g, '_');
+          if (!safeName.endsWith('.md')) safeName += '.md';
+          fs.writeFileSync(path.join(skillsDir, safeName), skill.content || '', 'utf8');
+          typeIndex[safeName] = skill.type || 'skill';
+        }
+        // Ensure defaults exist
+        for (const def of ['memory.md', 'liara.md', 'skills.md']) {
+          if (!fs.existsSync(path.join(skillsDir, def))) fs.writeFileSync(path.join(skillsDir, def), '', 'utf8');
+        }
+        fs.writeFileSync(path.join(skillsDir, '_index.json'), JSON.stringify(typeIndex), 'utf8');
+        sendJSON(res, 200, { ok: true });
+        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, '');
@@ -4409,6 +4491,32 @@ module.exports = { get, set, del, exists };
           const agentMemoryPath = path.join(sandboxDir, 'webcraft-agent.md');
           const agentMemory = fs.existsSync(agentMemoryPath) ? fs.readFileSync(agentMemoryPath, 'utf8') : '';
 
+          // Load context files from skills/ subfolder (skills, memory, provider)
+          const skillsDir = path.join(sandboxDir, 'skills');
+          let skillsContext = '';
+          if (fs.existsSync(skillsDir)) {
+            const indexPath = path.join(skillsDir, '_index.json');
+            let typeIndex = {};
+            if (fs.existsSync(indexPath)) { try { typeIndex = JSON.parse(fs.readFileSync(indexPath, 'utf8')); } catch(_) {} }
+            const defaultType = (n) => n === 'memory.md' ? 'memory' : n === 'liara.md' ? 'provider' : 'skill';
+            const sections = { memory: [], provider: [], skill: [] };
+            for (const fname of fs.readdirSync(skillsDir)) {
+              if (!fname.endsWith('.md')) continue;
+              try {
+                const content = fs.readFileSync(path.join(skillsDir, fname), 'utf8');
+                if (!content.trim()) continue; // skip empty files
+                const type = typeIndex[fname] || defaultType(fname);
+                sections[type] = sections[type] || [];
+                sections[type].push(`### ${fname}\n${content}`);
+              } catch(_) {}
+            }
+            const parts = [];
+            if (sections.memory.length) parts.push('MEMORIA PROGETTO:\n' + sections.memory.join('\n\n'));
+            if (sections.provider.length) parts.push('ISTRUZIONI MODELLO AI:\n' + sections.provider.join('\n\n'));
+            if (sections.skill.length) parts.push('SKILLS & PATTERN:\n' + sections.skill.join('\n\n'));
+            if (parts.length) skillsContext = '\n' + parts.join('\n\n') + '\n';
+          }
+
           // Read all project files to give agent full context
           const allFiles = [];
           if (fs.existsSync(sandboxDir)) {
@@ -4466,8 +4574,7 @@ Il tuo lavoro e di correggere, migliorare ed espandere il codice del progetto sa
 
 PROGETTO ATTIVO: ${projectName}
 PERCORSO: ${sandboxDir}
-${agentMemory ? '\nMEMORIA PROGETTO:\n' + agentMemory + '\n' : ''}
-FILE DISPONIBILI:
+${agentMemory ? '\nMEMORIA PROGETTO:\n' + agentMemory + '\n' : ''}${skillsContext}FILE DISPONIBILI:
 ${fileList}
 
 STRUMENTI A TUA DISPOSIZIONE (rispondi SOLO con JSON valido per le operazioni):

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

package/src/services/web-ui.mjs

@@ -6252,6 +6252,17 @@ var wcChatRunning = false;
 var wcChatAttachments = []; // [{name, mimeType, base64, size}]
 var _wcAutoFixAttempts = 0;
 var _wcAutoFixTimer = null;
+// 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}
+var _wcSkillsLoaded = false;
+
+// Default 3 files always present in every project
+var WC_DEFAULT_FILES = [
+  { name: 'memory.md',  type: 'memory',   content: '' },
+  { name: 'liara.md',   type: 'provider', content: '' },
+  { name: 'skills.md',  type: 'skill',    content: '' }
+];
 
 function wcEsc(s){return s?String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'):''}
 
@@ -6336,6 +6347,7 @@ 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>' +
+        wcSkillsPanelHtml() +
         (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>'
         : '') +
@@ -6361,7 +6373,8 @@ function renderWebCraft(el) {
         (wcMainTab === 'projects' ? wcProjectsPanelHtml() : editorHtml) +
       '</div>' +
       wcChatPanelHtml() +
-    '</div>';
+    '</div>' +
+    wcSkillModalHtml();
 }
 
 function wcPickExample(i) {
@@ -6383,6 +6396,258 @@ function wcTabFiles() { wcRightTab = 'files'; renderWebCraft(document.getElement
 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 Context Files (Skills / Memory / Provider) ───────────────────────
+
+function wcFileTypeIcon(type) {
+  return type === 'memory' ? '&#129504;' : type === 'provider' ? '&#129302;' : '&#128203;';
+}
+function wcFileTypeBadge(type) {
+  var colors = { memory: '#7c5cbf', provider: '#2a7fff', skill: '#1a7a4a' };
+  var labels = { memory: 'memory', provider: 'provider', skill: 'skill' };
+  return '<span style="font-size:9px;padding:1px 5px;border-radius:3px;background:' + (colors[type]||'#444') + ';color:#fff;margin-left:4px;flex-shrink:0">' + (labels[type]||type) + '</span>';
+}
+
+function wcSkillsPanelHtml() {
+  var hasProj = wcState.projectName && wcState.generatedFiles.length > 0;
+  // Load context files from server on first render if project active
+  if (hasProj && !_wcSkillsLoaded) {
+    _wcSkillsLoaded = true;
+    fetch(API + '/api/studio/webcraft/skills/' + encodeURIComponent(wcState.projectName))
+      .then(function(r){ return r.json(); })
+      .then(function(d){
+        wcSkills = d.skills || [];
+        // Ensure the 3 default files always exist client-side
+        WC_DEFAULT_FILES.forEach(function(def) {
+          var exists = wcSkills.some(function(s){ return s.name === def.name; });
+          if (!exists) wcSkills.unshift({ name: def.name, type: def.type, content: def.content });
+        });
+        renderWebCraft(document.getElementById('content'));
+      })
+      .catch(function(){});
+  }
+  // Can add new skill only (memory + provider are singletons already in defaults)
+  var rows = wcSkills.map(function(s, si) {
+    var isSingleton = s.type === 'memory' || s.type === 'provider';
+    var isEmpty = !s.content || s.content.trim() === '';
+    return '<div style="display:flex;align-items:center;gap:4px;padding:5px 0;border-bottom:1px solid var(--border)">' +
+      '<span style="font-size:13px;flex-shrink:0">' + wcFileTypeIcon(s.type) + '</span>' +
+      '<span style="font-size:11px;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' + wcEsc(s.name) + '</span>' +
+      wcFileTypeBadge(s.type) +
+      (isEmpty ? '<span title="Vuoto" style="font-size:9px;color:#e09020;flex-shrink:0">&#9888;</span>' : '') +
+      '<button onclick="wcOpenSkill('+si+')" title="Modifica" style="background:none;border:none;color:var(--dim);cursor:pointer;font-size:12px;padding:2px 4px;flex-shrink:0">&#9998;</button>' +
+      (!isSingleton ? '<button onclick="wcClearSkill('+si+')" title="Svuota" style="background:none;border:none;color:var(--dim);cursor:pointer;font-size:11px;padding:2px 4px;flex-shrink:0">&#128465;</button>' : '') +
+    '</div>';
+  }).join('');
+  return '<div style="background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px">' +
+    '<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">&#128218; Contesto AI</div>' +
+      (hasProj ? '<button onclick="wcNewSkill()" style="font-size:10px;padding:3px 8px;background:var(--bg3);border:1px solid var(--border2);border-radius:5px;color:var(--green);cursor:pointer">+ Skill</button>' : '') +
+    '</div>' +
+    (wcSkills.length > 0
+      ? '<div style="max-height:160px;overflow-y:auto">' + rows + '</div>'
+      : (hasProj
+          ? '<div style="font-size:10px;color:var(--dim);font-style:italic">Caricamento...</div>'
+          : '<div style="font-size:10px;color:var(--dim);font-style:italic">Genera un progetto per attivare i file di contesto.</div>'
+        )
+    ) +
+  '</div>';
+}
+
+function wcSkillModalHtml() {
+  if (!wcSkillModal) return '';
+  var m = wcSkillModal;
+  var isNew = m.mode === 'new';
+  var charCount = (m.content || '').length;
+  // Length guidance per type
+  var maxChars = m.type === 'skill' ? 6000 : 4000;
+  var warnLen = charCount > maxChars;
+  var typeHints = {
+    skill: 'Istruzioni tecniche, snippet, pattern di codice specifici per una funzione (es. Stripe, email, auth). Puoi avere quante skill vuoi. Max consigliato: ~6000 caratteri.',
+    memory: 'Note persistenti sul progetto: decisioni architetturali, preferenze, contesto generale. Solo UN file. Max consigliato: ~4000 caratteri.',
+    provider: 'Istruzioni specifiche per il modello AI usato (Liara/Qwen3, Claude, GPT-4...). Es. tono, formato risposte, vincoli. Solo UN file. Max consigliato: ~4000 caratteri.'
+  };
+  var hint = typeHints[m.type] || '';
+  var typeOptions = ['skill', 'memory', 'provider'].map(function(t) {
+    var hasSingleton = (t === 'memory' || t === 'provider') && wcSkills.some(function(s){ return s.type === t && (m.mode !== 'edit' || wcSkills.indexOf(s) !== m.idx); });
+    return '<option value="'+t+'"'+(m.type===t?' selected':'')+(hasSingleton?' disabled':'')+'>'+t+(hasSingleton?' (esiste già)':'')+'</option>';
+  }).join('');
+  // Suggested name based on type
+  var namePlaceholder = m.type === 'memory' ? 'memory.md' : m.type === 'provider' ? 'liara.md' : 'nome-skill.md';
+  return '<div onclick="wcCloseSkillModal(event)" style="position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:9999;display:flex;align-items:center;justify-content:center">' +
+    '<div onclick="event.stopPropagation()" style="background:var(--bg2);border:1px solid var(--border);border-radius:14px;width:600px;max-width:96vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden">' +
+      '<div style="padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px">' +
+        '<span style="font-size:14px;font-weight:700;color:var(--text);flex:1">' + wcFileTypeIcon(m.type) + ' ' + (isNew ? 'Nuovo file di contesto' : 'Modifica ' + wcEsc(m.name)) + '</span>' +
+        '<button onclick="wcCloseSkillModal()" style="background:none;border:none;color:var(--dim);font-size:18px;cursor:pointer;line-height:1">&times;</button>' +
+      '</div>' +
+      '<div style="padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto">' +
+        (isNew ? (
+          '<div style="display:flex;gap:10px">' +
+            '<div style="flex:1">' +
+              '<div style="font-size:10px;color:var(--dim);margin-bottom:4px">TIPO</div>' +
+              '<select id="wcSkillType" onchange="wcSkillTypeChange(this.value)" style="width:100%;padding:7px 10px;font-size:12px;border-radius:6px;border:1px solid var(--border2);background:var(--bg3);color:var(--text)">' + typeOptions + '</select>' +
+            '</div>' +
+            '<div style="flex:2">' +
+              '<div style="font-size:10px;color:var(--dim);margin-bottom:4px">NOME FILE</div>' +
+              '<input id="wcSkillName" value="'+wcEsc(m.name||'')+'" placeholder="'+namePlaceholder+'" style="width:100%;padding:7px 10px;font-size:12px;border-radius:6px;border:1px solid var(--border2);background:var(--bg3);color:var(--text);box-sizing:border-box;font-family:var(--mono)">' +
+            '</div>' +
+          '</div>'
+        ) : (
+          '<div style="font-size:11px;color:var(--dim);background:var(--bg3);padding:7px 10px;border-radius:6px">File: <code style="color:var(--text)">'+wcEsc(m.name)+'</code> '+wcFileTypeBadge(m.type)+'</div>'
+        )) +
+        '<div style="background:var(--bg3);border-radius:8px;padding:9px 11px;font-size:10px;color:var(--dim);line-height:1.5">' +
+          '&#128161; ' + wcEsc(hint) +
+        '</div>' +
+        '<div style="background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px">' +
+          '<div style="font-size:10px;color:var(--dim);margin-bottom:6px">&#129302; GENERA CON AI</div>' +
+          '<div style="display:flex;gap:8px">' +
+            '<textarea id="wcSkillAiDesc" rows="2" placeholder="Descrivi cosa deve contenere questo file... (es. Istruzioni per integrare Stripe con Express, pattern webhook)" style="flex:1;padding:7px 10px;font-size:11px;border-radius:6px;border:1px solid var(--border2);background:var(--bg2);color:var(--text);resize:none;font-family:inherit"></textarea>' +
+            '<button onclick="wcGenerateSkill()" '+(m.generating?'disabled':'')+' style="padding:8px 12px;background:var(--green3);border:none;border-radius:6px;color:var(--bg);font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;align-self:flex-end">'+(m.generating?'&#9203; ...':'&#9654; Genera')+'</button>' +
+          '</div>' +
+        '</div>' +
+        '<div>' +
+          '<div style="font-size:10px;color:var(--dim);margin-bottom:4px;display:flex;justify-content:space-between">' +
+            '<span>CONTENUTO (markdown)</span>' +
+            '<span style="color:'+(warnLen?'#e05050':'var(--dim)')+'">'+charCount+' car.'+(warnLen?' &#9888; Troppo lungo, potrebbe ridurre la qualita del contesto':'')+'</span>' +
+          '</div>' +
+          '<textarea id="wcSkillContent" rows="14" oninput="wcSkillContentChange(this.value)" placeholder="# Titolo'+String.fromCharCode(10)+'Scrivi le istruzioni in Markdown..." style="width:100%;padding:8px 10px;font-size:11px;border-radius:6px;border:1px solid '+(warnLen?'#e05050':'var(--border2)')+';background:var(--bg3);color:var(--text);resize:vertical;box-sizing:border-box;font-family:var(--mono);line-height:1.6">'+wcEsc(m.content||'')+'</textarea>' +
+        '</div>' +
+      '</div>' +
+      '<div style="padding:12px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px">' +
+        '<button onclick="wcCloseSkillModal()" style="padding:8px 16px;background:var(--bg3);border:1px solid var(--border2);border-radius:7px;color:var(--dim);font-size:12px;cursor:pointer">Annulla</button>' +
+        '<button onclick="wcSaveSkill()" style="padding:8px 18px;background:var(--green3);border:none;border-radius:7px;color:var(--bg);font-size:12px;font-weight:700;cursor:pointer">&#10003; Salva</button>' +
+      '</div>' +
+    '</div>' +
+  '</div>';
+}
+
+function wcSkillTypeChange(newType) {
+  if (!wcSkillModal) return;
+  wcSkillModal.type = newType;
+  // Auto-fill name for singletons
+  if (newType === 'memory') wcSkillModal.name = 'memory.md';
+  else if (newType === 'provider') wcSkillModal.name = 'liara.md';
+  else wcSkillModal.name = '';
+  renderWebCraft(document.getElementById('content'));
+}
+
+function wcSkillContentChange(val) {
+  if (!wcSkillModal) return;
+  wcSkillModal.content = val;
+  // Re-render only the char counter without full re-render
+  var maxChars = wcSkillModal.type === 'skill' ? 6000 : 4000;
+  var warnLen = val.length > maxChars;
+  var el = document.querySelector('#wcSkillContent');
+  if (el) el.style.borderColor = warnLen ? '#e05050' : 'var(--border2)';
+}
+
+function wcNewSkill() {
+  wcSkillModal = { mode: 'new', idx: null, name: '', content: '', type: 'skill', generating: false };
+  renderWebCraft(document.getElementById('content'));
+}
+
+function wcOpenSkill(si) {
+  var s = wcSkills[si];
+  if (!s) return;
+  wcSkillModal = { mode: 'edit', idx: si, name: s.name, content: s.content, type: s.type || 'skill', generating: false };
+  renderWebCraft(document.getElementById('content'));
+}
+
+function wcCloseSkillModal(e) {
+  if (e && e.target !== e.currentTarget) return;
+  wcSkillModal = null;
+  renderWebCraft(document.getElementById('content'));
+}
+
+async function wcClearSkill(si) {
+  var s = wcSkills[si];
+  if (!s) return;
+  if (!confirm('Svuotare il file "' + s.name + '"? Il file rimane ma il contenuto viene cancellato.')) return;
+  wcSkills[si].content = '';
+  await wcPersistSkills();
+  renderWebCraft(document.getElementById('content'));
+}
+
+async function wcGenerateSkill() {
+  var descEl = document.getElementById('wcSkillAiDesc');
+  var nameEl = document.getElementById('wcSkillName');
+  var typeEl = document.getElementById('wcSkillType');
+  var desc = (descEl ? descEl.value : '').trim();
+  if (!desc) { alert('Descrivi prima cosa deve contenere il file.'); return; }
+  wcSkillModal.generating = true;
+  if (nameEl) wcSkillModal.name = nameEl.value;
+  if (typeEl) wcSkillModal.type = typeEl.value;
+  renderWebCraft(document.getElementById('content'));
+  var systemByType = {
+    skill: 'Sei un esperto di sviluppo web fullstack. Genera un file Markdown "skill" per il WebCraft Agent di NotHumanAllowed. Deve contenere istruzioni, pattern di codice, best practice e snippet pronti all uso come contesto persistente. Scrivi SOLO il contenuto Markdown, niente altro.',
+    memory: 'Sei un assistente tecnico. Genera un file Markdown "memory" per il WebCraft Agent. Deve riassumere decisioni architetturali, preferenze dello sviluppatore e contesto generale del progetto. Scrivi SOLO il Markdown.',
+    provider: 'Sei un esperto di prompt engineering. Genera un file Markdown con istruzioni specifiche per calibrare il comportamento del modello AI (tono, formato risposte, vincoli, preferenze). Scrivi SOLO il Markdown.'
+  };
+  try {
+    var r = await fetch(API + '/api/studio/webcraft', {
+      method: 'POST',
+      headers: {'Content-Type':'application/json'},
+      body: JSON.stringify({
+        system: systemByType[wcSkillModal.type] || systemByType.skill,
+        user: 'Progetto: ' + wcState.projectName + String.fromCharCode(10) + 'Stack: Express.js, PostgreSQL, JWT auth' + String.fromCharCode(10) + String.fromCharCode(10) + desc,
+        max_tokens: 2048
+      })
+    });
+    if (r.ok) {
+      var d = await r.json();
+      wcSkillModal.content = d.text || '';
+      wcSkillModal.generating = false;
+      // Auto-suggest name if empty
+      if (!wcSkillModal.name && desc.length > 0) {
+        if (wcSkillModal.type === 'memory') wcSkillModal.name = 'memory.md';
+        else if (wcSkillModal.type === 'provider') wcSkillModal.name = 'liara.md';
+        else wcSkillModal.name = desc.toLowerCase().replace(/[^a-z0-9]+/g, '-').slice(0, 30) + '.md';
+      }
+    }
+  } catch(e) {}
+  wcSkillModal.generating = false;
+  renderWebCraft(document.getElementById('content'));
+}
+
+async function wcSaveSkill() {
+  var nameEl = document.getElementById('wcSkillName');
+  var contentEl = document.getElementById('wcSkillContent');
+  var typeEl = document.getElementById('wcSkillType');
+  var name = (nameEl ? nameEl.value : wcSkillModal.name).trim();
+  var content = contentEl ? contentEl.value : (wcSkillModal.content || '');
+  var type = (typeEl ? typeEl.value : wcSkillModal.type) || 'skill';
+  if (!name) { alert('Inserisci un nome per il file.'); return; }
+  if (!name.endsWith('.md')) name = name + '.md';
+  // Enforce singleton: only one memory, one provider
+  if ((type === 'memory' || type === 'provider') && wcSkillModal.mode === 'new') {
+    var existing = wcSkills.findIndex(function(s){ return s.type === type; });
+    if (existing >= 0) { alert('Esiste gia un file di tipo "' + type + '". Modificalo direttamente.'); return; }
+  }
+  var skill = { name: name, content: content, type: type };
+  if (wcSkillModal.mode === 'edit' && wcSkillModal.idx !== null) {
+    wcSkills[wcSkillModal.idx] = skill;
+  } else {
+    wcSkills.push(skill);
+  }
+  wcSkillModal = null;
+  await wcPersistSkills();
+  renderWebCraft(document.getElementById('content'));
+}
+
+async function wcDeleteSkill(si) {
+  // No-op: kept for potential future use. Skills are only cleared, not deleted.
+}
+
+async function wcPersistSkills() {
+  if (!wcState.projectName) return;
+  try {
+    await fetch(API + '/api/studio/webcraft/skills/' + encodeURIComponent(wcState.projectName), {
+      method: 'POST',
+      headers: {'Content-Type':'application/json'},
+      body: JSON.stringify({ skills: wcSkills })
+    });
+  } catch(_) {}
+}
+
 // ── WebCraft Agent Chat Panel ─────────────────────────────────────────────
 function wcChatPanelHtml() {
   var hasProject = wcState.projectName && wcState.generatedFiles.length > 0;
@@ -6739,6 +7004,13 @@ async function wcLoadProject(pi) {
     var cr = await fetch(API + '/api/studio/webcraft/projects/chat/load/' + encodeURIComponent(wcState.projectName));
     if (cr.ok) { var cd = await cr.json(); wcChat = cd.chat || []; }
   } catch(_) { wcChat = []; }
+  // Load skills for this project
+  _wcSkillsLoaded = false;
+  wcSkills = [];
+  try {
+    var sr = await fetch(API + '/api/studio/webcraft/skills/' + encodeURIComponent(wcState.projectName));
+    if (sr.ok) { var sd = await sr.json(); wcSkills = sd.skills || []; _wcSkillsLoaded = true; }
+  } catch(_) {}
   renderWebCraft(document.getElementById('content'));
   wcScrollChatToBottom();
 }