improve theme

Gradio_UI.py

@@ -300,11 +300,25 @@ class GradioUI:
     def launch(self, **kwargs):
         import gradio as gr
 
-        with gr.Blocks(fill_height=True) as demo:
+        with gr.Blocks(theme=gr.themes.Soft()) as demo:
+            gr.Markdown("""
+            # 🤏 📰 SmolNews: News and Time AI Agent
+
+            I'm here to help you stay updated on the time and news from locations around the world.
+
+            Ask me things like:
+
+            * Get the current time anywhere (e.g., "What time is it in `Bogotá`?")
+            * Find the latest news from any location (e.g., "What's happening in `Paris`?")
+            * Do both at once (e.g., "Tell me the time and news in `Tokyo`")
+
+            """)
+
             stored_messages = gr.State([])
             file_uploads_log = gr.State([])
+
             chatbot = gr.Chatbot(
-                label="Agent",
+                label="SmolNews: News and Time AI Agent",
                 type="messages",
                 avatar_images=(
                     None,
@@ -312,19 +326,31 @@ class GradioUI:
                 ),
                 resizeable=True,
                 scale=1,
+                height=600,
+                container=True,
+                bubble_full_width=False,
             )
-            # If an upload folder is provided, enable the upload feature
-            if self.file_upload_folder is not None:
-                upload_file = gr.File(label="Upload a file")
-                upload_status = gr.Textbox(
-                    label="Upload Status", interactive=False, visible=False
-                )
-                upload_file.change(
-                    self.upload_file,
-                    [upload_file, file_uploads_log],
-                    [upload_status, file_uploads_log],
+
+            with gr.Row():
+                text_input = gr.Textbox(
+                    lines=1,
+                    label="Ask about time and news from `anywhere` in the world",
+                    placeholder="e.g., 'What time is it in Bogotá and what's in the news there?'",
+                    scale=4,
+                    submit_btn=False,
                 )
-            text_input = gr.Textbox(lines=1, label="Chat Message")
+
+            gr.Examples(
+                examples=[
+                    "What time is it in Bogotá and what's happening there?",
+                    "Tell me the current time and news in London",
+                    "What's going on in Sydney right now?",
+                    "Get me the time and latest headlines from Berlin",
+                ],
+                inputs=text_input,
+                label="Try these examples",
+            )
+
             text_input.submit(
                 self.log_user_message,
                 [text_input, file_uploads_log],

prompts.yaml

@@ -15,7 +15,7 @@
 
   Thought: I'll first get the current time in Tokyo's timezone, then fetch recent news about Tokyo.
   Code:
-  ```python
+  ```py
   time_info = get_current_time_in_timezone(timezone="Europe/Madrid")
   print(time_info)
   ```<end_code>
@@ -23,7 +23,7 @@
     
   Thought: Now I'll get the latest news about Madrid.
   Code:
-  ```python
+  ```py
   madrid_news = get_news_from_place(place="Madrid")
   print(madrid_news)
   ```<end_code>
@@ -31,9 +31,10 @@
 
   Thought: I will now provide the final answer in a casual style, NO BULLET POINTS, more like a friend talking about the news.
   Code:
-  ```python
+  ```py
   final_answer("""It's a new day in Madrid (3:11 AM on Feb 18, 2025) and the city is buzzing. On the pitch, Real Madrid's in the spotlight—with heated VAR debates, a wild red card saga involving Jude Bellingham that could lead to a long ban, and plenty of back-and-forth from top managers like Ancelotti and Guardiola. Off the field, Madrid making moves too—from fresh car-sharing zones and major real estate deals to impactful court rulings. Basically, whether you're into football drama or the city's business buzz, Madrid got it all going on right now.""")
   ```<end_code>
+  ---
 
   You have access to these tools:
   - get_current_time_in_timezone: A tool that fetches the current local time in a specified timezone.