Fix: Static file serving for frontend assets

Dockerfile

@@ -27,11 +27,16 @@ COPY backend/app ./app
 COPY backend/models ./models
 
 # Create necessary directories
-RUN mkdir -p ./uploads ./static
+RUN mkdir -p ./uploads
 
 # Copy built frontend from builder stage
+# Vite builds to 'dist' folder
 COPY --from=frontend-builder /frontend/dist ./static
 
+# Debug: List static directory contents
+RUN echo "📁 Static directory contents:" && ls -la ./static/ && \
+    if [ -d "./static/assets" ]; then echo "✅ Assets directory exists"; ls -la ./static/assets/; fi
+
 # Expose port 7860 (required by Hugging Face Spaces)
 EXPOSE 7860
 

backend/app/main.py

@@ -1,7 +1,7 @@
 # backend/app/main.py (for Hugging Face Spaces)
 from fastapi import FastAPI, File, UploadFile, HTTPException
 from fastapi.middleware.cors import CORSMiddleware
-from fastapi.responses import JSONResponse, HTMLResponse
+from fastapi.responses import JSONResponse, HTMLResponse, FileResponse
 from fastapi.staticfiles import StaticFiles
 import os
 import shutil
@@ -42,6 +42,11 @@ async def startup_event():
     """Initialize model on startup"""
     global inference_engine
     
+    print(f"📁 Static directory: {STATIC_DIR}")
+    print(f"📁 Static exists: {STATIC_DIR.exists()}")
+    if STATIC_DIR.exists():
+        print(f"📁 Static contents: {list(STATIC_DIR.iterdir())}")
+    
     if not MODEL_PATH.exists():
         print(f"⚠️ Model file not found at {MODEL_PATH}")
         print("Please place your model_Full.pth in the backend/models/ directory")
@@ -53,9 +58,9 @@ async def startup_event():
             print(f"❌ Failed to initialize inference engine: {e}")
 
 
-# Serve static files if they exist
+# Mount static files for assets (CSS, JS, etc.)
 if STATIC_DIR.exists():
-    app.mount("/static", StaticFiles(directory=STATIC_DIR), name="static")
+    app.mount("/assets", StaticFiles(directory=STATIC_DIR / "assets"), name="assets")
 
 
 @app.get("/", response_class=HTMLResponse)
@@ -64,7 +69,7 @@ async def root():
     html_file = STATIC_DIR / "index.html"
     
     if html_file.exists():
-        return HTMLResponse(content=html_file.read_text())
+        return FileResponse(html_file)
     
     # Fallback API info if no frontend
     return HTMLResponse(content="""
@@ -137,7 +142,7 @@ async def root():
             <h2>🚀 Usage</h2>
             <p>Send a POST request to <code>/api/predict</code> with an MRI image file:</p>
             <pre style="background: rgba(0,0,0,0.3); padding: 15px; border-radius: 8px; overflow-x: auto;">
-curl -X POST "https://your-space.hf.space/api/predict" \\
+curl -X POST "https://arghadip2002-mri-app.hf.space/api/predict" \\
   -F "mriImage=@your_mri_image.jpg"
             </pre>
         </div>
@@ -228,7 +233,8 @@ async def health_check():
         "status": "healthy",
         "model_loaded": inference_engine is not None,
         "model_path": str(MODEL_PATH),
-        "model_exists": MODEL_PATH.exists()
+        "model_exists": MODEL_PATH.exists(),
+        "static_dir_exists": STATIC_DIR.exists()
     }