npm - nothumanallowed - Versions diffs - 13.2.18 → 13.2.20 - Mend

nothumanallowed 13.2.18 → 13.2.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "nothumanallowed",
-  "version": "13.2.18",
+  "version": "13.2.20",
   "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 CHANGED Viewed

@@ -2758,14 +2758,92 @@ Respond with ONLY valid JSON, no markdown:
           // Tool-data agents: fetch real live data and use buildSystemPrompt (tool calls allowed)
           const isLiveDataAgent = ['CalendarAgent','EmailAgent','GitHubAgent','NotionAgent','SlackAgent','DriveAgent','BrowserAgent','WebSearchAgent','ResearchAgent'].includes(agent);
-          const canvasSystemPrompt = `You are an HTML report generator. Output a single complete HTML document in ${language}. No preamble, no explanation.
-RULES:
-- First character of your response must be < (start of <!DOCTYPE html>)
-- Do NOT use markdown code blocks, JSON, or any wrapper
-- All text content must be in ${language}
-- Use clean design: white background, Inter/system-ui font, #6366f1 accent color
-- Structure: gradient header, then card sections with the content
-- Make it complete and self-contained`;
+          const canvasSystemPrompt = `You are an HTML report generator. Output ONLY a single complete HTML document in ${language}. No preamble, no explanation, no markdown.
+STRICT RULES:
+- Your ENTIRE response must be valid HTML starting with <!DOCTYPE html>
+- Do NOT output markdown code blocks, JSON, or any wrapper text
+- ALL text content (titles, descriptions, labels, body text) must be in ${language}
+- Use EXACTLY this CSS template structure — only change the content inside, never the style
+USE THIS EXACT HTML STRUCTURE (replace placeholders with real content):
+<!DOCTYPE html>
+<html lang="${language.slice(0,2).toLowerCase()}">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>REPORT TITLE HERE</title>
+<style>
+*{margin:0;padding:0;box-sizing:border-box}
+body{font-family:'Inter',system-ui,sans-serif;background:#0d0d14;color:#f0f0f5;min-height:100vh;padding:24px}
+.header{background:linear-gradient(135deg,#6366f1 0%,#22d3ee 100%);border-radius:16px;padding:32px 40px;margin-bottom:24px}
+.header h1{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}
+.header p{font-size:14px;color:rgba(255,255,255,0.8)}
+.meta{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}
+.meta span{background:rgba(255,255,255,0.2);border-radius:20px;padding:4px 12px;font-size:12px;color:#fff}
+.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}
+.card{background:#15151f;border:1px solid #2a2a38;border-radius:12px;padding:20px}
+.card h2{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#6366f1;margin-bottom:12px;font-weight:600}
+.card h3{font-size:16px;font-weight:600;color:#f0f0f5;margin-bottom:8px}
+.card p{font-size:13px;color:#8b8b9e;line-height:1.6}
+.card ul{list-style:none;padding:0}
+.card ul li{font-size:13px;color:#8b8b9e;line-height:1.8;padding-left:16px;position:relative}
+.card ul li::before{content:'›';position:absolute;left:0;color:#6366f1}
+.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;margin-right:6px;margin-bottom:4px}
+.badge-high{background:#7f1d1d;color:#ef4444}
+.badge-med{background:#713f12;color:#f59e0b}
+.badge-low{background:#14532d;color:#34d399}
+.badge-info{background:#1e1b4b;color:#6366f1}
+.section{background:#15151f;border:1px solid #2a2a38;border-radius:12px;padding:24px;margin-bottom:16px}
+.section h2{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#22d3ee;margin-bottom:16px;font-weight:600}
+.section h3{font-size:15px;font-weight:600;color:#f0f0f5;margin-bottom:6px}
+.section p{font-size:13px;color:#8b8b9e;line-height:1.7;margin-bottom:12px}
+.priority-list{display:flex;flex-direction:column;gap:10px}
+.priority-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#1c1c28;border-radius:8px}
+.priority-num{width:28px;height:28px;border-radius:50%;background:#6366f1;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
+.priority-item h4{font-size:13px;font-weight:600;color:#f0f0f5;margin-bottom:2px}
+.priority-item p{font-size:12px;color:#8b8b9e;line-height:1.5;margin:0}
+.footer{text-align:center;padding:20px;font-size:11px;color:#4a4a5e;margin-top:8px}
+</style>
+</head>
+<body>
+<!-- HEADER: put report title, subtitle, date, and 2-3 meta tags -->
+<div class="header">
+  <h1>REPLACE WITH REPORT TITLE</h1>
+  <p>REPLACE WITH SUBTITLE/DESCRIPTION</p>
+  <div class="meta">
+    <span>📅 ${today}</span>
+    <span>META TAG 2</span>
+    <span>META TAG 3</span>
+  </div>
+</div>
+<!-- STATS GRID: 3-4 cards with key numbers/stats -->
+<div class="grid">
+  <div class="card">
+    <h2>LABEL 1</h2>
+    <h3>STAT OR TITLE</h3>
+    <p>DESCRIPTION</p>
+  </div>
+  <!-- Add more cards for other stats -->
+</div>
+<!-- MAIN SECTIONS: 2-4 sections with content -->
+<div class="section">
+  <h2>SECTION LABEL</h2>
+  <div class="priority-list">
+    <div class="priority-item">
+      <div class="priority-num">1</div>
+      <div><h4>ITEM TITLE</h4><p>ITEM DESCRIPTION</p></div>
+    </div>
+    <!-- Add more priority items -->
+  </div>
+</div>
+<div class="footer">Generated by NHA Studio · ${today}</div>
+</body>
+</html>
+Fill ALL placeholder text with the actual content from the data provided. Keep ALL CSS exactly as above. Output ONLY the HTML.`;
           let sysPrompt, userMsg;

