@girardelli/architect 5.0.0 → 8.1.0

package/dist/src/adapters/html-reporter/sections/agents.js

@@ -0,0 +1,260 @@
+// import { escapeHtml } from "../utils_sections.js";
+export function renderAgentSuggestions(s) {
+    const roleIcon = (name) => {
+        if (name.includes('ORCHESTRATOR'))
+            return '\u{1F3AD}';
+        if (name.includes('BACKEND') || name.includes('FRONTEND') || name.includes('DATABASE') || name.includes('FLUTTER'))
+            return '\u{1F4BB}';
+        if (name.includes('SECURITY'))
+            return '\u{1F6E1}\uFE0F';
+        if (name.includes('QA'))
+            return '\u{1F9EA}';
+        if (name.includes('TECH-DEBT'))
+            return '\u{1F4CA}';
+        return '\u{1F916}';
+    };
+    const roleLabel = (name) => {
+        if (name.includes('ORCHESTRATOR'))
+            return 'coordination';
+        if (name.includes('SECURITY'))
+            return 'protection';
+        if (name.includes('QA'))
+            return 'quality';
+        if (name.includes('TECH-DEBT'))
+            return 'governance';
+        return 'development';
+    };
+    const roleColor = (name) => {
+        if (name.includes('ORCHESTRATOR'))
+            return '#c084fc';
+        if (name.includes('SECURITY'))
+            return '#f87171';
+        if (name.includes('QA'))
+            return '#34d399';
+        if (name.includes('TECH-DEBT'))
+            return '#fbbf24';
+        return '#60a5fa';
+    };
+    // Status helpers
+    const statusBadge = (status) => {
+        const map = {
+            'KEEP': { icon: '✅', label: 'KEEP', color: '#22c55e' },
+            'MODIFY': { icon: '🔵', label: 'MODIFY', color: '#3b82f6' },
+            'CREATE': { icon: '🟡', label: 'NEW', color: '#f59e0b' },
+            'DELETE': { icon: '🔴', label: 'REMOVE', color: '#ef4444' },
+        };
+        const s = map[status] || map['CREATE'];
+        return `<span class="agent-status-badge" style="background:${s.color}20;color:${s.color};border:1px solid ${s.color}40">${s.icon} ${s.label}</span>`;
+    };
+    const statusBorder = (status) => {
+        const map = {
+            'KEEP': '#22c55e', 'MODIFY': '#3b82f6', 'CREATE': '#f59e0b', 'DELETE': '#ef4444',
+        };
+        return map[status] || '#334155';
+    };
+    const agentCards = s.suggestedAgents.map((a) => `<label class="agent-toggle-card" data-category="agents" data-name="${a.name}">
+        <input type="checkbox" class="agent-check" ${a.status !== 'DELETE' ? 'checked' : ''} data-type="agents" data-item="${a.name}">
+        <div class="agent-toggle-inner" style="border-color:${statusBorder(a.status)}">
+          <div class="agent-toggle-icon">${roleIcon(a.name)}</div>
+          <div class="agent-toggle-info">
+            <span class="agent-toggle-name">${a.name}</span>
+            <span class="agent-toggle-role" style="color:${roleColor(a.name)}">${roleLabel(a.name)}</span>
+            ${a.description ? `<span class="agent-toggle-desc">${a.description}</span>` : ''}
+          </div>
+          ${statusBadge(a.status)}
+          <div class="agent-toggle-check">\u2713</div>
+        </div>
+      </label>`).join('\n');
+    const miniCard = (item, icon, type) => `<label class="agent-toggle-card mini" data-category="${type}">
+        <input type="checkbox" class="agent-check" ${item.status !== 'DELETE' ? 'checked' : ''} data-type="${type}" data-item="${item.name}">
+        <div class="agent-toggle-inner" style="border-color:${statusBorder(item.status)}">
+          <span class="agent-toggle-icon">${icon}</span>
+          <div class="agent-toggle-info">
+            <span class="agent-toggle-name">${item.name}.md</span>
+            ${item.description ? `<span class="agent-toggle-desc">${item.description}</span>` : ''}
+          </div>
+          ${statusBadge(item.status)}
+          <div class="agent-toggle-check">\u2713</div>
+        </div>
+      </label>`;
+    const ruleCards = s.suggestedRules.map((r) => miniCard(r, '\u{1F4CF}', 'rules')).join('\n');
+    const guardCards = s.suggestedGuards.map((g) => miniCard(g, '\u{1F6E1}\uFE0F', 'guards')).join('\n');
+    const workflowCards = s.suggestedWorkflows.map((w) => miniCard(w, '\u26A1', 'workflows')).join('\n');
+    const skillCards = s.suggestedSkills.map((sk) => `<label class="agent-toggle-card" data-category="skills">
+        <input type="checkbox" class="agent-check" checked data-type="skills" data-item="${sk.source}">
+        <div class="agent-toggle-inner" style="border-color:${statusBorder(sk.status)}">
+          <span class="agent-toggle-icon">\u{1F9E0}</span>
+          <div class="agent-toggle-info">
+            <span class="agent-toggle-name">${sk.name}</span>
+            <span class="agent-toggle-role" style="color:#34d399">${sk.description}</span>
+          </div>
+          ${statusBadge(sk.status)}
+          <div class="agent-toggle-check">\u2713</div>
+        </div>
+      </label>`).join('\n');
+    const auditSection = s.audit.filter((f) => f.type !== 'OK').length > 0 ? `
+    <div class="agent-audit-section">
+      <h3 class="agent-section-subtitle">\u{1F50D} Audit Findings</h3>
+      <div class="agent-audit-grid">
+        ${s.audit.filter((f) => f.type !== 'OK').map((f) => {
+        const icon = f.type === 'MISSING' ? '\u274C' : f.type === 'IMPROVEMENT' ? '\u{1F4A1}' : '\u26A0\uFE0F';
+        const cls = f.type === 'MISSING' ? 'audit-missing' : 'audit-improvement';
+        return `<div class="agent-audit-item ${cls}">
+            <span class="audit-icon">${icon}</span>
+            <div class="audit-content">
+              <span class="audit-desc">${f.description}</span>
+              ${f.suggestion ? `<span class="audit-suggestion">\u2192 ${f.suggestion}</span>` : ''}
+            </div>
+          </div>`;
+    }).join('\n')}
+      </div>
+    </div>` : '';
+    const stackPills = [
+        `\u{1F527} ${s.stack.primary}`,
+        `\u{1F4E6} ${s.stack.frameworks.length > 0 ? s.stack.frameworks.join(', ') : 'No framework'}`,
+        s.hasExistingAgents ? '\u{1F4C1} Existing .agent/' : '\u{1F4C1} New .agent/',
+        ...(s.stack.hasBackend ? ['\u{1F519} Backend'] : []),
+        ...(s.stack.hasFrontend ? ['\u{1F5A5}\uFE0F Frontend'] : []),
+        ...(s.stack.hasMobile ? ['\u{1F4F1} Mobile'] : []),
+        ...(s.stack.hasDatabase ? ['\u{1F5C4}\uFE0F Database'] : []),
+    ];
+    const totalItems = s.suggestedAgents.length + s.suggestedRules.length + s.suggestedGuards.length + s.suggestedWorkflows.length + s.suggestedSkills.length;
+    // Status summary counts
+    const allItems = [...s.suggestedAgents, ...s.suggestedRules, ...s.suggestedGuards, ...s.suggestedWorkflows];
+    const keepCount = allItems.filter(i => i.status === 'KEEP').length;
+    const modifyCount = allItems.filter(i => i.status === 'MODIFY').length;
+    const createCount = allItems.filter(i => i.status === 'CREATE').length;
+    return `
+<h2 class="section-title">\u{1F916} Agent System</h2>
+
+<div class="card agent-system-card">
+  <div class="agent-stack-banner">
+    ${stackPills.map(p => `<div class="stack-pill">${p}</div>`).join('\n    ')}
+  </div>
+
+  <div class="agent-status-legend">
+    <span class="status-legend-item"><span class="legend-dot" style="background:#22c55e"></span> KEEP (${keepCount})</span>
+    <span class="status-legend-item"><span class="legend-dot" style="background:#3b82f6"></span> MODIFY (${modifyCount})</span>
+    <span class="status-legend-item"><span class="legend-dot" style="background:#f59e0b"></span> NEW (${createCount})</span>
+  </div>
+
+  <div class="agent-controls">
+    <button class="agent-ctrl-btn" onclick="toggleAll(true)">\u2705 Select All</button>
+    <button class="agent-ctrl-btn" onclick="toggleAll(false)">\u2B1C Select None</button>
+    <span class="agent-count-label"><span id="agentSelectedCount">${totalItems}</span> selected</span>
+  </div>
+
+  <h3 class="agent-section-subtitle">\u{1F916} Agents</h3>
+  <div class="agent-toggle-grid">
+    ${agentCards}
+  </div>
+
+  <div class="agent-extras-grid">
+    <div>
+      <h3 class="agent-section-subtitle">\u{1F4CF} Rules</h3>
+      <div class="agent-toggle-list">${ruleCards}</div>
+    </div>
+    <div>
+      <h3 class="agent-section-subtitle">\u{1F6E1}\uFE0F Guards</h3>
+      <div class="agent-toggle-list">${guardCards}</div>
+    </div>
+    <div>
+      <h3 class="agent-section-subtitle">\u26A1 Workflows</h3>
+      <div class="agent-toggle-list">${workflowCards}</div>
+    </div>
+  </div>
+
+  <h3 class="agent-section-subtitle">\u{1F9E0} Skills <span style="font-size:0.7rem;color:#94a3b8;font-weight:400">from skills.sh</span></h3>
+  <div class="agent-toggle-grid">
+    ${skillCards}
+  </div>
+
+  ${auditSection}
+
+  <div class="agent-command-box">
+    <div class="agent-command-header">
+      <span>\u{1F4A1} Command to generate selected items:</span>
+      <button class="agent-copy-btn" onclick="copyAgentCommand()">
+        <span id="copyIcon">\u{1F4CB}</span> Copy
+      </button>
+    </div>
+    <code id="agentCommandOutput" class="agent-command-code">${s.command}</code>
+  </div>
+</div>
+
+<style>
+  .agent-system-card { padding: 1.5rem; }
+  .agent-stack-banner { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
+  .stack-pill { background: #1e293b; border: 1px solid #334155; border-radius: 99px; padding: 0.4rem 1rem; font-size: 0.8rem; color: #94a3b8; white-space: nowrap; }
+  .agent-status-legend { display: flex; gap: 1.5rem; margin-bottom: 1rem; padding: 0.5rem 0; border-bottom: 1px solid #1e293b; }
+  .status-legend-item { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; color: #94a3b8; }
+  .agent-status-badge { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.15rem 0.5rem; border-radius: 99px; font-size: 0.65rem; font-weight: 700; flex-shrink: 0; letter-spacing: 0.03em; }
+  .agent-toggle-desc { display: block; font-size: 0.65rem; color: #64748b; margin-top: 0.15rem; line-height: 1.3; }
+  .agent-controls { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem; }
+  .agent-ctrl-btn { background: #1e293b; border: 1px solid #334155; color: #e2e8f0; padding: 0.4rem 1rem; border-radius: 8px; font-size: 0.8rem; cursor: pointer; transition: all 0.2s; }
+  .agent-ctrl-btn:hover { background: #334155; }
+  .agent-count-label { color: #94a3b8; font-size: 0.85rem; margin-left: auto; }
+  #agentSelectedCount { color: #c084fc; font-weight: 700; }
+  .agent-section-subtitle { color: #e2e8f0; font-size: 1.05rem; font-weight: 700; margin: 1.25rem 0 0.75rem; }
+  .agent-toggle-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 0.75rem; }
+  .agent-toggle-card { cursor: pointer; transition: all 0.3s; }
+  .agent-toggle-card input { display: none; }
+  .agent-toggle-inner { display: flex; align-items: center; gap: 0.75rem; background: #1e293b; border: 2px solid #334155; border-radius: 12px; padding: 0.75rem 1rem; transition: all 0.3s; }
+  .agent-toggle-card input:checked + .agent-toggle-inner { background: #1e1b4b; }
+  .agent-toggle-icon { font-size: 1.3rem; flex-shrink: 0; }
+  .agent-toggle-info { flex: 1; min-width: 0; }
+  .agent-toggle-name { display: block; color: #e2e8f0; font-weight: 600; font-size: 0.85rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+  .agent-toggle-role { display: block; font-size: 0.7rem; margin-top: 0.15rem; }
+  .agent-toggle-check { color: #334155; font-size: 1rem; flex-shrink: 0; transition: color 0.3s; }
+  .agent-toggle-card input:checked + .agent-toggle-inner .agent-toggle-check { color: #818cf8; }
+  .agent-toggle-card.mini .agent-toggle-inner { padding: 0.5rem 0.75rem; border-radius: 8px; }
+  .agent-extras-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 0.5rem; }
+  @media (max-width: 768px) { .agent-extras-grid { grid-template-columns: 1fr; } }
+  .agent-toggle-list { display: flex; flex-direction: column; gap: 0.5rem; }
+  .agent-audit-section { margin-top: 1.5rem; }
+  .agent-audit-grid { display: flex; flex-direction: column; gap: 0.5rem; }
+  .agent-audit-item { display: flex; gap: 0.75rem; align-items: flex-start; background: #1e293b; padding: 0.75rem 1rem; border-radius: 8px; }
+  .agent-audit-item.audit-missing { border-left: 3px solid #ef4444; }
+  .agent-audit-item.audit-improvement { border-left: 3px solid #fbbf24; }
+  .audit-icon { font-size: 1rem; flex-shrink: 0; margin-top: 2px; }
+  .audit-content { display: flex; flex-direction: column; gap: 0.25rem; }
+  .audit-desc { color: #e2e8f0; font-size: 0.85rem; }
+  .audit-suggestion { color: #94a3b8; font-size: 0.8rem; font-style: italic; }
+  .agent-command-box { margin-top: 1.5rem; background: #0f172a; border-radius: 12px; border: 1px solid #334155; overflow: hidden; }
+  .agent-command-header { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1rem; background: #1e293b; font-size: 0.8rem; color: #94a3b8; }
+  .agent-copy-btn { background: #c084fc; color: #0f172a; border: none; border-radius: 6px; padding: 0.4rem 0.8rem; cursor: pointer; font-size: 0.75rem; font-weight: 600; transition: all 0.2s; }
+  .agent-copy-btn:hover { background: #a855f7; transform: scale(1.05); }
+  .agent-command-code { display: block; padding: 1rem; color: #c084fc; font-size: 0.85rem; word-break: break-all; font-family: 'Fira Code', monospace; }
+</style>
+
+<script>
+(function() {
+  var basePath = ${JSON.stringify(s.command.replace('architect agents ', ''))};
+  var totalItems = ${totalItems};
+  function updateCommand() {
+    var checks = document.querySelectorAll('.agent-check');
+    var selected = { agents: [], rules: [], guards: [], workflows: [], skills: [] };
+    var count = 0;
+    checks.forEach(function(cb) { if (cb.checked) { selected[cb.dataset.type].push(cb.dataset.item); count++; } });
+    document.getElementById('agentSelectedCount').textContent = count;
+    var cmd;
+    if (count === totalItems) { cmd = 'architect agents ' + basePath; }
+    else if (count === 0) { cmd = '# No items selected'; }
+    else {
+      var parts = ['architect agents ' + basePath];
+      if (selected.agents.length > 0) parts.push('--agents ' + selected.agents.join(','));
+      if (selected.rules.length > 0) parts.push('--rules ' + selected.rules.join(','));
+      if (selected.guards.length > 0) parts.push('--guards ' + selected.guards.join(','));
+      if (selected.workflows.length > 0) parts.push('--workflows ' + selected.workflows.join(','));
+      if (selected.skills.length > 0) parts.push('&& ' + selected.skills.map(function(sk){ return 'npx skills add ' + sk; }).join(' && '));
+      cmd = parts.join(' ');
+    }
+    document.getElementById('agentCommandOutput').textContent = cmd;
+  }
+  document.querySelectorAll('.agent-check').forEach(function(cb) { cb.addEventListener('change', updateCommand); });
+  window.toggleAll = function(state) { document.querySelectorAll('.agent-check').forEach(function(cb) { cb.checked = state; }); updateCommand(); };
+  window.copyAgentCommand = function() { var cmd = document.getElementById('agentCommandOutput').textContent; navigator.clipboard.writeText(cmd).then(function() { var btn = document.getElementById('copyIcon'); btn.textContent = '\u2705'; setTimeout(function() { btn.textContent = '\ud83d\udccb'; }, 2000); }); };
+})();
+<\/script>`;
+}
+//# sourceMappingURL=agents.js.map

