Refactor init_leaderboard function to improve dropdown UI and add search functionality

app.py

@@ -70,23 +70,31 @@ LEADERBOARD_DF, SUBSETS = get_leaderboard_df(RESULTS_REPO)
 
 def init_leaderboard(dataframes, subsets):
     subsets = list(subsets)
-    selected_subset = gr.Dropdown(choices=subsets, label="Select Dataset Subset", value=subsets[-1])
+    
+    with gr.Row():
+        selected_subset = gr.Dropdown(choices=subsets, label="Select Dataset Subset", value=subsets[-1])
+        research_textbox = gr.Textbox(placeholder="🔍 Search Models... [press enter]", label="Filter Models by Name", )
+    
+    with gr.Row():
+        datatype = [c.type for c in fields(AutoEvalColumn)]
+        dataframe = gr.Dataframe(dataframes, datatype=datatype, type="pandas")
 
-    return Leaderboard(
-        value=dataframes,
-        datatype=[c.type for c in fields(AutoEvalColumn)],
-        select_columns=SelectColumns(
-            default_selection=[c.name for c in fields(AutoEvalColumn) if c.displayed_by_default],
-            cant_deselect=[c.name for c in fields(AutoEvalColumn) if c.never_hidden],
-            label="Select Columns to Display:",
-        ),
-        search_columns=[AutoEvalColumn.model.name],
-        hide_columns=[c.name for c in fields(AutoEvalColumn) if c.hidden],
-        filter_columns=[
-            "Dataset Version",
-        ],
-        interactive=False,
-    )
+
+    # return Leaderboard(
+    #     value=dataframes,
+    #     datatype=[c.type for c in fields(AutoEvalColumn)],
+    #     select_columns=SelectColumns(
+    #         default_selection=[c.name for c in fields(AutoEvalColumn) if c.displayed_by_default],
+    #         cant_deselect=[c.name for c in fields(AutoEvalColumn) if c.never_hidden],
+    #         label="Select Columns to Display:",
+    #     ),
+    #     search_columns=[AutoEvalColumn.model.name],
+    #     hide_columns=[c.name for c in fields(AutoEvalColumn) if c.hidden],
+    #     filter_columns=[
+    #         "Dataset Version",
+    #     ],
+    #     interactive=False,
+    # )
     
 demo = gr.Blocks(css=custom_css)
 with demo:
@@ -95,7 +103,7 @@ with demo:
 
     with gr.Tabs(elem_classes="tab-buttons") as tabs:
         with gr.TabItem("🏅 LiveBench Results", elem_id="llm-benchmark-tab-table", id=0):
-            leaderboard = init_leaderboard(LEADERBOARD_DF, SUBSETS)
+            init_leaderboard(LEADERBOARD_DF, SUBSETS)
 
         with gr.TabItem("📝 About", elem_id="llm-benchmark-tab-table", id=2):
             gr.Markdown(LLM_BENCHMARKS_TEXT, elem_classes="markdown-text")