Update app.py

app.py

@@ -1,6 +1,8 @@
 import gradio as gr
 import spaces
-from app.main import app as fastapi_app, moderate_text, TextRequest
+from fastapi import FastAPI
+from fastapi.middleware.cors import CORSMiddleware
+from app.main import app as moderation_app   # your existing FastAPI app with /moderate
 
 # Dummy function to pass ZeroGPU check
 @spaces.GPU
@@ -12,9 +14,10 @@ async def moderate_ui(text):
     if not text.strip():
         return "Please enter some text."
     try:
+        from app.main import moderate_text, TextRequest
         request = TextRequest(text=text)
         response = await moderate_text(request)
-        
+
         result = f"🚨 Flagged: {response.is_flagged}\n\n"
         result += f"📝 Original: {response.original_text}\n\n"
         if response.is_flagged and response.rewritten_text:
@@ -37,10 +40,25 @@ demo = gr.Interface(
     title="Multilingual Moderation API",
 )
 
-# ✅ THE FIX: Mount your FastAPI routes onto Gradio's internal app
-# This makes your /moderate endpoint live alongside the UI.
-demo.app.mount("/api", fastapi_app)
+# Create the main FastAPI app
+app = FastAPI(title="Multilingual Moderation API")
+
+# Add CORS middleware – allow all origins (or restrict as needed)
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],   # replace "*" with your Angular app's origin for production
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+# Mount the Gradio UI at the root path (or "/ui")
+app = gr.mount_gradio_app(app, demo, path="/")
+
+# Mount the moderation API at "/api" – keeps your /api/moderate endpoint
+app.mount("/api", moderation_app)
 
-# Launch Gradio
+# If you run this file directly:
 if __name__ == "__main__":
-    demo.launch(server_name="0.0.0.0", server_port=7860)
+    import uvicorn
+    uvicorn.run(app, host="0.0.0.0", port=7860)