Update app/main.py

app/main.py

@@ -40,23 +40,51 @@ def delete_task(task_id: str):
 ### --- Gradio frontend logic --- ###
 API_URL = "http://localhost:7860"
 
+def get_tasks_data():
+    response = requests.get(f"{API_URL}/tasks/")
+    return response.json()
+
+def format_task(task):
+    return f"{task['id']} | {task['title']} - {'✔️' if task['completed'] else '❌'}"
+
 def get_tasks_ui():
-    r = requests.get(f"{API_URL}/tasks/")
-    return [f"{t['title']} - {'✔️' if t['completed'] else '❌'}" for t in r.json()]
+    return [format_task(t) for t in get_tasks_data()]
 
 def add_task_ui(title):
     if not title.strip():
-        return "Title cannot be empty", get_tasks_ui()
+        return "Title cannot be empty", get_tasks_ui(), gr.update(choices=get_tasks_ui())
     requests.post(f"{API_URL}/tasks/", json={"title": title, "completed": False})
-    return "", get_tasks_ui()
+    return "", get_tasks_ui(), gr.update(choices=get_tasks_ui())
+
+def complete_task_ui(task_id_combo):
+    task_id = task_id_combo.split(" | ")[0]
+    requests.patch(f"{API_URL}/tasks/{task_id}", params={"completed": True})
+    return get_tasks_ui(), gr.update(choices=get_tasks_ui())
+
+def delete_task_ui(task_id_combo):
+    task_id = task_id_combo.split(" | ")[0]
+    requests.delete(f"{API_URL}/tasks/{task_id}")
+    return get_tasks_ui(), gr.update(choices=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)
+    gr.Markdown("## ✅ Task List Manager (FastAPI + Supabase)")
+
+    with gr.Row():
+        task_input = gr.Textbox(label="New Task", placeholder="e.g., Write blog post")
+        add_button = gr.Button("Add Task")
+
+    task_selector = gr.Dropdown(label="Select a Task", choices=[])
+    with gr.Row():
+        complete_button = gr.Button("Mark as Completed")
+        delete_button = gr.Button("Delete Task")
+
+    task_display = gr.Textbox(label="All 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)
+    # Button click logic
+    add_button.click(add_task_ui, inputs=task_input, outputs=[task_input, task_display, task_selector])
+    complete_button.click(complete_task_ui, inputs=task_selector, outputs=[task_display, task_selector])
+    delete_button.click(delete_task_ui, inputs=task_selector, outputs=[task_display, task_selector])
+    demo.load(lambda: (get_tasks_ui(), get_tasks_ui()), outputs=[task_display, task_selector])
 
+# Mount Gradio at root path
 app = gr.mount_gradio_app(app, demo, path="/")