update

app.py

@@ -495,7 +495,7 @@ def format_official_leaderboard_html(df: pd.DataFrame) -> str:
     display_cols = ["rank", "model_name", "organization"] + metric_keys + ["verified_date"]
 
     header_map = {
-        "rank": "Rank", "model_name": "Model", "organization": "Org",
+        "rank": "Rank", "model_name": "Model", "organization": "Team",
         "verified_date": "Verified",
     }
     for k in metric_keys:
@@ -518,16 +518,21 @@ def format_official_leaderboard_html(df: pd.DataFrame) -> str:
             metric_second[k] = sorted_vals[1] if len(sorted_vals) >= 2 else None
 
     html = """<style>
-.off-table { width:100%; border-collapse:collapse; font-size:0.85rem; font-family:system-ui,-apple-system,sans-serif; }
+.off-table-wrap { color-scheme: light; background:#ffffff; color:#111827; border-radius:6px; }
+.off-table { width:100%; border-collapse:collapse; font-size:0.85rem; font-family:system-ui,-apple-system,sans-serif; background:#ffffff; color:#111827; }
 .off-table th { background:#1e3a5f !important; color:#ffffff !important; padding:8px 6px; text-align:center; border-bottom:2px solid #1e3a5f; font-size:0.78rem; position:sticky; top:0; }
-.off-table td { padding:6px; text-align:center; border-bottom:1px solid #e5e7eb; }
-.off-table tr:hover { background:#f0f7ff; }
+.off-table td { padding:6px; text-align:center; border-bottom:1px solid #e5e7eb; background:#ffffff; color:#111827; }
+.off-table tr:hover td { background:#f0f7ff; }
+.off-table tr[data-rank="1"] td { background:#fef2f2; font-weight:600; }
+.off-table tr[data-rank="2"] td { background:#fffbeb; font-weight:600; }
+.off-table tr[data-rank="3"] td { background:#f0fdf4; font-weight:600; }
 .off-table .model-col { text-align:left; font-weight:500; }
+.off-table .model-col a { color:#1e3a5f !important; }
 .off-table .org-col { text-align:left; color:#6b7280; font-size:0.8rem; }
-.off-table .best-cell { color:#b91c1c; font-weight:700; }
-.off-table .second-cell { color:#b45309; font-weight:600; }
+.off-table .best-cell { color:#b91c1c !important; font-weight:700; }
+.off-table .second-cell { color:#b45309 !important; font-weight:600; }
 </style>
-<div style="overflow-x:auto; max-height:600px; overflow-y:auto;">
+<div class="off-table-wrap" style="overflow-x:auto; max-height:600px; overflow-y:auto;">
 <table class="off-table">
 <thead><tr>"""
 
@@ -537,8 +542,7 @@ def format_official_leaderboard_html(df: pd.DataFrame) -> str:
 
     for _, row in df.iterrows():
         rank = int(row.get('rank', 0))
-        row_style = rank_styles.get(rank, "")
-        html += f'<tr style="{row_style}">'
+        html += f'<tr data-rank="{rank}">'
 
         for col in display_cols:
             val = row.get(col, "")
@@ -547,7 +551,11 @@ def format_official_leaderboard_html(df: pd.DataFrame) -> str:
                 badge = rank_badges.get(rank, "")
                 html += f'<td style="white-space:nowrap;">{badge}{rank}</td>'
             elif col == "model_name":
-                html += f'<td class="model-col">&#9989; {val}</td>'
+                url = row.get("model_url", "")
+                status = row.get("status", "")
+                status_badge = {"maintainer_run": "🏷️ ", "api_verified": "&#9989; "}.get(status, "")
+                name_html = f'<a href="{url}" target="_blank" rel="noopener" style="color:#1e3a5f; text-decoration:none; border-bottom:1px dotted #1e3a5f;">{val}</a>' if url else f'{val}'
+                html += f'<td class="model-col">{status_badge}{name_html}</td>'
             elif col == "organization":
                 html += f'<td class="org-col">{val}</td>'
             elif col == "verified_date":
@@ -570,7 +578,8 @@ def format_official_leaderboard_html(df: pd.DataFrame) -> str:
     html += """<p style="text-align:center; margin-top:0.5rem; font-size:0.78rem; color:#6b7280;">
     <span style="color:#b91c1c; font-weight:700;">&#9632; Best</span> &nbsp;
     <span style="color:#b45309; font-weight:600;">&#9632; 2nd Best</span> &nbsp;&nbsp;
-    &#9989; = Verified by benchmark maintainers via model API access
+    🏷️ = Evaluation run by benchmark maintainers &nbsp;&nbsp;
+    &#9989; = User submission verified by maintainers via model API
     </p>"""
 
     return html
@@ -1504,7 +1513,7 @@ def format_leaderboard_display(df: pd.DataFrame) -> pd.DataFrame:
         elif col == "model_name":
             column_names.append("Model")
         elif col == "organization":
