Add right container

app.py

@@ -1,6 +1,7 @@
 import gradio as gr
 from apscheduler.schedulers.background import BackgroundScheduler
 from huggingface_hub import snapshot_download
+import pandas as pd
 
 from src.about import (
     REPRODUCIBILITY_TEXT,
@@ -51,12 +52,18 @@ AGENTIC_LEADERBOARD_DF = get_leaderboard_df(EVAL_RESULTS_PATH, EVAL_REQUESTS_PAT
     pending_eval_queue_df,
 ) = get_evaluation_queue_df(EVAL_REQUESTS_PATH, EVAL_COLS)
 
+def bold_max(s):
+    is_max = s == s.max()  # Boolean Series: True for the max value(s)
+    return ['font-weight: bold' if v else '' for v in is_max]
+
 def init_leaderboard(dataframe, benchmark_type):
     if dataframe is None or dataframe.empty:
         raise ValueError("Leaderboard DataFrame is empty or None.")
     
     AutoEvalColumnSubset = [c for c in fields(AutoEvalColumn) if ((c.name=="Model") or (TASK_NAME_INVERSE_MAP.get(c.name, dict()).get("type", "")==benchmark_type))]
 
+    # styler = dataframe.style.apply(bold_max, subset=pd.IndexSlice[:, dataframe.columns[1:]])
+
     return gr.components.Dataframe(
         value=dataframe,
         datatype=[c.type for c in AutoEvalColumnSubset],

src/display/css_html_js.py

@@ -81,6 +81,20 @@ custom_css = """
 
 #right-container {
     flex: 1;
+    align-self: center;
+}
+
+#right-container #black-logo, #right-container #white-logo {
+    height: 150px;
+    width: 150px;
+}
+
+#right-container #black-logo {
+    display: block;
+}
+
+#right-container #white-logo {
+    display: none;
 }
 
 .llm-benchmark-tab-table .table-wrap table.table {
@@ -106,6 +120,12 @@ custom_css = """
     #left-container #white-logo {
         display: block;
     }
+    #right-container #black-logo {
+        display: none;
+    }    
+    #right-container #white-logo {
+        display: block;
+    }
 }
 
 .benchmark-table-container table {