Update ui.py

ui.py

@@ -422,9 +422,9 @@ def create_interface(agent):
         .gradio-container .tabitem,
         .gradio-container [role="tabpanel"] {
             min-height: calc(100vh - 150px) !important;
-            max-height: none !important;
-            height: auto !important;
-            overflow-y: visible !important;
+            max-height: calc(100vh - 150px) !important;  /* Prevent infinite expansion */
+            height: calc(100vh - 150px) !important;      /* Fixed height for consistent behavior */
+            overflow-y: auto !important;                   /* Enable internal scrolling */
             overflow-x: hidden !important;
             position: relative !important;
         }
@@ -459,6 +459,9 @@ def create_interface(agent):
             /* Mobile landscape and small tablets */
             .gradio-container .tabitem [role="tabpanel"] {
                 flex-direction: column !important;
+                min-height: calc(100vh - 200px) !important;  /* Adjust for mobile header space */
+                max-height: calc(100vh - 200px) !important;
+                height: calc(100vh - 200px) !important;
             }
 
             .sidebar {
@@ -500,6 +503,13 @@ def create_interface(agent):
                 max-height: 350px !important;
             }
 
+            .gradio-container .tabitem,
+            .gradio-container [role="tabpanel"] {
+                min-height: calc(100vh - 220px) !important;  /* More space for mobile UI */
+                max-height: calc(100vh - 220px) !important;
+                height: calc(100vh - 220px) !important;
+            }
+
             .gradio-container [data-testid="bot"] .message > *,
             .gradio-container [data-testid="user"] .message > * {
                 max-width: 90% !important;