Put Results and Configs tabs at top level and sync

app.py

@@ -27,22 +27,28 @@ with gr.Blocks(fill_height=True) as demo:
             dataframe_2 = gr.Dataframe(visible=False)
 
     with gr.Row():
-        # with gr.Tab("All"):
-        #     pass
         with gr.Tab("Results"):
-            load_results_btn = gr.Button("Load Results", interactive=False)
-            clear_results_btn = gr.Button("Clear Results")
-            task = gr.Radio(
+            load_results_btn = gr.Button("Load", interactive=False)
+            clear_results_btn = gr.Button("Clear")
+            results_task = gr.Radio(
                 ["All"] + list(TASKS.values()),
                 label="Tasks",
                 info="Evaluation tasks to be displayed",
                 value="All",
                 visible=False,
             )
-            with gr.Tab("Results"):
-                results = gr.HTML()
-            with gr.Tab("Configs"):
-                configs = gr.HTML()
+            results = gr.HTML()
+        with gr.Tab("Configs"):
+            load_configs_btn = gr.Button("Load", interactive=False)
+            clear_configs_btn = gr.Button("Clear")
+            configs_task = gr.Radio(
+                ["All"] + list(TASKS.values()),
+                label="Tasks",
+                info="Evaluation tasks to be displayed",
+                value="All",
+                visible=False,
+            )
+            configs = gr.HTML()
         with gr.Tab("Details"):
             details_task = gr.Radio(
                 list(TASKS.values()),
@@ -70,27 +76,32 @@ with gr.Blocks(fill_height=True) as demo:
             details_dataframe = gr.DataFrame(visible=False)
 
     gr.on(
-        triggers=[model_id_1.change, model_id_2.change],
+        triggers=[model_id_1.input, model_id_2.input],
         fn=update_load_results_component,
-        outputs=load_results_btn,
+        outputs=[load_results_btn, load_configs_btn],
     )
-    load_results_btn.click(
+    gr.on(
+        triggers=[load_results_btn.click, load_configs_btn.click],
         fn=load_results_dataframes,
         inputs=[model_id_1, model_id_2],
         outputs=[dataframe_1, dataframe_2],
     ).then(
         fn=update_tasks_component,
-        outputs=task,
+        outputs=[results_task, configs_task],
     )
+    # Synchronize the results_task and configs_task radio buttons
+    results_task.input(fn=lambda task: task, inputs=results_task, outputs=configs_task)
+    configs_task.input(fn=lambda task: task, inputs=configs_task, outputs=results_task)
     gr.on(
-        triggers=[dataframe_1.change, dataframe_2.change, task.change],
+        triggers=[dataframe_1.change, dataframe_2.change, results_task.change],
         fn=display_results,
-        inputs=[task, dataframe_1, dataframe_2],
+        inputs=[results_task, dataframe_1, dataframe_2],
         outputs=[results, configs],
     )
-    clear_results_btn.click(
+    gr.on(
+        triggers=[clear_results_btn.click, clear_configs_btn.click],
         fn=clear_results,
-        outputs=[model_id_1, model_id_2, dataframe_1, dataframe_2, task],
+        outputs=[model_id_1, model_id_2, dataframe_1, dataframe_2, load_results_btn, load_configs_btn, results_task, configs_task],
     )
 
     details_task.change(

src/results.py

@@ -24,7 +24,7 @@ def filter_latest_result_path_per_model(paths):
 
 
 def update_load_results_component():
-    return gr.Button("Load Results", interactive=True)
+    return (gr.Button("Load", interactive=True), ) * 2
 
 
 def load_results_dataframe(model_id, result_path_per_model=None):
@@ -74,24 +74,29 @@ def display_tab(tab, df, task):
 
 
 def update_tasks_component():
-    return gr.Radio(
+    return (
+        gr.Radio(
             ["All"] + list(TASKS.values()),
             label="Tasks",
             info="Evaluation tasks to be displayed",
             value="All",
             visible=True,
-        )
+        ),
+    ) * 2
 
 
 def clear_results():
-    # model_id_1, model_id_2, dataframe_1, dataframe_2, task
+    # model_id_1, model_id_2, dataframe_1, dataframe_2, load_results_btn, load_configs_btn, results_task, configs_task
     return (
         None, None, None, None,
-        gr.Radio(
-            ["All"] + list(TASKS.values()),
-            label="Tasks",
-            info="Evaluation tasks to be displayed",
-            value="All",
-            interactive=False,
-        ),
+        *(gr.Button("Load", interactive=False), ) * 2,
+        *(
+            gr.Radio(
+                ["All"] + list(TASKS.values()),
+                label="Tasks",
+                info="Evaluation tasks to be displayed",
+                value="All",
+                visible=False,
+            ),
+        ) * 2,
     )