package/dist/src/adapters/html-reporter/sections/agents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agents.js","sourceRoot":"","sources":["../../../../../src/adapters/html-reporter/sections/agents.ts"],"names":[],"mappings":"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"}

package/dist/src/adapters/html-reporter/sections/anti-patterns.d.ts

@@ -0,0 +1,13 @@
+import { AnalysisReport } from '@girardelli/architect-core/src/core/types/core.js';
+export declare function renderAntiPatternBubbles(report: AnalysisReport, grouped: Record<string, {
+    count: number;
+    severity: string;
+    locations: string[];
+    suggestion: string;
+}>): string;
+export declare function renderAntiPatterns(report: AnalysisReport, grouped: Record<string, {
+    count: number;
+    severity: string;
+    locations: string[];
+    suggestion: string;
+}>): string;

package/dist/src/adapters/html-reporter/sections/anti-patterns.js

@@ -0,0 +1,64 @@
+import { escapeHtml } from "../utils_sections.js";
+export function renderAntiPatternBubbles(report, grouped) {
+    if (report.antiPatterns.length === 0) {
+        return `
+<h2 class="section-title">✅ Anti-Patterns</h2>
+<div class="card success-card">
+  <p>No significant anti-patterns detected. Excellent architecture!</p>
+</div>`;
+    }
+    const severityWeight = {
+        CRITICAL: 80, HIGH: 60, MEDIUM: 40, LOW: 25,
+    };
+    const severityColor = {
+        CRITICAL: '#ef4444', HIGH: '#f59e0b', MEDIUM: '#60a5fa', LOW: '#22c55e',
+    };
+    const bubbles = Object.entries(grouped).map(([name, data]) => ({
+        name,
+        count: data.count,
+        severity: data.severity,
+        radius: (severityWeight[data.severity] || 30) + data.count * 8,
+        color: severityColor[data.severity] || '#64748b',
+    }));
+    return `
+<h2 class="section-title">🫧 Anti-Pattern Impact Map</h2>
+<div class="card" style="display:flex; justify-content:center;">
+  <div id="bubble-chart" style="width:100%; min-height:300px;"></div>
+</div>
+<script type="application/json" id="bubble-data">${JSON.stringify(bubbles)}<\/script>`;
+}
+export function renderAntiPatterns(report, grouped) {
+    if (report.antiPatterns.length === 0)
+        return '';
+    const rows = Object.entries(grouped)
+        .sort((a, b) => b[1].count - a[1].count)
+        .map(([name, data]) => `
+        <tr>
+          <td><strong>${escapeHtml(name)}</strong></td>
+          <td class="count-cell">${data.count}</td>
+          <td><span class="severity-badge severity-${data.severity}">${data.severity}</span></td>
+          <td><small class="suggestion">${escapeHtml(data.suggestion)}</small></td>
+          <td><div class="locations">${data.locations
+        .slice(0, 5)
+        .map((l) => `<code>${escapeHtml(l)}</code>`)
+        .join(' ')}${data.locations.length > 5 ? ` <em>+${data.count - 5} more</em>` : ''}</div></td>
+        </tr>`)
+        .join('');
+    return `
+<h2 class="section-title">⚠️ Anti-Pattern Details (${report.antiPatterns.length})</h2>
+<div class="card">
+  <table>
+    <thead>
+      <tr>
+        <th>Pattern</th>
+        <th>Count</th>
+        <th>Severity</th>
+        <th>Suggestion</th>
+        <th>Locations</th>
+      </tr>
+    </thead>
+    <tbody>${rows}</tbody>
+  </table>
+</div>`;
+}
+//# sourceMappingURL=anti-patterns.js.map

