@creative-ia/cortex 1.0.5

package/dist/tools/diagrams.js

@@ -0,0 +1,304 @@
+/**
+ * Geradores de Diagramas — CSS puro usando classes bd-* do _base-styles.css
+ * Gera diagramas visuais de workflow, arquitetura, dominios, riscos, integracoes e benchmark.
+ * IP protegido: os templates de diagrama nunca sao expostos ao cliente.
+ */
+// SVG seta para baixo
+const SETA_BAIXO = `<svg class="bd-svg" viewBox="0 0 600 28" style="max-width:320px;display:block;margin:0 auto;">
+  <line x1="300" y1="0" x2="300" y2="20" stroke="var(--accent)" stroke-width="2" stroke-dasharray="4,3"/>
+  <polygon points="293,18 300,28 307,18" fill="var(--accent)"/>
+</svg>`;
+// SVG seta para direita (fluxo de integracoes)
+const SETA_DIREITA = `<svg viewBox="0 0 32 24" style="width:32px;height:24px;flex-shrink:0;">
+  <line x1="0" y1="12" x2="24" y2="12" stroke="var(--accent)" stroke-width="2" stroke-dasharray="4,3"/>
+  <polygon points="22,6 32,12 22,18" fill="var(--accent)"/>
+</svg>`;
+export function renderWorkflowDiagram(phases) {
+    const nodes = phases.map((p) => {
+        const cls = p.status === "concluido" ? "bd-global" : p.status === "ativo" ? "bd-root bd-active" : "bd-local";
+        const icon = p.status === "concluido" ? "check_circle" : p.status === "ativo" ? "pending" : "schedule";
+        return `<div class="bd-node ${cls}" style="flex:1;min-width:140px;font-size:1rem;padding:16px 12px;">
+      <span class="material-symbols-outlined" style="font-size:1.4rem;vertical-align:middle;margin-right:4px;">${icon}</span>
+      ${p.name}
+      ${p.subtitle ? `<span class="bd-sub" style="font-size:.85rem;">${p.subtitle}</span>` : ""}
+    </div>`;
+    }).join(`<div style="display:flex;align-items:center;"><span class="material-symbols-outlined" style="color:var(--accent);font-size:1.8rem;">arrow_forward</span></div>`);
+    return `<div class="bd-wrap" style="padding:24px;">
+    <div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;">
+      ${nodes}
+    </div>
+  </div>`;
+}
+// ============================================================
+// 2. DIAGRAMA DE ARQUITETURA — Camadas com regra de dependencia
+// ============================================================
+export function renderArchitectureDiagram() {
+    return `<div class="bd-wrap" style="padding:24px;">
+    <div class="bd-node bd-root" style="max-width:540px;width:100%;font-size:1.05rem;padding:18px;">
+      <span class="material-symbols-outlined" style="font-size:1.3rem;vertical-align:middle;margin-right:6px;">devices</span>
+      Apresentacao
+      <span class="bd-sub" style="font-size:.9rem;">Componentes UI, Paginas, Hooks (React/RN)</span>
+    </div>
+    ${SETA_BAIXO}
+    <div class="bd-node bd-global" style="max-width:540px;width:100%;font-size:1.05rem;padding:18px;">
+      <span class="material-symbols-outlined" style="font-size:1.3rem;vertical-align:middle;margin-right:6px;">hub</span>
+      Aplicacao
+      <span class="bd-sub" style="font-size:.9rem;">Casos de Uso, Servicos, Orquestracao (BFF Resolvers, Controllers)</span>
+    </div>
+    ${SETA_BAIXO}
+    <div class="bd-node bd-dev" style="max-width:540px;width:100%;background:linear-gradient(135deg,#1B3B6F,#0F1C2E);color:#fff;border:2px solid var(--accent);font-size:1.05rem;padding:18px;">
+      <span class="material-symbols-outlined" style="font-size:1.3rem;vertical-align:middle;margin-right:6px;">diamond</span>
+      Dominio
+      <span class="bd-sub" style="font-size:.9rem;">Entidades, Value Objects, Regras de Negocio, Interfaces/Portas</span>
+    </div>
+    ${SETA_BAIXO}
+    <div class="bd-row" style="display:flex;gap:14px;justify-content:center;flex-wrap:wrap;">
+      <div class="bd-node bd-local" style="flex:1;min-width:220px;font-size:1.05rem;padding:18px;">
+        <span class="material-symbols-outlined" style="font-size:1.3rem;vertical-align:middle;margin-right:6px;">storage</span>
+        Infraestrutura
+        <span class="bd-sub" style="font-size:.9rem;">Clientes HTTP, Adaptadores BD, APIs Externas</span>
+      </div>
+      <div class="bd-node bd-local" style="flex:1;min-width:220px;font-size:1.05rem;padding:18px;">
+        <span class="material-symbols-outlined" style="font-size:1.3rem;vertical-align:middle;margin-right:6px;">share</span>
+        Compartilhado
+        <span class="bd-sub" style="font-size:.9rem;">Tipos, Utilitarios, Constantes, Erros</span>
+      </div>
+    </div>
+    <div style="margin-top:14px;font-size:.9rem;color:var(--muted);text-align:center;">
+      <span class="material-symbols-outlined" style="font-size:1rem;vertical-align:middle;">info</span>
+      Regra de Dependencia: camadas internas nunca dependem de externas. Inversao via interfaces.
+    </div>
+  </div>`;
+}
+export function renderDomainMap(domains) {
+    const colorMap = {
+        core: "background:linear-gradient(135deg,#1B3B6F,#2F6DB3);color:#fff;",
+        supporting: "background:var(--line);color:var(--ink);border:1px solid var(--brand);",
+        generic: "background:var(--ok-bg);color:var(--ok);border:1px solid rgba(34,197,94,.3);",
+    };
+    const iconMap = { core: "star", supporting: "support", generic: "settings" };
+    const labelMap = { core: "Principal", supporting: "Suporte", generic: "Generico" };
+    const nodes = domains.map((d) => `
+    <div class="bd-node" style="${colorMap[d.type]}border-radius:12px;padding:18px;text-align:center;min-width:155px;">
+      <span class="material-symbols-outlined" style="font-size:1.4rem;display:block;margin-bottom:6px;">${iconMap[d.type]}</span>
+      <strong style="font-size:1.05rem;">${d.name}</strong>
+      <span class="bd-sub" style="font-size:.85rem;display:block;margin-top:4px;">${labelMap[d.type].toUpperCase()} — ${d.squad}</span>
+    </div>
+  `).join("");
+    return `<div class="bd-wrap" style="padding:24px;">
+    <div style="display:flex;flex-wrap:wrap;gap:14px;justify-content:center;">
+      ${nodes}
+    </div>
+    <div style="margin-top:18px;display:flex;gap:20px;justify-content:center;font-size:.9rem;color:var(--muted);">
+      <span><span style="display:inline-block;width:14px;height:14px;border-radius:3px;background:linear-gradient(135deg,#1B3B6F,#2F6DB3);vertical-align:middle;margin-right:5px;"></span> Principal</span>
+      <span><span style="display:inline-block;width:14px;height:14px;border-radius:3px;background:var(--line);border:1px solid var(--brand);vertical-align:middle;margin-right:5px;"></span> Suporte</span>
+      <span><span style="display:inline-block;width:14px;height:14px;border-radius:3px;background:var(--ok-bg);border:1px solid rgba(34,197,94,.3);vertical-align:middle;margin-right:5px;"></span> Generico</span>
+    </div>
+  </div>`;
+}
+const ROTULOS_PROB = ["baixa", "media", "alta"];
+const ROTULOS_IMPACTO = ["baixo", "medio", "alto"];
+function corRisco(prob, impact) {
+    const p = ROTULOS_PROB.indexOf(prob);
+    const i = ROTULOS_IMPACTO.indexOf(impact);
+    const score = p + i;
+    if (score >= 3)
+        return "background:rgba(239,68,68,.25);border:1px solid rgba(239,68,68,.5);color:#fca5a5;";
+    if (score === 2)
+        return "background:rgba(245,158,11,.2);border:1px solid rgba(245,158,11,.4);color:#fcd34d;";
+    return "background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);color:#86efac;";
+}
+export function renderRiskMatrix(risks) {
+    const grid = Array.from({ length: 3 }, () => Array(3).fill(""));
+    for (const r of risks) {
+        const row = 2 - ROTULOS_PROB.indexOf(r.probability);
+        const col = ROTULOS_IMPACTO.indexOf(r.impact);
+        if (row >= 0 && row < 3 && col >= 0 && col < 3) {
+            grid[row][col] += (grid[row][col] ? "<br/>" : "") + r.name;
+        }
+    }
+    const cabecalhoImpacto = ["Baixo", "Medio", "Alto"];
+    const cabecalhoProb = ["Alta", "Media", "Baixa"];
+    let rows = "";
+    for (let r = 0; r < 3; r++) {
+        let cells = `<td style="font-weight:600;padding:10px 14px;color:var(--muted);text-align:right;white-space:nowrap;font-size:.95rem;">${cabecalhoProb[r]}</td>`;
+        for (let c = 0; c < 3; c++) {
+            const score = (2 - r) + c;
+            const bg = score >= 3
+                ? "background:rgba(239,68,68,.18);"
+                : score === 2
+                    ? "background:rgba(245,158,11,.12);"
+                    : "background:rgba(34,197,94,.1);";
+            const content = grid[r][c] || "<span style='color:var(--muted);font-size:.85rem;'>—</span>";
+            cells += `<td style="${bg}padding:12px;border-radius:8px;font-size:.95rem;min-width:140px;text-align:center;">${content}</td>`;
+        }
+        rows += `<tr>${cells}</tr>`;
+    }
+    const detalhes = risks.map((r) => {
+        const style = corRisco(r.probability, r.impact);
+        const icon = (ROTULOS_PROB.indexOf(r.probability) + ROTULOS_IMPACTO.indexOf(r.impact)) >= 3 ? "error" : "warning";
+        return `<div style="${style}border-radius:10px;padding:12px 16px;font-size:.95rem;display:flex;align-items:center;gap:10px;">
+      <span class="material-symbols-outlined" style="font-size:1.2rem;">${icon}</span>
+      <span><strong>${r.name}</strong>${r.category ? ` <span style="opacity:.7;">(${r.category})</span>` : ""} — Probabilidade: ${r.probability} | Impacto: ${r.impact}</span>
+    </div>`;
+    }).join("");
+    return `<div class="bd-wrap" style="padding:24px;">
+    <div style="text-align:center;margin-bottom:14px;font-size:.95rem;color:var(--muted);">
+      <span class="material-symbols-outlined" style="font-size:1.1rem;vertical-align:middle;">grid_on</span> Matriz de Riscos (Probabilidade x Impacto)
+    </div>
+    <table style="border-collapse:separate;border-spacing:8px;margin:0 auto;width:auto;">
+      <thead>
+        <tr>
+          <th style="padding:8px;"></th>
+          ${cabecalhoImpacto.map((h) => `<th style="padding:8px 14px;font-size:.9rem;color:var(--muted);font-weight:500;">${h}</th>`).join("")}
+        </tr>
+        <tr><td></td><td colspan="3" style="text-align:center;font-size:.8rem;color:var(--muted);padding-bottom:6px;">IMPACTO <span class="material-symbols-outlined" style="font-size:.8rem;">arrow_forward</span></td></tr>
+      </thead>
+      <tbody>${rows}</tbody>
+    </table>
+    <div style="text-align:left;font-size:.8rem;color:var(--muted);margin-top:4px;margin-left:24px;">PROBABILIDADE <span class="material-symbols-outlined" style="font-size:.8rem;">arrow_upward</span></div>
+    ${detalhes ? `<div style="display:flex;flex-direction:column;gap:8px;margin-top:18px;">${detalhes}</div>` : ""}
+  </div>`;
+}
+export function renderIntegrationFlow(nodes, links) {
+    const styleMap = {
+        interno: "background:linear-gradient(135deg,#1B3B6F,#2F6DB3);color:#fff;border:1px solid var(--accent);",
+        externo: "background:var(--line);color:var(--ink);border:1px solid var(--brand);",
+        gateway: "background:linear-gradient(135deg,#0D1321,#1B3B6F);color:#00E0FF;border:2px solid #00E0FF;",
+    };
+    const iconMap = { interno: "dns", externo: "cloud", gateway: "router" };
+    const labelMap = { interno: "Interno", externo: "Externo", gateway: "Gateway" };
+    const nodeHtml = nodes.map((n) => `
+    <div class="bd-node" style="${styleMap[n.type]}border-radius:14px;padding:18px 22px;text-align:center;min-width:145px;">
+      <span class="material-symbols-outlined" style="font-size:1.5rem;display:block;margin-bottom:6px;">${iconMap[n.type]}</span>
+      <strong style="font-size:1.05rem;">${n.name}</strong>
+      ${n.protocol ? `<span class="bd-sub" style="display:block;font-size:.82rem;margin-top:4px;">${n.protocol}</span>` : ""}
+    </div>
+  `).join("");
+    const linkHtml = links.map((l) => `
+    <div style="display:flex;align-items:center;gap:10px;font-size:.95rem;padding:8px 0;">
+      <span style="color:var(--accent);font-weight:600;min-width:110px;text-align:right;">${l.from}</span>
+      ${SETA_DIREITA}
+      <span style="color:var(--ink);font-weight:600;min-width:110px;">${l.to}</span>
+      ${l.label ? `<span style="color:var(--muted);font-size:.85rem;margin-left:10px;">${l.label}</span>` : ""}
+      ${l.protocol ? `<span class="pill" style="font-size:.75rem;padding:3px 10px;">${l.protocol}</span>` : ""}
+    </div>
+  `).join("");
+    return `<div class="bd-wrap" style="padding:24px;">
+    <div style="display:flex;flex-wrap:wrap;gap:18px;justify-content:center;align-items:center;margin-bottom:22px;">
+      ${nodeHtml}
+    </div>
+    <div style="border-top:1px solid var(--line);padding-top:16px;">
+      <div style="font-size:.9rem;color:var(--muted);margin-bottom:10px;">
+        <span class="material-symbols-outlined" style="font-size:1rem;vertical-align:middle;">cable</span> Fluxo de Dados
+      </div>
+      ${linkHtml}
+    </div>
+    <div style="margin-top:16px;display:flex;gap:20px;justify-content:center;font-size:.85rem;color:var(--muted);">
+      <span><span style="display:inline-block;width:14px;height:14px;border-radius:3px;background:linear-gradient(135deg,#1B3B6F,#2F6DB3);vertical-align:middle;margin-right:5px;"></span> ${labelMap.interno}</span>
+      <span><span style="display:inline-block;width:14px;height:14px;border-radius:3px;background:var(--line);border:1px solid var(--brand);vertical-align:middle;margin-right:5px;"></span> ${labelMap.externo}</span>
+      <span><span style="display:inline-block;width:14px;height:14px;border-radius:3px;background:linear-gradient(135deg,#0D1321,#1B3B6F);border:2px solid #00E0FF;vertical-align:middle;margin-right:5px;"></span> ${labelMap.gateway}</span>
+    </div>
+  </div>`;
+}
+export function renderBenchmarkMercado(concorrentes, dimensoes, titulo, fontes) {
+    const tipoStyle = {
+        nosso: { bg: "background:linear-gradient(135deg,#1B3B6F,#2F6DB3);color:#fff;border:2px solid #00E0FF;box-shadow:0 0 16px rgba(0,224,255,.15);", icon: "star", label: "Nosso Produto" },
+        banco: { bg: "background:var(--line);color:var(--ink);border:1px solid var(--brand);", icon: "account_balance", label: "Banco" },
+        fintech: { bg: "background:rgba(139,92,246,.15);color:#c4b5fd;border:1px solid rgba(139,92,246,.4);", icon: "smartphone", label: "Fintech" },
+        financeira: { bg: "background:rgba(245,158,11,.12);color:#fcd34d;border:1px solid rgba(245,158,11,.35);", icon: "payments", label: "Financeira" },
+        cooperativa: { bg: "background:rgba(34,197,94,.12);color:#86efac;border:1px solid rgba(34,197,94,.35);", icon: "groups", label: "Cooperativa" },
+    };
+    // Cards dos concorrentes
+    const cards = concorrentes.map((c) => {
+        const st = tipoStyle[c.tipo] || tipoStyle.banco;
+        const isNosso = c.tipo === "nosso";
+        return `<div style="${st.bg}border-radius:14px;padding:20px;min-width:170px;flex:1;text-align:center;${isNosso ? "transform:scale(1.04);" : ""}">
+      <span class="material-symbols-outlined" style="font-size:1.6rem;display:block;margin-bottom:6px;">${st.icon}</span>
+      <strong style="font-size:1.1rem;display:block;">${c.nome}</strong>
+      <span style="font-size:.8rem;opacity:.7;display:block;margin-top:2px;">${st.label}</span>
+    </div>`;
+    }).join("");
+    // Tabela comparativa
+    const headerCells = concorrentes.map((c) => {
+        const isNosso = c.tipo === "nosso";
+        return `<th style="padding:10px 14px;font-size:.92rem;font-weight:600;${isNosso ? "color:#00E0FF;background:rgba(0,224,255,.08);border-radius:8px 8px 0 0;" : "color:var(--muted);"}">${c.nome}</th>`;
+    }).join("");
+    const bodyRows = dimensoes.map((dim) => {
+        // Encontrar melhor valor para highlight
+        const numVals = concorrentes.map((c) => {
+            const v = c.indicadores[dim.chave];
+            return typeof v === "number" ? v : parseFloat(String(v)) || 0;
+        });
+        const bestVal = dim.maiorMelhor ? Math.max(...numVals) : Math.min(...numVals.filter((v) => v > 0));
+        const cells = concorrentes.map((c, ci) => {
+            const val = c.indicadores[dim.chave];
+            const numVal = typeof val === "number" ? val : parseFloat(String(val)) || 0;
+            const isBest = numVal === bestVal && numVal > 0;
+            const isNosso = c.tipo === "nosso";
+            const cellBg = isNosso ? "background:rgba(0,224,255,.05);" : "";
+            const bestStyle = isBest ? "color:#4ade80;font-weight:700;" : "color:var(--ink);";
+            const bestIcon = isBest ? `<span class="material-symbols-outlined" style="font-size:.85rem;color:#4ade80;vertical-align:middle;margin-left:3px;">emoji_events</span>` : "";
+            const display = typeof val === "string" ? val : `${val}${dim.unidade || ""}`;
+            return `<td style="${cellBg}${bestStyle}padding:10px 14px;font-size:.95rem;text-align:center;">${display}${bestIcon}</td>`;
+        }).join("");
+        return `<tr>
+      <td style="padding:10px 14px;font-size:.92rem;font-weight:500;color:var(--muted);text-align:left;white-space:nowrap;">
+        ${dim.nome}
+      </td>
+      ${cells}
+    </tr>`;
+    }).join("");
+    // Legenda de tipos
+    const legendItems = [...new Set(concorrentes.map((c) => c.tipo))].map((t) => {
+        const st = tipoStyle[t] || tipoStyle.banco;
+        return `<span style="display:flex;align-items:center;gap:4px;">
+      <span class="material-symbols-outlined" style="font-size:.9rem;">${st.icon}</span>
+      <span style="font-size:.82rem;">${st.label}</span>
+    </span>`;
+    }).join("");
+    return `<div class="bd-wrap" style="padding:24px;">
+    <div style="text-align:center;margin-bottom:20px;">
+      <div style="font-size:1.1rem;font-weight:600;color:var(--ink);margin-bottom:4px;">
+        <span class="material-symbols-outlined" style="font-size:1.3rem;vertical-align:middle;">leaderboard</span>
+        ${titulo || "Benchmark de Mercado"}
+      </div>
+      <div style="font-size:.85rem;color:var(--muted);">Comparativo com principais concorrentes do segmento</div>
+    </div>
+
+    <div style="display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:24px;">
+      ${cards}
+    </div>
+
+    <div style="overflow-x:auto;">
+      <table style="width:100%;border-collapse:separate;border-spacing:0 4px;">
+        <thead>
+          <tr>
+            <th style="padding:10px 14px;font-size:.85rem;color:var(--muted);text-align:left;">Dimensao</th>
+            ${headerCells}
+          </tr>
+        </thead>
+        <tbody>${bodyRows}</tbody>
+      </table>
+    </div>
+
+    <div style="margin-top:18px;display:flex;gap:18px;justify-content:center;color:var(--muted);flex-wrap:wrap;">
+      ${legendItems}
+      <span style="display:flex;align-items:center;gap:4px;">
+        <span class="material-symbols-outlined" style="font-size:.9rem;color:#4ade80;">emoji_events</span>
+        <span style="font-size:.82rem;">Melhor do segmento</span>
+      </span>
+    </div>
+    ${fontes && fontes.length > 0 ? `
+    <div style="margin-top:22px;padding-top:14px;border-top:1px solid var(--line);">
+      <div style="font-size:.82rem;color:var(--muted);margin-bottom:8px;display:flex;align-items:center;gap:5px;">
+        <span class="material-symbols-outlined" style="font-size:.9rem;">menu_book</span> Fontes da Pesquisa
+      </div>
+      <div style="display:flex;flex-direction:column;gap:4px;">
+        ${fontes.map((f) => `<div style="font-size:.78rem;color:var(--muted);padding-left:12px;display:flex;align-items:baseline;gap:6px;">
+          <span style="color:var(--accent);font-size:.6rem;">&#9679;</span> ${f}
+        </div>`).join("")}
+      </div>
+    </div>` : ""}
+  </div>`;
+}

package/dist/tools/generate-report.d.ts

@@ -0,0 +1,9 @@
+interface GenerateReportRequest {
+    title: string;
+    content: string;
+    reportType: string;
+    outputDir?: string;
+    diagramsDir?: string;
+}
+export declare function generateReport(params: GenerateReportRequest): Promise<string>;
+export {};