const ARCHITECTURE_DIAGRAM = `graph TD
  Transport["MCP Transport (index.ts)"] --> Tools["Tools (src/tools/)"]
  Transport --> Resources["Resources (src/resources/)"]
  Tools --> Engine["Engine (src/engine/)"]
  Resources --> Engine
  Engine --> Types["Types (src/types/)"]
  Tools --> Storage["Storage (src/storage/)"]
  Engine -.-> Storage
  Storage --> Types`;
const SDD_FLOW_DIAGRAM = `graph LR
  Init["1. Initialize"] --> Analyze["2. Analyze"]
  Analyze --> Spec["3. Create Spec"]
  Spec --> Filter["4. Filter"]
  Filter --> Review["5. Review"]
  Review --> Impl["6. Implement"]
  Impl --> Valid["7. Validate"]
  Valid --> Doc["8. Document"]`;
const SPEC_LIFECYCLE_DIAGRAM = `stateDiagram-v2
  [*] --> draft
  draft --> review
  review --> approved
  review --> draft: feedback
  approved --> implementing
  implementing --> done
  done --> [*]`;
function wrapMermaid(title, content) {
    return `<div class="diagram-section">
  <h2>${title}</h2>
  <div class="mermaid">${content}</div>
</div>`;
}
export function renderDiagramsPage() {
    return `<div class="diagrams-page">
  <h1>Architecture Diagrams</h1>
${wrapMermaid('Clean Architecture', ARCHITECTURE_DIAGRAM)}
${wrapMermaid('SDD Flow', SDD_FLOW_DIAGRAM)}
${wrapMermaid('Spec Lifecycle', SPEC_LIFECYCLE_DIAGRAM)}
</div>`;
}
//# sourceMappingURL=diagrams-renderer.js.map