fix(frontend-chat): correct groupedDocuments typing and configure Vite root/input to fix Nx build for chat-app

Author: a-klos

services/frontend/apps/chat-app/vite.config.mts

@@ -10,6 +10,8 @@ export default defineConfig(({ mode }) => {
   const envs = loadEnv(mode, CWD);
   return {
     ...envs,
+    // Ensure Vite uses the app directory as root
+    root: fileURLToPath(new URL('./', import.meta.url)),
     cacheDir: '../../node_modules/.vite/chat-app',
     server: {
       port: 4200,
@@ -21,6 +23,12 @@ export default defineConfig(({ mode }) => {
         ],
       },
     },
+    build: {
+      rollupOptions: {
+        // Explicit entry to resolve index.html correctly when building via Nx
+        input: fileURLToPath(new URL('./index.html', import.meta.url)),
+      },
+    },
     plugins: [
       vue(),
       nxViteTsPaths(),

services/frontend/libs/chat-app/ui/ChatDocumentContainer.vue

@@ -14,15 +14,13 @@ const props = defineProps<{
     documents: Array<ChatDocumentModel>
 }>()
 
-const groupedDocuments = computed((): ChatDocumentItemModel[] => {
-    const documents = props.documents.map((document) => mapToDocumentItem(document));
-    const grouped = documents.reduce(
-        (reduced: any, element: ChatDocumentItemModel) => {
-            reduced[element.title] = reduced[element.title] || [];
-            reduced[element.title].push(element);
-            return reduced;
-        }, Object.create(null));
-    return grouped;
+const groupedDocuments = computed((): Record<string, ChatDocumentItemModel[]> => {
+    const items = props.documents.map((document) => mapToDocumentItem(document));
+    return items.reduce((acc: Record<string, ChatDocumentItemModel[]>, element: ChatDocumentItemModel) => {
+        if (!acc[element.title]) acc[element.title] = [];
+        acc[element.title].push(element);
+        return acc;
+    }, {});
 });
 </script>
 <template>