nothumanallowed 13.5.55 → 13.5.56

package/package.json

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

@@ -3966,6 +3966,46 @@ ${completedHeadings ? `## SECTIONS ALREADY WRITTEN (headings only):\n${completed
         return;
       }
 
+      // GET /api/studio/webcraft/skills/:name → { skills: [{name, content}] }
+      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');
+        const skills = [];
+        if (fs.existsSync(skillsDir)) {
+          for (const fname of fs.readdirSync(skillsDir)) {
+            if (!fname.endsWith('.md')) continue;
+            try {
+              const content = fs.readFileSync(path.join(skillsDir, fname), 'utf8');
+              skills.push({ name: fname.replace(/\.md$/, ''), content });
+            } catch(_) {}
+          }
+        }
+        sendJSON(res, 200, { skills });
+        logRequest(method, pathname, 200, Date.now() - start);
+        return;
+      }
+
+      // POST /api/studio/webcraft/skills/:name  { skills: [{name, content}] }
+      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 });
+        // Remove all existing .md files, then write current set
+        for (const fname of fs.readdirSync(skillsDir)) {
+          if (fname.endsWith('.md')) fs.unlinkSync(path.join(skillsDir, fname));
+        }
+        for (const skill of skills) {
+          if (!skill.name) continue;
+          const safeName = skill.name.replace(/[^a-zA-Z0-9_-]/g, '_');
+          fs.writeFileSync(path.join(skillsDir, safeName + '.md'), skill.content || '', '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 +4449,20 @@ module.exports = { get, set, del, exists };
           const agentMemoryPath = path.join(sandboxDir, 'webcraft-agent.md');
           const agentMemory = fs.existsSync(agentMemoryPath) ? fs.readFileSync(agentMemoryPath, 'utf8') : '';
 
+          // Load skills files from skills/ subfolder
+          const skillsDir = path.join(sandboxDir, 'skills');
+          let skillsContext = '';
+          if (fs.existsSync(skillsDir)) {
+            const skillFiles = fs.readdirSync(skillsDir).filter(f => f.endsWith('.md'));
+            if (skillFiles.length > 0) {
+              skillsContext = '\nSKILLS DEL PROGETTO:\n' + skillFiles.map(fname => {
+                const skillName = fname.replace(/\.md$/, '');
+                const content = fs.readFileSync(path.join(skillsDir, fname), 'utf8');
+                return `--- SKILL: ${skillName} ---\n${content}`;
+              }).join('\n\n') + '\n';
+            }
+          }
+
           // Read all project files to give agent full context
           const allFiles = [];
           if (fs.existsSync(sandboxDir)) {
@@ -4466,8 +4520,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.56';
 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,10 @@ var wcChatRunning = false;
 var wcChatAttachments = []; // [{name, mimeType, base64, size}]
 var _wcAutoFixAttempts = 0;
 var _wcAutoFixTimer = null;
+// Skills state
+var wcSkills = [];          // [{name, content}] loaded from disk
+var wcSkillModal = null;    // null | {mode:'edit'|'new', idx:number|null, name, content, generating}
+var _wcSkillsLoaded = false;
 
 function wcEsc(s){return s?String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'):''}
 
@@ -6336,6 +6340,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 +6366,8 @@ function renderWebCraft(el) {
         (wcMainTab === 'projects' ? wcProjectsPanelHtml() : editorHtml) +
       '</div>' +
       wcChatPanelHtml() +
-    '</div>';
+    '</div>' +
+    wcSkillModalHtml();
 }
 
 function wcPickExample(i) {
@@ -6383,6 +6389,159 @@ 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 Skills ───────────────────────────────────────────────────────────
+function wcSkillsPanelHtml() {
+  var hasProj = wcState.projectName && wcState.generatedFiles.length > 0;
+  // Load skills 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 || []; renderWebCraft(document.getElementById('content')); })
+      .catch(function(){});
+  }
+  var rows = wcSkills.map(function(s, si) {
+    return '<div style="display:flex;align-items:center;gap:6px;padding:5px 0;border-bottom:1px solid var(--border)">' +
+      '<span style="font-size:11px;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">&#128203; '+wcEsc(s.name)+'</span>' +
+      '<button onclick="wcOpenSkill('+si+')" title="Modifica" style="background:none;border:none;color:var(--dim);cursor:pointer;font-size:12px;padding:2px 4px">&#9998;</button>' +
+      '<button onclick="wcDeleteSkill('+si+')" title="Elimina" style="background:none;border:none;color:var(--dim);cursor:pointer;font-size:12px;padding:2px 4px">&times;</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; Skills & Memoria</div>' +
+      '<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">+ Aggiungi</button>' +
+    '</div>' +
+    (wcSkills.length > 0
+      ? '<div style="max-height:120px;overflow-y:auto">' + rows + '</div>'
+      : '<div style="font-size:10px;color:var(--dim);font-style:italic">Nessuna skill. Aggiungine una per dare istruzioni persistenti.</div>'
+    ) +
+  '</div>';
+}
+
+function wcSkillModalHtml() {
+  if (!wcSkillModal) return '';
+  var m = wcSkillModal;
+  var isNew = m.mode === 'new';
+  return '<div onclick="wcCloseSkillModal(event)" style="position:fixed;inset:0;background:rgba(0,0,0,.7);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:560px;max-width:95vw;max-height:85vh;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">'+(isNew?'&#128218; Nuova Skill':'&#128218; Modifica Skill')+'</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:10px;flex:1;overflow-y:auto">' +
+        '<div>' +
+          '<div style="font-size:10px;color:var(--dim);margin-bottom:4px">NOME FILE (es. stripe.md, email-templates.md)</div>' +
+          '<input id="wcSkillName" value="'+wcEsc(m.name||'')+'" placeholder="nome-skill.md" 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 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 — descrivi cosa deve contenere la skill</div>' +
+          '<div style="display:flex;gap:8px">' +
+            '<textarea id="wcSkillAiDesc" rows="2" placeholder="es. Istruzioni per integrare Stripe Checkout con Express. Includi pattern per webhook, error handling e test mode." 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">CONTENUTO (markdown)</div>' +
+          '<textarea id="wcSkillContent" rows="12" placeholder="# Nome Skill'+String.fromCharCode(10)+String.fromCharCode(10)+'Scrivi qui le istruzioni, pattern o snippet..." style="width:100%;padding:8px 10px;font-size:11px;border-radius:6px;border:1px solid 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 wcNewSkill() {
+  wcSkillModal = { mode: 'new', idx: null, name: '', content: '', 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, generating: false };
+  renderWebCraft(document.getElementById('content'));
+}
+
+function wcCloseSkillModal(e) {
+  if (e && e.target !== e.currentTarget) return;
+  wcSkillModal = null;
+  renderWebCraft(document.getElementById('content'));
+}
+
+async function wcGenerateSkill() {
+  var descEl = document.getElementById('wcSkillAiDesc');
+  var nameEl = document.getElementById('wcSkillName');
+  var desc = (descEl ? descEl.value : '').trim();
+  if (!desc) { alert('Descrivi prima cosa deve contenere la skill.'); return; }
+  wcSkillModal.generating = true;
+  wcSkillModal.name = nameEl ? nameEl.value : wcSkillModal.name;
+  renderWebCraft(document.getElementById('content'));
+  try {
+    var r = await fetch(API + '/api/studio/webcraft', {
+      method: 'POST',
+      headers: {'Content-Type':'application/json'},
+      body: JSON.stringify({
+        system: 'Sei un esperto di sviluppo web fullstack. Genera un file Markdown di "skill" per il WebCraft Agent di NotHumanAllowed. Il file deve contenere istruzioni, pattern di codice, best practice e snippet pronti per essere usati dal modello AI come contesto persistente. Scrivi SOLO il contenuto Markdown, senza spiegazioni esterne.',
+        user: 'Progetto: ' + wcState.projectName + String.fromCharCode(10) + 'Stack: Express.js, PostgreSQL, JWT auth, BEM CSS' + String.fromCharCode(10) + String.fromCharCode(10) + 'Genera la skill: ' + 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) {
+        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 name = (nameEl ? nameEl.value : '').trim();
+  var content = contentEl ? contentEl.value : '';
+  if (!name) { alert('Inserisci un nome per la skill.'); return; }
+  if (!name.endsWith('.md')) name = name + '.md';
+  var skill = { name: name, content: content };
+  if (wcSkillModal.mode === 'edit' && wcSkillModal.idx !== null) {
+    wcSkills[wcSkillModal.idx] = skill;
+  } else {
+    wcSkills.push(skill);
+  }
+  wcSkillModal = null;
+  // Persist to server
+  await wcPersistSkills();
+  renderWebCraft(document.getElementById('content'));
+}
+
+async function wcDeleteSkill(si) {
+  if (!confirm('Eliminare la skill "' + wcSkills[si].name + '"?')) return;
+  wcSkills.splice(si, 1);
+  await wcPersistSkills();
+  renderWebCraft(document.getElementById('content'));
+}
+
+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 +6898,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();
 }