Update ui.py

ui.py

@@ -403,17 +403,23 @@ def create_interface(agent):
 
         /* Specific constraints for tab DataFrames */
         .gradio-container .tabitem .dataframe {
-            max-height: calc(100vh - 350px) !important;  /* Even more constrained in tabs */
+            max-height: 400px !important;  /* Fixed max height for DataFrames */
             overflow-y: auto !important;
         }
 
         /* Constrain textboxes in tabs */
         .gradio-container .tabitem textarea,
         .gradio-container .tabitem .textbox textarea {
-            max-height: calc(100vh - 400px) !important;  /* Limit textbox height in tabs */
+            max-height: 300px !important;  /* Fixed max height for textboxes */
             overflow-y: auto !important;
         }
 
+        /* Prevent tab content from expanding */
+        .gradio-container .tabitem [role="tabpanel"] > div {
+            max-height: none !important;  /* Reset any inherited max-height */
+            height: auto !important;      /* Allow natural sizing */
+        }
+
         @media (max-width: 768px) {
             .gradio-container table {
                 font-size: 12px !important;
@@ -421,12 +427,12 @@ def create_interface(agent):
 
             /* Tighter constraints for mobile */
             .gradio-container .tabitem .dataframe {
-                max-height: calc(100vh - 400px) !important;
+                max-height: 300px !important;  /* Fixed height on mobile */
             }
 
             .gradio-container .tabitem textarea,
             .gradio-container .tabitem .textbox textarea {
-                max-height: calc(100vh - 450px) !important;
+                max-height: 200px !important;  /* Fixed height on mobile */
             }
         }
 
@@ -447,9 +453,9 @@ def create_interface(agent):
         /* Ensure proper scrolling in tabs - Critical for HF Spaces */
         .gradio-container .tabitem,
         .gradio-container [role="tabpanel"] {
-            min-height: calc(100vh - 150px) !important;
-            max-height: calc(100vh - 150px) !important;  /* Prevent infinite expansion */
-            height: calc(100vh - 150px) !important;      /* Fixed height for consistent behavior */
+            min-height: 0 !important;                      /* Allow natural height */
+            max-height: calc(100vh - 150px) !important;   /* Prevent infinite expansion */
+            height: auto !important;                       /* Let content determine height */
             overflow-y: auto !important;                   /* Enable internal scrolling */
             overflow-x: hidden !important;
             position: relative !important;