modular code apsssjjjadfdrfes

app.py

@@ -14,21 +14,30 @@ with gr.Blocks(theme=gr.themes.Soft(), css="""
                 label="Select Providers"
             )
         with gr.Column(scale=3):
-            chatbot = gr.Chatbot(label="Chatbot Responses")
+            chatbot = gr.Chatbot(label="Chatbot Responses", type="messages")
             query_input = gr.Textbox(label="Enter your query", placeholder="Type your question here...")
             submit_btn = gr.Button("Submit")
             clear_btn = gr.Button("Clear")
 
+    # State to maintain chat history
+    history = gr.State([])
+
     submit_btn.click(
         fn=submit_query,
-        inputs=[query_input, provider_select],
-        outputs=chatbot
+        inputs=[query_input, provider_select, history],
+        outputs=[chatbot, history],
+        _js=None  # Remove unsupported _js
+    ).then(
+        fn=lambda x: x,  # Return history unchanged
+        inputs=history,
+        outputs=history
     )
+
     clear_btn.click(
-        fn=lambda: None,
+        fn=lambda: ([], ""),
         inputs=None,
         outputs=[chatbot, query_input],
-        _js="() => ['', '']"
+        js="() => [null, '']"  # Use js instead of _js
     )
 
 demo.launch()