package/dist/src/adapters/html-reporter/sections/anti-patterns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anti-patterns.js","sourceRoot":"","sources":["../../../../../src/adapters/html-reporter/sections/anti-patterns.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,UAAU,wBAAwB,CACtC,MAAsB,EACtB,OAAqG;IAErG,IAAI,MAAM,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACrC,OAAO;;;;OAIN,CAAC;IACJ,CAAC;IAED,MAAM,cAAc,GAA2B;QAC7C,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE;KAC5C,CAAC;IAEF,MAAM,aAAa,GAA2B;QAC5C,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS;KACxE,CAAC;IAEF,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QAC7D,IAAI;QACJ,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,MAAM,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC;QAC9D,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,SAAS;KACjD,CAAC,CAAC,CAAC;IAEJ,OAAO;;;;;mDAKwC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC;AACrF,CAAC;AAGD,MAAM,UAAU,kBAAkB,CAChC,MAAsB,EACtB,OAAqG;IAErG,IAAI,MAAM,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IAEhD,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;SACjC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;SACvC,GAAG,CACF,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC;;wBAEF,UAAU,CAAC,IAAI,CAAC;mCACL,IAAI,CAAC,KAAK;qDACQ,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ;0CAC1C,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC;uCAC9B,IAAI,CAAC,SAAS;SACxC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;SACX,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;SAC3C,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,KAAK,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;cAC/E,CACP;SACA,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,OAAO;qDAC0C,MAAM,CAAC,YAAY,CAAC,MAAM;;;;;;;;;;;;aAYlE,IAAI;;OAEV,CAAC;AACN,CAAC"}

