From 0ef3b43b307f04e1c49004297556043825c4732e Mon Sep 17 00:00:00 2001
From: team 1 <team1@mitho-media.de>
Date: Mon, 6 Apr 2026 20:07:09 +0200
Subject: [PATCH] optimize ux

---
 public/assets/styles/base.css               |  7 +++++++
 public/index.html                           |  2 +-
 templates/admin/base.html.twig              | 10 +++++++---
 templates/admin/guides/index.html.twig      |  2 +-
 templates/admin/job/index.html.twig         |  2 +-
 templates/admin/model_config/list.html.twig | 12 ++++++------
 templates/admin/system_logs/index.html.twig |  2 +-
 templates/admin/vector/log.html.twig        |  2 +-
 8 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/public/assets/styles/base.css b/public/assets/styles/base.css
index 16b5b4a..83e1499 100644
--- a/public/assets/styles/base.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index eea4df2..eb43fb6 100644
--- a/public/index.html
+++ b/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>
diff --git a/templates/admin/base.html.twig b/templates/admin/base.html.twig
index 25eb978..8ca9392 100644
--- a/templates/admin/base.html.twig
+++ b/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>
diff --git a/templates/admin/guides/index.html.twig b/templates/admin/guides/index.html.twig
index 8ecd354..3c272fe 100644
--- a/templates/admin/guides/index.html.twig
+++ b/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>
diff --git a/templates/admin/job/index.html.twig b/templates/admin/job/index.html.twig
index ef805d5..70055ee 100644
--- a/templates/admin/job/index.html.twig
+++ b/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"
diff --git a/templates/admin/model_config/list.html.twig b/templates/admin/model_config/list.html.twig
index d0888f4..5e8a0f3 100644
--- a/templates/admin/model_config/list.html.twig
+++ b/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
-                    kreative Varianz der Antwort. Repeat Penalty steuert Wiederholungen,
+                    Parameter wie <code>Temperature</code>, <code>TopK</code> und <code>TopP</code> beeinflussen die
+                    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">
diff --git a/templates/admin/system_logs/index.html.twig b/templates/admin/system_logs/index.html.twig
index 48cfec4..7855fa3 100644
--- a/templates/admin/system_logs/index.html.twig
+++ b/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">
diff --git a/templates/admin/vector/log.html.twig b/templates/admin/vector/log.html.twig
index 2998970..945e6fa 100644
--- a/templates/admin/vector/log.html.twig
+++ b/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