Make the Load Details button robust

app.py

@@ -166,9 +166,17 @@ def update_subtasks_component(task):
     return gr.Radio(
         SUBTASKS.get(task),
         info="Evaluation subtasks to be displayed",
+        value=None,
     )
 
 
+def update_load_details_component(model_id_1, model_id_2, subtask):
+    if (model_id_1 or model_id_2) and subtask:
+        return gr.Button("Load Details", interactive=True)
+    else:
+        return gr.Button("Load Details", interactive=False)
+
+
 def load_details_dataframe(model_id, subtask):
     if not model_id or not subtask:
         return
@@ -250,7 +258,7 @@ with gr.Blocks(fill_height=True) as demo:
                 info="Evaluation subtasks to be displayed (choose one of the Tasks above)",
             )
             sample_idx = gr.Number(value=0, label="Sample Index", info="Index of the sample to be displayed", minimum=0)
-            load_details_btn = gr.Button("Load Details")
+            load_details_btn = gr.Button("Load Details", interactive=False)
             details = gr.HTML()
             details_dataframe_1 = gr.Dataframe(visible=False)
             details_dataframe_2 = gr.Dataframe(visible=False)
@@ -287,6 +295,12 @@ with gr.Blocks(fill_height=True) as demo:
         inputs=details_task,
         outputs=subtask,
     )
+    gr.on(
+        triggers=[model_id_1.change, model_id_2.change, subtask.change, details_task.change],
+        fn=update_load_details_component,
+        inputs=[model_id_1, model_id_2, subtask],
+        outputs=load_details_btn,
+    )
     load_details_btn.click(
         fn=load_details_dataframe,
         inputs=[model_id_1, subtask],