added the style fix to the js

app.py

@@ -1,6 +1,7 @@
 import gradio as gr
 from fastapi import FastAPI, Request
 import json
+import uvicorn
 
 # ✅ Create FastAPI App
 app = FastAPI()
@@ -20,7 +21,8 @@ navigator.requestMIDIAccess()
 // ✅ Dummy Button Function
 function sendMIDI() {
     console.log("🎹 Sending Test MIDI Note");
-    fetch("/midi_input", {
+
+    fetch("/api/midi_input", {  // ✅ Fix: Use /api prefix
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ note: 60, velocity: 100 })
@@ -46,16 +48,16 @@ function sendMIDI() {
 with gr.Blocks() as demo:
     gr.HTML(midi_js)
 
-# ✅ Mount FastAPI with Gradio
+# ✅ Mount Gradio on a separate path (prevents API conflicts)
 app = gr.mount_gradio_app(app, demo, path="/")
 
-# ✅ Dummy API Endpoint (For Testing)
-@app.post("/midi_input")
+# ✅ Define FastAPI Endpoint (Fixing Not Found Issue)
+@app.post("/api/midi_input")  # ✅ Fix: Ensure endpoint is under /api
 async def process_midi(request: Request):
     data = await request.json()
     return {"status": "success", "received_note": data["note"], "received_velocity": data["velocity"]}
 
+# ✅ Run FastAPI & Gradio Server
 if __name__ == "__main__":
-    import uvicorn
     print("🚀 Starting FastAPI with Gradio...")
     uvicorn.run(app, host="0.0.0.0", port=7860)