Form in ChatInput are displayed correctly!

eveai_chat_client/static/js/components/ChatInput.js

@@ -4,6 +4,19 @@
     // Anders moet je ervoor zorgen dat MaterialIconManager.js eerder wordt geladen
     // en iconManager beschikbaar is via window.iconManager
 
+    // Voeg stylesheet toe voor ChatInput-specifieke stijlen
+    const addStylesheet = () => {
+        if (!document.querySelector('link[href*="chat-input.css"]')) {
+            const link = document.createElement('link');
+            link.rel = 'stylesheet';
+            link.href = '/static/assets/css/chat-input.css';
+            document.head.appendChild(link);
+        }
+    };
+
+    // Laad de stylesheet
+    addStylesheet();
+
     export const ChatInput = {
     name: 'ChatInput',
     components: {
@@ -235,7 +248,10 @@
         },
 
         updateFormValues(newValues) {
-            this.formValues = { ...newValues };
+            // Controleer of er daadwerkelijk iets is veranderd om recursieve updates te voorkomen
+            if (JSON.stringify(newValues) !== JSON.stringify(this.formValues)) {
+                this.formValues = JSON.parse(JSON.stringify(newValues));
+            }
         }
     },
     template: `
@@ -260,13 +276,6 @@
                 <!-- Geen extra knoppen meer onder het formulier, alles gaat via de hoofdverzendknop -->
             </div>
 
-            <style>
-                @keyframes spin {
-                    0% { transform: rotate(0deg); }
-                    100% { transform: rotate(360deg); }
-                }
-            </style>
-
             <div class="chat-input">
                 <!-- Main input area -->
                 <div class="input-main">