Fix: Root route now serves frontend, smart API routing by method

main.py

@@ -296,9 +296,9 @@ class TestingMatrixResponse(BaseModel):
 
 
 # Endpoints
-@app.get("/")
-async def root():
-    """Root endpoint with API info."""
+@app.get("/api/info")
+async def api_info():
+    """API info endpoint."""
     return {
         "name": "Ad Generator Lite",
         "version": "2.0.0",
@@ -327,6 +327,26 @@ async def root():
     }
 
 
+# Root route - proxy to Next.js frontend
+@app.get("/")
+async def root():
+    """Proxy root to Next.js frontend."""
+    try:
+        async with httpx.AsyncClient(timeout=30.0) as client:
+            response = await client.get("http://localhost:3000/")
+            return StreamingResponse(
+                response.iter_bytes(),
+                status_code=response.status_code,
+                headers=dict(response.headers),
+                media_type=response.headers.get("content-type"),
+            )
+    except httpx.RequestError:
+        raise HTTPException(
+            status_code=503,
+            detail="Frontend server is not available."
+        )
+
+
 @app.get("/health")
 async def health():
     """Health check endpoint."""
@@ -1124,20 +1144,46 @@ async def delete_stored_ad(ad_id: str, username: str = Depends(get_current_user)
 async def frontend_proxy(path: str, request: StarletteRequest):
     """
     Proxy frontend requests to Next.js server.
-    Only proxies if the path doesn't start with API prefixes.
+    Smart routing based on path AND HTTP method.
     """
-    # API routes that should be handled by FastAPI
-    api_prefixes = [
-        "/api", "/auth", "/generate", "/matrix", "/extensive", 
-        "/db", "/strategies", "/health", "/images", "/image"
+    # Exact API-only routes (never frontend)
+    api_only_routes = [
+        "health", "auth/login", "api/correct", "db/stats", "db/ads",
+        "strategies", "extensive/generate"
     ]
     
-    # Check if this is an API route
-    if any(path.startswith(prefix) for prefix in api_prefixes):
-        # Let FastAPI handle it (will 404 if route doesn't exist)
+    # Routes that are API for POST but frontend for GET
+    # GET /generate -> frontend page, POST /generate -> API
+    api_post_routes = [
+        "generate", "generate/batch", "matrix/generate", "matrix/testing"
+    ]
+    
+    # Routes that are API for GET (data endpoints)
+    api_get_routes = [
+        "matrix/angles", "matrix/concepts", "matrix/angle", "matrix/concept", 
+        "matrix/compatible", "db/ad"
+    ]
+    
+    # Check if this is an API-only route
+    if any(path == route or path.startswith(f"{route}/") for route in api_only_routes):
+        raise HTTPException(status_code=404, detail="API endpoint not found")
+    
+    # Check if this is a POST to an API endpoint
+    if request.method == "POST" and any(path == route or path.startswith(f"{route}/") for route in api_post_routes):
         raise HTTPException(status_code=404, detail="API endpoint not found")
     
-    # Proxy to Next.js server running on port 3000
+    # Check if path starts with image serving routes
+    if path.startswith("image/") or path.startswith("images/"):
+        raise HTTPException(status_code=404, detail="API endpoint not found")
+    
+    # Check if this is a GET for data endpoints (with specific patterns)
+    if request.method == "GET":
+        for route in api_get_routes:
+            # Exact match or with path parameter (e.g., matrix/angle/fear)
+            if path == route or (path.startswith(f"{route}/") and "/" in path[len(route)+1:] == False):
+                raise HTTPException(status_code=404, detail="API endpoint not found")
+    
+    # Everything else goes to Next.js frontend
     try:
         async with httpx.AsyncClient(timeout=30.0) as client:
             # Forward the request to Next.js