Update app.py

app.py

@@ -2,24 +2,26 @@ import gradio as gr
 
 # Define a function to respond to user input
 def respond(message, history):
-    # For this example, we'll just echo the user's message back to them
+    # Create a response based on the user's message
     response = "You said: " + message
-    history.append((message, response))
+    
+    # Append the message and response to history
+    history.append({"role": "user", "content": message})
+    history.append({"role": "assistant", "content": response})
+    
     return history
 
 # Create the Gradio interface
 with gr.Blocks() as demo:
     gr.Markdown("# Chatbot Interface")
-    chatbot_interface = gr.Chatbot()
+    
+    # Initialize chatbot with the new message type
+    chatbot_interface = gr.Chatbot(type='messages')  # Specify type='messages'
     user_input = gr.Textbox(label="Your Message", placeholder="Type something...")
     submit_btn = gr.Button("Send")
     
     # Define the behavior of the submit button
-    submit_btn.click(
-        fn=respond,
-        inputs=[user_input, chatbot_interface],
-        outputs=chatbot_interface
-    )
+    submit_btn.click(fn=respond, inputs=[user_input, chatbot_interface], outputs=chatbot_interface)
 
 # Launch the Gradio application
 demo.launch()
@@ -27,7 +29,6 @@ demo.launch()
 
 
 
-
 '''
 
 import gradio as gr