From 9017701ad3eca8ba5ada77b8ba93cc73c4bd5213 Mon Sep 17 00:00:00 2001
From: team2 <team2@mitho-media.de>
Date: Tue, 17 Feb 2026 21:20:26 +0100
Subject: [PATCH] optimize ui

---
 .../admin/system/agent_overview.html.twig     |   4 +-
 templates/admin/system/prompt.html.twig       | 106 +++++++++---------
 2 files changed, 56 insertions(+), 54 deletions(-)

diff --git a/templates/admin/system/agent_overview.html.twig b/templates/admin/system/agent_overview.html.twig
index f6b8e4b..fff2c14 100644
--- a/templates/admin/system/agent_overview.html.twig
+++ b/templates/admin/system/agent_overview.html.twig
@@ -152,12 +152,12 @@
                                     {% if text|length > 240 %}…{% endif %}
                                 </div>
 
-                                <details class="mt-2">
+                                <details class="mt-2 position-relative">
                                     <summary class="text-secondary small">
                                         JSON anzeigen
                                     </summary>
 
-                                    <pre class="bg-dark text-info p-2 border border-secondary rounded mt-2 small">
+                                    <pre class="bg-dark text-info p-2 border border-secondary rounded mt-2 small position-absolute top-25 z-1 w-100">
 {{ item|json_encode(constant('JSON_PRETTY_PRINT')) }}
                                 </pre>
                                 </details>
diff --git a/templates/admin/system/prompt.html.twig b/templates/admin/system/prompt.html.twig
index 29e3265..c3355f5 100644
--- a/templates/admin/system/prompt.html.twig
+++ b/templates/admin/system/prompt.html.twig
@@ -19,58 +19,6 @@
         <div class="alert alert-danger">{{ message }}</div>
     {% endfor %}
 
-    {# ============================= #}
-    {# Neue Version erstellen       #}
-    {# ============================= #}
-
-    <div class="card bg-black border-secondary mb-5 text-light">
-        <div class="card-body">
-
-            <h5 class="text-info mb-3">Neue Version erstellen</h5>
-
-            <form method="post">
-                <input type="hidden"
-                       name="_token"
-                       value="{{ csrf_token('create_system_prompt') }}">
-
-                <div class="mb-3">
-                    <label class="form-label">Kommentar (optional)</label>
-                    <input type="text"
-                           name="comment"
-                           class="form-control bg-dark text-light border-secondary"
-                           placeholder="Warum wurde der Prompt geändert?">
-                    <div class="form-text text-secondary">
-                        Dokumentation der Änderung für spätere Nachvollziehbarkeit.
-                    </div>
-                </div>
-
-                <div class="mb-3">
-                    <label class="form-label">
-                        Prompt-Inhalt
-                    </label>
-                    <div class="form-text text-secondary mb-2">
-                        Verfügbare Variable:
-                        <code>{% verbatim %}{% now %}{% endverbatim %}</code>
-                        (aktuelles Datum/Zeit)
-                    </div>
-                    <textarea name="content"
-                              rows="16"
-                              class="form-control bg-dark text-light border-secondary"
-                              required>{{ active ? active.content : '' }}</textarea>
-                </div>
-
-                {% if is_granted('ROLE_SUPER_ADMIN') %}
-                    <div class="d-flex justify-content-end">
-                        <button class="btn btn-outline-info">
-                            Neue Version speichern
-                        </button>
-                    </div>
-                {% endif %}
-            </form>
-
-        </div>
-    </div>
-
     {# ============================= #}
     {# Versionen Übersicht          #}
     {# ============================= #}
@@ -169,4 +117,58 @@
         des LLM unmittelbar. Änderungen sollten dokumentiert und versioniert erfolgen.
     </div>
 
+    {# ============================= #}
+    {# Neue Version erstellen       #}
+    {# ============================= #}
+
+    <div class="card bg-black border-secondary mb-5 text-light">
+        <div class="card-body">
+
+            <h5 class="text-info mb-3">Neue Version erstellen</h5>
+
+            <form method="post">
+                <input type="hidden"
+                       name="_token"
+                       value="{{ csrf_token('create_system_prompt') }}">
+
+                <div class="mb-3">
+                    <label class="form-label">Kommentar (optional)</label>
+                    <input type="text"
+                           name="comment"
+                           class="form-control bg-dark text-light border-secondary"
+                           placeholder="Warum wurde der Prompt geändert?">
+                    <div class="form-text text-secondary">
+                        Dokumentation der Änderung für spätere Nachvollziehbarkeit.
+                    </div>
+                </div>
+
+                <div class="mb-3">
+                    <label class="form-label">
+                        Prompt-Inhalt
+                    </label>
+                    <div class="form-text text-secondary mb-2">
+                        Verfügbare Variable:
+                        <code>{% verbatim %}{% now %}{% endverbatim %}</code>
+                        (aktuelles Datum/Zeit)
+                    </div>
+                    <textarea name="content"
+                              rows="16"
+                              class="form-control bg-dark text-light border-secondary"
+                              required>{{ active ? active.content : '' }}</textarea>
+                </div>
+
+                {% if is_granted('ROLE_SUPER_ADMIN') %}
+                    <div class="d-flex justify-content-end">
+                        <button class="btn btn-outline-info">
+                            Neue Version speichern
+                        </button>
+                    </div>
+                {% endif %}
+            </form>
+
+        </div>
+    </div>
+
+
+
 {% endblock %}