{% extends "base.html" %}
{% block title %}Oikos — graph{% endblock %}
{% block content %}
<h1>Topology</h1>
<p class="muted">Same Mermaid source as infrastructure/topology.md, rendered live from inventory.yaml.</p>
<div class="mermaid">
{{ mermaid_src }}
</div>
<script src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
<script>mermaid.initialize({ startOnLoad: true, theme: "dark" });</script>
{% endblock %}