Update ui.py

ui.py

@@ -71,8 +71,9 @@ def create_interface(agent):
         #root,
         .gradio-container {
             position: relative !important;
+            height: auto !important;
             min-height: 100vh !important;
-            max-height: none !important;
+            max-height: 100vh !important;  /* Constrain to viewport to prevent infinite scrolling */
         }
 
         /* App background */
@@ -113,8 +114,8 @@ def create_interface(agent):
 
         /* Chat container - flexible height for HF Spaces */
         .chat-container {
-            min-height: 1000px !important;
-            max-height: 1200px !important;
+            min-height: 400px !important;
+            max-height: 600px !important;
             height: auto !important;
             background: var(--panel) !important;
             border-radius: 16px !important;
@@ -390,7 +391,9 @@ def create_interface(agent):
         /* Responsive tables */
         .gradio-container .dataframe {
             overflow-x: auto !important;
+            overflow-y: auto !important;
             max-width: 100% !important;
+            max-height: calc(100vh - 300px) !important;  /* Constrain DataFrame height */
         }
 
         .gradio-container table {
@@ -398,16 +401,39 @@ def create_interface(agent):
             font-size: 14px !important;
         }
 
+        /* Specific constraints for tab DataFrames */
+        .gradio-container .tabitem .dataframe {
+            max-height: calc(100vh - 350px) !important;  /* Even more constrained in tabs */
+            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 */
+            overflow-y: auto !important;
+        }
+
         @media (max-width: 768px) {
             .gradio-container table {
                 font-size: 12px !important;
             }
+
+            /* Tighter constraints for mobile */
+            .gradio-container .tabitem .dataframe {
+                max-height: calc(100vh - 400px) !important;
+            }
+
+            .gradio-container .tabitem textarea,
+            .gradio-container .tabitem .textbox textarea {
+                max-height: calc(100vh - 450px) !important;
+            }
         }
 
         /* Hugging Face Spaces specific fixes */
         .gradio-container {
             min-height: 100vh !important;
-            overflow-y: auto !important;
+            overflow-y: visible !important;  /* Let tab content handle its own scrolling */
         }
         
         /* Fix for HF iframe container */
@@ -433,7 +459,7 @@ def create_interface(agent):
         .gradio-container .tabs,
         .gradio-container [role="tablist"] + div {
             height: auto !important;
-            min-height: 100% !important;
+            min-height: auto !important;  /* Don't force full height */
         }
 
         /* Responsive Design */