some ui fixes due to package updates

Author: bluecoconut

datadm/app.py

@@ -77,7 +77,9 @@ def setup_repl():
 #fullheight {height: 87vh; flex-wrap: nowrap;}
 #chatbox > .wrap { max-height: none !important; }
 #chatbox img { max-height: none !important; max-width: 100% !important; }
-#justify_center {justify-content: center !important; min-width: min(180px, 100%) !important;}
+#justify_center {justify-content: center !important;}
+#load_model_button {flex-grow: 0 !important;}
+#upload_button {flex-grow: 0 !important;}
 """
 
 class DataSearchResultRowComponent:
@@ -91,7 +93,7 @@ def __init__(self):
         self.gradios = {
             'html': {'class': gr.HTML, 'kwargs': {'value': '<div></div>'}},
             'url': {'class': gr.Text, 'kwargs': {'value': 'unknown', "visible": False}},
-            'download': {'class': gr.Button, 'kwargs': {'value': 'Add To Chat'}},
+            'download': {'class': gr.Button, 'kwargs': {'value': 'Add To Chat', "container": False}},
         }
         self.ref_order = []
 
@@ -105,8 +107,8 @@ def gradio_gen(self, upload_magic_thens):
         with gr.Column(scale=10):
             objs.append(self.component('html'))
             objs.append(self.component('url'))
-        with gr.Column(scale=1, elem_id="justify_center"):
-            objs.append(self.component('download').style(container=False))
+        with gr.Column(scale=1, elem_id="justify_center", min_width=180):
+            objs.append(self.component('download'))
         events = objs[-1].click(lambda url: print(f"Downloading CSV: {url}"), objs[-2], None)
         for then_args in upload_magic_thens(objs[-2]):
             events.then(*then_args)
@@ -245,12 +247,13 @@ def randomupdate(query, container):
                                 label="Chat Message Box",
                                 placeholder="Chat Message Box",
                                 show_label=False,
-                                elem_id="chat_message_box"
-                            ).style(container=False)
+                                elem_id="chat_message_box",
+                                container=False
+                            )
                         with gr.Column():
                             with gr.Row():
                                 submit = gr.Button("Submit", elem_id="submit_button")
-                                cancel = gr.Button("Cancel", visible=False)
+                                cancel = gr.Button("Cancel", variant="stop", visible=False)
                                 undo = gr.Button("Undo")
                                 retry = gr.Button("Retry")
                 with gr.Column(scale=1):
@@ -261,7 +264,8 @@ def randomupdate(query, container):
                             label="agent",
                             multiselect=False,
                             show_label=True,
-                            interactive=True).style(container=False)
+                            interactive=True,
+                            container=False)
                     with gr.Row():
                         model_selection = gr.Dropdown(
                             choices=list(llm_manager.llms.keys()),
@@ -270,8 +274,9 @@ def randomupdate(query, container):
                             multiselect=False,
                             show_label=True,
                             interactive=True,
-                            elem_id='model_selection_dropdown').style(container=False)
-                        model_state = gr.HighlightedText(label=False).style(container=False)
+                            elem_id='model_selection_dropdown',
+                            container=False)
+                        model_state = gr.HighlightedText(label=False, container=False)
                     load_model = gr.Button("Load Model", visible=False, elem_id="load_model_button")
                     files.append(gr.Text("No Data Files", label="Data Files"))
                     for _ in range(10):
@@ -292,8 +297,9 @@ def randomupdate(query, container):
                     label="Search",
                     placeholder="What data are you looking for?",
                     show_label=False,
-                    elem_id="search_textbox"
-                ).style(container=False)
+                    elem_id="search_textbox",
+                    container=False
+                )
                 search = gr.Button("Search")
             with gr.Column():
                 results.extend(container.value.gradio_gen(upload_magic_thens))

pyproject.toml

@@ -14,7 +14,7 @@ classifiers = [
 ]
 dependencies = [
     "gradio",
-    "guidance",
+    "guidance==0.0.61",
     "jupyter",
     "matplotlib",
     "pandas",