package/dist/src/adapters/html-reporter/sections/header.d.ts

@@ -0,0 +1,3 @@
+import { AnalysisReport } from '@girardelli/architect-core/src/core/types/core.js';
+export declare function renderHeader(report: AnalysisReport): string;
+export declare function renderFooter(): string;

package/dist/src/adapters/html-reporter/sections/header.js

@@ -0,0 +1,30 @@
+import { escapeHtml } from "../utils_sections.js";
+export function renderHeader(report) {
+    const date = new Date(report.timestamp).toLocaleDateString('en-US', {
+        year: 'numeric',
+        month: 'long',
+        day: 'numeric',
+    });
+    return `
+<div class="header">
+  <h1>🏗️ Architect</h1>
+  <p class="subtitle">Architecture Analysis Report</p>
+  <div class="meta">
+    <span>📂 <strong>${escapeHtml(report.projectInfo.name)}</strong></span>
+    <span>📁 <strong>${report.projectInfo.totalFiles}</strong> files</span>
+    <span>📝 <strong>${report.projectInfo.totalLines.toLocaleString()}</strong> lines</span>
+    <span>💻 <strong>${report.projectInfo.primaryLanguages.join(', ')}</strong></span>
+    ${report.projectInfo.frameworks.length > 0 ? `<span>🔧 <strong>${report.projectInfo.frameworks.join(', ')}</strong></span>` : ''}
+    <span>📅 <strong>${date}</strong></span>
+  </div>
+</div>`;
+}
+export function renderFooter() {
+    return `
+<div class="footer">
+  <p>Generated by <a href="https://github.com/camilooscargbaptista/architect">⚡ Architect v8.1</a> — Enterprise Architecture Intelligence</p>
+  <p>By <strong>Camilo Girardelli</strong> · <a href="https://www.girardellitecnologia.com">Girardelli Tecnologia</a></p>
+</div>`;
+}
+// ── Refactoring Plan Section ──
+//# sourceMappingURL=header.js.map

