Update app.py

app.py

@@ -70,13 +70,26 @@ def respond(message, history):
         print(f"[DEBUG] {str(e)}")
         return "Sorry, I encountered an error processing your request"
 
-with gr.Blocks(theme=gr.themes.Soft()) as demo:
+with gr.Blocks(theme=gr.themes.Soft(), css="styles.css") as demo:
     gr.Markdown("# 🌦️ Weather Assistant")
     gr.Markdown("Enter any location to check weather conditions")
-    chatbot = gr.ChatInterface(
+
+    chatbot = gr.Chatbot(
+        elem_classes=["chatbot"],
+        avatar_images=(
+            "avatars/user-avatar.png", 
+            "avatars/bot-avatar.png"
+        )
+    )
+    
+    # Giao diện chat
+    chat_interface = gr.ChatInterface(
         respond,
-        title="Weather Query",
-        submit_btn="Submit",
+        chatbot=chatbot,
+        additional_inputs=None,
+        submit_btn=gr.Button("Submit", variant="primary"),
+        clear_btn=gr.Button("Clear History", variant="secondary"),
+    
     )
 
 if __name__ == "__main__":