moving

apps/web/vite.config.ts

@@ -0,0 +1,55 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react-swc";
+import path from "path";
+import { componentTagger } from "lovable-tagger";
+
+// https://vitejs.dev/config/
+const sidecarTarget = process.env.SIDECAR_TARGET ?? "http://127.0.0.1:3333";
+
+export default defineConfig(({ mode }) => ({
+  server: {
+    host: "::",
+    port: 8080,
+    hmr: {
+      overlay: false,
+    },
+    proxy: {
+      "/api": {
+        target: sidecarTarget,
+        changeOrigin: true,
+      },
+      "/health": {
+        target: sidecarTarget,
+        changeOrigin: true,
+      },
+      "/ws": {
+        target: sidecarTarget.replace(/^http/, "ws"),
+        ws: true,
+      },
+    },
+  },
+  plugins: [react(), mode === "development" && componentTagger()].filter(Boolean),
+  build: {
+    rollupOptions: {
+      output: {
+        // Split the heaviest independent vendor libraries out of the single
+        // ~1.9MB app chunk so they cache separately and don't gate first paint.
+        // The React runtime + router stay in ONE chunk so context/singleton
+        // init order can't break across a chunk boundary.
+        manualChunks(id: string) {
+          if (!id.includes("node_modules")) return;
+          if (id.includes("framer-motion")) return "vendor-motion";
+          if (id.includes("recharts") || id.includes("d3-") || id.includes("victory-")) return "vendor-charts";
+          if (id.includes("@radix-ui")) return "vendor-radix";
+          if (/[\\/]node_modules[\\/](react|react-dom|react-router|react-router-dom|scheduler)[\\/]/.test(id)) return "vendor-react";
+        },
+      },
+    },
+  },
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+    dedupe: ["react", "react-dom", "react/jsx-runtime", "react/jsx-dev-runtime"],
+  },
+}));