added delta auc pr columns

config/leaderboard.py

@@ -2,6 +2,9 @@ from .tasks import get_all_task_keys
 
 # column names
 TASK_NAMES = get_all_task_keys()
+AUC_TASK_NAMES = ["ROC_AUC_" + name for name in TASK_NAMES]
+AUC_PR_TASK_NAMES = ["ΔAUC-PR_" + name for name in TASK_NAMES]
+TASK_NAMES = AUC_TASK_NAMES + AUC_PR_TASK_NAMES
 
 METADATA_COLUMN_NAMES = [
     "Model",
@@ -16,7 +19,6 @@ METADATA_COLUMN_NAMES = [
     "N-shot", # only if few-shot is yes
     "Few-shot (y/n)",
     "ΔAUC-PR",
-    "Model Commit Hash",
     "Organization",
     "Publication Link",
     "Pretraining Data", # only if Pretrained (y/n) is yes
@@ -35,7 +37,6 @@ METADATA_COLUMN_WIDTHS = {
     "Avg. AUC": 130,
 
     "Zero-shot (y/n)": 140,
-    "Model Commit Hash": 100,
     "N-shot": 140,
     "Few-shot (y/n)": 140,
     "ΔAUC-PR": 130,

frontend/layout.py

@@ -20,11 +20,21 @@ def create_leaderboard_tab(refresh_callback: Callable = None) -> gr.TabItem:
 
     with gr.TabItem("Leaderboard", elem_id="leaderboard-tab", id=0) as tab:
         def apply_filters(search):
-            filtered = result_data.copy()
+            new_data = (
+                refresh_callback().reset_index(drop=True)
+                if refresh_callback
+                else refresh_leaderboard().reset_index(drop=True)
+            )
+
+            new_data[("", "Avg. AUC")] = pd.to_numeric(new_data[("", "Avg. AUC")], errors="coerce")
+            new_data = new_data.sort_values(by=("", "Avg. AUC"), ascending=False, na_position="last")
+            new_data.insert(0, ("", "Rank"), range(1, len(new_data) + 1))
+                
+            filtered = new_data.copy()
 
             if search:
                 search = search.lower()
-                filtered = filtered[filtered["Model"].str.lower().str.contains(search)]
+                filtered = filtered[filtered[("", "Model")].str.lower().str.contains(search)]
 
             # if few_shot is not None:
             #     filtered = filtered[filtered["Few-shot (y/n)"] == few_shot]
@@ -35,20 +45,57 @@ def create_leaderboard_tab(refresh_callback: Callable = None) -> gr.TabItem:
             return make_html_table(filtered)
         
         def make_html_table(df: pd.DataFrame) -> str:
-            """Render a pretty auto-sizing leaderboard table with scroll support."""
-            html = """
-            <div class='leaderboard-container'>
-            <table class='leaderboard-table'>
-                <thead><tr>
-            """
-            html += "".join(f"<th class='leaderboard-header'>{col}</th>" for col in df.columns)
-            html += "</tr></thead><tbody>"
+            html = "<div class='leaderboard-container'><table class='leaderboard-table'>"
+
+            if isinstance(df.columns, pd.MultiIndex):
+                html += "<thead>"
+
+                # --- Top header row ---
+                html += "<tr>"
+                prev_top = None
+                colspan = 0
+
+                for i, (top, sub) in enumerate(df.columns):
+                    # Handle blank top headers directly (span both rows)
+                    if top == "" or top is None:
+                        # close any previous group first
+                        if prev_top is not None:
+                            html += f"<th colspan='{colspan}'>{prev_top}</th>"
+                            prev_top, colspan = None, 0
+                        html += f"<th rowspan='2'>{sub}</th>"
+                        continue
+
+                    # If same group continues, increment colspan
+                    if top == prev_top:
+                        colspan += 1
+                    else:
+                        # close previous group if exists
+                        if prev_top is not None:
+                            html += f"<th colspan='{colspan}'>{prev_top}</th>"
+                        prev_top = top
+                        colspan = 1
+
+                # close final group
+                if prev_top is not None:
+                    html += f"<th colspan='{colspan}'>{prev_top}</th>"
 
-            for _, row in df.iterrows():
-                html += "<tr class='leaderboard-row'>"
-                html += "".join(f"<td class='leaderboard-cell'>{val}</td>" for val in row)
                 html += "</tr>"
 
+                # --- Second header row ---
+                html += "<tr>"
+                for top, sub in df.columns:
+                    if top not in ("", None):
+                        html += f"<th>{sub}</th>"
+                html += "</tr>"
+
+                html += "</thead>"
+            else:
+                html += "<thead><tr>" + "".join(f"<th>{col}</th>" for col in df.columns) + "</tr></thead>"
+
+            # --- Body ---
+            html += "<tbody>"
+            for _, row in df.iterrows():
+                html += "<tr>" + "".join(f"<td>{val}</td>" for val in row) + "</tr>"
             html += "</tbody></table></div>"
             return html
 
@@ -60,15 +107,13 @@ def create_leaderboard_tab(refresh_callback: Callable = None) -> gr.TabItem:
 
         # Load initial data
         result_data = refresh_leaderboard() # df
-        result_data["Avg. AUC"] = pd.to_numeric(result_data["Avg. AUC"], errors="coerce")
-
-        # Sort leaderboard by Avg. AUC (descending)
-        result_data = result_data.sort_values(by="Avg. AUC", ascending=False, na_position="last")
 
-        # Add rank column (1-based)
-        result_data.insert(0, "Rank", range(1, len(result_data) + 1))
+        # add rank column
+        result_data[("", "Avg. AUC")] = pd.to_numeric(result_data[("", "Avg. AUC")], errors="coerce")
+        result_data = result_data.sort_values(by=("", "Avg. AUC"), ascending=False, na_position="last")
+        result_data.insert(0, ("", "Rank"), range(1, len(result_data) + 1))
 
-        result_data.columns = result_data.columns.map(str)
+        # result_data.columns = result_data.columns.map(str)
         # Leaderboard at full width
         search = gr.Textbox(show_label=False, placeholder="Search by model name…", elem_id="leaderboard-search", container=False, max_lines=1, type="text")
 

frontend/leaderboard.py

@@ -53,29 +53,44 @@ def format_leaderboard_data(raw_data: dict) -> pd.DataFrame:
 
         # Create a row with all the data
         row = {
-            "Model": config["model_name"],
-            "Organization": config.get("organization", ""),
-            "Avg. AUC": results["overall_score"]["roc_auc"],
-            "ΔAUC-PR": config.get("daucpr", ""),
+            ("", "Model"): config["model_name"],
+            ("", "Organization"): config.get("organization", ""),
+            ("", "Avg. AUC"): results["overall_score"]["roc_auc"],
+            ("", "ΔAUC-PR"): config.get("daucpr", ""),
         }
 
         # === Insert task columns immediately after ΔAUC-PR ===
         for task_key, task_result in results.items():
-            if task_key != "overall_score":  # Skip overall score
-                row[task_key] = task_result["roc_auc"]
+            if task_key != "overall_score":  
+                row[("ROC-AUC", task_key)] = task_result.get("roc_auc", "")
+        for task_key, task_result in results.items():
+            if task_key != "overall_score": 
+                row[("ΔAUC-PR", task_key)] = task_result.get("delta_auc_pr", "")
+
 
         # === Then continue with the rest of the metadata columns ===
+        # row.update({
+        #     "Model Description": config["model_description"],
+        #     "Publication": config.get("publication_title", ""),
+        #     "Publication Link": config.get("publication_link", ""),
+        #     "# Parameters": config.get("model_size", ""),
+        #     "Pretrained (y/n)": config.get("pretrained", ""),
+        #     "Pretraining Data": config.get("pretraining_data", ""),
+        #     "Zero-shot (y/n)": config.get("zero_shot", ""),
+        #     "Few-shot (y/n)": config.get("few_shot", ""),
+        #     "N-shot": config.get("n_shot", ""),
+        # })
+
         row.update({
-            "Model Description": config["model_description"],
-            "Model Commit Hash": config.get("model_commit_hash", ""),
-            "Publication": config.get("publication_title", ""),
-            "Publication Link": config.get("publication_link", ""),
-            "# Parameters": config.get("model_size", ""),
-            "Pretrained (y/n)": config.get("pretrained", ""),
-            "Pretraining Data": config.get("pretraining_data", ""),
-            "Zero-shot (y/n)": config.get("zero_shot", ""),
-            "Few-shot (y/n)": config.get("few_shot", ""),
-            "N-shot": config.get("n_shot", ""),
+            ("", "Model Description"): config["model_description"],
+            ("", "Publication"): config.get("publication_title", ""),
+            ("", "Publication Link"): config.get("publication_link", ""),
+            ("", "# Parameters"): config.get("model_size", ""),
+            ("", "Pretrained (y/n)"): config.get("pretrained", ""),
+            ("", "Pretraining Data"): config.get("pretraining_data", ""),
+            ("", "Zero-shot (y/n)"): config.get("zero_shot", ""),
+            ("", "Few-shot (y/n)"): config.get("few_shot", ""),
+            ("", "N-shot"): config.get("n_shot", ""),
         })
 
         date_raw = config.get("date_approved", config.get("date_submitted", ""))
@@ -89,12 +104,13 @@ def format_leaderboard_data(raw_data: dict) -> pd.DataFrame:
 
         row.update({
             # ...
-            "Date Added": date_str,
+            ("", "Date Added"): date_str,
         })
 
         rows.append(row)
 
     df = pd.DataFrame(rows)
+    df.columns = pd.MultiIndex.from_tuples(df.columns)
 
     # Handle empty dataset case
     if df.empty:
@@ -105,7 +121,7 @@ def format_leaderboard_data(raw_data: dict) -> pd.DataFrame:
         df = pd.DataFrame(columns=COLUMN_NAMES)
     else:
         # rank according to overall score
-        df = df.sort_values(by="Avg. AUC", ascending=False).reset_index(
+        df = df.sort_values(by=("", "Avg. AUC"), ascending=False).reset_index(
             drop=True
         )
         # set different precision

frontend/styles.css

@@ -48,86 +48,70 @@ body, .gradio-container {
 
 
 
-/* === Scrollable container === */
-/* === Scrollable container === */
+
+/* === Container === */
 .leaderboard-container {
-  overflow-x: auto;           /* horizontal scroll for wide tables */
-  overflow-y: auto;           /* ✅ vertical scroll when height exceeded */
-  max-height: 600px;          /* ✅ adjust this to fit about 10 rows */
-  border: none;
+  overflow: auto;
+  max-height: 600px;                 /* scroll vertically after ~10 rows */
+  border: 1px solid #e5e7eb;
   border-radius: 10px;
-  background: white;
-  box-shadow: none;
-  margin-top: 10px;
-}
-
-/* === Sticky header === */
-.leaderboard-table thead th {
-  position: sticky;
-  top: 0;
-  z-index: 2;
-  background: #f9fafb;        /* same as header background */
-  border-bottom: 1px solid #e5e7eb;
-}
-
-/* Keep nice clean row look */
-.leaderboard-row:hover {
-  background-color: #f8fafc;
-  transition: background-color 0.15s ease-in-out;
+  background: #fff;
+  margin-top: 3px;
 }
 
 /* === Table === */
 .leaderboard-table {
-  border-collapse: collapse;
   width: max-content;
   min-width: 100%;
+  border-collapse: collapse;
   table-layout: fixed;
-  border: none;                    /* ✅ no outer border on table */
 }
 
 /* === Header cells === */
-.leaderboard-header {
-  background: #f9fafb;
-  font-weight: 600;
-  font-size: 15px;
-  color: #374151;
+.leaderboard-table th {
   text-align: center;
-  padding: 20px 24px;
-  border: 1px solid #e5e7eb;  /* ✅ light horizontal line only */
-  line-height: 1.4;
-  white-space: normal;
-  word-break: break-word;
-  max-width: 220px;
+  vertical-align: middle;
+  padding: 10px 14px;
+  font-weight: 600;
+  font-size: 14px;
+  background: #f9fafb;
+  border: 1px solid #e5e7eb;
+  position: sticky;
+  top: 0;
+  z-index: 2;
+}
+
+.leaderboard-table thead tr:first-child th {
+  background: #f1f5f9;
+  font-weight: 700;
+}
+
+.leaderboard-table thead th:first-child {
+  border-top-left-radius: 8px;
+}
+.leaderboard-table thead th:last-child {
+  border-top-right-radius: 8px;
 }
 
 /* === Data cells === */
-.leaderboard-cell {
+.leaderboard-table td {
+  text-align: left;
+  padding: 10px 14px;
   font-size: 14px;
   color: #111827;
-  padding: 16px 20px;
-  border: 1px solid #f3f4f6;  /* ✅ light horizontal divider */
+  border: 1px solid #f3f4f6;
   vertical-align: top;
-  white-space: normal;
   word-break: break-word;
-  overflow-wrap: anywhere;
+  white-space: normal;
   line-height: 1.5;
-  max-width: 260px;
 }
 
-
+/* === Hover effect === */
 .leaderboard-row:hover {
   background-color: #f8fafc;
   transition: background-color 0.15s ease-in-out;
 }
 
-/* === Optional subtle rounded header top === */
-.leaderboard-table thead th:first-child {
-  border-top-left-radius: 8px;
-}
-.leaderboard-table thead th:last-child {
-  border-top-right-radius: 8px;
-}
-
 /* === Scrollbar === */
 .leaderboard-container::-webkit-scrollbar {
   height: 8px;
@@ -149,8 +133,6 @@ body, .gradio-container {
 
 
 
-
-
 #leaderboard-tab,
 #leaderboard-tab .gr-panel,
 #leaderboard-tab .gr-block,
@@ -206,7 +188,7 @@ body, .gradio-container {
   transition: all 0.2s ease-in-out !important;
   box-shadow: 0 4px 10px rgba(99, 102, 241, 0.25) !important;
   margin-top: 0px !important;      /* tighter to search bar */
-  margin-bottom: 24px !important;  /* more breathing room before table */
+  margin-bottom: 20px !important;  /* more breathing room before table */
 }