feat: new UI with history section

gradio_app.py

@@ -27,23 +27,31 @@ async def run_agent(request, history):
     response, message = await lc_mcp_exec(request, history)
     return response
 
-# Gradio UI
-demo = gr.Interface(
-    fn=run_agent,
-    inputs=gr.Textbox(
-        label="Natural Language Request",
-        placeholder="e.g., Show me the table of join posts and users tables."
-    ),
-    outputs=gr.Markdown(
-        label="SQL Query / Result",
-        value="# Result \n \n",
-        # max_height=1500,
-        height= 1500
-    ),
-    title="PostgreSQL Query Agent",
-    description="Ask your database in natural language and get results.",
-    flagging_mode="never"
+demo = gr.ChatInterface(
+    run_agent,
+    type="messages",
+    flagging_mode="manual",
+    flagging_options=["Like", "Spam", "Inappropriate", "Other"],
+    save_history=True,
 )
 
+# Gradio UI
+# demo = gr.Interface(
+#     fn=run_agent,
+#     inputs=gr.Textbox(
+#         label="Natural Language Request",
+#         placeholder="e.g., Show me the table of join posts and users tables."
+#     ),
+#     outputs=gr.Markdown(
+#         label="SQL Query / Result",
+#         value="# Result \n \n",
+#         # max_height=1500,
+#         height= 1500
+#     ),
+#     title="PostgreSQL Query Agent",
+#     description="Ask your database in natural language and get results.",
+#     flagging_mode="never"
+# )
+
 if __name__ == "__main__":
     demo.launch()