Separate leaderboard section

app.py

@@ -211,187 +211,191 @@ def filter_models(
 
 leaderboard_df = filter_models(leaderboard_df, [t.to_str(" : ") for t in ModelType], list(NUMERIC_INTERVALS.keys()), [i.value.name for i in Precision], [i.value.name for i in AddSpecialTokens], [i.value.name for i in NumFewShots], False, False, False)
 
-with gr.Blocks(css=custom_css) as demo:
-    gr.HTML(TITLE)
-    gr.Markdown(INTRODUCTION_TEXT, elem_classes="markdown-text")
-
-    with gr.Tabs(elem_classes="tab-buttons") as tabs:
-        with gr.TabItem("🏅 LLM Benchmark", elem_id="llm-benchmark-tab-table", id=0):
+with gr.Blocks() as demo_leaderboard:
+    with gr.Row():
+        with gr.Column():
             with gr.Row():
-                with gr.Column():
-                    with gr.Row():
-                        search_bar = gr.Textbox(
-                            placeholder=" 🔍 Search for your model (separate multiple queries with `;`) and press ENTER...",
-                            show_label=False,
-                            elem_id="search-bar",
-                        )
-                    with gr.Row():
-                        shown_columns = gr.CheckboxGroup(
-                            choices=[
-                                c.name
-                                for c in fields(AutoEvalColumn)
-                                if not c.hidden and not c.never_hidden# and not c.dummy
-                            ],
-                            value=[
-                                c.name
-                                for c in fields(AutoEvalColumn)
-                                if c.displayed_by_default and not c.hidden and not c.never_hidden
-                            ],
-                            label="Select columns to show",
-                            elem_id="column-select",
-                            interactive=True,
-                        )
-                    with gr.Row():
-                        deleted_models_visibility = gr.Checkbox(
-                            value=False, label="Show private/deleted models", interactive=True
-                        )
-                        merged_models_visibility = gr.Checkbox(
-                            value=False, label="Show merges", interactive=True
-                        )
-                        flagged_models_visibility = gr.Checkbox(
-                            value=False, label="Show flagged models", interactive=True
-                        )
-                with gr.Column(min_width=320):
-                    #with gr.Box(elem_id="box-filter"):
-                    filter_columns_type = gr.CheckboxGroup(
-                        label="Model types",
-                        choices=[t.to_str() for t in ModelType],
-                        value=[t.to_str() for t in ModelType],
-                        interactive=True,
-                        elem_id="filter-columns-type",
-                    )
-                    filter_columns_precision = gr.CheckboxGroup(
-                        label="Precision",
-                        choices=[i.value.name for i in Precision],
-                        value=[i.value.name for i in Precision],
-                        interactive=True,
-                        elem_id="filter-columns-precision",
-                    )
-                    filter_columns_size = gr.CheckboxGroup(
-                        label="Model sizes (in billions of parameters)",
-                        choices=list(NUMERIC_INTERVALS.keys()),
-                        value=list(NUMERIC_INTERVALS.keys()),
-                        interactive=True,
-                        elem_id="filter-columns-size",
-                    )
-                    filter_columns_add_special_tokens = gr.CheckboxGroup(
-                        label="Add Special Tokens",
-                        choices=[i.value.name for i in AddSpecialTokens],
-                        value=[i.value.name for i in AddSpecialTokens],
-                        interactive=True,
-                        elem_id="filter-columns-add-special-tokens",
-                    )
-                    filter_columns_num_few_shots = gr.CheckboxGroup(
-                        label="Num Few Shots",
-                        choices=[i.value.name for i in NumFewShots],
-                        value=[i.value.name for i in NumFewShots],
-                        interactive=True,
-                        elem_id="filter-columns-num-few-shots",
-                    )
-
-            leaderboard_df_filtered = filter_models(leaderboard_df, [t.to_str(" : ") for t in ModelType], list(NUMERIC_INTERVALS.keys()), [i.value.name for i in Precision], [i.value.name for i in AddSpecialTokens], [i.value.name for i in NumFewShots], False, False, False)
-            # initial_columns = [c.name for c in fields(AutoEvalColumn) if c.never_hidden or c.displayed_by_default]
-            # leaderboard_df_filtered = select_columns(leaderboard_df_filtered, initial_columns)
-
-            # leaderboard_table = gr.components.Dataframe(
-            #     value=leaderboard_df_filtered,
-            #     headers=[c.name for c in fields(AutoEvalColumn) if c.never_hidden] + shown_columns.value,
-            #     datatype=TYPES,
-            #     elem_id="leaderboard-table",
-            #     interactive=False,
-            #     visible=True,
-            # )
-
-            # DataFrameの初期化部分のみを修正
-            initial_columns = ['T'] + [c.name for c in fields(AutoEvalColumn) if (c.never_hidden or c.displayed_by_default) and c.name != 'T']
-            leaderboard_df_filtered = select_columns(leaderboard_df, initial_columns)
-
-            # Model列のリンク形式を修正
-            leaderboard_df_filtered['Model'] = leaderboard_df_filtered['Model'].apply(
-                lambda x: f'[{x.split(">")[-2].split("<")[0]}]({x.split("href=")[1].split(chr(34))[1]})' if isinstance(x, str) and 'href=' in x else x
+                search_bar = gr.Textbox(
+                    placeholder=" 🔍 Search for your model (separate multiple queries with `;`) and press ENTER...",
+                    show_label=False,
+                    elem_id="search-bar",
+                )
+            with gr.Row():
+                shown_columns = gr.CheckboxGroup(
+                    choices=[
+                        c.name
+                        for c in fields(AutoEvalColumn)
+                        if not c.hidden and not c.never_hidden# and not c.dummy
+                    ],
+                    value=[
+                        c.name
+                        for c in fields(AutoEvalColumn)
+                        if c.displayed_by_default and not c.hidden and not c.never_hidden
+                    ],
+                    label="Select columns to show",
+                    elem_id="column-select",
+                    interactive=True,
+                )
+            with gr.Row():
+                deleted_models_visibility = gr.Checkbox(
+                    value=False, label="Show private/deleted models", interactive=True
+                )
+                merged_models_visibility = gr.Checkbox(
+                    value=False, label="Show merges", interactive=True
+                )
+                flagged_models_visibility = gr.Checkbox(
+                    value=False, label="Show flagged models", interactive=True
+                )
+        with gr.Column(min_width=320):
+            #with gr.Box(elem_id="box-filter"):
+            filter_columns_type = gr.CheckboxGroup(
+                label="Model types",
+                choices=[t.to_str() for t in ModelType],
+                value=[t.to_str() for t in ModelType],
+                interactive=True,
+                elem_id="filter-columns-type",
             )
-
-            # 数値データを文字列に変換
-            for col in leaderboard_df_filtered.columns:
-                if col not in ['T', 'Model']:
-                    leaderboard_df_filtered[col] = leaderboard_df_filtered[col].astype(str)
-
-            # DataFrameコンポーネントの初期化
-            leaderboard_table = gr.components.Dataframe(
-                value=leaderboard_df_filtered,
-                headers=initial_columns,
-                datatype=TYPES,
-                elem_id="leaderboard-table",
-                interactive=False,
-                visible=True
+            filter_columns_precision = gr.CheckboxGroup(
+                label="Precision",
+                choices=[i.value.name for i in Precision],
+                value=[i.value.name for i in Precision],
+                interactive=True,
+                elem_id="filter-columns-precision",
             )
-
-            # Dummy leaderboard for handling the case when the user uses backspace key
-            hidden_leaderboard_table_for_search = gr.components.Dataframe(
-                value=original_df[COLS],
-                headers=COLS,
-                datatype=TYPES,
-                visible=False,
+            filter_columns_size = gr.CheckboxGroup(
+                label="Model sizes (in billions of parameters)",
+                choices=list(NUMERIC_INTERVALS.keys()),
+                value=list(NUMERIC_INTERVALS.keys()),
+                interactive=True,
+                elem_id="filter-columns-size",
             )
-            search_bar.submit(
-                update_table,
-                [
-                    hidden_leaderboard_table_for_search,
-                    shown_columns,
-                    filter_columns_type,
-                    filter_columns_precision,
-                    filter_columns_size,
-                    filter_columns_add_special_tokens,
-                    filter_columns_num_few_shots,
-                    deleted_models_visibility,
-                    merged_models_visibility,
-                    flagged_models_visibility,
-                    search_bar,
-                ],
-                leaderboard_table,
+            filter_columns_add_special_tokens = gr.CheckboxGroup(
+                label="Add Special Tokens",
+                choices=[i.value.name for i in AddSpecialTokens],
+                value=[i.value.name for i in AddSpecialTokens],
+                interactive=True,
+                elem_id="filter-columns-add-special-tokens",
             )
-
-            # Define a hidden component that will trigger a reload only if a query parameter has be set
-            hidden_search_bar = gr.Textbox(value="", visible=False)
-            hidden_search_bar.change(
-                update_table,
-                [
-                    hidden_leaderboard_table_for_search,
-                    shown_columns,
-                    filter_columns_type,
-                    filter_columns_precision,
-                    filter_columns_size,
-                    filter_columns_add_special_tokens,
-                    filter_columns_num_few_shots,
-                    deleted_models_visibility,
-                    merged_models_visibility,
-                    flagged_models_visibility,
-                    search_bar,
-                ],
-                leaderboard_table,
+            filter_columns_num_few_shots = gr.CheckboxGroup(
+                label="Num Few Shots",
+                choices=[i.value.name for i in NumFewShots],
+                value=[i.value.name for i in NumFewShots],
+                interactive=True,
+                elem_id="filter-columns-num-few-shots",
             )
-            # Check query parameter once at startup and update search bar + hidden component
-            demo.load(load_query, inputs=[], outputs=[search_bar, hidden_search_bar])
-
-            for selector in [shown_columns, filter_columns_type, filter_columns_precision, filter_columns_size, filter_columns_add_special_tokens, filter_columns_num_few_shots, deleted_models_visibility, merged_models_visibility, flagged_models_visibility]:
-                selector.change(
-                    update_table,
-                    [
-                        hidden_leaderboard_table_for_search,
-                        shown_columns,
-                        filter_columns_type,
-                        filter_columns_precision,
-                        filter_columns_size,
-                        filter_columns_add_special_tokens,
-                        filter_columns_num_few_shots,
-                        deleted_models_visibility,
-                        merged_models_visibility,
-                        flagged_models_visibility,
-                        search_bar,
-                    ],
-                    leaderboard_table,
-                    queue=True,
-                )
+
+    leaderboard_df_filtered = filter_models(leaderboard_df, [t.to_str(" : ") for t in ModelType], list(NUMERIC_INTERVALS.keys()), [i.value.name for i in Precision], [i.value.name for i in AddSpecialTokens], [i.value.name for i in NumFewShots], False, False, False)
+    # initial_columns = [c.name for c in fields(AutoEvalColumn) if c.never_hidden or c.displayed_by_default]
+    # leaderboard_df_filtered = select_columns(leaderboard_df_filtered, initial_columns)
+
+    # leaderboard_table = gr.components.Dataframe(
+    #     value=leaderboard_df_filtered,
+    #     headers=[c.name for c in fields(AutoEvalColumn) if c.never_hidden] + shown_columns.value,
+    #     datatype=TYPES,
+    #     elem_id="leaderboard-table",
+    #     interactive=False,
+    #     visible=True,
+    # )
+
+    # DataFrameの初期化部分のみを修正
+    initial_columns = ['T'] + [c.name for c in fields(AutoEvalColumn) if (c.never_hidden or c.displayed_by_default) and c.name != 'T']
+    leaderboard_df_filtered = select_columns(leaderboard_df, initial_columns)
+
+    # Model列のリンク形式を修正
+    leaderboard_df_filtered['Model'] = leaderboard_df_filtered['Model'].apply(
+        lambda x: f'[{x.split(">")[-2].split("<")[0]}]({x.split("href=")[1].split(chr(34))[1]})' if isinstance(x, str) and 'href=' in x else x
+    )
+
+    # 数値データを文字列に変換
+    for col in leaderboard_df_filtered.columns:
+        if col not in ['T', 'Model']:
+            leaderboard_df_filtered[col] = leaderboard_df_filtered[col].astype(str)
+
+    # DataFrameコンポーネントの初期化
+    leaderboard_table = gr.components.Dataframe(
+        value=leaderboard_df_filtered,
+        headers=initial_columns,
+        datatype=TYPES,
+        elem_id="leaderboard-table",
+        interactive=False,
+        visible=True
+    )
+
+    # Dummy leaderboard for handling the case when the user uses backspace key
+    hidden_leaderboard_table_for_search = gr.components.Dataframe(
+        value=original_df[COLS],
+        headers=COLS,
+        datatype=TYPES,
+        visible=False,
+    )
+    search_bar.submit(
+        update_table,
+        [
+            hidden_leaderboard_table_for_search,
+            shown_columns,
+            filter_columns_type,
+            filter_columns_precision,
+            filter_columns_size,
+            filter_columns_add_special_tokens,
+            filter_columns_num_few_shots,
+            deleted_models_visibility,
+            merged_models_visibility,
+            flagged_models_visibility,
+            search_bar,
+        ],
+        leaderboard_table,
+    )
+
+    # Define a hidden component that will trigger a reload only if a query parameter has be set
+    hidden_search_bar = gr.Textbox(value="", visible=False)
+    hidden_search_bar.change(
+        update_table,
+        [
+            hidden_leaderboard_table_for_search,
+            shown_columns,
+            filter_columns_type,
+            filter_columns_precision,
+            filter_columns_size,
+            filter_columns_add_special_tokens,
+            filter_columns_num_few_shots,
+            deleted_models_visibility,
+            merged_models_visibility,
+            flagged_models_visibility,
+            search_bar,
+        ],
+        leaderboard_table,
+    )
+    # Check query parameter once at startup and update search bar + hidden component
+    demo_leaderboard.load(load_query, inputs=[], outputs=[search_bar, hidden_search_bar])
+
+    for selector in [shown_columns, filter_columns_type, filter_columns_precision, filter_columns_size, filter_columns_add_special_tokens, filter_columns_num_few_shots, deleted_models_visibility, merged_models_visibility, flagged_models_visibility]:
+        selector.change(
+            update_table,
+            [
+                hidden_leaderboard_table_for_search,
+                shown_columns,
+                filter_columns_type,
+                filter_columns_precision,
+                filter_columns_size,
+                filter_columns_add_special_tokens,
+                filter_columns_num_few_shots,
+                deleted_models_visibility,
+                merged_models_visibility,
+                flagged_models_visibility,
+                search_bar,
+            ],
+            leaderboard_table,
+            queue=True,
+        )
+
+
+with gr.Blocks(css=custom_css) as demo:
+    gr.HTML(TITLE)
+    gr.Markdown(INTRODUCTION_TEXT, elem_classes="markdown-text")
+
+    with gr.Tabs(elem_classes="tab-buttons") as tabs:
+        with gr.TabItem("🏅 LLM Benchmark", elem_id="llm-benchmark-tab-table", id=0):
+            demo_leaderboard.render()
 
         with gr.TabItem("📝 About", elem_id="llm-benchmark-tab-table", id=2):
             gr.Markdown(LLM_BENCHMARKS_TEXT, elem_classes="markdown-text")