Orgs, Members, SSH and Admin page

ui/vite.config.ts

@@ -1,11 +1,21 @@
 import path from "path"
 import tailwindcss from "@tailwindcss/vite"
 import react from "@vitejs/plugin-react"
+import { visualizer } from "rollup-plugin-visualizer"
 import { defineConfig } from "vite"
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [react(), tailwindcss()],
+  plugins: [
+    react(),
+    tailwindcss(),
+    visualizer({
+      filename: "dist/stats.html",
+      template: "treemap",
+      gzipSize: true,
+      brotliSize: true,
+    }),
+  ],
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),
@@ -20,7 +30,26 @@ export default defineConfig({
     },
   },
   build: {
+    chunkSizeWarningLimit: 1000,
     outDir: "../internal/ui/dist",
     emptyOutDir: true,
+    rollupOptions: {
+      output: {
+        manualChunks(id) {
+          if (!id.includes("node_modules")) return
+
+          if (id.includes("react-router")) return "router"
+          if (id.includes("@radix-ui")) return "radix"
+          if (id.includes("lucide-react") || id.includes("react-icons")) return "icons"
+          if (id.includes("recharts") || id.includes("d3")) return "charts"
+          if (id.includes("date-fns") || id.includes("dayjs")) return "dates"
+
+          return "vendor"
+        },
+      },
+    },
+  },
+  optimizeDeps: {
+    include: ["react", "react-dom", "react-router-dom"],
   },
 })