optimize ux

public/assets/styles/base.css

@@ -364,4 +364,11 @@ body {
 
 .card.bg-black .card-body {
     color: #e2e2e2 !important;
+}
+
+.blue-glow{
+    box-shadow: 0px 0px 14px 0px rgba(99,124,247,0.325);
+}
+.text-glow{
+    text-shadow: #86b7fe 2px 1px 14px;
 }

public/index.html

@@ -18,7 +18,7 @@
 
 <div class="container">
     <div class="header">
-        <h1>mitho AI Agent</h1>
+        <h1>mitho® KI-Agent</h1>
         <div class="spacer"></div>
         <button id="clear" class="btn btn-trans">Diesen Chat löschen</button>
     </div>

templates/admin/base.html.twig

@@ -102,20 +102,24 @@
 
                     <hr class="border-secondary">
 
-                    <div class="text-info text-uppercase small mb-2">
+                    <div class="text-info text-uppercase small text-glow mb-2">
                         KI-Endpunkte
                     </div>
 
                     <a class="nav-link text-light {% if route starts with 'admin_model_config' %}active fw-bold{% endif %}"
                        href="{{ path('admin_model_config_list') }}">
-                        <i class="bi bi-rocket-takeoff-fill"></i> LLM-Setup (Parameter)
+                        <i class="bi bi-rocket-takeoff-fill"></i> KI-/LLM-Setup
+                    </a>
+                    <a class="nav-link text-light {% if route starts with 'admin_model_config' %}active fw-bold{% endif %}"
+                       href="{{ path('admin_model_config_list') }}#agentLiveTest">
+                        <i class="bi bi-rocket-takeoff-fill"></i> KI-Agent Live-Test
                     </a>
                     <hr class="border-secondary">
                     <div class="text-info text-uppercase small mb-2">
                         System-Guiide
                     </div>
 
-                    <a class="nav-link text-light {% if route starts with 'admin_model_config' %}active fw-bold{% endif %}"
+                    <a class="nav-link text-light {% if route starts with 'admin_guides_index' %}active fw-bold{% endif %}"
                        href="{{ path('admin_guides_index') }}">
                         <i class="bi bi-mortarboard-fill"></i> How-To & Leitfäden
                     </a>

templates/admin/guides/index.html.twig

@@ -6,7 +6,7 @@
 
     <div class="d-flex justify-content-between align-items-center mb-4 text-light">
         <div>
-            <h1 class="h3 mb-0">How-To & Leitfäden</h1>
+            <h1 class="h3 mb-0"><i class="bi bi-mortarboard-fill"></i> How-To & Leitfäden</h1>
             <small class="text-muted">
                 {{ guides|length }} Guide{{ guides|length == 1 ? '' : 's' }} verfügbar
             </small>

templates/admin/job/index.html.twig

@@ -5,7 +5,7 @@
 {% block body %}
 
     <div class="d-flex justify-content-between align-items-center mb-4">
-        <h1 class="h3">Indexierung (Ingest Jobs)</h1>
+        <h1 class="h3"><i class="bi bi-terminal"></i> Indexierung (Ingest Jobs)</h1>
 
         {% if is_granted('ROLE_SUPER_ADMIN') %}
             <form method="post"

templates/admin/model_config/list.html.twig

@@ -30,16 +30,16 @@
                 </p>
 
                 <ul class="small text-light mb-3">
-                    <li>LLM-Verhalten (Sampling & Kontext)</li>
+                    <li>KI/LLM Verhalten (Sampling & Kontext der KI)</li>
                     <li>Retrieval-Parameter (Vektor-Wissen)</li>
                     <li>Streaming-Modus</li>
                 </ul>
 
-                <h6 class="text-info mt-3">LLM Sampling</h6>
+                <h6 class="text-info mt-3">KI-/LLM-Sampling</h6>
 
                 <p class="small text-light mb-3">
-                    Parameter wie Temperature, TopK und TopP beeinflussen die
+                    Parameter wie <code>Temperature</code>, <code>TopK</code> und <code>TopP</code> beeinflussen die
-                    kreative Varianz der Antwort. Repeat Penalty steuert Wiederholungen,
+                    kreative Varianz der Antwort. <code>Repeat Penalty</code> steuert Wiederholungen,
                     während <code>numCtx</code> die maximale Kontextgröße des Modells festlegt.
                 </p>
             </div>
@@ -69,7 +69,7 @@
 
         </div>
     </div>
-    <h2 class="text-light mb-3">LLM Setup-Profile</h2>
+    <h2 class="text-light mb-3">KI-/LLM Setup-Profile</h2>
     <div class="card bg-black border-secondary">
         <div class="card-body p-0">
 
@@ -192,7 +192,7 @@
         des aktiven Modells aus. Pro Modell kann nur eine Version aktiv sein.
     </div>
     <hr>
-    <h2 class="h4 mb-4">Agent Live Test</h2>
+    <h2 class="h4 mb-4" id="agentLiveTest">KI-Agent Live-Test</h2>
 
     <div class="card bg-black border-secondary">
         <div class="card-body p-0">

templates/admin/system_logs/index.html.twig

@@ -4,7 +4,7 @@
 
 {% block body %}
     <div class="d-flex justify-content-between align-items-center mb-4">
-        <h1 class="h3 mb-0">System Logs</h1>
+        <h1 class="h3 mb-0"><i class="bi bi-terminal"></i> System Logs</h1>
     </div>
 
     <div class="card bg-dark border-secondary">

templates/admin/vector/log.html.twig

@@ -4,7 +4,7 @@
 
 {% block body %}
     <div class="d-flex justify-content-between align-items-center mb-4">
-        <h1 class="h3 mb-0">Vector Service Log Python</h1>
+        <h1 class="h3 mb-0"><i class="bi bi-terminal"></i> Vector Service Log Python</h1>
 
         {% if fileExists %}
             <input