optimize dashboard

This commit is contained in:
team2
2026-03-01 16:52:50 +01:00
parent eb9ab2ec48
commit 6d1ab87f75
7 changed files with 206 additions and 94 deletions

View File

@@ -15,11 +15,12 @@
</div>
<!-- ===================================================== -->
<!-- KPI ROW -->
<!-- KPI ROW (NUR STATUS-AMPELN) -->
<!-- ===================================================== -->
<div class="row g-4 mb-4">
{# ================= CHUNK VECTOR STATUS ================= #}
{% if vectorHealth is defined %}
{% set status = vectorHealth.status %}
{% set badgeClass =
@@ -27,47 +28,67 @@
? 'bg-success'
: (status == 'INCONSISTENT_MISSING_VECTOR'
? 'bg-warning text-dark'
: 'bg-danger')
%}
: 'bg-danger') %}
{% endif %}
<!-- Vector Status -->
<div class="col-lg-6 col-xl-4">
<div class="col-lg-6 col-xl-3">
<div class="card bg-black border-secondary text-light h-100">
<div class="card-body">
<div class="small text-secondary mb-2">Vektor-Infrastruktur</div>
<div class="small text-light mb-2">Chunk-Vektor</div>
{% if vectorHealth is defined %}
<h4 class="mb-2">
<h4 class="mb-0">
<span class="badge {{ badgeClass }}">
{{ vectorHealth.status }}
</span>
</h4>
<div class="small text-secondary">
NDJSON-Chunks: {{ vectorHealth.ndjson_chunk_count|number_format(0, ',', '.') }}
<br>
Vektor-Index-Chunks: {{ vectorHealth.vector_chunk_count|number_format(0, ',', '.') }}
</div>
{% else %}
<div class="text-secondary small">
Keine Infrastrukturdaten verfügbar.
<div class="small text-light">
Keine Daten verfügbar.
</div>
{% endif %}
</div>
</div>
</div>
<!-- Knowledge Capacity -->
{% set percent = chunkLimit > 0 ? (chunkCount / chunkLimit * 100)|round(1) : 0 %}
{# ================= TAG VECTOR STATUS ================= #}
{% if tagVectorHealth is defined %}
{% set tagStatus = tagVectorHealth.status %}
{% set tagBadgeClass =
tagStatus starts with 'OK'
? 'bg-success'
: (tagStatus == 'INCONSISTENT_MISSING_VECTOR'
? 'bg-warning text-dark'
: 'bg-danger') %}
{% endif %}
<div class="col-lg-6 col-xl-4">
<div class="col-lg-6 col-xl-3">
<div class="card bg-black border-secondary text-light h-100">
<div class="card-body">
<div class="small text-light mb-2">Tag-Vektor</div>
<div class="small text-secondary mb-2">Wissenskapazität</div>
{% if tagVectorHealth is defined %}
<h4 class="mb-0">
<span class="badge {{ tagBadgeClass }}">
{{ tagVectorHealth.status }}
</span>
</h4>
{% else %}
<div class="small text-light">
Keine Daten verfügbar.
</div>
{% endif %}
</div>
</div>
</div>
{# ================= KNOWLEDGE CAPACITY ================= #}
{% set percent = chunkLimit > 0 ? (chunkCount / chunkLimit * 100)|round(1) : 0 %}
<div class="col-lg-6 col-xl-3">
<div class="card bg-black border-secondary text-light h-100">
<div class="card-body">
<div class="small text-light mb-2">Wissenskapazität</div>
<h4 class="mb-2">
{{ chunkCount|number_format(0, ',', '.') }}
@@ -77,8 +98,7 @@
</h4>
<div class="progress bg-dark mb-2" style="height: 14px;">
<div
class="progress-bar
<div class="progress-bar
{% if percent >= 95 %}
bg-danger
{% elseif percent >= 85 %}
@@ -86,24 +106,22 @@
{% else %}
bg-success
{% endif %}"
style="width: {{ percent }}%;">
style="width: {{ percent }}%;">
</div>
</div>
<div class="small text-secondary">
<div class="small text-light">
{{ percent }} % ausgelastet
</div>
</div>
</div>
</div>
<!-- Governance Snapshot -->
<div class="col-lg-6 col-xl-4">
{# ================= GOVERNANCE ================= #}
<div class="col-lg-6 col-xl-3">
<div class="card bg-black border-secondary text-light h-100">
<div class="card-body">
<div class="small text-secondary mb-2">System-Governance</div>
<div class="small text-light mb-2">System-Governance</div>
<div class="small">
<strong>Benutzer</strong><br>
@@ -114,7 +132,6 @@
<strong>Rollen</strong><br>
{{ app.user.roles|join(', ') }}
</div>
</div>
</div>
</div>
@@ -122,75 +139,93 @@
</div>
<!-- ===================================================== -->
<!-- DETAIL ROW -->
<!-- DETAIL ROW (HIER SIND DIE ZAHLEN) -->
<!-- ===================================================== -->
<div class="row g-4">
{% if vectorHealth is defined %}
<!-- Vector Detail -->
<div class="col-lg-6">
<div class="col-lg-4">
<div class="card bg-black border-secondary text-light h-100">
<div class="card-body">
<h5 class="text-info mb-3">Chunk-Vektor-Details</h5>
<h5 class="text-info mb-3">Details zur Vektor-Infrastruktur</h5>
<div class="row">
<div class="col-6">
<div class="small text-secondary">NDJSON-Chunks</div>
<div class="h5">
{{ vectorHealth.ndjson_chunk_count|number_format(0, ',', '.') }}
</div>
</div>
<div class="col-6">
<div class="small text-secondary">Vektor-Index-Chunks</div>
<div class="h5">
{{ vectorHealth.vector_chunk_count|number_format(0, ',', '.') }}
</div>
</div>
<div class="small text-info">NDJSON-Chunks</div>
<div class="h5 mb-3">
{{ vectorHealth.ndjson_chunk_count|number_format(0, ',', '.') }}
</div>
<div class="small text-info">Vektor-Index-Chunks</div>
<div class="h5">
{{ vectorHealth.vector_chunk_count|number_format(0, ',', '.') }}
</div>
</div>
</div>
</div>
{% endif %}
{% if is_granted('ROLE_SUPER_ADMIN') %}
{% if tagVectorHealth is defined %}
<div class="col-lg-4">
<div class="card bg-black border-secondary text-light h-100">
<div class="card-body">
<h5 class="text-info mb-3">Tag-Vektor-Details</h5>
<!-- Critical Operations -->
<div class="col-lg-6">
<div class="small text-info">NDJSON-Tags</div>
<div class="h5 mb-3">
{{ tagVectorHealth.tags_ndjson_count|number_format(0, ',', '.') }}
</div>
<div class="small text-info">Vektor-Index-Tags</div>
<div class="h5">
{{ tagVectorHealth.vector_tag_count|number_format(0, ',', '.') }}
</div>
</div>
</div>
</div>
{% endif %}
<!-- INDEXIERUNG -->
<div class="col-lg-4">
<div class="card bg-black border-secondary text-light h-100">
<div class="card-body">
<h5 class="text-info mb-3">Indexierung (Ingest Jobs)</h5>
<div class="text-muted small mb-3">
Erstellt den kompletten Wissensindex neu.
Kann je nach Datenmenge mehrere Minuten dauern.
</div>
<form method="post"
action="/admin/jobs/global-reindex"
onsubmit="return confirm('Global Reindex starten? Dies kann mehrere Minuten dauern.');">
<input type="hidden"
name="_token"
value="{{ csrf_token('global_reindex') }}">
<button type="submit"
class="btn btn-sm btn-outline-info">
Global Reindex starten
</button>
</form>
</div>
</div>
</div>
{% if is_granted('ROLE_SUPER_ADMIN') %}
<div class="col-lg-4">
<div class="card bg-black border-danger text-light h-100">
<div class="card-body">
<h5 class="text-danger mb-3">Kritische Systemoperationen</h5>
<div class="small mb-3 text-secondary">
Ein vollständiger System-Reset entfernt:
<ul>
<li>Alle Dokumente und Versionen</li>
<li>Den gesamten var/knowledge Inhalt</li>
<li>Den FAISS-Vektorindex für Chunks und Tags</li>
<li>Alle Ingest-Jobs</li>
<li>Alle Tags-Jobs</li>
<li>Alle Tags / Dokument Tags</li>
</ul>
<strong>Diese Aktion ist nicht rückgängig zu machen.</strong>
Entfernt alle Dokumente, Versionen, Indizes und Jobs.
<br><strong>Nicht rückgängig zu machen.</strong>
</div>
{% for label, messages in app.flashes %}
{% for message in messages %}
<div class="alert alert-{{ label }}">
{{ message }}
</div>
{% endfor %}
{% endfor %}
<form method="post"
action="{{ path('admin_document_reset') }}"
onsubmit="return confirm('System vollständig zurücksetzen? Diese Aktion kann nicht rückgängig gemacht werden.');">
onsubmit="return confirm('System vollständig zurücksetzen?');">
<input type="hidden"
name="_token"
@@ -200,16 +235,13 @@
class="btn btn-outline-danger">
Vollständigen System-Reset ausführen
</button>
</form>
</div>
</div>
</div>
{% endif %}
</div>
</div>
{% endblock %}
{% endblock %}