Frontend: Render Diagrams and Layered AI Explanations

[lele-maxwell]

Description

Display the returned architecture in an intuitive, educational layout using:

• Mermaid.js for diagrams
• Expandable UI components for each layer (system > modules > components)
• AI explanations for each layer (markdown + optional collapsible sections)
• Tabs or sections for diagram, explanation, key insights

Requirements

• Use structured markdown or cards for explanation
• Integrate Mermaid rendering dynamically
• Provide loading and error states

Acceptance Criteria

• Diagrams and explanations render accurately and consistently
• UI is responsive and accessible