dynamic render

app.py

@@ -162,49 +162,52 @@ with gr.Blocks() as demo:
                 Also, it uses the [dataset-server API](https://redocly.github.io/redoc/?url=https://datasets-server.huggingface.co/openapi.json#operation/isValidDataset).
                 """)
     with gr.Row():
-        with gr.Column():
-            search_in = HuggingfaceHubSearch(
-                label="Search Huggingface Hub",
-                placeholder="Search for models on Huggingface",
-                search_type="dataset",
-                sumbit_on_select=True,
-            )
-            query = gr.Textbox(
-                label="Natural Language Query",
-                placeholder="Enter a natural language query to generate SQL",
-            )
-            sql_out = gr.Code(
-                label="SQL Query",
-                interactive=True,
-                language="sql",
-                lines=1,
-                visible=False,
-            )
+        search_in = HuggingfaceHubSearch(
+            label="Search Huggingface Hub",
+            placeholder="Search for models on Huggingface",
+            search_type="dataset",
+            sumbit_on_select=True,
+        )
     with gr.Row():
-        with gr.Column():
-            btn = gr.Button("Show Dataset")
-        with gr.Column():
-            btn2 = gr.Button("Query Dataset")
-    with gr.Row():
-        search_out = gr.HTML(label="Search Results")
-    with gr.Row():
-        card_data = gr.Code(label="Card data", language="json", visible=False)
-    gr.on(
-        [btn.click, search_in.submit],
-        fn=get_iframe,
-        inputs=[search_in],
-        outputs=[search_out],
-    ).then(
-        fn=get_table_info,
-        inputs=[search_in],
-        outputs=[card_data],
-    )
-    gr.on(
-        [btn2.click, query.submit],
-        fn=query_dataset,
-        inputs=[search_in, card_data, query],
-        outputs=[sql_out, search_out],
-    )
+        query = gr.Textbox(
+            label="Natural Language Query",
+            placeholder="Enter a natural language query to generate SQL",
+        )
+        sql_out = gr.Code(
+            label="DuckDB SQL Query",
+            interactive=True,
+            language="sql",
+            lines=1,
+            visible=False,
+        )
+
+    @gr.render(triggers=[search_in.submit])
+    def show_config_split_choices():
+        with gr.Row():
+            with gr.Column():
+                btn = gr.Button("Show Dataset")
+            with gr.Column():
+                btn2 = gr.Button("Query Dataset")
+        with gr.Row():
+            search_out = gr.HTML(label="Search Results")
+        with gr.Row():
+            card_data = gr.Code(label="Card data", language="json", visible=False)
+        gr.on(
+            [btn.click, search_in.submit],
+            fn=get_iframe,
+            inputs=[search_in],
+            outputs=[search_out],
+        ).then(
+            fn=get_table_info,
+            inputs=[search_in],
+            outputs=[card_data],
+        )
+        gr.on(
+            [btn2.click, query.submit],
+            fn=query_dataset,
+            inputs=[search_in, card_data, query],
+            outputs=[sql_out, search_out],
+        )
 
 if __name__ == "__main__":
     demo.launch()