sort the values

app.py

@@ -90,6 +90,7 @@ grouped_dfs = get_grouped_dfs()
 domain_df, freq_df, term_length_df, variate_type_df, overall_df = grouped_dfs['domain'], grouped_dfs['frequency'], grouped_dfs['term_length'], grouped_dfs['univariate'], grouped_dfs['overall']
 overall_df = rename_metrics(overall_df)
 overall_df = format_df(overall_df)
+overall_df = overall_df.sort_values(by=['Rank'])
 domain_df = pivot_existed_df(domain_df, tab_name='domain')
 print(f'Domain dataframe is {domain_df}')
 freq_df = pivot_existed_df(freq_df, tab_name='frequency')
@@ -106,7 +107,7 @@ model_info_df = get_model_info_df(EVAL_RESULTS_PATH, EVAL_REQUESTS_PATH)
 # ) = get_evaluation_queue_df(EVAL_REQUESTS_PATH, EVAL_COLS)
 
 
-def init_leaderboard(ori_dataframe, model_info_df):
+def init_leaderboard(ori_dataframe, model_info_df, sort_val: str|None = None):
     if ori_dataframe is None or ori_dataframe.empty:
         raise ValueError("Leaderboard DataFrame is empty or None.")
     model_info_col_list = [c.name for c in fields(ModelInfoColumn) if c.displayed_by_default if c.name not in ['#Params (B)', 'available_on_hub', 'hub', 'Model sha','Hub License']]
@@ -119,14 +120,19 @@ def init_leaderboard(ori_dataframe, model_info_df):
     new_cols = ['T'] + [col for col in merged_df.columns if col != 'T']
     merged_df = merged_df[new_cols]
     print('Merged df: ', merged_df)
+    if sort_val:
+        if sort_val in merged_df.columns:
+            merged_df = merged_df.sort_values(by=[sort_val])
+        else:
+            print(f'Warning: cannot sort by {sort_val}')
     # get the data type
     datatype_list = [col2type_dict[col] if col in col2type_dict else 'number' for col in merged_df.columns]
-    # print('datatype_list: ', datatype_list)
+    print('datatype_list: ', datatype_list)
     # print('merged_df.column: ', merged_df.columns)
     # ipdb.set_trace()
     return Leaderboard(
         value=merged_df,
-        datatype=[c.type for c in fields(ModelInfoColumn)],
+        datatype=datatype_list,
         select_columns=SelectColumns(
             default_selection=default_selection_list,
             # default_selection=[c.name for c in fields(ModelInfoColumn) if
@@ -158,6 +164,7 @@ def init_leaderboard(ori_dataframe, model_info_df):
             ColumnFilter(ModelInfoColumn.model_type.name, type="checkboxgroup", label="Model types"),
         ],
         # bool_checkboxgroup_label="",
+        column_widths=[40, 150] + [150 for _ in range(len(merged_df.columns)-2)],
         interactive=False,
     )
 
@@ -169,7 +176,7 @@ with demo:
 
     with gr.Tabs(elem_classes="tab-buttons") as tabs:
         with gr.TabItem('🏅 Overall', elem_id="llm-benchmark-tab-table", id=5):
-            leaderboard = init_leaderboard(overall_df, model_info_df)
+            leaderboard = init_leaderboard(overall_df, model_info_df, sort_val='MAPE')
             print(f'FINAL Overall LEADERBOARD {overall_df}')
         with gr.TabItem("🏅 By Domain", elem_id="llm-benchmark-tab-table", id=0):
             leaderboard = init_leaderboard(domain_df, model_info_df)

src/display/formatting.py

@@ -3,7 +3,7 @@ def model_hyperlink(link, model_name):
         return model_name
         # return f'<a target="_blank">{model_name}</a>'
         # return f'<a target="_blank" href="{link}" rel="noopener noreferrer">{model_name}</a>'
-    return f'<a target="_blank" href="{link}">{model_name}</a>'
+    return f'<a target="_blank" href="{link}" style="color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;">{model_name}</a>'
 
 
 def make_clickable_model(model_name):