Add climate chat

.gitignore

@@ -1 +1 @@
-.env
+.env

app.py

@@ -120,6 +120,24 @@ input, textarea, select {
     margin-bottom: 20px;
     background: linear-gradient(135deg, #1e1e1e 0%, #2c2c2c 100%);
 }
+/* Avatar styling for emojis */
+.gr-chatbot .avatar {
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    border: 2px solid #4db6ac;
+    background-color: #2c2c2c;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 24px; /* Adjust emoji size */
+}
+.gr-chatbot .user .avatar {
+    background-color: #26a69a; /* User avatar background */
+}
+.gr-chatbot .assistant .avatar {
+    background-color: #4db6ac; /* Assistant avatar background */
+}
 """
 
 # Function to handle document processing workflow
@@ -239,23 +257,24 @@ async def run_tts_workflow(api_key: str, text_input):
 
 # Gradio interface
 with gr.Blocks(css=custom_css) as demo:
-
     gr.Markdown("# 🌍 MistyClimate Multi-Agent System")
     gr.Markdown("## Advanced Climate Intelligence & Multi-Agent Processing Platform")
     gr.Markdown("Enter your Mistral API key and interact with our specialized climate chat agent and various processing systems.")
     
     api_key_input = gr.Textbox(label="🔑 Mistral API Key", type="password", placeholder="Enter your Mistral API key here")
     
-    # Climate Chat Agent Tab (Top Priority)
+    # Climate Chat Assistant Tab with Emoji Avatars
     with gr.Tab("🌡️ Climate Chat Assistant", elem_classes=["climate-chat"]):
         gr.Markdown("### Climate Intelligence Chat")
         gr.Markdown("Chat with our specialized climate AI assistant. Ask about climate science, environmental issues, sustainability practices, and get expert guidance on climate-related topics.")
         
+        # Chatbot with emoji avatars
         chatbot = gr.Chatbot(
             label="Climate Chat",
             height=500,
             type="tuples",
-            placeholder="Start chatting about climate topics..."
+            placeholder="Start chatting about climate topics...",
+            avatar_images=("👤", "🌍")  # User: person emoji, Assistant: globe emoji
         )
         
         with gr.Row():