package/dist/src/adapters/html-reporter/sections/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../../src/adapters/html-reporter/sections/header.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,UAAU,YAAY,CAAC,MAAsB;IACjD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,kBAAkB,CAAC,OAAO,EAAE;QAClE,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,SAAS;KACf,CAAC,CAAC;IACH,OAAO;;;;;uBAKY,UAAU,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;uBACnC,MAAM,CAAC,WAAW,CAAC,UAAU;uBAC7B,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,cAAc,EAAE;uBAC9C,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;MAC/D,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAoB,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE;uBAC7G,IAAI;;OAEpB,CAAC;AACN,CAAC;AAGD,MAAM,UAAU,YAAY;IAC1B,OAAO;;;;OAIJ,CAAC;AACN,CAAC;AAED,iCAAiC"}

package/dist/src/adapters/html-reporter/sections/layers.d.ts

@@ -0,0 +1,9 @@
+import { AnalysisReport } from '@girardelli/architect-core/src/core/types/core.js';
+export declare function renderLayers(report: AnalysisReport): string;
+/**
+ * Interactive D3.js force-directed dependency graph
+ */
+export declare function renderDependencyGraph(report: AnalysisReport): string;
+/**
+ * Bubble chart for anti-patterns — bigger = more severe
+ */ 

package/dist/src/adapters/html-reporter/sections/layers.js

