nothumanallowed 14.4.0 → 14.4.2

package/package.json

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

package/src/server/routes/connectors.mjs

@@ -38,6 +38,92 @@ function deleteWorkflow(id) {
   if (fs.existsSync(p)) fs.unlinkSync(p);
 }
 
+/** Seed example workflows on first run */
+function seedExamples() {
+  ensureDir();
+  const marker = path.join(WORKFLOWS_DIR, '.examples-seeded');
+  if (fs.existsSync(marker)) return;
+
+  const examples = [
+    {
+      id: 'ex_email_digest', name: '📧 Daily Email Digest',
+      enabled: false,
+      nodes: [
+        { id: 'n1', defId: 'trigger_cron', x: 40, y: 80, config: { schedule: '0 8 * * *' } },
+        { id: 'n2', defId: 'ai_summarize', x: 200, y: 80, config: { prompt: 'Summarize the last 10 unread emails concisely: {{output}}' } },
+        { id: 'n3', defId: 'action_slack', x: 400, y: 40, config: { channel: '#general', text: '📧 Morning Digest:\n{{output}}' } },
+        { id: 'n4', defId: 'action_notify', x: 400, y: 140, config: { message: 'Email digest ready', channel: 'system' } },
+      ],
+      edges: [{ from: 'n1', to: 'n2' }, { from: 'n2', to: 'n3' }, { from: 'n2', to: 'n4' }],
+    },
+    {
+      id: 'ex_smart_router', name: '🔀 Smart Email Router',
+      enabled: false,
+      nodes: [
+        { id: 'n1', defId: 'trigger_email', x: 40, y: 100, config: { filter: 'is:unread' } },
+        { id: 'n2', defId: 'ai_classify', x: 200, y: 100, config: { categories: 'urgent, meeting, newsletter, spam', prompt: 'Classify this email: {{output}}' } },
+        { id: 'n3', defId: 'logic_if', x: 380, y: 100, config: { condition: 'output.includes("urgent")' } },
+        { id: 'n4', defId: 'action_notify', x: 560, y: 40, config: { message: '🚨 Urgent email: {{output}}', channel: 'telegram' } },
+        { id: 'n5', defId: 'action_task', x: 560, y: 160, config: { title: 'Review: {{output}}', priority: 'low' } },
+      ],
+      edges: [
+        { from: 'n1', to: 'n2' }, { from: 'n2', to: 'n3' },
+        { from: 'n3', to: 'n4', fromPort: 'true' },
+        { from: 'n3', to: 'n5', fromPort: 'false' },
+      ],
+    },
+    {
+      id: 'ex_content_pipeline', name: '📝 Content Pipeline',
+      enabled: false,
+      nodes: [
+        { id: 'n1', defId: 'trigger_manual', x: 40, y: 100, config: { input: 'Write a blog post about AI agents' } },
+        { id: 'n2', defId: 'ai_agent', x: 200, y: 100, config: { agent: 'quill', prompt: 'Write a professional blog post about: {{output}}' } },
+        { id: 'n3', defId: 'ai_translate', x: 400, y: 40, config: { lang: 'Italian', prompt: '{{output}}' } },
+        { id: 'n4', defId: 'action_drive', x: 600, y: 40, config: { name: 'blog-it.md', content: '{{output}}' } },
+        { id: 'n5', defId: 'action_drive', x: 400, y: 160, config: { name: 'blog-en.md', content: '{{output}}' } },
+      ],
+      edges: [{ from: 'n1', to: 'n2' }, { from: 'n2', to: 'n3' }, { from: 'n2', to: 'n5' }, { from: 'n3', to: 'n4' }],
+    },
+    {
+      id: 'ex_meeting_prep', name: '📅 Meeting Prep Automation',
+      enabled: false,
+      nodes: [
+        { id: 'n1', defId: 'trigger_cron', x: 40, y: 100, config: { schedule: '0 7 * * 1-5' } },
+        { id: 'n2', defId: 'ai_agent', x: 200, y: 100, config: { agent: 'herald', prompt: 'List my meetings for today with details' } },
+        { id: 'n3', defId: 'logic_if', x: 380, y: 100, config: { condition: 'output.length > 20' } },
+        { id: 'n4', defId: 'ai_summarize', x: 540, y: 40, config: { prompt: 'Prepare a brief for each meeting. Include talking points: {{output}}' } },
+        { id: 'n5', defId: 'action_email', x: 720, y: 40, config: { to: 'me', subject: '📅 Meeting Prep — Today', body: '{{output}}' } },
+      ],
+      edges: [
+        { from: 'n1', to: 'n2' }, { from: 'n2', to: 'n3' },
+        { from: 'n3', to: 'n4', fromPort: 'true' },
+      ],
+    },
+    {
+      id: 'ex_web_monitor', name: '🌐 Website Monitor + Alert',
+      enabled: false,
+      nodes: [
+        { id: 'n1', defId: 'trigger_cron', x: 40, y: 100, config: { schedule: '*/30 * * * *' } },
+        { id: 'n2', defId: 'action_webhook', x: 200, y: 100, config: { url: 'https://nothumanallowed.com', method: 'GET' } },
+        { id: 'n3', defId: 'logic_if', x: 380, y: 100, config: { condition: 'output.includes("Error") || output.length < 100' } },
+        { id: 'n4', defId: 'action_notify', x: 560, y: 40, config: { message: '🚨 Website down or error detected!', channel: 'telegram' } },
+        { id: 'n5', defId: 'logic_error', x: 560, y: 160, config: { retries: '2', fallback: 'Check failed — site may be unreachable' } },
+      ],
+      edges: [
+        { from: 'n1', to: 'n2' }, { from: 'n2', to: 'n3' },
+        { from: 'n3', to: 'n4', fromPort: 'true' },
+        { from: 'n3', to: 'n5', fromPort: 'false' },
+      ],
+    },
+  ];
+
+  for (const wf of examples) {
+    const p = path.join(WORKFLOWS_DIR, `${wf.id}.json`);
+    if (!fs.existsSync(p)) fs.writeFileSync(p, JSON.stringify(wf, null, 2));
+  }
+  fs.writeFileSync(marker, new Date().toISOString());
+}
+
 /** Substitute {{varName}} placeholders in a string using a context map */
 function interpolate(str, ctx) {
   if (typeof str !== 'string') return str;
@@ -278,6 +364,7 @@ export function register(router) {
   // GET /api/workflows — list all workflows
   router.get('/api/workflows', async (req, res) => {
     try {
+      seedExamples();
       sendJSON(res, 200, { workflows: listWorkflows() });
     } catch (e) {
       sendError(res, 500, e.message);

package/src/server/routes/webcraft.mjs

@@ -1031,41 +1031,40 @@ RULES:
 
 // ── Generation pipeline (SSE) ─────────────────────────────────────────────────
 
-const FILE_PLAN_SYSTEM = `You are the lead architect of a 200-person engineering team. Design an ENTERPRISE-GRADE file structure.
-Output ONLY a JSON array: [{"name":"path/to/file.ext","purpose":"detailed description","tokens":N}]
-where "tokens" is your estimate of content tokens (300-800 small, 1000-2500 medium, 2500-5000 large).
-
-MANDATORY STRUCTURE (every project MUST have):
-- package.json (with ALL dependencies: express, helmet, cors, compression, morgan, bcryptjs, jsonwebtoken, express-rate-limit, cookie-parser, dotenv)
-- .env.example (all env vars documented)
-- README.md (setup guide, API docs, architecture overview)
-- server.js (Express with full middleware stack)
-- routes/ (separate file per resource — auth.js, api.js, pages.js)
-- middleware/ (auth.js, error.js, validate.js, rateLimiter.js)
-- models/ (per-entity files with validation)
-- controllers/ (business logic separated from routes)
-- utils/ (jwt.js, hash.js, logger.js, helpers.js)
-- config/ (database.js, constants.js)
-- public/index.html (hero, features, testimonials, pricing, CTA, footer — complete landing page)
-- public/login.html (login + register forms with validation)
-- public/dashboard.html (protected page with real UI)
-- public/css/variables.css (CSS custom properties: colors, fonts, spacing, breakpoints)
-- public/css/reset.css (modern CSS reset)
-- public/css/layout.css (grid/flexbox layouts, nav, hero, sections)
-- public/css/components.css (buttons, cards, forms, modals, toasts, badges)
-- public/css/animations.css (keyframes, transitions, scroll animations)
-- public/css/responsive.css (media queries, mobile nav)
-- public/js/app.js (SPA router, init, dark mode toggle)
-- public/js/auth.js (login/register/logout, token management)
-- public/js/api.js (fetch wrapper with auth headers, error handling)
-- public/js/ui.js (toasts, modals, loading spinners, form validation)
-- public/js/animations.js (intersection observer, scroll effects)
-
-RULES:
-- Generate 25-45 files — real enterprise projects have many files
-- Token estimates must be realistic: CSS files 1500-3000, JS files 1000-2000, HTML pages 2000-4000
-- Use relative paths only
-- No explanation, no markdown, ONLY the JSON array.`;
+const FILE_PLAN_SYSTEM = `You are a senior architect. Design a MINIMAL but COMPLETE working website.
+Output ONLY a JSON array: [{"name":"path/file.ext","purpose":"description","tokens":N}]
+
+CRITICAL RULES:
+- Generate 8-15 files MAXIMUM — every file must be COMPLETE and WORKING
+- Each file should be 100-300 lines — substantial but not truncated
+- Token estimate per file: 500-2000 tokens (no file should need more than 2500)
+- The generated site must work IMMEDIATELY when you run "node server.js"
+- Users can add more features later via chat — start with a solid foundation
+
+REQUIRED FILES:
+1. package.json — dependencies (express, helmet, cors, compression, morgan, bcryptjs, jsonwebtoken, dotenv, cookie-parser, express-rate-limit)
+2. .env.example — environment variables
+3. server.js — Express server with ALL middleware, routes, and static serving
+4. public/index.html — COMPLETE landing page (hero, features, footer — all CSS inline in <style>, all JS inline in <script>)
+5. public/login.html — Login + register page (complete with inline CSS/JS, form validation, API calls)
+6. public/css/style.css — ONE main stylesheet (variables, reset, layout, components, responsive — everything in one file)
+7. public/js/app.js — Main JS (SPA routing, auth, API client, dark mode, toasts, form validation)
+8. middleware/auth.js — JWT authentication middleware
+9. routes/auth.js — Auth routes (register, login, logout, refresh)
+10. models/user.js — User model with JSON file storage
+
+OPTIONAL (only if the project type requires them):
+- routes/api.js — REST API routes for the specific project
+- public/dashboard.html — Protected dashboard page
+- Additional pages specific to the project type
+
+DO NOT generate:
+- Separate CSS files per component (put everything in style.css)
+- Separate JS files per feature (put everything in app.js)
+- README.md, .gitignore (not essential for a working site)
+- Animation/responsive separate files
+
+Output ONLY the JSON array, no explanation.`;
 
 // Token counter — approximate based on character count (1 token ≈ 4 chars)
 function countTokens(text) {
@@ -1192,20 +1191,36 @@ function _isSeverelyTruncated(content, filename) {
 }
 
 async function runGenerate(config, projectName, description, blocks, authFields, emit, abortSignal) {
-  const blocksDesc = Object.entries(blocks)
-    .filter(([, enabled]) => enabled)
-    .map(([key]) => key)
-    .join(', ');
+  // Blocks → write to memory.md as TODO features (NOT generated now)
+  const enabledBlocks = Object.entries(blocks).filter(([, enabled]) => enabled).map(([key]) => key);
   const authDesc = blocks.auth
     ? `Auth fields: ${authFields.map((f) => `${f.label}(${f.type}${f.required ? ',required' : ''})`).join(', ')}`
     : '';
 
+  // Save blocks as planned features in memory.md
+  SkillStore.ensureDefaults(projectName, config);
+  if (enabledBlocks.length > 0) {
+    const ctxDir = SkillStore.dir(projectName);
+    const memPath = path.join(ctxDir, 'memory.md');
+    const blockInstructions = `# ${projectName} — Project Memory
+
+## Planned Features (ask the AI agent to implement these one by one)
+${enabledBlocks.includes('auth') ? `- [ ] **Authentication** (register/login/JWT) — ${authDesc || 'email + password'}\n` : ''}${enabledBlocks.includes('cookieBanner') ? '- [ ] **GDPR Cookie Banner** — consent modal, localStorage tracking\n' : ''}${enabledBlocks.includes('securityMiddleware') ? '- [ ] **Security Middleware** — helmet CSP, rate limiting, CORS\n' : ''}${enabledBlocks.includes('emailVerification') ? '- [ ] **Email Verification** — send verification link, confirm endpoint\n' : ''}
+## How to implement
+Ask the AI in chat: "Add authentication" or "Add cookie banner" — the agent will modify your code.
+
+## Architecture Decisions
+_Add notes here as you build._
+`;
+    fs.writeFileSync(memPath, blockInstructions, 'utf-8');
+  }
+
   const planPrompt = `Project: ${projectName}
 Description: ${description}
-${blocksDesc ? `Required blocks: ${blocksDesc}` : ''}
-${authDesc}
 
-Design a COMPLETE production-ready file structure. Include ALL files needed for a fully working site: server, routes, middleware, models, public HTML/CSS/JS pages, config files, README. Minimum 20 files.`;
+Design a MINIMAL but COMPLETE file structure for a working website.
+Focus on the core: a beautiful landing page, server, and main CSS/JS.
+The user will add features like auth, cookie banner, etc. later via chat.`;
 
   // Emit immediately so the browser connection stays alive and the UI shows activity
   emit({ type: 'processing', msg: 'Planning file structure...' });
@@ -1285,9 +1300,9 @@ Design a COMPLETE production-ready file structure. Include ALL files needed for
       })
       .join('\n\n');
 
-    // Generous max_tokens — enterprise files are large
-    const estimatedTokens = fileSpec.tokens || 2000;
-    const maxTokens = Math.min(Math.max(estimatedTokens * 3, 4000), 16384);
+    // max_tokens — generous for fewer, more complete files
+    const estimatedTokens = fileSpec.tokens || 1500;
+    const maxTokens = Math.min(Math.max(estimatedTokens * 3, 3000), 12000);
 
     const fileSys = `You are a team of 200 senior full-stack developers generating ENTERPRISE-GRADE production code.
 
@@ -1321,12 +1336,12 @@ FRONTEND STANDARDS:
 - Accessible: aria-labels, focus styles, keyboard navigation, alt text
 - Professional typography: system font stack, proper hierarchy (clamp() for fluid sizes)
 - CSS Grid/Flexbox layouts — no floats
-- At minimum 500 lines for main CSS files, 200+ lines for page JS files`;
+- Each file must be COMPLETE and SELF-CONTAINED — no truncation
+- Maximum 200 lines per file. If more content needed, split into separate files
+- HTML: external CSS/JS via link/script tags, NOT inline styles/scripts exceeding 20 lines`;
 
     const filePrompt = `Project: ${projectName}
 Description: ${description}
-${blocksDesc ? `Enabled blocks: ${blocksDesc}` : ''}
-${authDesc}
 Full project file list: ${allFileNames}
 
 NOW GENERATE: ${fileSpec.name}