✨ feat: add loading message during agent interaction

Gradio_UI.py

@@ -192,11 +192,30 @@ class GradioUI:
     def interact_with_agent(self, prompt, messages):
         import gradio as gr
 
+        # Add user message
         messages.append(gr.ChatMessage(role="user", content=prompt))
         yield messages
+
+        # Add loading message
+        loading_msg = gr.ChatMessage(
+            role="assistant",
+            content="🤔 Thinking...",
+            metadata={"class": "loading-message"}
+        )
+        messages.append(loading_msg)
+        yield messages
+
+        # Process agent response
         for msg in stream_to_gradio(self.agent, task=prompt, reset_agent_memory=False):
+            # Remove loading message before adding real responses
+            if len(messages) > 0 and messages[-1].metadata.get("class") == "loading-message":
+                messages.pop()
             messages.append(msg)
             yield messages
+
+        # Ensure loading message is removed at the end
+        if len(messages) > 0 and messages[-1].metadata.get("class") == "loading-message":
+            messages.pop()
         yield messages
 
     def upload_file(
@@ -261,7 +280,19 @@ class GradioUI:
     def launch(self, **kwargs):
         import gradio as gr
 
-        with gr.Blocks(title="Travel Planning Agent", fill_height=True) as demo:
+        with gr.Blocks(
+            title="Travel Planning Agent",
+            fill_height=True,
+            css="""
+                .loading-message {
+                    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite;
+                }
+                @keyframes pulse {
+                    0%, 100% { opacity: 1; }
+                    50% { opacity: 0.5; }
+                }
+            """
+        ) as demo:
             gr.Markdown(
                 """
                 # Travel Planning Agent
@@ -312,4 +343,4 @@ class GradioUI:
         demo.launch(debug=True, share=True, **kwargs)
 
 
-__all__ = ["stream_to_gradio", "GradioUI"]
+__all__ = ["stream_to_gradio", "GradioUI"]