Update backend/app/main.py

backend/app/main.py

@@ -182,13 +182,41 @@ def get_history(db: Session = Depends(get_db)):
 
 # Static frontend mounting (used after we build React)
 # Dockerfile copies the Vite build into backend/frontend_dist
+# IMPORTANT: API routes must be defined BEFORE this so they take precedence
 frontend_dir = os.path.join(
     os.path.dirname(os.path.dirname(__file__)), "frontend_dist"
 )
 
 if os.path.isdir(frontend_dir):
-    app.mount(
-        "/",
-        StaticFiles(directory=frontend_dir, html=True),
-        name="frontend",
-    )
+    # Serve static files (JS, CSS, images, etc.) from assets directory
+    assets_dir = os.path.join(frontend_dir, "assets")
+    if os.path.isdir(assets_dir):
+        app.mount(
+            "/assets",
+            StaticFiles(directory=assets_dir),
+            name="assets",
+        )
+    
+    # Catch-all route to serve index.html for React Router
+    # This must be last so API routes are matched first
+    @app.get("/{full_path:path}")
+    async def serve_frontend(full_path: str):
+        """
+        Serve React app for all non-API routes.
+        React Router will handle client-side routing.
+        """
+        # Skip API routes, docs, and static assets
+        if (full_path.startswith("api/") or 
+            full_path.startswith("docs") or 
+            full_path.startswith("openapi.json") or
+            full_path.startswith("assets/")):
+            from fastapi import HTTPException
+            raise HTTPException(status_code=404)
+        
+        # Serve index.html for all other routes
+        from fastapi.responses import FileResponse
+        index_path = os.path.join(frontend_dir, "index.html")
+        if os.path.exists(index_path):
+            return FileResponse(index_path)
+        from fastapi import HTTPException
+        raise HTTPException(status_code=404)