- Build of the Chat Client using Vue.js

- Accompanying css
- Views to serve the Chat Client
- first test version of the TRACIE_SELECTION_SPECIALIST
- ESS Implemented.

eveai_chat_client/templates/base.html

@@ -6,7 +6,7 @@
     <title>{% block title %}EveAI Chat{% endblock %}</title>
 
     <!-- CSS -->
-    <link rel="stylesheet" href="{{ url_for('static', filename='css/chat.css') }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='assets/css/chat.css') }}">
 
     <!-- Vue.js -->
     <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
@@ -99,9 +99,9 @@
 
         .chat-container {
             flex: 1;
-            padding: 20px;
             display: flex;
             flex-direction: column;
+            min-height: 0;
         }
     </style>
 
@@ -129,7 +129,8 @@
     </div>
 
     <script>
-        Vue.createApp({
+        // Create Vue app and make it available globally
+        window.__vueApp = Vue.createApp({
             data() {
                 return {
                     explanation: `{{ customisation.sidebar_markdown|default('') }}`
@@ -148,7 +149,7 @@
                     }
                 }
             }
-        }).mount('#app');
+        });
     </script>
 
     {% block scripts %}{% endblock %}