feat(ai-chat): Add first version of ai chat as well as frontend

Includes the first version of a rudimentary chat app, still without the SQL capabilities that we want later. For now, we can connect to the Azure OpenAI source and then have the response displayed in a plotly dash webapp. Some styling and UI elements were also added, such as logos. UI components are designed that the user cannot enter the same query twice and cannot click the submit button as long as the query is running.
2024-08-31 23:38:14 +02:00
parent c61c355ee6
commit 923dc3b439
4 changed files with 210 additions and 3 deletions
--- a/app/app_styles.py
+++ b/app/app_styles.py
@@ -0,0 +1,37 @@
+header_style = """
+<!DOCTYPE html>
+<html>
+    <head>
+        {%metas%}
+        <title>{%title%}</title>
+        {%favicon%}
+        {%css%}
+        <style>
+            .header-container {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                padding: 20px;
+                background-color: #f8f9fa;
+            }
+            .heading {
+                font-size: 2.5em;
+                font-weight: bold;
+                color: #333;
+            }
+            .logo {
+                height: 30px;
+                width: auto;
+            }
+        </style>
+    </head>
+    <body>
+        {%app_entry%}
+        <footer>
+            {%config%}
+            {%scripts%}
+            {%renderer%}
+        </footer>
+    </body>
+</html>
+"""