247 lines
10 KiB
Twig
247 lines
10 KiB
Twig
{% extends 'admin/base.html.twig' %}
|
|
|
|
{% block title %}System-Dashboard{% endblock %}
|
|
|
|
{% block body %}
|
|
<div class="container-fluid">
|
|
|
|
<!-- ===================================================== -->
|
|
<!-- HEADER -->
|
|
<!-- ===================================================== -->
|
|
|
|
<div class="d-flex justify-content-between align-items-center mb-4">
|
|
<h1 class="h3 mb-0">Systemübersicht</h1>
|
|
<span class="badge bg-secondary">RAG Enterprise</span>
|
|
</div>
|
|
|
|
<!-- ===================================================== -->
|
|
<!-- 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 =
|
|
status starts with 'OK'
|
|
? 'bg-success'
|
|
: (status == 'INCONSISTENT_MISSING_VECTOR'
|
|
? 'bg-warning text-dark'
|
|
: 'bg-danger') %}
|
|
{% endif %}
|
|
|
|
<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">Chunk-Vektor</div>
|
|
|
|
{% if vectorHealth is defined %}
|
|
<h4 class="mb-0">
|
|
<span class="badge {{ badgeClass }}">
|
|
{{ vectorHealth.status }}
|
|
</span>
|
|
</h4>
|
|
{% else %}
|
|
<div class="small text-light">
|
|
Keine Daten verfügbar.
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{# ================= 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-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>
|
|
|
|
{% 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, ',', '.') }}
|
|
<span class="text-secondary small">
|
|
/ {{ chunkLimit|number_format(0, ',', '.') }}
|
|
</span>
|
|
</h4>
|
|
|
|
<div class="progress bg-dark mb-2" style="height: 14px;">
|
|
<div class="progress-bar
|
|
{% if percent >= 95 %}
|
|
bg-danger
|
|
{% elseif percent >= 85 %}
|
|
bg-warning text-dark
|
|
{% else %}
|
|
bg-success
|
|
{% endif %}"
|
|
style="width: {{ percent }}%;">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="small text-light">
|
|
{{ percent }} % ausgelastet
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{# ================= 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-light mb-2">System-Governance</div>
|
|
|
|
<div class="small">
|
|
<strong>Benutzer</strong><br>
|
|
{{ app.user.userIdentifier }}
|
|
</div>
|
|
|
|
<div class="small mt-3">
|
|
<strong>Rollen</strong><br>
|
|
{{ app.user.roles|join(', ') }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- ===================================================== -->
|
|
<!-- DETAIL ROW (HIER SIND DIE ZAHLEN) -->
|
|
<!-- ===================================================== -->
|
|
|
|
<div class="row g-4">
|
|
|
|
{% if vectorHealth 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">Chunk-Vektor-Details</h5>
|
|
|
|
<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 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>
|
|
|
|
<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">
|
|
Entfernt alle Dokumente, Versionen, Indizes und Jobs.
|
|
<br><strong>Nicht rückgängig zu machen.</strong>
|
|
</div>
|
|
|
|
<form method="post"
|
|
action="{{ path('admin_document_reset') }}"
|
|
onsubmit="return confirm('System vollständig zurücksetzen?');">
|
|
|
|
<input type="hidden"
|
|
name="_token"
|
|
value="{{ csrf_token('system_reset') }}">
|
|
|
|
<button type="submit"
|
|
class="btn btn-outline-danger">
|
|
Vollständigen System-Reset ausführen
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
{% endblock %} |