Update app/main.py

app/main.py

@@ -1,15 +1,18 @@
-from fastapi import FastAPI, HTTPException
+from fastapi import FastAPI
+from fastapi.responses import HTMLResponse
 from pydantic import BaseModel
 from supabase import create_client, Client
 import os
-
-app = FastAPI()
+import gradio as gr
+import requests
 
 SUPABASE_URL = os.getenv("SUPABASE_URL")
 SUPABASE_KEY = os.getenv("SUPABASE_KEY")
-
 supabase: Client = create_client(SUPABASE_URL, SUPABASE_KEY)
 
+app = FastAPI()
+
+### --- Task API --- ###
 class Task(BaseModel):
     title: str
     completed: bool = False
@@ -27,11 +30,33 @@ def get_tasks():
 @app.patch("/tasks/{task_id}")
 def update_task(task_id: str, completed: bool):
     response = supabase.table("tasks").update({"completed": completed}).eq("id", task_id).execute()
-    if response.data:
-        return response.data[0]
-    raise HTTPException(status_code=404, detail="Task not found")
+    return response.data
 
 @app.delete("/tasks/{task_id}")
 def delete_task(task_id: str):
     supabase.table("tasks").delete().eq("id", task_id).execute()
     return {"detail": "Task deleted"}
+
+### --- Gradio frontend logic --- ###
+API_URL = "http://localhost:7860"
+
+def get_tasks_ui():
+    r = requests.get(f"{API_URL}/tasks/")
+    return [f"{t['title']} - {'✔️' if t['completed'] else '❌'}" for t in r.json()]
+
+def add_task_ui(title):
+    if not title.strip():
+        return "Title cannot be empty", get_tasks_ui()
+    requests.post(f"{API_URL}/tasks/", json={"title": title, "completed": False})
+    return "", get_tasks_ui()
+
+with gr.Blocks() as demo:
+    gr.Markdown("## 📝 Task List (Supabase + FastAPI)")
+    task_input = gr.Textbox(label="Add Task", placeholder="Buy groceries...")
+    add_btn = gr.Button("Add")
+    task_output = gr.Textbox(label="Current Tasks", lines=10)
+
+    add_btn.click(add_task_ui, inputs=task_input, outputs=[task_input, task_output])
+    demo.load(get_tasks_ui, outputs=task_output)
+
+app = gr.mount_gradio_app(app, demo, path="/")