Update GRADIO_UI.py

GRADIO_UI.py

@@ -193,6 +193,24 @@ class GradioUI:
     def launch(self, **kwargs):
         import gradio as gr
 
+        # Custom CSS for avatar alignment
+        css = """
+        .chatbot .avatar-container {
+            display: flex !important;
+            justify-content: center !important;
+            align-items: center !important;
+            width: 40px !important;
+            height: 40px !important;
+            overflow: hidden !important;
+        }
+        .chatbot .avatar-container img {
+            width: 100% !important;
+            height: 100% !important;
+            object-fit: cover !important;
+            border-radius: 50% !important;
+        }
+        """
+
         with gr.Blocks(fill_height=True) as demo:
             stored_messages = gr.State([])
             chatbot = gr.Chatbot(
@@ -203,8 +221,9 @@ class GradioUI:
                     "./icon.png"
                 ),
                 scale=1,
+                height=600,
             )
-            text_input = gr.Textbox(lines=1, label="Enter URL and request (e.g., navigate to https://www.google.com and search for gemini)")
+            text_input = gr.Textbox(lines=1, label="Enter URL and request (e.g., Please could you navigate to https://www.federalreserve.gov/releases/h15/ and extract interest rates)")
             text_input.submit(
                 self.interact_with_agent,
                 [text_input, stored_messages],