Update app.py

app.py

@@ -23,12 +23,13 @@ def chatbot(messages):
         )
 
         response = chat_completion.choices[0].message.content
-        messages.append((user_input, response))  # Append the conversation
+        messages.append({"role": "user", "content": user_input})
+        messages.append({"role": "assistant", "content": response})  # Appending bot response
         return messages
     except Exception as e:
         # Capture the specific error message for debugging
         print(f"Error Details: {str(e)}")  # Print error details in the console (logs)
-        messages.append((None, f"An error occurred: {str(e)}"))  # Show the error in chat
+        messages.append({"role": "system", "content": f"An error occurred: {str(e)}"})  # Show the error in chat
         return messages
 
 # Function to reset the chat
@@ -47,7 +48,7 @@ with gr.Blocks(theme=gr.themes.Soft()) as iface:
     )
 
     with gr.Row():
-        chatbot_ui = gr.Chatbot(label="Chat Interface").style(height=400)
+        chatbot_ui = gr.Chatbot(label="Chat Interface", height=400)
     
     with gr.Row():
         user_input = gr.Textbox(
@@ -60,14 +61,4 @@ with gr.Blocks(theme=gr.themes.Soft()) as iface:
         clear_button = gr.Button("Clear Chat")
 
     with gr.Row():
-        gr.Examples(
-            examples=["Hello!", "Tell me a joke.", "What's the weather like?"],
-            inputs=user_input,
-        )
-
-    # Link components to functions
-    send_button.click(chatbot, inputs=[chatbot_ui], outputs=chatbot_ui)
-    clear_button.click(reset_chat, inputs=[], outputs=chatbot_ui)
-
-# Launch the Gradio app
-iface.launch()
+