nothumanallowed 13.5.157 → 13.5.158

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.5.157",
+  "version": "13.5.158",
   "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/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.157';
+export const VERSION = '13.5.158';
 export const BASE_URL = 'https://nothumanallowed.com/cli';
 export const API_BASE = 'https://nothumanallowed.com/api/v1';
 

package/src/services/web-ui.mjs

@@ -7362,8 +7362,7 @@ var _wcGrepOpen = false;     // grep panel visible
 var _wcGrepQuery = '';
 var _updateInfo = null;  // {current, latest, updateAvailable} — fetched once at boot
 var _wcGrepResults = [];
-var _wcOverlayMinimized = false;   // overlay minimized by user click
-var _wcOverlayTimer = null;        // inactivity timer to restore overlay
+// (overlay pill removed — inline progress bar used instead)
 var _wcGenAbortCtrl = null;        // AbortController for generation stop
 var _wcSyntaxResults = [];   // [{file, ok, error}]
 var _wcSnapshots = [];       // [{ts, fileCount}]
@@ -7394,22 +7393,15 @@ function wcStartGenTimer() {
 
 function wcUpdateGenOverlay(fi2, total, name) {
   _wcGenOverlayState = { fi: fi2, total: total, name: name };
-  // Update only the specific DOM nodes — no innerHTML rewrite, no flicker
   var pct = total > 0 ? Math.round((fi2 / total) * 100) : 0;
   var counterEl = document.getElementById('wcGenCounter');
   var barEl     = document.getElementById('wcGenBar');
   var nameEl    = document.getElementById('wcGenFileName');
   var timeEl    = document.getElementById('wcGenTime');
-  var pillLabel = document.getElementById('wcPillLabel');
-  var pillCount = document.getElementById('wcPillCount');
-  var pillTime  = document.getElementById('wcPillTime');
   if (counterEl) counterEl.textContent = fi2 + ' / ' + total;
   if (barEl)     barEl.style.width = pct + '%';
-  if (nameEl)    nameEl.textContent = name || '';
+  if (nameEl)    nameEl.textContent = name ? name.split(',')[0].trim() : '';
   if (timeEl)    timeEl.textContent = wcGenElapsed();
-  if (pillLabel) pillLabel.textContent = name ? name.split(',')[0].trim() : 'Generando...';
-  if (pillCount) pillCount.textContent = fi2 + '/' + total;
-  if (pillTime)  pillTime.textContent  = wcGenElapsed();
 }
 
 // Skills state
@@ -7583,55 +7575,40 @@ function renderWebCraft(el) {
         : '') +
       '</div>' +
       '<div data-wc-files style="position:relative;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">' +
-        (wcState.repairing ?
-          (_wcOverlayMinimized
-            // Minimized repair: pill bottom-right
-            ? '<div id="wcRepairOverlay" onclick="wcOverlayRestore()" style="position:absolute;bottom:12px;right:12px;z-index:50;background:rgba(0,0,0,0.85);border:1px solid rgba(234,179,8,0.6);border-radius:20px;padding:5px 12px;display:flex;align-items:center;gap:7px;cursor:pointer;backdrop-filter:blur(4px)">'
-                +'<span style="font-size:14px;animation:wcRobotBob .9s ease-in-out infinite">&#128295;</span>'
-                +'<span style="font-size:10px;color:#facc15;font-weight:700;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" id="wcRepairFile">'+wcEsc(wcState.repairCurrent || 'Correzione...')+'</span>'
-                +'<span style="font-size:9px;color:var(--dim)" id="wcRepairCounter">'+wcState.repairDone+'/'+wcState.repairTotal+'</span>'
-                +'<span style="display:flex;gap:3px">'+[0,1,2].map(function(_,idx){ return '<span style="width:4px;height:4px;border-radius:50%;background:#facc15;animation:wcDot 1.1s ease-in-out infinite '+(idx*0.18)+'s"></span>'; }).join('')+'</span>'
-              +'</div>'
-            // Full repair: sticky header bar — code stays visible below
-            : '<div id="wcRepairOverlay" style="position:absolute;top:0;left:0;right:0;z-index:50;background:rgba(20,16,0,0.92);backdrop-filter:blur(6px);border-bottom:1px solid rgba(234,179,8,0.5);padding:8px 16px;display:flex;align-items:center;gap:10px">'
-                +'<span style="font-size:16px;animation:wcRobotBob .9s ease-in-out infinite;flex-shrink:0">&#128295;</span>'
-                +'<span style="font-size:11px;font-weight:700;color:#facc15;flex-shrink:0">Correzione automatica</span>'
-                +'<span style="font-size:10px;color:#fde68a;font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1" id="wcRepairFile">'+wcEsc(wcState.repairCurrent || '')+'</span>'
-                +'<span style="font-size:10px;color:var(--dim);flex-shrink:0" id="wcRepairCounter">'+wcState.repairDone+' / '+wcState.repairTotal+' file</span>'
-                +'<span onclick="wcOverlayMinimize()" style="font-size:10px;color:var(--dim);cursor:pointer;flex-shrink:0;padding:2px 6px;border:1px solid var(--border2);border-radius:4px" title="Minimizza">&#8211;</span>'
-                +'<span style="display:flex;gap:3px">'+[0,1,2].map(function(_,idx){ return '<span style="width:4px;height:4px;border-radius:50%;background:#facc15;animation:wcDot 1.1s ease-in-out infinite '+(idx*0.18)+'s"></span>'; }).join('')+'</span>'
-              +'</div>'
-          )
-        : wcState.running ? (
-          _wcOverlayMinimized
-          // Minimized gen: pill bottom-right
-          ? '<div id="wcGenOverlay" onclick="wcOverlayRestore()" style="position:absolute;bottom:12px;right:12px;z-index:50;background:rgba(0,0,0,0.85);border:1px solid var(--green3);border-radius:20px;padding:5px 12px;display:flex;align-items:center;gap:7px;cursor:pointer;backdrop-filter:blur(4px)">'
-              +'<span style="font-size:14px;animation:wcRobotBob .9s ease-in-out infinite">&#129302;</span>'
-              +'<span id="wcPillLabel" style="font-size:10px;color:var(--green);font-weight:700;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">'+wcEsc((_wcGenOverlayState.name||'').split(',')[0].trim() || 'Generando...')+'</span>'
-              +'<span id="wcPillCount" style="font-size:9px;color:var(--dim)">'+_wcGenOverlayState.fi+'/'+_wcGenOverlayState.total+'</span>'
-              +'<span id="wcPillTime" style="font-size:9px;color:var(--dim)">'+wcGenElapsed()+'</span>'
-              +'<span style="display:flex;gap:3px">'+[0,1,2].map(function(_,idx){ return '<span style="width:4px;height:4px;border-radius:50%;background:var(--green);animation:wcDot 1.1s ease-in-out infinite '+(idx*0.18)+'s"></span>'; }).join('')+'</span>'
-            +'</div>'
-          // Full gen: sticky header bar — code streams visibly below
-          : '<div id="wcGenOverlay" style="position:absolute;top:0;left:0;right:0;z-index:50;background:rgba(0,14,0,0.90);backdrop-filter:blur(6px);border-bottom:1px solid var(--green3);padding:8px 16px;display:flex;flex-direction:column;gap:4px">'
-              +'<div style="display:flex;align-items:center;gap:10px">'
-                +'<span style="font-size:16px;animation:wcRobotBob .9s ease-in-out infinite;flex-shrink:0">&#129302;</span>'
-                +'<span style="font-size:11px;font-weight:700;color:var(--green);flex-shrink:0">Generazione in corso</span>'
-                +'<span id="wcGenFileName" style="font-size:10px;color:var(--dim);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1">'+wcEsc((_wcGenOverlayState.name||'').split(',')[0].trim())+'</span>'
-                +'<span id="wcGenCounter" style="font-size:10px;color:var(--dim);flex-shrink:0">'+_wcGenOverlayState.fi+' / '+_wcGenOverlayState.total+'</span>'
-                +'<span id="wcGenTime" style="font-size:10px;color:var(--dim);flex-shrink:0">'+wcGenElapsed()+'</span>'
-                +'<span onclick="wcOverlayMinimize()" style="font-size:10px;color:var(--dim);cursor:pointer;flex-shrink:0;padding:2px 6px;border:1px solid var(--border2);border-radius:4px" title="Minimizza">&#8211;</span>'
-                +'<span style="display:flex;gap:3px">'+[0,1,2].map(function(_,idx){ return '<span style="width:4px;height:4px;border-radius:50%;background:var(--green);animation:wcDot 1.1s ease-in-out infinite '+(idx*0.18)+'s"></span>'; }).join('')+'</span>'
-              +'</div>'
-              +'<div style="height:2px;background:rgba(255,255,255,0.07);border-radius:1px;overflow:hidden">'
-                +'<div id="wcGenBar" style="height:100%;width:'+Math.round((_wcGenOverlayState.fi/_wcGenOverlayState.total||0)*100)+'%;background:var(--green);border-radius:1px;transition:width .3s ease"></div>'
-              +'</div>'
-            +'</div>'
-        ) : '') +
+        // ── Tab bar: File / Sandbox ───────────────────────────────────────────
         '<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>' +
+        // ── Generation progress bar (inline, above code area) ─────────────────
+        (wcState.repairing ?
+          '<div id="wcRepairBar" style="flex-shrink:0;background:rgba(20,16,0,0.96);border-bottom:2px solid rgba(234,179,8,0.6);padding:6px 14px;display:flex;flex-direction:column;gap:3px">'
+            +'<div style="display:flex;align-items:center;gap:8px">'
+              +'<span style="font-size:13px;animation:wcRobotBob .9s ease-in-out infinite;flex-shrink:0">&#128295;</span>'
+              +'<span style="font-size:10px;font-weight:700;color:#facc15;flex-shrink:0">Auto-fix</span>'
+              +'<span style="font-size:10px;color:#fde68a;font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1" id="wcRepairFile">'+wcEsc(wcState.repairCurrent || '')+'</span>'
+              +'<span style="font-size:10px;color:var(--dim);flex-shrink:0" id="wcRepairCounter">'+wcState.repairDone+' / '+wcState.repairTotal+'</span>'
+              +'<span style="display:flex;gap:3px">'+[0,1,2].map(function(_,idx){ return '<span style="width:4px;height:4px;border-radius:50%;background:#facc15;animation:wcDot 1.1s ease-in-out infinite '+(idx*0.18)+'s"></span>'; }).join('')+'</span>'
+            +'</div>'
+            +'<div style="height:2px;background:rgba(255,255,255,0.07);border-radius:1px;overflow:hidden">'
+              +'<div id="wcRepairProg" style="height:100%;width:'+(wcState.repairTotal>0?Math.round((wcState.repairDone/wcState.repairTotal)*100):0)+'%;background:#facc15;border-radius:1px;transition:width .3s ease"></div>'
+            +'</div>'
+          +'</div>'
+        : wcState.running ?
+          '<div id="wcGenOverlay" style="flex-shrink:0;background:rgba(0,14,0,0.96);border-bottom:2px solid var(--green3);padding:6px 14px;display:flex;flex-direction:column;gap:3px">'
+            +'<div style="display:flex;align-items:center;gap:8px">'
+              +'<span style="font-size:13px;animation:wcRobotBob .9s ease-in-out infinite;flex-shrink:0">&#129302;</span>'
+              +'<span style="font-size:10px;font-weight:700;color:var(--green);flex-shrink:0">Generazione</span>'
+              +'<span id="wcGenFileName" style="font-size:10px;color:var(--dim);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1">'+wcEsc((_wcGenOverlayState.name||'').split(',')[0].trim())+'</span>'
+              +'<span id="wcGenCounter" style="font-size:10px;color:var(--dim);flex-shrink:0">'+_wcGenOverlayState.fi+' / '+_wcGenOverlayState.total+'</span>'
+              +'<span id="wcGenTime" style="font-size:10px;color:var(--dim);flex-shrink:0">'+wcGenElapsed()+'</span>'
+              +'<span style="display:flex;gap:3px">'+[0,1,2].map(function(_,idx){ return '<span style="width:4px;height:4px;border-radius:50%;background:var(--green);animation:wcDot 1.1s ease-in-out infinite '+(idx*0.18)+'s"></span>'; }).join('')+'</span>'
+            +'</div>'
+            +'<div style="height:2px;background:rgba(255,255,255,0.07);border-radius:1px;overflow:hidden">'
+              +'<div id="wcGenBar" style="height:100%;width:'+Math.round((_wcGenOverlayState.fi/_wcGenOverlayState.total||0)*100)+'%;background:var(--green);border-radius:1px;transition:width .3s ease"></div>'
+            +'</div>'
+          +'</div>'
+        : '') +
         (wcRightTab === 'preview' ? wcSandboxPanelHtml() : codeHtml) +
       '</div>' +
     '</div>' +
@@ -8114,31 +8091,11 @@ function wcStopAll() {
   if (_wcGenAbortCtrl) { _wcGenAbortCtrl.abort(); _wcGenAbortCtrl = null; }
   wcState.running = false;
   wcChatRunning = false;
-  _wcOverlayMinimized = false;
-  if (_wcOverlayTimer) { clearTimeout(_wcOverlayTimer); _wcOverlayTimer = null; }
   wcChat.push({ role: 'system', text: '&#9632; Generazione interrotta.' });
   renderWebCraft(document.getElementById('content'));
 }
 
-function wcOverlayMinimize() {
-  if (_wcOverlayTimer) clearTimeout(_wcOverlayTimer);
-  _wcOverlayMinimized = true;
-  renderWebCraft(document.getElementById('content'));
-  // Auto-restore after 30s of inactivity so user doesn't miss progress
-  _wcOverlayTimer = setTimeout(function() {
-    if (wcState.running || wcState.repairing) {
-      _wcOverlayMinimized = false;
-      renderWebCraft(document.getElementById('content'));
-    }
-    _wcOverlayTimer = null;
-  }, 30000);
-}
-
-function wcOverlayRestore() {
-  if (_wcOverlayTimer) { clearTimeout(_wcOverlayTimer); _wcOverlayTimer = null; }
-  _wcOverlayMinimized = false;
-  renderWebCraft(document.getElementById('content'));
-}
+// wcOverlayMinimize/Restore removed — overlay replaced with inline progress bar
 
 function wcRemoveAttachment(ai) {
   wcChatAttachments.splice(ai, 1);
@@ -8545,6 +8502,14 @@ async function wcDeleteProject(pi) {
   if (!confirm('Eliminare: ' + p.name + ' - ' + p.dir + ' ?')) return;
   await fetch(API + '/api/studio/webcraft/projects/' + encodeURIComponent(p.name), {method:'DELETE'});
   wcProjectsList.splice(pi, 1);
+  // If the deleted project was the currently open one, reset all state
+  if (wcState.projectName === p.name) {
+    wcState.projectName = '';
+    wcState.generatedFiles = [];
+    wcState.activeFile = 0;
+    wcState.description = '';
+    wcChat = [];
+  }
   renderWebCraft(document.getElementById('content'));
 }
 function wcUpdateField(i, val) { wcState.authFields[i].label = val; }
@@ -8785,7 +8750,6 @@ async function wcGenerate() {
   wcState.running = true;
   wcState.generatedFiles = [];
   wcState.activeFile = 0;
-  _wcOverlayMinimized = false;
   _wcGenAbortCtrl = new AbortController();
   renderWebCraft(document.getElementById('content'));
 
@@ -9037,7 +9001,6 @@ async function wcGenerate() {
 
   wcState.running = false;
   _wcGenAbortCtrl = null;
-  _wcOverlayMinimized = false;
 
   // Auto-save
   try {
@@ -9094,7 +9057,28 @@ async function wcAutoRepair(filePlan, sysPreamble) {
     wcState.repairCurrent = broken.name;
     wcUpdateRepairOverlay();
 
-    await new Promise(function(resolve){ setTimeout(resolve, 2000); });
+    // Switch active file to the one being repaired so tokens appear in the viewer
+    var repairFileIdx = wcState.generatedFiles.findIndex(function(f){ return f.name === broken.name; });
+    if (repairFileIdx >= 0) wcState.activeFile = repairFileIdx;
+
+    // "Destruction" animation: fade the existing code out in the <pre>
+    (function animateWipe() {
+      var pre = document.getElementById('wcLiveCode');
+      if (!pre) return;
+      var txt = pre.textContent;
+      var len = txt.length;
+      if (len === 0) return;
+      var step = Math.max(1, Math.floor(len / 18));
+      var remaining = len;
+      var wipeInterval = setInterval(function() {
+        remaining = Math.max(0, remaining - step);
+        pre.style.opacity = String(remaining / len);
+        pre.textContent = txt.slice(0, remaining);
+        if (remaining <= 0) { clearInterval(wipeInterval); pre.style.opacity = '1'; pre.textContent = ''; }
+      }, 40);
+    }());
+
+    await new Promise(function(resolve){ setTimeout(resolve, 800); });
     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;
@@ -9111,17 +9095,23 @@ async function wcAutoRepair(filePlan, sysPreamble) {
           (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, 8192);
+      // Stream repair tokens directly into the <pre>
+      var repairAccum = '';
+      var repairLang2 = broken.lang || (plan && plan.lang) || 'text';
+      var fixed = await wcCallLLM(fixSys, fixUser, null, repairLang2, 8192, function(tok) {
+        repairAccum += tok;
+        var pre2 = document.getElementById('wcLiveCode');
+        if (pre2) { pre2.textContent = repairAccum; pre2.style.opacity = '1'; var cw = document.getElementById('wcCodeWrap'); if(cw) cw.scrollTop = cw.scrollHeight; }
+      });
       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);
+      var check2 = wcSyntaxCheck(fixed, repairLang2);
       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 };
+          wcState.generatedFiles[gi3] = { name: broken.name, content: fixed, lang: repairLang2 };
           if (!check2.ok) wcState.generatedFiles[gi3]._syntaxError = check2.reason;
           break;
         }
@@ -9153,8 +9143,10 @@ async function wcAutoRepair(filePlan, sysPreamble) {
 function wcUpdateRepairOverlay() {
   var counter = document.getElementById('wcRepairCounter');
   var fileEl  = document.getElementById('wcRepairFile');
-  if (counter) counter.textContent = wcState.repairDone + ' / ' + wcState.repairTotal + ' file';
+  var prog    = document.getElementById('wcRepairProg');
+  if (counter) counter.textContent = wcState.repairDone + ' / ' + wcState.repairTotal;
   if (fileEl)  fileEl.textContent  = wcState.repairCurrent;
+  if (prog)    prog.style.width = (wcState.repairTotal > 0 ? Math.round((wcState.repairDone / wcState.repairTotal) * 100) : 0) + '%';
 }
 
 function wcTriggerRepair() {