- verbeteringen client

- removal of eveai_chat

eveai_chat_client/static/assets/vue-components/ChatMessage.vue

@@ -14,7 +14,7 @@
                 ></progress-tracker>
 
                 <!-- Form data display if available (alleen in user messages) -->
-                <div v-if="message.formValues && message.sender === 'user'" class="form-display user-form-values">
+                <div v-if="hasMeaningfulFormValues(message)" class="form-display user-form-values">
                     <dynamic-form
                         :form-data="message.formData"
                         :form-values="message.formValues"
@@ -181,6 +181,39 @@ export default {
         }
     },
     methods: {
+        hasMeaningfulFormValues(message) {
+            // Check if message is user message and has formValues
+            if (!message || message.sender !== 'user' || !message.formValues) {
+                return false;
+            }
+
+            // Check if formData exists and has fields
+            if (!message.formData || !message.formData.fields || Object.keys(message.formData.fields).length === 0) {
+                return false;
+            }
+
+            // Check if formValues object exists and isn't empty
+            if (!message.formValues || Object.keys(message.formValues).length === 0) {
+                return false;
+            }
+
+            // Check if any formValues have actual meaningful content
+            const hasActualValues = Object.entries(message.formValues).some(([key, value]) => {
+                // Skip if the field doesn't exist in formData
+                if (!message.formData.fields[key]) return false;
+                
+                // Check for meaningful values
+                if (value === null || value === undefined) return false;
+                if (typeof value === 'string' && value.trim() === '') return false;
+                if (typeof value === 'boolean') return true; // Boolean values are always meaningful
+                if (Array.isArray(value) && value.length === 0) return false;
+                
+                return true;
+            });
+
+            return hasActualValues;
+        },
+
         async handleLanguageChange(event) {
             // Controleer of dit het eerste bericht is in een gesprek met maar één bericht
             // Dit wordt al afgehandeld door MessageHistory component, dus we hoeven hier niets te doen

eveai_chat_client/static/assets/vue-components/DynamicForm.vue

@@ -9,8 +9,8 @@
                 <div class="form-title">{{ formData.title || formData.name }}</div>
             </div>
 
-            <!-- Form fields -->
-            <div class="form-fields">
+            <!-- Form fields (alleen tonen als NIET read-only) -->
+            <div v-if="!readOnly" class="form-fields">
                 <template v-if="Array.isArray(formData.fields)">
                     <form-field
                         v-for="field in formData.fields"

eveai_chat_client/static/assets/vue-components/FormMessage.vue

@@ -29,7 +29,31 @@ export default {
     },
     computed: {
         hasFormData() {
-            return this.formData && this.formData.fields && Object.keys(this.formData.fields).length > 0;
+            // Check if formData and fields exist
+            if (!this.formData || !this.formData.fields || Object.keys(this.formData.fields).length === 0) {
+                return false;
+            }
+            
+            // Check if formValues exist and contain meaningful data
+            if (!this.formValues || Object.keys(this.formValues).length === 0) {
+                return false;
+            }
+            
+            // Check if any formValues have actual content (not empty, null, or undefined)
+            const hasActualValues = Object.entries(this.formValues).some(([key, value]) => {
+                // Skip if the field doesn't exist in formData
+                if (!this.formData.fields[key]) return false;
+                
+                // Check for meaningful values
+                if (value === null || value === undefined) return false;
+                if (typeof value === 'string' && value.trim() === '') return false;
+                if (typeof value === 'boolean') return true; // Boolean values are always meaningful
+                if (Array.isArray(value) && value.length === 0) return false;
+                
+                return true;
+            });
+            
+            return hasActualValues;
         },
         formattedFields() {
             if (!this.hasFormData) return [];
@@ -267,7 +291,7 @@ export default {
 }
 
 /* High contrast mode */
-@media (prefers-contrast: high) {
+@media (prefers-contrast: more) {
     .form-message {
         border: 2px solid #000;
         background-color: #fff;