{% extends "basis.html" %}{% block titel %}{{ t.vlast.titel }} – Timbre{% endblock %}
{# /verwaltung/last (29.10.2026): anonyme Lastübersicht – nur Zahlen, nie Konten, Adressen, Dateien oder Pfade (timbre_api/last.py).
   Die Kacheln tragen data-k (Pfad im JSON) und data-f (Format); static/verwaltung_last.js füllt die Kacheln aus dem Datenblock und danach
   alle 10 s aus GET /api/v1/verwaltung/last und zeichnet die Kurven. Image Schemas: oben = mehr (große Kacheln zuerst), Mitte = jetzt,
   links → rechts = Zeit (vor 24 h … jetzt), nah = ähnlich (Uploads/Analysen/Server als 3er-Block, der Rest als 5er-Block). #}
{% macro zeile(name, k, f="zahl", von=none) %}<div><dt>{{ name }}</dt><dd class="mono" data-k="{{ k }}" data-f="{{ f }}"{% if von %} data-von="{{ von }}"{% endif %}>–</dd></div>{% endmacro %}
{% macro kopf(titel, ampel, id) %}<h3 id="{{ id }}" class="vl-titel"><span class="vl-amp" data-ampel="{{ ampel }}"></span>{{ titel }}</h3>{% endmacro %}
{% block inhalt %}{% set x = t.vlast %}{% set k = x.k %}
<script type="application/json" id="vlast-daten">{{ last | tojson }}</script>
<script type="application/json" id="vlast-t">{{ dict(x, sprache=sprache) | tojson }}</script>
<div class="raster verwaltung vlast" id="vlast">
<div><div class="eyebrow">{{ x.eyebrow }}</div><h1>{{ x.titel }}</h1>
  <p class="leise">{{ x.lead }}</p>
  <nav class="vunternav klein" aria-label="{{ t.freigabe.verwaltung.titel }}"><a href="/verwaltung">← {{ t.freigabe.verwaltung.titel }}</a>
    <a href="/verwaltung/rechte">{{ t.vrechte.titel }}</a></nav>
  <p class="klein vl-stand mono" id="vl-stand">–</p>
  <p class="klein vl-meldung" id="vl-meldung" role="status"></p>
  <noscript><p class="hinweis warnung">{{ x.ohne_js }}</p></noscript></div>

<section class="raster" aria-labelledby="vl-jetzt-h">
  <h2 id="vl-jetzt-h">{{ x.jetzt_titel }}</h2>
  <div class="vl-drei">
    <article class="karte vl-kachel" aria-labelledby="vl-up-h">{{ kopf(k.uploads, "uploads", "vl-up-h") }}
      <p class="vl-gross"><b class="zahl" data-k="uploads.beta.laufend" data-f="summe_uploads">–</b> <span>{{ k.laufen }}</span></p>
      <dl class="vl-daten">
        {{ zeile(k.beta ~ " · " ~ k.plaetze, "uploads.beta.laufend", "von", "uploads.beta.plaetze") }}
        {{ zeile(k.beta ~ " · " ~ k.durchsatz, "uploads.beta.bytes_s", "bps") }}
        {{ zeile(k.analyse_up ~ " · " ~ k.aktiv, "uploads.analyse.aktiv") }}
        {{ zeile(k.analyse_up ~ " · " ~ k.offen, "uploads.analyse.offen") }}
        {{ zeile(k.analyse_up ~ " · " ~ k.durchsatz, "uploads.analyse.bytes_s", "bps") }}
      </dl></article>
    <article class="karte vl-kachel" aria-labelledby="vl-an-h">{{ kopf(k.analysen, "analysen", "vl-an-h") }}
      <p class="vl-gross"><b class="zahl" data-k="analysen.wartend" data-f="zahl">–</b> <span>{{ k.wartend }}</span></p>
      <dl class="vl-daten">
        {{ zeile(k.laufend, "analysen.laufend") }}
        {{ zeile(k.arbeiter, "analysen.arbeiter_belegt", "von", "analysen.arbeiter") }}
        {{ zeile(k.vorgemerkt, "analysen.vorgemerkt") }}
        {{ zeile(k.fertig_h, "analysen.fertig_h") }}
        {{ zeile(k.fehler_h, "analysen.fehler_h") }}
        {{ zeile(k.je_track, "analysen.dauer_s", "dauer") }}
        {{ zeile(k.rest, "analysen.rest_s", "dauer") }}
      </dl></article>
    <article class="karte vl-kachel" aria-labelledby="vl-sv-h">{{ kopf(k.server, "cpu", "vl-sv-h") }}
      <p class="vl-gross"><b class="zahl" data-k="server" data-f="cpu">–</b> <span>{{ k.cpu }}</span></p>
      <dl class="vl-daten">
        <div><dt><span class="vl-amp" data-ampel="ram"></span>{{ k.ram }}</dt><dd class="mono" data-k="server" data-f="ram">–</dd></div>
        <div><dt><span class="vl-amp" data-ampel="platte"></span>{{ k.platte }}</dt><dd class="mono" data-k="server" data-f="platte">–</dd></div>
        {{ zeile(k.container, "server", "container") }}
        <div><dt><span class="vl-amp" data-ampel="schwer"></span>{{ k.schwer }}</dt><dd class="mono" data-k="server.schwer" data-f="schwer">–</dd></div>
        {{ zeile(k.ollama, "server.ollama", "ollama") }}
      </dl></article>
  </div>
  <div class="vl-fuenf">
    <article class="karte vl-kachel klein-k" aria-labelledby="vl-ab-h"><h3 id="vl-ab-h" class="vl-titel">{{ k.abgleich }}</h3>
      <dl class="vl-daten">{{ zeile(k.laufend, "abgleich.laufend", "von", "abgleich.plaetze") }}{{ zeile(k.pakete_min, "abgleich.pakete_min") }}{{ zeile(k.desktop_min, "abgleich.desktop_min") }}</dl></article>
    <article class="karte vl-kachel klein-k" aria-labelledby="vl-sp-h">{{ kopf(k.abspielen, "abspielen", "vl-sp-h") }}
      <dl class="vl-daten">{{ zeile(k.stroeme, "abspielen.stroeme", "von", "abspielen.plaetze") }}{{ zeile(k.wandlungen, "abspielen.wandlungen", "von", "abspielen.wandlungen_plaetze") }}</dl></article>
    <article class="karte vl-kachel klein-k" aria-labelledby="vl-pk-h"><h3 id="vl-pk-h" class="vl-titel">{{ k.pakete }}</h3>
      <dl class="vl-daten">{{ zeile(k.laufend, "pakete.laufend", "von", "pakete.plaetze") }}</dl></article>
    <article class="karte vl-kachel klein-k" aria-labelledby="vl-tg-h"><h3 id="vl-tg-h" class="vl-titel">{{ k.tags }}</h3>
      <dl class="vl-daten">{{ zeile(k.laeufe, "tags.laufend") }}</dl></article>
    <article class="karte vl-kachel klein-k" aria-labelledby="vl-rq-h"><h3 id="vl-rq-h" class="vl-titel">{{ k.anfragen }}</h3>
      <dl class="vl-daten">
        <div><dt><span class="vl-amp" data-ampel="drossel"></span>{{ k.r429 }}</dt><dd class="mono" data-k="anfragen.r429_min" data-f="zahl">–</dd></div>
        <div><dt><span class="vl-amp" data-ampel="fehler"></span>{{ k.r5xx }}</dt><dd class="mono" data-k="anfragen.r5xx_min" data-f="zahl">–</dd></div>
      </dl></article>
  </div>
</section>

<section class="raster" aria-labelledby="vl-verlauf-h">
  <h2 id="vl-verlauf-h">{{ x.verlauf_titel }}</h2>
  <p class="klein leise" id="vl-seit">–</p>
  <div class="vl-kurven" id="vl-kurven">{% for r in ("cpu", "ram_frei", "uploads", "wartend", "stroeme", "abgleich", "r429", "r5xx") %}
    <figure class="karte vl-kurve" data-reihe="{{ r }}"><figcaption><span>{{ x.reihen[r] }}</span> <b class="mono" data-jetzt>–</b></figcaption>
      <svg viewBox="0 0 288 56" preserveAspectRatio="none" role="img" aria-label="{{ x.reihen[r] }}" focusable="false"></svg>
      <div class="vl-achse klein" aria-hidden="true"><span>{{ x.vor_24h }}</span><span data-spitze></span><span>{{ x.jetzt }}</span></div></figure>{% endfor %}
    <figure class="karte vl-kurve vl-stunden" data-reihe="stunden"><figcaption><span>{{ x.stunden_titel }}</span> <b class="mono" data-jetzt>–</b></figcaption>
      <svg viewBox="0 0 288 56" preserveAspectRatio="none" role="img" aria-label="{{ x.stunden_titel }}" focusable="false"></svg>
      <div class="vl-achse klein" aria-hidden="true"><span>{{ x.vor_24h }}</span><span data-spitze></span><span>{{ x.jetzt }}</span></div></figure>
  </div>
  <details class="vmehr"><summary>{{ x.tabelle }}</summary>
    <div class="tabelle" tabindex="0" role="region" aria-label="{{ x.tabelle }}"><table class="vl-tabelle">
      <thead><tr>{% for s in x.spalten %}<th scope="col">{{ s }}</th>{% endfor %}</tr></thead>
      <tbody id="vl-tabelle"></tbody></table></div>
  </details>
</section>
</div>
<script src="/static/verwaltung_last.js" defer></script>
{% endblock %}