{% extends "base.html" %}
{% block title %}asiai — Monitor{% endblock %}

{# Vanilla-JS multi-node page: htmx/SSE/ApexCharts are dead weight here #}
{% block vendors %}{% endblock %}

{% block head %}
<link rel="stylesheet" href="/static/multinode.css?v=1.1.1">
{% endblock %}

{% block content %}
<div class="page-header">
    <h2>Monitor</h2>
    <p>Live gauges for every node — snapshot freshness shown per block</p>
</div>

<div id="mn-root" data-mn-page="monitor">
    <div class="mn-ribbon" id="mn-ribbon" hidden></div>
    <div class="mn-chipbar" id="mn-chips" hidden></div>
    <div class="mn-grid" id="mn-grid">
        <div class="mn-empty">Polling fleet…</div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script src="/static/multinode.js?v=1.1.1"></script>
{% endblock %}