From 0bce89cd8b2c15d77fb445710eb04ec05a21ca2a Mon Sep 17 00:00:00 2001
From: team 1 <team1@mitho-media.de>
Date: Mon, 11 May 2026 12:36:29 +0200
Subject: [PATCH] add chat user roles and logout

---
 public/assets/styles/base.css  |  4 ++++
 templates/chat/index.html.twig | 24 ++++++++++++++++++------
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/public/assets/styles/base.css b/public/assets/styles/base.css
index 4e82700..1d4b2f2 100644
--- a/public/assets/styles/base.css
+++ b/public/assets/styles/base.css
@@ -325,6 +325,10 @@ body {
     color: #86b7fe !important;
 }
 
+.btn{
+    font-size: .8rem;
+}
+
 .chat .text-info {
     font-size: .8rem;
 }
diff --git a/templates/chat/index.html.twig b/templates/chat/index.html.twig
index 1721d70..1171e66 100644
--- a/templates/chat/index.html.twig
+++ b/templates/chat/index.html.twig
@@ -29,15 +29,26 @@
         <img src="{{ asset('assets/img/logo.svg') }}" style="max-height: 20px;" alt="">
         <div class="spacer"></div>
 
-        <button id="clear" class="btn btn-trans" data-chat-message-text="ui.buttons.clear"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash-fill" viewBox="0 0 16 16">
-            <path d="M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5M8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5m3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0"/>
-        </svg></button>
-        <a id="chat-logout" href="{{ path('chat_logout') }}" class="btn btn-trans" data-chat-message-text="ui.buttons.logout">Abmelden</a>
+        <button id="clear" class="btn btn-trans" data-chat-message-text="ui.buttons.clear">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash-fill"
+                 viewBox="0 0 16 16">
+                <path d="M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5M8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5m3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0"/>
+            </svg>
+        </button>
+        <a id="chat-logout" href="{{ path('chat_logout') }}" class="btn btn-trans"
+           data-chat-message-text="ui.buttons.logout">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-power"
+                 viewBox="0 0 16 16">
+                <path d="M7.5 1v7h1V1z"/>
+                <path d="M3 8.812a5 5 0 0 1 2.578-4.375l-.485-.874A6 6 0 1 0 11 3.616l-.501.865A5 5 0 1 1 3 8.812"/>
+            </svg>
+            Abmelden</a>
     </div>
     <div id="ai-cloud" class="ai-cloud d-none"></div>
     <div id="chat" class="chat"></div>
 
-    <div id="retriex-chat-options" class="retriex-chat-options p-2" data-chat-message-aria-label="ui.options.aria_label">
+    <div id="retriex-chat-options" class="retriex-chat-options p-2"
+         data-chat-message-aria-label="ui.options.aria_label">
         <label class="retriex-option-toggle" for="toggle-retriex-cards">
             <input id="toggle-retriex-cards" type="checkbox">
             <span data-chat-message-text="ui.options.status_info"></span>
@@ -45,7 +56,8 @@
     </div>
 
     <div class="input-area">
-        <textarea id="prompt" class="form-control bg-dark" data-chat-message-placeholder="ui.input.prompt_placeholder"></textarea>
+        <textarea id="prompt" class="form-control bg-dark"
+                  data-chat-message-placeholder="ui.input.prompt_placeholder"></textarea>
         <button id="send" class="btn btn-trans" data-chat-message-text="ui.buttons.send"></button>
         <button id="abort" class="btn btn-trans" disabled data-chat-message-text="ui.buttons.abort"></button>
     </div>