Sync main_page.py from kosmonautical/openhands-index-paul

main_page.py

@@ -54,107 +54,114 @@ def filter_complete_entries(df: pd.DataFrame) -> pd.DataFrame:
 
 
 def build_page():
-    with gr.Row(elem_id="intro-row"):
-        with gr.Column(scale=1):
-            gr.HTML(INTRO_PARAGRAPH, elem_id="intro-paragraph")
-
-    # --- Leaderboard Display Section ---
-    gr.Markdown("---")
-    CATEGORY_NAME = "Overall"
-    gr.HTML(f'<h2>OpenHands Index {CATEGORY_NAME} Leaderboard <span style="font-weight: normal; color: inherit;">(Aggregate)</span></h2>', elem_id="main-header")
-
-    test_df, test_tag_map = get_full_leaderboard_data("test")
-    if not test_df.empty:
-        show_incomplete_checkbox, show_open_only_checkbox, mark_by_dropdown = create_leaderboard_display(
-            full_df=test_df,
-            tag_map=test_tag_map,
-            category_name=CATEGORY_NAME,
-            split_name="test"
+    with gr.Column(elem_id="page-content-wrapper"):
+        with gr.Row(elem_id="intro-row"):
+            with gr.Column(scale=1):
+                gr.HTML(INTRO_PARAGRAPH, elem_id="intro-paragraph")
+
+        # --- Leaderboard Display Section ---
+        CATEGORY_NAME = "Overall"
+        gr.HTML(
+            f'<h2>OpenHands Index {CATEGORY_NAME} Leaderboard <span style="font-weight: normal; color: inherit;">(Aggregate)</span></h2>',
+            elem_id="main-header",
         )
 
-        test_df_complete = filter_complete_entries(test_df)
-        has_complete_entries = len(test_df_complete) > 0
+        test_df, test_tag_map = get_full_leaderboard_data("test")
+        if not test_df.empty:
+            show_incomplete_checkbox, show_open_only_checkbox, mark_by_dropdown = create_leaderboard_display(
+                full_df=test_df,
+                tag_map=test_tag_map,
+                category_name=CATEGORY_NAME,
+                split_name="test",
+            )
 
-        if 'Openness' in test_df.columns:
-            test_df_open = test_df[test_df['Openness'].str.lower() == 'open'].copy()
-        else:
-            test_df_open = test_df.copy()
-        test_df_complete_open = filter_complete_entries(test_df_open)
+            test_df_complete = filter_complete_entries(test_df)
+            has_complete_entries = len(test_df_complete) > 0
 
-        initial_df = test_df_complete if has_complete_entries else test_df
+            if "Openness" in test_df.columns:
+                test_df_open = test_df[test_df["Openness"].str.lower() == "open"].copy()
+            else:
+                test_df_open = test_df.copy()
+            test_df_complete_open = filter_complete_entries(test_df_open)
 
-        # --- Winners by Category Section ---
-        gr.Markdown("---")
-        gr.HTML('<h2>Winners by Category</h2>', elem_id="winners-header")
-        gr.Markdown("Top 5 performing systems in each benchmark category.")
+            initial_df = test_df_complete if has_complete_entries else test_df
 
-        winners_component = gr.HTML(
-            create_winners_by_category_html(initial_df, top_n=5),
-            elem_id="winners-by-category",
-        )
+            # --- Winners by Category Section ---
+            gr.Markdown("---")
+            gr.HTML('<h2>Winners by Category</h2>', elem_id="winners-header")
+            gr.Markdown("Top 5 performing systems in each benchmark category.")
 
-        # --- New Visualization Sections ---
-        gr.Markdown("---")
+            winners_component = gr.HTML(
+                create_winners_by_category_html(initial_df, top_n=5),
+                elem_id="winners-by-category",
+            )
 
-        # Evolution Over Time Section
-        gr.HTML('<h2>Evolution Over Time</h2>', elem_id="evolution-header")
-        gr.Markdown("Track how model performance has improved over time based on release dates.")
+            # --- New Visualization Sections ---
+            gr.Markdown("---")
 
-        evolution_component = gr.Plot(
-            value=create_evolution_over_time_chart(initial_df, MARK_BY_DEFAULT),
-            elem_id="evolution-chart",
-        )
+            # Evolution Over Time Section
+            gr.HTML('<h2>Evolution Over Time</h2>', elem_id="evolution-header")
+            gr.Markdown("Track how model performance has improved over time based on release dates.")
 
-        gr.Markdown("---")
+            evolution_component = gr.Plot(
+                value=create_evolution_over_time_chart(initial_df, MARK_BY_DEFAULT),
+                elem_id="evolution-chart",
+            )
 
-        # Open Model Accuracy by Size Section (always shows open models only by design)
-        gr.HTML('<h2>Open Model Accuracy by Size</h2>', elem_id="size-accuracy-header")
-        gr.Markdown("Compare open-weights model performance against their parameter count.")
+            gr.Markdown("---")
 
-        size_component = gr.Plot(
-            value=create_accuracy_by_size_chart(initial_df, MARK_BY_DEFAULT),
-            elem_id="size-accuracy-chart",
-        )
+            # Open Model Accuracy by Size Section (always shows open models only by design)
+            gr.HTML('<h2>Open Model Accuracy by Size</h2>', elem_id="size-accuracy-header")
+            gr.Markdown("Compare open-weights model performance against their parameter count.")
 
-        def update_extra_sections(show_incomplete, show_open_only, mark_by):
-            include_incomplete = show_incomplete or not has_complete_entries
-            base_df = test_df if include_incomplete else test_df_complete
-            base_df_open = test_df_open if include_incomplete else test_df_complete_open
-            winners_df = base_df_open if show_open_only else base_df
+            size_component = gr.Plot(
+                value=create_accuracy_by_size_chart(initial_df, MARK_BY_DEFAULT),
+                elem_id="size-accuracy-chart",
+            )
 
-            winners_html = create_winners_by_category_html(winners_df, top_n=5)
-            evolution_fig = create_evolution_over_time_chart(winners_df, mark_by)
-            size_fig = create_accuracy_by_size_chart(base_df, mark_by)
+            def update_extra_sections(show_incomplete, show_open_only, mark_by):
+                include_incomplete = show_incomplete or not has_complete_entries
+                base_df = test_df if include_incomplete else test_df_complete
+                base_df_open = test_df_open if include_incomplete else test_df_complete_open
+                winners_df = base_df_open if show_open_only else base_df
 
-            return winners_html, evolution_fig, size_fig
+                winners_html = create_winners_by_category_html(winners_df, top_n=5)
+                evolution_fig = create_evolution_over_time_chart(winners_df, mark_by)
+                size_fig = create_accuracy_by_size_chart(base_df, mark_by)
 
-        show_incomplete_input = show_incomplete_checkbox if show_incomplete_checkbox is not None else gr.State(value=True)
-        show_open_only_input = show_open_only_checkbox if show_open_only_checkbox is not None else gr.State(value=False)
-        extra_section_inputs = [show_incomplete_input, show_open_only_input, mark_by_dropdown]
+                return winners_html, evolution_fig, size_fig
 
-        if show_incomplete_checkbox is not None:
-            show_incomplete_checkbox.change(
-                fn=update_extra_sections,
-                inputs=extra_section_inputs,
-                outputs=[winners_component, evolution_component, size_component]
+            show_incomplete_input = (
+                show_incomplete_checkbox if show_incomplete_checkbox is not None else gr.State(value=True)
             )
-
-        if show_open_only_checkbox is not None:
-            show_open_only_checkbox.change(
-                fn=update_extra_sections,
-                inputs=extra_section_inputs,
-                outputs=[winners_component, evolution_component, size_component]
+            show_open_only_input = (
+                show_open_only_checkbox if show_open_only_checkbox is not None else gr.State(value=False)
             )
+            extra_section_inputs = [show_incomplete_input, show_open_only_input, mark_by_dropdown]
+
+            if show_incomplete_checkbox is not None:
+                show_incomplete_checkbox.change(
+                    fn=update_extra_sections,
+                    inputs=extra_section_inputs,
+                    outputs=[winners_component, evolution_component, size_component],
+                )
+
+            if show_open_only_checkbox is not None:
+                show_open_only_checkbox.change(
+                    fn=update_extra_sections,
+                    inputs=extra_section_inputs,
+                    outputs=[winners_component, evolution_component, size_component],
+                )
+
+            if mark_by_dropdown is not None:
+                mark_by_dropdown.change(
+                    fn=update_extra_sections,
+                    inputs=extra_section_inputs,
+                    outputs=[winners_component, evolution_component, size_component],
+                )
 
-        if mark_by_dropdown is not None:
-            mark_by_dropdown.change(
-                fn=update_extra_sections,
-                inputs=extra_section_inputs,
-                outputs=[winners_component, evolution_component, size_component]
-            )
-        
-    else:
-        gr.Markdown("No data available.")
+        else:
+            gr.Markdown("No data available.")
 
 if __name__ == "__main__":
     demo.launch()