@@ -0,0 +1,143 @@
+import { escapeHtml } from "../utils_sections.js";
+export function renderLayers(report) {
+    if (report.layers.length === 0)
+        return '';
+    const layerColors = {
+        API: '#ec4899',
+        Service: '#3b82f6',
+        Data: '#10b981',
+        UI: '#f59e0b',
+        Infrastructure: '#8b5cf6',
+    };
+    const cards = report.layers
+        .map((l) => {
+        const color = layerColors[l.name] || '#64748b';
+        return `
+      <div class="layer-card" style="--layer-color: ${color}">
+        <div class="count" style="color: ${color}">${l.files.length}</div>
+        <div class="name">${l.name}</div>
+        <div class="desc">${escapeHtml(l.description)}</div>
+      </div>`;
+    })
+        .join('');
+    return `
+<h2 class="section-title">📐 Architectural Layers</h2>
+<div class="layers-grid">${cards}</div>`;
+}
+/**
+ * Interactive D3.js force-directed dependency graph
+ */
+export function renderDependencyGraph(report) {
+    if (report.dependencyGraph.edges.length === 0)
+        return '';
+    // Build real file set — only files that appear as SOURCE in edges (these are real scanned files)
+    const realFiles = new Set(report.dependencyGraph.edges.map(e => e.from));
+    // Count connections only for real files
+    const connectionCount = {};
+    for (const edge of report.dependencyGraph.edges) {
+        if (realFiles.has(edge.from)) {
+            connectionCount[edge.from] = (connectionCount[edge.from] || 0) + 1;
+        }
+        if (realFiles.has(edge.to)) {
+            connectionCount[edge.to] = (connectionCount[edge.to] || 0) + 1;
+        }
+    }
+    // Build layer map from report layers
+    const layerMap = {};
+    for (const layer of report.layers) {
+        for (const file of layer.files) {
+            layerMap[file] = layer.name;
+        }
+    }
+    // Create nodes only from real files
+    const allNodes = [...realFiles].map(n => ({
+        id: n,
+        name: n.split('/').pop() || n,
+        connections: connectionCount[n] || 0,
+        layer: layerMap[n] || 'Other',
+    }));
+    // ── Fallback: color by module/directory when layer detection is weak ──
+    const otherCount = allNodes.filter(n => n.layer === 'Other').length;
+    const useModuleColoring = allNodes.length > 0 && (otherCount / allNodes.length) > 0.7;
+    // Palette for module-based coloring (10 distinct, vibrant colors)
+    const modulePalette = [
+        '#3b82f6', '#ec4899', '#10b981', '#f59e0b', '#8b5cf6',
+        '#06b6d4', '#ef4444', '#84cc16', '#f97316', '#6366f1',
+    ];
+    let moduleColorMap = {};
+    if (useModuleColoring) {
+        // Extract module (first meaningful directory) from each node path
+        const getModule = (filePath) => {
+            const parts = filePath.split('/');
+            if (parts.length < 2)
+                return 'root';
+            const first = parts[0];
+            // If first dir is common source dir, use second level
+            if (['src', 'lib', 'app', 'packages', 'modules', 'features', 'apps'].includes(first)) {
+                return parts.length > 2 ? parts[1] : first;
+            }
+            return first;
+        };
+        // Assign colors to modules
+        const moduleNames = [...new Set(allNodes.map(n => getModule(n.id)))];
+        moduleNames.forEach((mod, i) => {
+            moduleColorMap[mod] = modulePalette[i % modulePalette.length];
+        });
+        // Reassign layer field to module name for coloring
+        for (const node of allNodes) {
+            node.layer = getModule(node.id);
+        }
+    }
+    // Build links only between real files
+    const allLinks = report.dependencyGraph.edges
+        .filter(e => realFiles.has(e.from) && realFiles.has(e.to))
+        .map(e => ({ source: e.from, target: e.to }));
+    // Limit to top N most-connected nodes for large projects
+    const maxNodes = 60;
+    const sortedNodes = [...allNodes].sort((a, b) => b.connections - a.connections);
+    const limitedNodes = sortedNodes.slice(0, maxNodes);
+    const limitedNodeIds = new Set(limitedNodes.map(n => n.id));
+    const limitedLinks = allLinks.filter(l => limitedNodeIds.has(l.source) && limitedNodeIds.has(l.target));
+    const isLimited = allNodes.length > maxNodes;
+    // Collect unique layers/modules from limited nodes
+    const uniqueLayers = [...new Set(limitedNodes.map(n => n.layer))];
+    // Build dynamic color map for legend and D3
+    const colorMap = useModuleColoring
+        ? moduleColorMap
+        : { API: '#ec4899', Service: '#3b82f6', Data: '#10b981', UI: '#f59e0b', Infrastructure: '#8b5cf6', Other: '#64748b' };
+    const legendLabel = useModuleColoring ? 'Colored by module' : 'Colored by layer';
+    const legendHtml = uniqueLayers.map(l => {
+        const color = colorMap[l] || '#64748b';
+        return `<span class="legend-item"><span class="legend-dot" style="background: ${color}"></span> ${l}</span>`;
+    }).join('');
+    const filterHtml = uniqueLayers.map(l => {
+        const color = colorMap[l] || '#64748b';
+        return `<label class="graph-filter-check"><input type="checkbox" checked data-layer="${l}" onchange="toggleGraphLayer('${l}', checked)"><span class="legend-dot" style="background: ${color}"></span> ${l}</label>`;
+    }).join('');
+    return `
+<h2 class="section-title">🔗 Dependency Graph</h2>
+<div class="card graph-card">
+  <div class="graph-controls">
+    <div class="graph-legend">
+      <span class="legend-label" style="color:#94a3b8;font-size:11px;margin-right:8px;">${legendLabel}:</span>
+      ${legendHtml}
+    </div>
+    <div class="graph-filters">
+      <input type="text" id="graphSearch" class="graph-search" placeholder="🔍 Search node..." oninput="filterGraphNodes(value)">
+      <div class="graph-layer-filters">
+        ${filterHtml}
+      </div>
+    </div>
+    ${isLimited ? `<div class="graph-limit-notice">Showing top ${maxNodes} of ${allNodes.length} source files (most connected) · ${limitedLinks.length} links</div>` : ''}
+  </div>
+  <div id="dep-graph" style="width:100%; min-height:500px;"></div>
+  <div class="graph-hint">🖱️ Drag nodes • Scroll to zoom • Double-click to reset • Node size = connections</div>
+</div>
+<script type="application/json" id="graph-nodes">${JSON.stringify(limitedNodes)}${'</' + 'script>'}
+<script type="application/json" id="graph-links">${JSON.stringify(limitedLinks)}${'</' + 'script>'}
+<script type="application/json" id="graph-colors">${JSON.stringify(colorMap)}${'</' + 'script>'}`;
+}
+/**
+ * Bubble chart for anti-patterns — bigger = more severe
+ */ 
+//# sourceMappingURL=layers.js.map

