- Introduction of eveai-listview (to select objects) that is sortable, filterable, ...

- npm build does now also include building css files.
- Source javascript and css are now defined in the source directories (eveai_app or eveai_chat_client), and automatically built for use with nginx
- eveai.css is now split into several more manageable files (per control type)

eveai_chat_client/static/assets/js/chat-app.js

@@ -1,11 +1,11 @@
 // Import all components
-import { TypingIndicator } from '/static/assets/js/components/TypingIndicator.js';
-import { FormField } from '/static/assets/js/components/FormField.js';
-import { DynamicForm } from '/static/assets/js/components/DynamicForm.js';
-import { ChatMessage } from '/static/assets/js/components/ChatMessage.js';
-import { MessageHistory } from '/static/assets/js/components/MessageHistory.js';
-import { ProgressTracker } from '/static/assets/js/components/ProgressTracker.js';
-import { LanguageSelector } from '/static/assets/js/components/LanguageSelector.js';
+import { TypingIndicator } from './components/TypingIndicator.js';
+import { FormField } from './components/FormField.js';
+import { DynamicForm } from './components/DynamicForm.js';
+import { ChatMessage } from './components/ChatMessage.js';
+import { MessageHistory } from './components/MessageHistory.js';
+import { ProgressTracker } from './components/ProgressTracker.js';
+import { LanguageSelector } from './components/LanguageSelector.js';
 
 // Maak componenten globaal beschikbaar voordat andere componenten worden geladen
 window.DynamicForm = DynamicForm;
@@ -16,7 +16,7 @@ window.MessageHistory = MessageHistory;
 window.ProgressTracker = ProgressTracker;
 
 // Nu kunnen we ChatInput importeren nadat de benodigde componenten globaal beschikbaar zijn
-import { ChatInput } from '/static/assets/js/components/ChatInput.js';
+import { ChatInput } from './components/ChatInput.js';
 
 // Main Chat Application
 export const ChatApp = {

eveai_chat_client/templates/base.html

@@ -5,18 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{% block title %}EveAI Chat{% endblock %}</title>
 
-    <!-- CSS -->
-    <link rel="stylesheet" href="{{ url_for('static', filename='assets/css/chat.css') }}">
-    <link rel="stylesheet" href="{{ url_for('static', filename='assets/css/language-selector.css') }}">
-
-    <!-- Vue.js (productie versie) -->
-    <script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
-
-    <!-- Markdown parser for explanation text -->
-    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
-
-    <!-- Translation support -->
-    <script src="{{ url_for('static', filename='assets/js/translation.js') }}"></script>
+    <link href="{{url_for('static', filename='dist/chat-client.css')}}" rel="stylesheet" />
 
     <!-- Custom theme colors from tenant settings -->
     <style>
@@ -58,6 +47,7 @@
         </div>
     </div>
 
+    <script src="{{url_for('static', filename='dist/chat-client.js')}}"></script>
     <script>
         // Maak ondersteunde talen beschikbaar voor de client
         window.config = {