Update app.py

app.py

@@ -47,20 +47,38 @@ def predict(message, history, selected_agent):
 
 # Define the Gradio interface using Blocks for layout
 def app_interface():
-    with gr.Blocks() as demo:
-        dropdown = gr.Dropdown(
-            choices=list(extractor_agents.keys()),
-            value="Solution Specifier A",
-            label="Choose Extractor Agent",
-            interactive=True,
-        )
-
-        chat = gr.ChatInterface(
-            fn=predict,
-            additional_inputs=[dropdown],
-            title="Solution Specifier Chat",
-            description="Test with different solution specifiers"
-        )
+    with gr.Blocks(
+        css="""
+        .container {
+            max-width: 100% !important;
+            padding: 0 !important;
+        }
+        .main-div {
+            height: 100vh;
+            display: flex;
+            flex-direction: column;
+        }
+        .chat-div {
+            flex-grow: 1;
+            min-height: 0;
+        }
+        """
+    ) as demo:
+        with gr.Column(elem_classes="main-div"):
+            dropdown = gr.Dropdown(
+                choices=list(extractor_agents.keys()),
+                value="Solution Specifier A",
+                label="Choose Extractor Agent",
+                interactive=True,
+                container=True
+            )
+            chat = gr.ChatInterface(
+                fn=predict,
+                additional_inputs=[dropdown],
+                title="Solution Specifier Chat",
+                description="Test with different solution specifiers",
+                elem_classes="chat-div"
+            )
     return demo
 
 # Launch the app