refactor: module federation

Signed-off-by: Sebastian Krupinski <krupinski01@gmail.com>

vite.config.ts

@@ -1,16 +1,38 @@
 import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
 import path from 'path'
 
 // https://vite.dev/config/
 export default defineConfig({
+  plugins: [
+    vue(),
+    {
+      name: 'inject-css-filename',
+      enforce: 'post',
+      generateBundle(_options, bundle) {
+        const cssFile = Object.keys(bundle).find(name => name.endsWith('.css'))
+        if (!cssFile) return
+        
+        for (const fileName of Object.keys(bundle)) {
+          const chunk = bundle[fileName]
+          if (chunk.type === 'chunk' && chunk.code.includes('__CSS_FILENAME_PLACEHOLDER__')) {
+            chunk.code = chunk.code.replace(/__CSS_FILENAME_PLACEHOLDER__/g, `static/${cssFile}`)
+            console.log(`Injected CSS filename "static/${cssFile}" into ${fileName}`)
+          }
+        }
+      }
+    }
+  ],
   resolve: {
     alias: {
       '@': path.resolve(__dirname, './src'),
-      '@KTXC': path.resolve(__dirname, '../../core/src')
+      '@KTXC': path.resolve(__dirname, '../../core/src'),
+      '@FilesManager': path.resolve(__dirname, './src')
     },
   },
   build: {
     outDir: 'static',
+    emptyOutDir: true,
     sourcemap: true,
     lib: {
       entry: path.resolve(__dirname, 'src/main.ts'),
@@ -19,12 +41,23 @@ export default defineConfig({
     },
     rollupOptions: {
       external: [
-        'pinia',
         'vue',
         'vue-router',
-        // Externalize shared utilities from core to avoid duplication
-        /^@KTXC\/utils\//,
+        'pinia',
+        '@KTXC',
       ],
+      output: {
+        paths: (id) => {
+          if (id === '@KTXC') return '/js/ktxc.mjs'
+          return id
+        },
+        assetFileNames: (assetInfo) => {
+          if (assetInfo.name?.endsWith('.css')) {
+            return 'file_manager-[hash].css'
+          }
+          return '[name]-[hash][extname]'
+        }
+      }
     },
   },
 })