Update app.py

app.py

@@ -61,7 +61,7 @@ def handle_product_inquiry(product_type, model=None):
             response += f"\n- {model_name}: {details['name']} ({details['price']})"
         return response
 
-# Main chat function
+# Main chat function - updated for gr.Messages format
 def chat_with_bot(message, chat_history):
     user_message = message.lower()
     bot_response = ""
@@ -130,15 +130,12 @@ def chat_with_bot(message, chat_history):
     # Add a small delay to make it feel more natural
     time.sleep(0.5)
     
-    # Append to chat history
-    chat_history.append((message, bot_response))
+    # Append to chat history using the new Messages format
+    chat_history.append({"role": "user", "content": message})
+    chat_history.append({"role": "assistant", "content": bot_response})
     
     return "", chat_history
 
-# Function to handle example clicks
-def example_click(example):
-    return example
-
 # Custom CSS for styling
 custom_css = """
 #chatbot {
@@ -195,7 +192,13 @@ with gr.Blocks(css=custom_css, title="TechGadget Store Support") as demo:
         
         with gr.Row():
             with gr.Column(scale=2):
-                chatbot = gr.Chatbot(label="Conversation", elem_id="chatbot")
+                # Updated to use the new Messages format
+                chatbot = gr.Chatbot(
+                    label="Conversation", 
+                    elem_id="chatbot",
+                    type="messages",
+                    show_copy_button=True
+                )
                 with gr.Row():
                     msg = gr.Textbox(
                         label="Type your message here...",
@@ -209,22 +212,20 @@ with gr.Blocks(css=custom_css, title="TechGadget Store Support") as demo:
             with gr.Column(scale=1):
                 gr.Markdown("### 💡 Common Questions")
                 
-                # Create example buttons that properly update the message box
-                with gr.Row():
-                    gr.Examples(
-                        examples=[
-                            ["What are your store hours?"],
-                            ["Where are you located?"],
-                            ["What smartphones do you sell?"],
-                            ["What is your return policy?"],
-                            ["Do you offer free shipping?"],
-                            ["What can you help with?"],
-                            ["Tell me about your laptops"]
-                        ],
-                        inputs=msg,
-                        label="Click any question to try it!",
-                        elem_classes="example-btn"
-                    )
+                # Create example buttons with correct parameters
+                examples = gr.Examples(
+                    examples=[
+                        ["What are your store hours?"],
+                        ["Where are you located?"],
+                        ["What smartphones do you sell?"],
+                        ["What is your return policy?"],
+                        ["Do you offer free shipping?"],
+                        ["What can you help with?"],
+                        ["Tell me about your laptops"]
+                    ],
+                    inputs=msg,
+                    label="Click any question to try it!"
+                )
                 
                 gr.Markdown("### 🏪 Store Information")
                 gr.Markdown(f"""