Update sample_idx component

app.py

@@ -220,6 +220,18 @@ def display_details(sample_idx, *dfs):
     )
 
 
+def update_sample_idx_component(*dfs):
+    maximum = max([len(df) - 1 for df in dfs])
+    return gr.Number(
+        label="Sample Index",
+        info="Index of the sample to be displayed",
+        value=0,
+        minimum=0,
+        maximum=maximum,
+        visible=True,
+    )
+
+
 # if __name__ == "__main__":
 latest_result_path_per_model = filter_latest_result_path_per_model(fetch_result_paths())
 
@@ -264,8 +276,14 @@ with gr.Blocks(fill_height=True) as demo:
                 label="Subtasks",
                 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", interactive=False)
+            sample_idx = gr.Number(
+                label="Sample Index",
+                info="Index of the sample to be displayed",
+                value=0,
+                minimum=0,
+                visible=False
+            )
             details = gr.HTML()
             details_dataframe_1 = gr.Dataframe(visible=False)
             details_dataframe_2 = gr.Dataframe(visible=False)
@@ -312,6 +330,10 @@ with gr.Blocks(fill_height=True) as demo:
         fn=display_details,
         inputs=[sample_idx, details_dataframe_1, details_dataframe_2],
         outputs=details,
+    ).then(
+        fn=update_sample_idx_component,
+        inputs=[details_dataframe_1, details_dataframe_2],
+        outputs=sample_idx,
     )
     sample_idx.change(
         fn=display_details,