- iconManager MaterialIconManager.js zijn nu 'unified' in 1 component, en samen met translation utilities omgezet naar een meer moderne Vue composable

- De sidebar is nu eveneens omgezet naar een Vue component.

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

@@ -73,12 +73,21 @@
 
 <script>
 import FormField from './FormField.vue';
+import { useIconManager } from '../js/composables/useIconManager.js';
 
 export default {
     name: 'DynamicForm',
     components: {
         'form-field': FormField
     },
+    setup(props) {
+        const { watchIcon } = useIconManager();
+        
+        // Watch formData.icon for automatic icon loading
+        watchIcon(() => props.formData?.icon);
+        
+        return {};
+    },
     props: {
         formData: {
             type: Object,
@@ -189,20 +198,9 @@ export default {
             },
             deep: true
         },
-        'formData.icon': {
-            handler(newIcon) {
-                if (newIcon && window.iconManager) {
-                    window.iconManager.loadIcon(newIcon);
-                }
-            },
-            immediate: true
-        }
     },
     created() {
-        // Zorg ervoor dat het icoon geladen wordt als iconManager beschikbaar is
-        if (window.iconManager && this.formData && this.formData.icon) {
-            window.iconManager.loadIcon(this.formData.icon);
-        }
+        // Icon loading is now handled automatically by useIconManager composable
     },
     methods: {
         updateFieldValue(fieldId, value) {