# Diagrams This directory contains additional architecture diagrams beyond the main C4 diagrams. ## Available Diagrams | File | Description | |------|-------------| | [gpu-allocation.mmd](gpu-allocation.mmd) | GPU workload distribution | | [data-flow-chat.mmd](data-flow-chat.mmd) | Chat request data flow | | [data-flow-voice.mmd](data-flow-voice.mmd) | Voice request data flow | ## Rendering Diagrams ### VS Code Install the "Markdown Preview Mermaid Support" extension. ### CLI ```bash # Using mmdc (Mermaid CLI) npx @mermaid-js/mermaid-cli mmdc -i diagram.mmd -o diagram.png ``` ### Online Use [Mermaid Live Editor](https://mermaid.live) ## Diagram Conventions 1. Use `.mmd` extension for Mermaid diagrams 2. Include title as comment at top of file 3. Use consistent styling classes 4. Keep diagrams focused (one concept per diagram)