package/dist/src/adapters/html-reporter/sections/layers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layers.js","sourceRoot":"","sources":["../../../../../src/adapters/html-reporter/sections/layers.ts"],"names":[],"mappings":"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"}

package/dist/src/adapters/html-reporter/sections/overview.d.ts

@@ -0,0 +1,2 @@
+import { AnalysisReport } from '@girardelli/architect-core/src/core/types/core.js';
+export declare function renderProjectOverview(report: AnalysisReport): string;

package/dist/src/adapters/html-reporter/sections/overview.js

@@ -0,0 +1,58 @@
+import { esc } from "../utils_sections.js";
+export function renderProjectOverview(report) {
+    const summary = report.projectSummary;
+    if (!summary)
+        return '';
+    const modulesHtml = summary.modules.length > 0
+        ? summary.modules.map(m => `
+        <div class="overview-module">
+          <div class="overview-module-name">${esc(m.name)}</div>
+          <div class="overview-module-desc">${esc(m.description)}</div>
+          <div class="overview-module-files">${m.files} file${m.files > 1 ? 's' : ''}</div>
+        </div>`).join('')
+        : '<div class="overview-empty">Nenhum módulo detectado</div>';
+    const techHtml = summary.techStack
+        .map(t => `<span class="overview-tag tech-tag">${esc(t)}</span>`)
+        .join('');
+    const keywordsHtml = summary.keywords
+        .map(k => `<span class="overview-tag keyword-tag">${esc(k)}</span>`)
+        .join('');
+    const entryHtml = summary.entryPoints.length > 0
+        ? summary.entryPoints.map(e => `<code class="overview-entry">${esc(e)}</code>`).join(' ')
+        : '<span class="overview-empty">—</span>';
+    return `
+    <details class="section-accordion" id="overview" open>
+      <summary class="section-accordion-header">📋 Project Overview</summary>
+      <div class="section-accordion-body">
+        <div class="overview-grid">
+          <div class="overview-card overview-main">
+            <div class="overview-label">O que é</div>
+            <div class="overview-description">${esc(summary.description)}</div>
+            <div class="overview-purpose-row">
+              <span class="overview-purpose-label">Tipo:</span>
+              <span class="overview-purpose-value">${esc(summary.purpose)}</span>
+            </div>
+          </div>
+          <div class="overview-card">
+            <div class="overview-label">Tech Stack</div>
+            <div class="overview-tags">${techHtml || '<span class="overview-empty">—</span>'}</div>
+          </div>
+          <div class="overview-card">
+            <div class="overview-label">Keywords</div>
+            <div class="overview-tags">${keywordsHtml || '<span class="overview-empty">—</span>'}</div>
+          </div>
+          <div class="overview-card">
+            <div class="overview-label">Entry Points</div>
+            <div class="overview-entries">${entryHtml}</div>
+          </div>
+        </div>
+        <div class="overview-modules-section">
+          <div class="overview-label">Módulos Detectados (${summary.modules.length})</div>
+          <div class="overview-modules-grid">
+            ${modulesHtml}
+          </div>
+        </div>
+      </div>
+    </details>`;
+}
+//# sourceMappingURL=overview.js.map

