Update app.py

app.py

@@ -1,4 +1,4 @@
-from fastapi import FastAPI, Request, HTTPException
+from fastapi import FastAPI, Request, HTTPException, Response
 from fastapi.middleware.cors import CORSMiddleware
 from fastapi.responses import RedirectResponse, HTMLResponse
 from api import api_router
@@ -50,56 +50,58 @@ def authenticate_admin(email: str = None, password: str = None):
     logger.info(f"Admin authenticated successfully: {email}")
     return True
 
+# Define Gradio interface
+admin_ui = gr.Blocks(css="""
+    .gradio-container {
+        background-color: #1A1B1F;
+        color: #E2E8F0;
+        font-family: 'Segoe UI', sans-serif;
+        padding: 3rem;
+    }
+    .title-text { text-align: center; font-size: 2rem; font-weight: 700; color: #37B6E9; margin-bottom: 0.5rem; }
+    .description-text { text-align: center; font-size: 1rem; color: #A0AEC0; margin-bottom: 2rem; }
+    .gr-box, .gr-form, .gr-column, .gr-panel { background-color: #2D2F36 !important; border-radius: 16px !important; padding: 2rem !important; max-width: 600px; margin: auto; box-shadow: 0 0 0 1px #3B3E47; }
+    label { font-weight: 600; color: #F7FAFC; margin-bottom: 6px; }
+    input, select, textarea { background-color: #1A1B1F !important; color: #F7FAFC !important; border: 1px solid #4A5568 !important; font-size: 14px; padding: 10px; border-radius: 10px; }
+    button { background-color: #37B6E9 !important; color: #1A1B1F !important; border-radius: 10px !important; font-weight: 600; padding: 12px; width: 100%; margin-top: 1.5rem; }
+    .output-box textarea { background-color: transparent !important; border: none; color: #90CDF4; font-size: 14px; margin-top: 1rem; }
+""")
+
+with admin_ui:
+    gr.Markdown("<div class='title-text'>👨‍⚕️ Doctor Account Creator</div>")
+    gr.Markdown("<div class='description-text'>Admins can register new doctors using this secure panel. Generated at 10:01 PM CET on Sunday, May 25, 2025.</div>")
+
+    with gr.Column():
+        full_name = gr.Textbox(label="Full Name", placeholder="e.g. Dr. Sarah Hopkins")
+        email = gr.Textbox(label="Email", placeholder="e.g. doctor@clinic.org")
+        matricule = gr.Textbox(label="Matricule", placeholder="e.g. DOC-1234")
+        specialty = gr.Dropdown(
+            label="Specialty",
+            choices=["Cardiology", "Neurology", "Pediatrics", "Oncology", "General Practice", "Psychiatry", "Dermatology", "Orthopedics"],
+            value="Cardiology"
+        )
+        password = gr.Textbox(label="Password", type="password", placeholder="Secure password")
+        submit_btn = gr.Button("Create Doctor Account")
+        output = gr.Textbox(label="", show_label=False, elem_classes=["output-box"])
+
+        submit_btn.click(
+            fn=create_doctor,
+            inputs=[full_name, email, matricule, specialty, password],
+            outputs=output
+        )
+
 # Serve Gradio interface for /admin with authentication
 @app.get("/admin")
-async def admin_dashboard(email: str = None, password: str = None):
+async def admin_dashboard(email: str = None, password: str = None, response: Response = None):
     logger.debug("Admin dashboard accessed with email and password")
     try:
         authenticate_admin(email, password)
     except HTTPException as e:
-        return HTMLResponse(content="<h1>401 Unauthorized</h1><p>Invalid email or password. Please use: email=yakdhanali97@gmail.com&password=123456</p>", status_code=401)
-
-    # Serve the Gradio interface
-    admin_ui = gr.Blocks(css="""
-        .gradio-container {
-            background-color: #1A1B1F;
-            color: #E2E8F0;
-            font-family: 'Segoe UI', sans-serif;
-            padding: 3rem;
-        }
-        .title-text { text-align: center; font-size: 2rem; font-weight: 700; color: #37B6E9; margin-bottom: 0.5rem; }
-        .description-text { text-align: center; font-size: 1rem; color: #A0AEC0; margin-bottom: 2rem; }
-        .gr-box, .gr-form, .gr-column, .gr-panel { background-color: #2D2F36 !important; border-radius: 16px !important; padding: 2rem !important; max-width: 600px; margin: auto; box-shadow: 0 0 0 1px #3B3E47; }
-        label { font-weight: 600; color: #F7FAFC; margin-bottom: 6px; }
-        input, select, textarea { background-color: #1A1B1F !important; color: #F7FAFC !important; border: 1px solid #4A5568 !important; font-size: 14px; padding: 10px; border-radius: 10px; }
-        button { background-color: #37B6E9 !important; color: #1A1B1F !important; border-radius: 10px !important; font-weight: 600; padding: 12px; width: 100%; margin-top: 1.5rem; }
-        .output-box textarea { background-color: transparent !important; border: none; color: #90CDF4; font-size: 14px; margin-top: 1rem; }
-    """)
-
-    with admin_ui:
-        gr.Markdown("<div class='title-text'>👨‍⚕️ Doctor Account Creator</div>")
-        gr.Markdown("<div class='description-text'>Admins can register new doctors using this secure panel. Generated at 09:49 PM CET on Sunday, May 25, 2025.</div>")
-
-        with gr.Column():
-            full_name = gr.Textbox(label="Full Name", placeholder="e.g. Dr. Sarah Hopkins")
-            email = gr.Textbox(label="Email", placeholder="e.g. doctor@clinic.org")
-            matricule = gr.Textbox(label="Matricule", placeholder="e.g. DOC-1234")
-            specialty = gr.Dropdown(
-                label="Specialty",
-                choices=["Cardiology", "Neurology", "Pediatrics", "Oncology", "General Practice", "Psychiatry", "Dermatology", "Orthopedics"],
-                value="Cardiology"
-            )
-            password = gr.Textbox(label="Password", type="password", placeholder="Secure password")
-            submit_btn = gr.Button("Create Doctor Account")
-            output = gr.Textbox(label="", show_label=False, elem_classes=["output-box"])
-
-            submit_btn.click(
-                fn=create_doctor,
-                inputs=[full_name, email, matricule, specialty, password],
-                outputs=output
-            )
-
-    return admin_ui.launch(share=False, inline=True)
+        response.status_code = 401
+        return HTMLResponse(content="<h1>401 Unauthorized</h1><p>Invalid email or password. Please use: email=yakdhanali97@gmail.com&password=123456</p>")
+
+    # Mount and serve the Gradio interface
+    return gr.mount_gradio_app(app, admin_ui, path="/admin").app
 
 # Gradio doctor creation logic
 BACKEND_URL = "https://rocketfarmstudios-cps-api.hf.space"