@creative-ia/cortex 1.0.5

package/dist/tools/generate-wiki.js

@@ -0,0 +1,700 @@
+/**
+ * Tool: generate_wiki
+ * Gera/atualiza wiki navegável dentro do processo com:
+ * - index.html (home com nav-grid de cards)
+ * - styles.css (CSS compartilhado dark theme)
+ * - loader.js (navegação lateral, prev/next, lightbox)
+ * - pages/ (cada .md convertido em .html com layout sidebar + breadcrumb)
+ *
+ * Formato de referência: processo 6ed1771f
+ */
+import { writeFile, mkdir, readFile, readdir } from "node:fs/promises";
+import { join } from "node:path";
+import { existsSync } from "node:fs";
+// ============================================================
+// MARKDOWN → HTML CONVERTER (lightweight)
+// ============================================================
+function mdToHtml(md) {
+    let html = md;
+    html = html.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+    // Code blocks (``` ... ```)
+    html = html.replace(/```[\w]*\n([\s\S]*?)```/g, (_m, code) => `<pre style="background:rgba(0,224,255,.04);border:1px solid var(--line);border-radius:12px;padding:16px;overflow-x:auto;font-size:.85rem;color:var(--accent)"><code>${code.trim()}</code></pre>`);
+    html = html.replace(/^#### (.+)$/gm, '<h4>$1</h4>');
+    html = html.replace(/^### (.+)$/gm, (_m, title) => {
+        const id = title.replace(/[^\w\s-]/g, '').replace(/\s+/g, '-').toLowerCase();
+        return `<h3 id="${id}">${title}</h3>`;
+    });
+    html = html.replace(/^## (.+)$/gm, (_m, title) => {
+        const id = title.replace(/[^\w\s-]/g, '').replace(/\s+/g, '-').toLowerCase();
+        return `<h2 id="${id}">${title}</h2>`;
+    });
+    html = html.replace(/^# (.+)$/gm, '<h1>$1</h1>');
+    html = html.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
+    html = html.replace(/\*(.+?)\*/g, '<em>$1</em>');
+    html = html.replace(/`([^`]+)`/g, '<code>$1</code>');
+    // Images: ![alt](src)
+    html = html.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, '<div class="diagram-container"><img src="$2" alt="$1" style="max-width:100%;border-radius:12px" /></div>');
+    // Links: [text](url)
+    html = html.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2">$1</a>');
+    html = html.replace(/^&gt; (.+)$/gm, '<div class="callout">$1</div>');
+    html = html.replace(/^---$/gm, '<hr>');
+    html = convertTables(html);
+    html = html.replace(/^- \[x\] (.+)$/gm, '<li class="check done">✅ $1</li>');
+    html = html.replace(/^- \[ \] (.+)$/gm, '<li class="check">☐ $1</li>');
+    html = html.replace(/^- (.+)$/gm, '<li>$1</li>');
+    html = html.replace(/^(\d+)\. (.+)$/gm, '<li><strong>$1.</strong> $2</li>');
+    html = html.replace(/((?:<li[^>]*>.*<\/li>\n?)+)/g, '<ul>$1</ul>');
+    html = html.replace(/^(?!<[a-z/]|$)(.+)$/gm, '<p>$1</p>');
+    html = html.replace(/<p>\s*<\/p>/g, '');
+    return html;
+}
+function convertTables(html) {
+    const lines = html.split('\n');
+    const result = [];
+    let inTable = false;
+    let tableRows = [];
+    for (const line of lines) {
+        const trimmed = line.trim();
+        if (trimmed.startsWith('|') && trimmed.endsWith('|')) {
+            if (trimmed.match(/^\|[\s-:|]+\|$/))
+                continue;
+            tableRows.push(trimmed);
+            inTable = true;
+        }
+        else {
+            if (inTable) {
+                result.push(renderTable(tableRows));
+                tableRows = [];
+                inTable = false;
+            }
+            result.push(line);
+        }
+    }
+    if (inTable)
+        result.push(renderTable(tableRows));
+    return result.join('\n');
+}
+function renderTable(rows) {
+    if (rows.length === 0)
+        return '';
+    const parseRow = (r) => r.split('|').slice(1, -1).map(c => c.trim());
+    const header = parseRow(rows[0]);
+    const body = rows.slice(1).map(parseRow);
+    let t = '<table class="data-table"><thead><tr>';
+    header.forEach(h => { t += `<th>${h}</th>`; });
+    t += '</tr></thead><tbody>';
+    body.forEach(row => {
+        t += '<tr>';
+        row.forEach(c => { t += `<td>${c}</td>`; });
+        t += '</tr>';
+    });
+    t += '</tbody></table>';
+    return t;
+}
+// ============================================================
+// Extract TOC headings from markdown
+// ============================================================
+function extractTocFromMd(md) {
+    const toc = [];
+    const lines = md.split('\n');
+    for (const line of lines) {
+        const m = line.match(/^(#{2,3}) (.+)$/);
+        if (m) {
+            const level = m[1].length;
+            const title = m[2].trim();
+            const id = title.replace(/[^\w\s-]/g, '').replace(/\s+/g, '-').toLowerCase();
+            toc.push({ id, title, level });
+        }
+    }
+    return toc;
+}
+// ============================================================
+// Extract first paragraph as description
+// ============================================================
+function extractDescription(md) {
+    const lines = md.split('\n');
+    for (const line of lines) {
+        const trimmed = line.trim();
+        if (!trimmed)
+            continue;
+        if (trimmed.startsWith('#'))
+            continue;
+        if (trimmed.startsWith('>'))
+            continue;
+        if (trimmed.startsWith('|'))
+            continue;
+        if (trimmed.startsWith('-'))
+            continue;
+        if (trimmed.startsWith('```'))
+            continue;
+        // Found a text paragraph
+        return trimmed.replace(/\*\*/g, '').replace(/\*/g, '').substring(0, 200);
+    }
+    return '';
+}
+// ============================================================
+// ICON MAPPING — guess icon from artifact name
+// ============================================================
+function guessIcon(id, category) {
+    const lower = id.toLowerCase();
+    if (lower.includes('readme'))
+        return 'info';
+    if (lower.includes('engenharia-reversa') || lower.includes('analise'))
+        return 'search';
+    if (lower.includes('repo') || lower.includes('pacote') || lower.includes('package'))
+        return 'folder_copy';
+    if (lower.includes('bff') || lower.includes('graphql') || lower.includes('contrato'))
+        return 'hub';
+    if (lower.includes('backend') || lower.includes('micro'))
+        return 'dns';
+    if (lower.includes('infra') || lower.includes('cloud') || lower.includes('aws'))
+        return 'cloud';
+    if (lower.includes('diagrama') || lower.includes('arquitetura'))
+        return 'schema';
+    if (lower.includes('epico') || lower.includes('feature') || lower.includes('epic'))
+        return 'view_kanban';
+    if (lower.includes('onda') || lower.includes('execu'))
+        return 'rocket_launch';
+    if (lower.includes('branch') || lower.includes('git'))
+        return 'account_tree';
+    if (lower.includes('baseline') || lower.includes('as-is'))
+        return 'assessment';
+    if (lower.includes('estrategia') || lower.includes('strategy'))
+        return 'lightbulb';
+    if (lower.includes('relatorio') || lower.includes('report') || lower.includes('gap'))
+        return 'summarize';
+    if (lower.includes('wireframe') || lower.includes('design') || lower.includes('ui'))
+        return 'palette';
+    if (lower.includes('dashboard') || lower.includes('realtime'))
+        return 'monitoring';
+    if (lower.includes('databricks') || lower.includes('dados') || lower.includes('data'))
+        return 'database';
+    if (lower.includes('stakeholder'))
+        return 'groups';
+    if (lower.includes('knowledge') || lower.includes('conhecimento'))
+        return 'school';
+    if (lower.includes('task'))
+        return 'task_alt';
+    if (lower.includes('user-stor'))
+        return 'person';
+    if (category === 'Épicos')
+        return 'inventory_2';
+    if (category === 'Features')
+        return 'category';
+    if (category === 'User Stories')
+        return 'person';
+    if (category === 'Tasks')
+        return 'task_alt';
+    return 'description';
+}
+// ============================================================
+// SCAN ARTIFACTS
+// ============================================================
+const CATEGORY_MAP = {
+    "root": { label: "Documentos do Processo", priority: 0 },
+    "epics": { label: "Épicos", priority: 1 },
+    "features": { label: "Features", priority: 2 },
+    "user-stories": { label: "User Stories", priority: 3 },
+    "tasks": { label: "Tasks", priority: 4 },
+};
+async function scanArtifacts(processDir) {
+    const artifacts = [];
+    // Scan root .md files
+    try {
+        const rootFiles = await readdir(processDir);
+        for (const f of rootFiles) {
+            if (!f.endsWith(".md"))
+                continue;
+            const content = await readFile(join(processDir, f), "utf-8");
+            const titleMatch = content.match(/^# (.+)$/m);
+            const title = titleMatch ? titleMatch[1].trim() : f.replace(".md", "");
+            const id = f.replace(".md", "");
+            const slug = id;
+            const cat = CATEGORY_MAP.root;
+            const description = extractDescription(content);
+            artifacts.push({
+                file: f, dir: "root", id, slug, title,
+                icon: guessIcon(id, cat.label),
+                description,
+                category: cat.label, priority: cat.priority,
+            });
+        }
+    }
+    catch { /* ignore */ }
+    // Scan subdirectories
+    for (const subdir of ["epics", "features", "user-stories", "tasks"]) {
+        const dirPath = join(processDir, subdir);
+        if (!existsSync(dirPath))
+            continue;
+        try {
+            const files = await readdir(dirPath);
+            for (const f of files) {
+                if (!f.endsWith(".md"))
+                    continue;
+                const content = await readFile(join(dirPath, f), "utf-8");
+                const titleMatch = content.match(/^# (.+)$/m);
+                const title = titleMatch ? titleMatch[1].trim() : f.replace(".md", "");
+                const id = f.replace(".md", "");
+                const slug = `${subdir}--${id}`;
+                const cat = CATEGORY_MAP[subdir] || CATEGORY_MAP.root;
+                const description = extractDescription(content);
+                artifacts.push({
+                    file: f, dir: subdir, id, slug, title,
+                    icon: guessIcon(id, cat.label),
+                    description,
+                    category: cat.label, priority: cat.priority,
+                });
+            }
+        }
+        catch { /* ignore */ }
+    }
+    artifacts.sort((a, b) => a.priority - b.priority || a.id.localeCompare(b.id));
+    return artifacts;
+}
+// ============================================================
+// GENERATE styles.css
+// ============================================================
+function generateStylesCSS() {
+    return `:root {
+  --bg: #0A0F1A; --paper: #111827; --ink: #E5E7EB; --muted: #9AA3AD;
+  --brand: #2F6DB3; --brand-2: #4FB3FF; --accent: #00E0FF; --line: #1E293B;
+  --soft: #0F1C2E; --shadow: 0 14px 40px rgba(0,224,255,0.06);
+  --silver: #C9CCD1; --warn: #F59E0B; --warn-bg: #1C1708;
+  --danger: #EF4444; --danger-bg: #1C0808; --ok: #22C55E; --ok-bg: #081C10;
+}
+* { box-sizing: border-box; }
+html { scroll-behavior: smooth; }
+body { margin:0; font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; letter-spacing:.01em; background:radial-gradient(circle at top right,rgba(0,224,255,.06),transparent 40%),radial-gradient(circle at bottom left,rgba(47,109,179,.08),transparent 50%),var(--bg); color:var(--ink); line-height:1.6; }
+.page { width:92%; max-width:1600px; margin:0 auto; padding:clamp(16px,3vw,40px) clamp(16px,4vw,48px) 80px; }
+.cover { background:linear-gradient(135deg,#0F1C2E 0%,#1B3B6F 50%,#2F6DB3 100%); color:#fff; border-radius:clamp(16px,2vw,28px); padding:clamp(24px,3vw,40px); box-shadow:0 14px 40px rgba(0,224,255,.08); position:relative; overflow:hidden; border:1px solid rgba(0,224,255,.1); }
+.cover::after { content:""; position:absolute; width:clamp(160px,22vw,300px); height:clamp(160px,22vw,300px); right:-70px; top:-80px; border-radius:50%; background:radial-gradient(circle,rgba(0,224,255,.12),transparent 70%); }
+.brand { display:flex; align-items:center; gap:clamp(12px,2vw,22px); position:relative; z-index:1; }
+.eyebrow { letter-spacing:.14em; text-transform:uppercase; font-size:clamp(.68rem,1vw,.82rem); opacity:.88; margin-bottom:8px; }
+h1 { margin:0 0 10px; font-size:clamp(1.4rem,3.5vw,2.4rem); line-height:1.08; }
+.subtitle { max-width:860px; font-size:clamp(.92rem,1.4vw,1.08rem); color:#fff; margin:0; }
+.cover-meta { margin-top:22px; display:flex; flex-wrap:wrap; gap:8px; position:relative; z-index:1; }
+.pill { border:1px solid rgba(0,224,255,.2); background:rgba(0,224,255,.08); color:#C9CCD1; padding:5px 12px; border-radius:999px; font-size:clamp(.78rem,1vw,.9rem); letter-spacing:.04em; text-transform:uppercase; }
+.pill-active { background:linear-gradient(135deg,#22C55E,#16A34A); color:#fff; font-weight:600; }
+.layout { display:grid; grid-template-columns:clamp(220px,22%,300px) minmax(0,1fr); gap:clamp(14px,2vw,26px); margin-top:clamp(16px,2vw,28px); }
+.toc { position:sticky; top:18px; align-self:start; background:rgba(17,24,39,.92); backdrop-filter:blur(14px); border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow); padding:clamp(14px,2vw,24px); }
+.toc h2 { margin:0 0 14px; font-size:clamp(.88rem,1.1vw,1rem); color:var(--brand); }
+.toc a { display:block; color:var(--silver); text-decoration:none; padding:7px 10px; border-radius:10px; font-size:clamp(.82rem,1vw,.95rem); margin-bottom:3px; }
+.toc a:hover { background:rgba(0,224,255,.06); color:var(--accent); }
+.toc a.sub { padding-left:24px; font-size:clamp(.76rem,.9vw,.88rem); opacity:.8; }
+.toc a.sub::before { content:"└ "; opacity:.4; }
+.content { display:grid; gap:clamp(12px,1.5vw,20px); }
+section.card { background:var(--paper); border:1px solid var(--line); border-radius:clamp(16px,2vw,24px); box-shadow:var(--shadow); padding:clamp(18px,2.5vw,32px); }
+section.card h2 { margin:0 0 14px; font-size:clamp(1.15rem,2vw,1.5rem); color:var(--brand); }
+h3 { margin:20px 0 10px; color:var(--brand-2); font-size:clamp(.95rem,1.3vw,1.08rem); }
+p { margin:10px 0 14px; color:var(--muted); }
+strong { color:var(--ink); }
+.content-section { background:var(--paper); border:1px solid var(--line); border-radius:clamp(16px,2vw,24px); box-shadow:var(--shadow); padding:clamp(18px,2.5vw,32px); }
+.content-section h2 { margin:0 0 14px; font-size:clamp(1.15rem,2vw,1.5rem); color:var(--brand); }
+table { width:100%; border-collapse:collapse; margin-top:12px; border:1px solid var(--line); border-radius:16px; overflow:hidden; background:var(--paper); }
+th,td { padding:11px 14px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); }
+th { background:#0F1C2E; color:var(--brand-2); font-weight:700; font-size:.93rem; }
+tr:last-child td { border-bottom:none; }
+.data-table { width:100%; border-collapse:collapse; margin-top:12px; border:1px solid var(--line); border-radius:16px; overflow:hidden; background:var(--paper); }
+.data-table th,.data-table td { padding:11px 14px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); }
+.data-table th { background:#0F1C2E; color:var(--brand-2); font-weight:700; font-size:.93rem; }
+.data-table tr:last-child td { border-bottom:none; }
+.badge { display:inline-block; padding:3px 10px; border-radius:999px; font-size:.8rem; font-weight:600; }
+.badge.ok { background:var(--ok-bg); color:var(--ok); }
+.badge.warn { background:var(--warn-bg); color:var(--warn); }
+.badge.danger { background:var(--danger-bg); color:var(--danger); }
+.badge.info { background:rgba(47,109,179,.2); color:#4FB3FF; }
+.breadcrumb { display:flex; align-items:center; gap:8px; font-size:.88rem; color:var(--muted); margin-bottom:16px; }
+.breadcrumb a { color:var(--brand-2); text-decoration:none; }
+.breadcrumb a:hover { color:var(--accent); text-decoration:underline; }
+.breadcrumb .sep { opacity:.4; }
+.page-header { margin-bottom:24px; }
+.page-header h1 { margin:0 0 8px; font-size:clamp(1.4rem,3vw,2rem); color:var(--ink); }
+.page-header .subtitle { margin:0; font-size:clamp(.9rem,1.3vw,1.05rem); color:var(--muted); }
+ul { margin:10px 0 14px 20px; color:var(--muted); }
+li { margin:6px 0; }
+code { background:rgba(0,224,255,.06); padding:2px 6px; border-radius:6px; font-size:.88rem; color:var(--accent); }
+a { color:var(--brand-2); text-decoration:none; }
+a:hover { text-decoration:underline; color:var(--accent); }
+.back-btn { position:absolute; top:20px; right:24px; z-index:2; display:inline-flex; align-items:center; gap:7px; padding:8px 16px; background:rgba(0,224,255,.08); border:1px solid rgba(0,224,255,.2); color:var(--accent); border-radius:999px; font-size:.85rem; text-decoration:none; font-weight:500; }
+.back-btn:hover { background:rgba(0,224,255,.18); text-decoration:none; }
+.diagram-container { overflow-x:auto; cursor:zoom-in; position:relative; }
+.diagram-lightbox { position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.88); backdrop-filter:blur(8px); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .25s; cursor:zoom-out; }
+.diagram-lightbox.active { opacity:1; pointer-events:auto; }
+.diagram-lightbox-inner { width:92vw; max-height:92vh; overflow:auto; background:linear-gradient(180deg,#0F1C2E,#111827); border:1px solid var(--line); border-radius:18px; padding:32px; box-shadow:0 20px 60px rgba(0,0,0,.5); display:flex; align-items:flex-start; justify-content:center; }
+.diagram-lightbox-inner svg { width:100%; height:auto; }
+.diagram-lightbox-close { position:fixed; top:16px; right:20px; z-index:10000; width:40px; height:40px; border:1px solid rgba(255,255,255,.2); border-radius:10px; background:rgba(0,0,0,.6); color:#fff; font-size:20px; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .25s; }
+.diagram-lightbox.active + .diagram-lightbox-close, .diagram-lightbox.active ~ .diagram-lightbox-close { opacity:1; pointer-events:auto; }
+footer { text-align:center; padding:24px; opacity:.5; font-size:.85rem; }
+/* Light theme */
+html.light { --bg:#F8FAFC; --paper:#FFFFFF; --ink:#1E293B; --muted:#64748B; --brand:#1D4ED8; --brand-2:#2563EB; --accent:#0284C7; --line:#E2E8F0; --soft:#F1F5F9; --shadow:0 14px 40px rgba(0,0,0,.06); --silver:#475569; --warn:#D97706; --warn-bg:#FEF3C7; --danger:#DC2626; --danger-bg:#FEE2E2; --ok:#16A34A; --ok-bg:#DCFCE7; }
+html.light body { background:var(--bg); }
+html.light .cover { background:linear-gradient(135deg,#DBEAFE 0%,#93C5FD 50%,#3B82F6 100%); }
+html.light .cover .eyebrow, html.light .cover h1, html.light .cover .subtitle { color:#1E293B; }
+html.light .nav-card { background:linear-gradient(180deg,#FFFFFF,#F8FAFC); }
+html.light .toc { background:rgba(255,255,255,.95); }
+html.light .pill { background:rgba(2,132,199,.08); border-color:rgba(2,132,199,.2); color:#334155; }
+html.light .back-btn { background:rgba(2,132,199,.1); border-color:rgba(2,132,199,.3); color:#0284C7; }
+html.light .metrics-bar .m { background:rgba(2,132,199,.04); }
+html.light pre { background:rgba(2,132,199,.04)!important; }
+html.light code { background:rgba(2,132,199,.08); color:#0284C7; }
+.theme-toggle { position:fixed; bottom:20px; right:20px; z-index:999; width:44px; height:44px; border-radius:50%; border:1px solid var(--line); background:var(--paper); color:var(--accent); cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:20px; box-shadow:var(--shadow); transition:background .2s,color .2s; }
+.theme-toggle:hover { background:var(--accent); color:var(--bg); }
+@media (max-width:600px) { .page { width:100%; padding:12px 14px 48px; } .layout { grid-template-columns:1fr; } .toc { position:static; } }
+@media (min-width:601px) and (max-width:960px) { .layout { grid-template-columns:1fr; } .toc { position:static; } }
+@media print { .back-btn,.toc { display:none!important; } html,body { background:#fff!important; } .page { max-width:100%!important; padding:0!important; } .layout { display:block!important; } }
+`;
+}
+// ============================================================
+// GENERATE loader.js (dynamic based on artifacts)
+// ============================================================
+function generateLoaderJS(artifacts) {
+    const pagesJson = JSON.stringify(artifacts.map(a => ({ slug: a.slug, icon: a.icon, title: a.title })), null, 2);
+    return `(function () {
+  var pages = ${pagesJson};
+  var path = location.pathname;
+  var match = path.match(/pages\\/([^/.]+)\\.html/);
+  var currentSlug = match ? match[1] : null;
+  var layout = document.querySelector('.layout');
+  if (layout && currentSlug) {
+    var aside = layout.querySelector('.toc');
+    if (aside) {
+      var navHtml = '<h2 style="margin-top:24px;padding-top:16px;border-top:1px solid var(--line)">Páginas</h2>';
+      pages.forEach(function (p) {
+        var active = p.slug === currentSlug ? ' style="color:var(--accent);font-weight:700"' : '';
+        navHtml += '<a href="' + p.slug + '.html"' + active + '><span class="material-symbols-outlined" style="font-size:16px;vertical-align:middle;margin-right:4px">' + p.icon + '</span>' + p.title + '</a>';
+      });
+      aside.insertAdjacentHTML('beforeend', navHtml);
+    }
+  }
+  if (currentSlug) {
+    var idx = pages.findIndex(function (p) { return p.slug === currentSlug; });
+    if (idx !== -1) {
+      var prev = idx > 0 ? pages[idx - 1] : null;
+      var next = idx < pages.length - 1 ? pages[idx + 1] : null;
+      var navBar = document.createElement('nav');
+      navBar.style.cssText = 'display:flex;justify-content:space-between;padding:24px 0;margin-top:32px;border-top:1px solid var(--line);font-size:.88rem';
+      navBar.innerHTML = (prev ? '<a href="' + prev.slug + '.html" style="color:var(--accent);text-decoration:none">\\u2190 ' + prev.title + '</a>' : '<span></span>') + (next ? '<a href="' + next.slug + '.html" style="color:var(--accent);text-decoration:none">' + next.title + ' \\u2192</a>' : '<span></span>');
+      var content = document.querySelector('.content') || document.querySelector('.page');
+      if (content) content.appendChild(navBar);
+    }
+  }
+  (function initLightbox() {
+    if (!document.getElementById('diagramLightbox')) {
+      var lbDiv = document.createElement('div');
+      lbDiv.className = 'diagram-lightbox';
+      lbDiv.id = 'diagramLightbox';
+      lbDiv.innerHTML = '<div class="diagram-lightbox-inner" id="diagramLightboxInner"></div>';
+      document.body.appendChild(lbDiv);
+      var closeBtn = document.createElement('button');
+      closeBtn.className = 'diagram-lightbox-close';
+      closeBtn.id = 'diagramLightboxClose';
+      closeBtn.setAttribute('aria-label', 'Fechar');
+      closeBtn.textContent = '\\u2715';
+      document.body.appendChild(closeBtn);
+    }
+    var lb = document.getElementById('diagramLightbox');
+    var inner = document.getElementById('diagramLightboxInner');
+    var closeBtnEl = document.getElementById('diagramLightboxClose');
+    function closeLb() { lb.classList.remove('active'); inner.innerHTML = ''; document.body.style.overflow = ''; }
+    document.querySelectorAll('.diagram-container').forEach(function (el) {
+      el.style.cursor = 'zoom-in';
+      el.addEventListener('click', function (e) {
+        if (e.target.closest('a')) return;
+        inner.innerHTML = '';
+        var clone = el.cloneNode(true);
+        clone.style.cursor = 'default';
+        inner.appendChild(clone);
+        document.body.style.overflow = 'hidden';
+        lb.classList.add('active');
+      });
+    });
+    closeBtnEl.addEventListener('click', closeLb);
+    lb.addEventListener('click', function (e) { if (e.target === lb) closeLb(); });
+    document.addEventListener('keydown', function (e) { if (e.key === 'Escape' && lb.classList.contains('active')) closeLb(); });
+  })();
+  window.__processPages = pages;
+
+  // Theme toggle (dark/light)
+  (function initThemeToggle() {
+    var saved = localStorage.getItem('wiki-theme');
+    if (saved === 'light') document.documentElement.classList.add('light');
+    var btn = document.createElement('button');
+    btn.className = 'theme-toggle';
+    btn.setAttribute('aria-label', 'Alternar tema');
+    btn.innerHTML = document.documentElement.classList.contains('light') ? '<span class="material-symbols-outlined">dark_mode</span>' : '<span class="material-symbols-outlined">light_mode</span>';
+    btn.addEventListener('click', function () {
+      document.documentElement.classList.toggle('light');
+      var isLight = document.documentElement.classList.contains('light');
+      localStorage.setItem('wiki-theme', isLight ? 'light' : 'dark');
+      btn.innerHTML = isLight ? '<span class="material-symbols-outlined">dark_mode</span>' : '<span class="material-symbols-outlined">light_mode</span>';
+    });
+    document.body.appendChild(btn);
+  })();
+})();
+`;
+}
+// ============================================================
+// GENERATE page HTML (pages/{slug}.html)
+// ============================================================
+function generatePageHtml(artifact, mdContent, processId, processTitle) {
+    const toc = extractTocFromMd(mdContent);
+    const bodyHtml = mdToHtml(mdContent);
+    const tocLinks = toc.map(t => {
+        const cls = t.level === 3 ? ' class="sub"' : '';
+        return `      <a href="#${t.id}"${cls}>${t.title}</a>`;
+    }).join('\n');
+    return `<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>${artifact.title} — ${processTitle}</title>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap" />
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
+  <link rel="stylesheet" href="../styles.css" />
+</head>
+<body>
+<div class="page">
+  <nav class="breadcrumb">
+    <a href="../index.html">Home</a> <span class="sep">/</span> <span>${artifact.title}</span>
+  </nav>
+  <header class="page-header">
+    <h1>${artifact.title}</h1>
+    <p class="subtitle">${artifact.description}</p>
+  </header>
+  <div class="layout">
+    <aside class="toc" role="navigation" aria-label="Sumário">
+      <h2>Nesta página</h2>
+${tocLinks}
+    </aside>
+    <main class="content" id="main-content">
+      <section class="content-section">
+${bodyHtml}
+      </section>
+    </main>
+  </div>
+  <footer>processo ${processId} · creative-wiki</footer>
+</div>
+<script src="../loader.js"></script>
+</body>
+</html>`;
+}
+// ============================================================
+// GENERATE index.html (home page with nav-grid cards)
+// ============================================================
+function generateIndexHtml(processId, processTitle, processDescription, artifacts, date, pageTitle, diagramFiles) {
+    // Group artifacts by category
+    const groups = new Map();
+    for (const a of artifacts) {
+        if (!groups.has(a.category))
+            groups.set(a.category, []);
+        groups.get(a.category).push(a);
+    }
+    // Build nav-grid sections
+    let sectionsHtml = '';
+    for (const [category, items] of groups) {
+        sectionsHtml += `\n  <div class="section-title">${category}</div>\n  <div class="nav-grid">\n`;
+        for (const a of items) {
+            sectionsHtml += `    <a href="pages/${a.slug}.html" class="nav-card">
+      <span class="material-symbols-outlined card-icon">${a.icon}</span>
+      <h3>${a.title}</h3>
+      <p>${a.description}</p>
+    </a>\n`;
+        }
+        sectionsHtml += `  </div>\n`;
+    }
+    return `<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>${pageTitle || `Processo ${processId} — ${processTitle}`}</title>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap" />
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
+  <link rel="stylesheet" href="styles.css" />
+  <style>
+    .nav-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:16px; margin:24px 0; }
+    .nav-card { background:linear-gradient(180deg,#111827,#0F1C2E); border:1px solid var(--line); border-radius:18px; padding:24px; text-decoration:none; color:var(--ink); transition:border-color .2s,box-shadow .2s,transform .15s; display:flex; flex-direction:column; gap:8px; }
+    .nav-card:hover { border-color:var(--accent); box-shadow:0 8px 32px rgba(0,224,255,.12); transform:translateY(-2px); text-decoration:none; }
+    .nav-card .card-icon { font-size:28px; color:var(--accent); margin-bottom:4px; }
+    .nav-card h3 { margin:0; font-size:1.1rem; color:var(--brand-2); }
+    .nav-card p { margin:0; font-size:.88rem; color:var(--muted); line-height:1.5; }
+    .metrics-bar { display:grid; grid-template-columns:repeat(auto-fit,minmax(100px,1fr)); gap:12px; margin:20px 0; }
+    .metrics-bar .m { text-align:center; padding:14px 8px; background:rgba(0,224,255,.04); border:1px solid var(--line); border-radius:14px; }
+    .metrics-bar .m-val { display:block; font-size:1.4rem; font-weight:900; color:var(--accent); }
+    .metrics-bar .m-lbl { font-size:.72rem; color:var(--muted); margin-top:2px; }
+    .section-title { font-size:1rem; color:var(--muted); text-transform:uppercase; letter-spacing:.12em; margin:32px 0 12px; padding-bottom:8px; border-bottom:1px solid var(--line); }
+    .diagrams-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; margin:24px 0; }
+    .diagram-thumb { background:var(--paper); border:1px solid var(--line); border-radius:16px; overflow:hidden; cursor:zoom-in; transition:border-color .2s,transform .15s; }
+    .diagram-thumb:hover { border-color:var(--accent); transform:translateY(-2px); }
+    .diagram-thumb img { width:100%; display:block; }
+    .diagram-thumb .caption { padding:12px 16px; font-size:.85rem; color:var(--muted); }
+  </style>
+</head>
+<body>
+<div class="page">
+  <header class="cover">
+    <div class="brand">
+      <div>
+        <div class="eyebrow">processo ${processId} · ativo · ${date}</div>
+        <h1>${processTitle}</h1>
+        <p class="subtitle">${processDescription}</p>
+      </div>
+    </div>
+    <div class="cover-meta">
+      <span class="pill pill-active">ativo</span>
+      <span class="pill">${artifacts.length} artefatos</span>
+    </div>
+  </header>
+
+  <div class="metrics-bar">
+    <div class="m"><span class="m-val">${artifacts.length}</span><span class="m-lbl">Artefatos</span></div>
+    <div class="m"><span class="m-val">${groups.size}</span><span class="m-lbl">Categorias</span></div>
+  </div>
+${sectionsHtml}
+${diagramFiles && diagramFiles.length > 0 ? `
+  <div class="section-title">Diagramas</div>
+  <div class="diagrams-grid">
+${diagramFiles.map(f => {
+        const label = f.replace(/\.(png|jpg|jpeg|gif|svg)$/i, '').replace(/[-_]/g, ' ');
+        return `    <div class="diagram-thumb diagram-container">
+      <img src="diagrams/${f}" alt="${label}" />
+      <div class="caption">${label}</div>
+    </div>`;
+    }).join('\n')}
+  </div>
+` : ''}
+  <footer>Creative IA 50 · Processo ${processId} · ${new Date().getFullYear()}</footer>
+</div>
+<script src="loader.js"></script>
+</body>
+</html>`;
+}
+// ============================================================
+// MAIN EXPORT — generateWiki
+// ============================================================
+// ---------------------------------------------------------------------------
+// server.js — Simple Node.js static server for the wiki
+// ---------------------------------------------------------------------------
+function generateServerJS() {
+    return `const http = require("http");
+const fs = require("fs");
+const path = require("path");
+
+const PORT = process.env.PORT || 3000;
+const DIR = __dirname;
+
+const MIME = {
+  ".html": "text/html; charset=utf-8",
+  ".css": "text/css; charset=utf-8",
+  ".js": "application/javascript; charset=utf-8",
+  ".json": "application/json; charset=utf-8",
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".gif": "image/gif",
+  ".svg": "image/svg+xml",
+  ".ico": "image/x-icon",
+};
+
+const server = http.createServer((req, res) => {
+  let url = req.url.split("?")[0];
+  if (url === "/") url = "/index.html";
+
+  const filePath = path.join(DIR, url);
+
+  // Security: block path traversal
+  if (!filePath.startsWith(DIR)) {
+    res.writeHead(403);
+    return res.end("Forbidden");
+  }
+
+  fs.readFile(filePath, (err, data) => {
+    if (err) {
+      res.writeHead(404, { "Content-Type": "text/html; charset=utf-8" });
+      return res.end("<h1>404 — Página não encontrada</h1>");
+    }
+    const ext = path.extname(filePath).toLowerCase();
+    const mime = MIME[ext] || "application/octet-stream";
+    res.writeHead(200, { "Content-Type": mime });
+    res.end(data);
+  });
+});
+
+server.listen(PORT, () => {
+  console.log("\\n  🌐 Wiki disponível em: http://localhost:" + PORT + "\\n");
+});
+`;
+}
+export async function generateWiki(req) {
+    const { processId, processDir } = req;
+    const files = [];
+    // 1. Scan artifacts
+    const artifacts = await scanArtifacts(processDir);
+    if (artifacts.length === 0) {
+        return { success: false, message: "Nenhum artefato .md encontrado no processo.", files: [] };
+    }
+    // 2. Detect process title from first root artifact or README
+    let processTitle = `Processo ${processId}`;
+    let processDescription = '';
+    const readmeArtifact = artifacts.find(a => a.id.toLowerCase().includes('readme'));
+    const firstArtifact = readmeArtifact || artifacts[0];
+    if (firstArtifact) {
+        processTitle = firstArtifact.title;
+        processDescription = firstArtifact.description;
+    }
+    // Avoid duplication: if title already contains processId, use it as-is for the <title>
+    const pageTitle = processTitle.toLowerCase().includes(processId.toLowerCase())
+        ? processTitle
+        : `Processo ${processId} — ${processTitle}`;
+    const date = new Date().toISOString().slice(0, 10);
+    // 3. Create wiki/pages/ directory
+    const wikiDir = join(processDir, "wiki");
+    const pagesDir = join(wikiDir, "pages");
+    await mkdir(pagesDir, { recursive: true });
+    // 3b. Copy generated-diagrams to wiki/diagrams/
+    const srcDiagramsDir = join(processDir, "generated-diagrams");
+    const dstDiagramsDir = join(wikiDir, "diagrams");
+    let diagramFiles = [];
+    if (existsSync(srcDiagramsDir)) {
+        await mkdir(dstDiagramsDir, { recursive: true });
+        const dFiles = await readdir(srcDiagramsDir);
+        for (const df of dFiles) {
+            if (/\.(png|jpg|jpeg|gif|svg)$/i.test(df)) {
+                const data = await readFile(join(srcDiagramsDir, df));
+                await writeFile(join(dstDiagramsDir, df), data);
+                diagramFiles.push(df);
+                files.push(`wiki/diagrams/${df}`);
+            }
+        }
+    }
+    // 4. Write styles.css
+    await writeFile(join(wikiDir, "styles.css"), generateStylesCSS(), "utf-8");
+    files.push("wiki/styles.css");
+    // 5. Write loader.js
+    await writeFile(join(wikiDir, "loader.js"), generateLoaderJS(artifacts), "utf-8");
+    files.push("wiki/loader.js");
+    // 6. Generate each page
+    for (const artifact of artifacts) {
+        const mdPath = artifact.dir === "root"
+            ? join(processDir, artifact.file)
+            : join(processDir, artifact.dir, artifact.file);
+        const mdContent = await readFile(mdPath, "utf-8");
+        const pageHtml = generatePageHtml(artifact, mdContent, processId, processTitle);
+        const pagePath = join(pagesDir, `${artifact.slug}.html`);
+        await writeFile(pagePath, pageHtml, "utf-8");
+        files.push(`wiki/pages/${artifact.slug}.html`);
+    }
+    // 7. Write index.html
+    const indexHtml = generateIndexHtml(processId, processTitle, processDescription, artifacts, date, pageTitle, diagramFiles);
+    await writeFile(join(wikiDir, "index.html"), indexHtml, "utf-8");
+    files.push("wiki/index.html");
+    // 8. Write server.cjs
+    await writeFile(join(wikiDir, "server.cjs"), generateServerJS(), "utf-8");
+    files.push("wiki/server.cjs");
+    return {
+        success: true,
+        message: `Wiki gerada com sucesso: ${files.length} arquivos (${artifacts.length} páginas + index + styles + loader + server).`,
+        files,
+    };
+}