package/dist/src/adapters/html-reporter/sections/overview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview.js","sourceRoot":"","sources":["../../../../../src/adapters/html-reporter/sections/overview.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAEzC,MAAM,UAAU,qBAAqB,CAAC,MAAsB;IAC1D,MAAM,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC;IACtC,IAAI,CAAC,OAAO;QAAE,OAAO,EAAE,CAAC;IAExB,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;QAC5C,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;;8CAEa,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;8CACX,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC;+CACjB,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;eACrE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;QACnB,CAAC,CAAC,2DAA2D,CAAC;IAEhE,MAAM,QAAQ,GAAG,OAAO,CAAC,SAAS;SAC/B,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,uCAAuC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;SAChE,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,YAAY,GAAG,OAAO,CAAC,QAAQ;SAClC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,0CAA0C,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;SACnE,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,SAAS,GAAG,OAAO,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC;QAC9C,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,gCAAgC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QACzF,CAAC,CAAC,uCAAuC,CAAC;IAE5C,OAAO;;;;;;;gDAOqC,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC;;;qDAGnB,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC;;;;;yCAKhC,QAAQ,IAAI,uCAAuC;;;;yCAInD,YAAY,IAAI,uCAAuC;;;;4CAIpD,SAAS;;;;4DAIO,OAAO,CAAC,OAAO,CAAC,MAAM;;cAEpE,WAAW;;;;eAIV,CAAC;AACd,CAAC"}