-            column_names.append("Organization")
+            column_names.append("Team")
         elif col == "date":
             column_names.append("Date")
         elif col == "contact":
@@ -1535,7 +1544,7 @@ def format_leaderboard_html(df: pd.DataFrame) -> str:
 
     # Column headers
     header_map = {
-        "rank": "Rank", "model_name": "Model", "organization": "Org", "date": "Date",
+        "rank": "Rank", "model_name": "Model", "organization": "Team", "date": "Date",
     }
     for k in metric_keys:
         header_map[k] = METRICS[k]["name"]
@@ -1562,16 +1571,21 @@ def format_leaderboard_html(df: pd.DataFrame) -> str:
 
     # Build HTML
     html = """<style>
-.lb-table { width:100%; border-collapse:collapse; font-size:0.85rem; font-family:system-ui,-apple-system,sans-serif; }
+.lb-table-wrap { color-scheme: light; background:#ffffff; color:#111827; border-radius:6px; }
+.lb-table { width:100%; border-collapse:collapse; font-size:0.85rem; font-family:system-ui,-apple-system,sans-serif; background:#ffffff; color:#111827; }
 .lb-table th { background:#f8fafc !important; color:#374151 !important; padding:8px 6px; text-align:center; border-bottom:2px solid #e5e7eb; font-size:0.78rem; position:sticky; top:0; z-index:1; }
-.lb-table td { padding:6px; text-align:center; border-bottom:1px solid #f3f4f6; }
-.lb-table tr:hover { background:#f9fafb; }
+.lb-table td { padding:6px; text-align:center; border-bottom:1px solid #f3f4f6; background:#ffffff; color:#111827; }
+.lb-table tr:hover td { background:#f9fafb; }
+.lb-table tr[data-rank="1"] td { background:#fef2f2; font-weight:600; }
+.lb-table tr[data-rank="2"] td { background:#fffbeb; font-weight:600; }
+.lb-table tr[data-rank="3"] td { background:#f0fdf4; font-weight:600; }
 .lb-table .model-col { text-align:left; font-weight:500; }
+.lb-table .model-col a { color:#1e3a5f !important; }
 .lb-table .org-col { text-align:left; color:#6b7280; font-size:0.8rem; }
-.lb-table .best-cell { color:#b91c1c; font-weight:700; }
-.lb-table .second-cell { color:#b45309; font-weight:600; }
+.lb-table .best-cell { color:#b91c1c !important; font-weight:700; }
+.lb-table .second-cell { color:#b45309 !important; font-weight:600; }
 </style>
-<div style="overflow-x:auto; max-height:600px; overflow-y:auto;">
+<div class="lb-table-wrap" style="overflow-x:auto; max-height:600px; overflow-y:auto;">
 <table class="lb-table">
 <thead><tr>"""
 
@@ -1581,8 +1595,7 @@ def format_leaderboard_html(df: pd.DataFrame) -> str:
 
     for _, row in df.iterrows():
         rank = int(row.get('rank', 0))
-        row_style = rank_styles.get(rank, "")
-        html += f'<tr style="{row_style}">'
+        html += f'<tr data-rank="{rank}">'
 
         for col in display_cols:
             val = row.get(col, "")
@@ -1592,7 +1605,11 @@ def format_leaderboard_html(df: pd.DataFrame) -> str:
                 html += f'<td style="white-space:nowrap;">{badge}{rank}</td>'
 
             elif col == "model_name":
-                html += f'<td class="model-col">{val}</td>'
+                url = row.get("model_url", "")
+                status = row.get("status", "")
+                status_badge = {"maintainer_run": "🏷️ ", "api_verified": "&#9989; "}.get(status, "")
+                name_html = f'<a href="{url}" target="_blank" rel="noopener" style="color:#1e3a5f; text-decoration:none; border-bottom:1px dotted #1e3a5f;">{val}</a>' if url else f'{val}'
+                html += f'<td class="model-col">{status_badge}{name_html}</td>'
 
             elif col == "organization":
                 html += f'<td class="org-col">{val}</td>'
@@ -1620,7 +1637,9 @@ def format_leaderboard_html(df: pd.DataFrame) -> str:
     html += """<p style="text-align:center; margin-top:0.5rem; font-size:0.78rem; color:#6b7280;">
     <span style="color:#b91c1c; font-weight:700;">■ Best</span> &nbsp;
     <span style="color:#b45309; font-weight:600;">■ 2nd Best</span> &nbsp;&nbsp;
-    🥇 1st &nbsp; 🥈 2nd &nbsp; 🥉 3rd overall
+    🥇 1st &nbsp; 🥈 2nd &nbsp; 🥉 3rd overall &nbsp;&nbsp;
+    🏷️ = Evaluation run by benchmark maintainers &nbsp;&nbsp;
+    &#9989; = User submission verified by maintainers via model API
     </p>"""
 
     return html