package/src/constants.mjs CHANGED Viewed

@@ -5,7 +5,7 @@ import { fileURLToPath } from 'url';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
-export const VERSION = '13.2.18';
+export const VERSION = '13.2.20';
 export const BASE_URL = 'https://nothumanallowed.com/cli';
 export const API_BASE = 'https://nothumanallowed.com/api/v1';

package/src/services/web-ui.mjs CHANGED Viewed

@@ -2715,6 +2715,22 @@ var studioState = {
   planned: false
 };
+var studioAbortController = null;
+function stopStudio() {
+  if (!studioState.running) return;
+  if (studioAbortController) { try { studioAbortController.abort(); } catch(e) {} studioAbortController = null; }
+  studioState.running = false;
+  var btn = document.getElementById('studioRunBtn');
+  if (btn) { btn.disabled = false; btn.textContent = '▶ Run'; }
+  var stopBtn = document.getElementById('studioStopBtn');
+  if (stopBtn) stopBtn.style.display = 'none';
+  studioLog('Studio', '⬛', 'Workflow stopped by user.', 'system');
+  // Mark any still-running nodes as error
+  studioState.nodes.forEach(function(n) { if (n.status === 'running') n.status = 'error'; });
+  renderStudioNodes();
+}
 function studioReset() {
   if (studioState.running) return;
   studioState.task = '';
@@ -2840,8 +2856,12 @@ async function runStudio() {
   renderStudioLog();
   renderStudioResult();
+  studioAbortController = new AbortController();
   var btn = document.getElementById('studioRunBtn');
   if (btn) { btn.disabled = true; btn.textContent = 'Planning...'; }
+  var stopBtn = document.getElementById('studioStopBtn');
+  if (stopBtn) stopBtn.style.display = '';
   studioLog('Studio', '&#9881;', 'Planning workflow for: "' + task + '"', 'system');
   // Show a temporary planning indicator in the nodes area
@@ -2871,7 +2891,12 @@ async function runStudio() {
       studioSetNodeStatus(i, 'running');
       studioLog(node.label, node.icon, 'Starting...', 'agent');
-      var stepResult = await runStudioStep(i, node, task, context, planRes.steps[i]);
+      if (!studioState.running) break; // stopped by user
+      var stepResult = await runStudioStep(i, node, task, context, planRes.steps[i], studioAbortController ? studioAbortController.signal : null);
+      if (stepResult.aborted) {
+        studioSetNodeStatus(i, 'error');
+        break;
+      }
       if (stepResult.error) {
         studioSetNodeStatus(i, 'error');
         studioLog(node.label, node.icon, 'Error: ' + stepResult.error, 'error');
@@ -2903,11 +2928,15 @@ async function runStudio() {
     renderStudioSessionsBar();
   } catch(e) {
-    studioLog('Studio', '&#9888;', 'Unexpected error: ' + (e.message || String(e)), 'error');
+    if (e.name !== 'AbortError') {
+      studioLog('Studio', '&#9888;', 'Unexpected error: ' + (e.message || String(e)), 'error');
+    }
   }
   studioState.running = false;
-  if (btn) { btn.disabled = false; btn.textContent = 'Run'; }
+  studioAbortController = null;
+  if (btn) { btn.disabled = false; btn.textContent = '▶ Run'; }
+  if (stopBtn) stopBtn.style.display = 'none';
 }
 // ---- STUDIO SESSIONS ----
@@ -2966,7 +2995,7 @@ function restoreStudioSession(idx) {
   var ta = document.getElementById('studioTaskInput');
   if (ta) ta.value = s.task;
   renderStudioNodes(); renderStudioLog(); renderStudioResult();
-  toast('Session restored');
+  showToast('success', 'Session restored', s.task.slice(0, 60), 3000);
 }
 function importStudioToChat(idx) {
@@ -3007,17 +3036,15 @@ function studioAddTokens(inp, out) {
   if (el) el.textContent = 'Tokens: ' + studioTokens.in + ' in / ' + studioTokens.out + ' out';
 }
-function runStudioStep(idx, node, task, context, stepDef) {
+function runStudioStep(idx, node, task, context, stepDef, signal) {
   return new Promise(function(resolve) {
     var output = '';
     var canvasHtml = null;
     var body = JSON.stringify({stepIdx: idx, agent: node.agent, task: task, context: context, stepDef: stepDef});
+    var fetchOpts = {method: 'POST', headers: {'Content-Type': 'application/json'}, body: body};
+    if (signal) fetchOpts.signal = signal;
-    fetch('/api/studio/run', {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json'},
-      body: body
-    }).then(function(res) {
+    fetch('/api/studio/run', fetchOpts).then(function(res) {
       if (!res.ok) { resolve({error: 'HTTP ' + res.status}); return; }
       var reader = res.body.getReader();
       var decoder = new TextDecoder();
@@ -3072,10 +3099,14 @@ function runStudioStep(idx, node, task, context, stepDef) {
             } catch(e) {}
           });
           pump();
-        }).catch(function(e) { resolve({error: e.message}); });
+        }).catch(function(e) {
+          if (e.name === 'AbortError') { resolve({aborted: true}); } else { resolve({error: e.message}); }
+        });
       }
       pump();
-    }).catch(function(e) { resolve({error: e.message}); });
+    }).catch(function(e) {
+      if (e.name === 'AbortError') { resolve({aborted: true}); } else { resolve({error: e.message}); }
+    });
   });
 }
@@ -3184,6 +3215,7 @@ function renderStudio(el) {
             '<textarea id="studioTaskInput" placeholder="Describe what you want to accomplish... (Ctrl+Enter to run)" onkeydown="if(event.key===\\x27Enter\\x27&&(event.ctrlKey||event.metaKey)){runStudio();event.preventDefault()}">' + esc(studioState.task) + '</textarea>' +
             '<div style="display:flex;gap:6px">' +
               '<button id="studioRunBtn" class="studio-run-btn" onclick="runStudio()" style="flex:1" ' + (studioState.running ? 'disabled' : '') + '>&#9654; Run</button>' +
+              '<button id="studioStopBtn" onclick="stopStudio()" title="Stop workflow" style="padding:8px 14px;background:#7f1d1d;border:1px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap;' + (studioState.running ? '' : 'display:none') + '">&#9632; Stop</button>' +
               '<button onclick="studioReset()" title="New workflow" style="padding:8px 12px;background:none;border:1px solid var(--border);border-radius:8px;color:var(--dim);cursor:pointer;font-size:16px;line-height:1" ' + (studioState.running ? 'disabled' : '') + '>&#8635;</button>' +
             '</div>' +
           '</div>' +