Update miniapp_leaderboard.py

miniapp_leaderboard.py

@@ -162,7 +162,6 @@ def _load_entries_df() -> pd.DataFrame:
     for c in NUMERIC_COLS:
         df[c] = pd.to_numeric(df[c], errors="coerce")
 
-    # 默认按提交时间倒序
     df = df.sort_values(by=["Submitted at"], ascending=False, kind="stable")
     return df
 
@@ -177,9 +176,6 @@ def _parse_hf_created_at(created_at: str) -> datetime.datetime | None:
 
 
 def _check_user_eligibility(username: str) -> tuple[bool, str]:
-    """
-    - Must be older than ~4 months (>= 120 days)
-    """
     try:
         r = requests.get(f"https://huggingface.co/api/users/{username}/overview", timeout=10)
         r.raise_for_status()
@@ -192,8 +188,7 @@ def _check_user_eligibility(username: str) -> tuple[bool, str]:
         now = datetime.datetime.now(datetime.timezone.utc)
         if dt.tzinfo is None:
             dt = dt.replace(tzinfo=datetime.timezone.utc)
-        age_days = (now - dt).days
-        if age_days < 120:
+        if (now - dt).days < 120:
             return False, "Account must be older than 4 months to submit."
         return True, ""
     except Exception:
@@ -238,11 +233,11 @@ def _render_leaderboard_html(df: pd.DataFrame, sort_col: str, sort_dir: str) ->
         if col:
             arrow = ""
             if col == sort_col:
-                arrow = " ↑" if sort_dir == "asc" else " ↓"
+                arrow = " ▲" if sort_dir == "asc" else " ▼"
             al = " left" if align_left else ""
-            return f'<th class="h clickable{al} {cls}" data-col="{_html.escape(col)}">{_html.escape(label)}{arrow}</th>'
+            return f'<th class="th clickable{al} {cls}" data-col="{_html.escape(col)}">{_html.escape(label)}{arrow}</th>'
         al = " left" if align_left else ""
-        return f'<th class="h{al} {cls}">{_html.escape(label)}</th>'
+        return f'<th class="th{al} {cls}">{_html.escape(label)}</th>'
 
     trs = []
     for _, r in df.iterrows():
@@ -250,30 +245,30 @@ def _render_leaderboard_html(df: pd.DataFrame, sort_col: str, sort_dir: str) ->
         for c in DISPLAY_ORDER:
             val = _fmt_cell(r.get(c, ""))
             if c == "Model name":
-                tds.append(f'<td class="cell model">{_html.escape(val)}</td>')
+                tds.append(f'<td class="td model">{_html.escape(val)}</td>')
             else:
-                tds.append(f'<td class="cell num">{_html.escape(val)}</td>')
-        trs.append("<tr class='r'>" + "".join(tds) + "</tr>")
+                tds.append(f'<td class="td num">{_html.escape(val)}</td>')
+        trs.append("<tr class='tr'>" + "".join(tds) + "</tr>")
 
     return f"""
-    <div class="lb-card">
-      <div class="lb-scroll">
-        <table class="lb" id="lb_table">
+    <div class="table-wrap">
+      <div class="table-scroll">
+        <table class="table" id="lb_table">
           <thead>
-            <tr class="t1">
+            <tr class="r1">
               {th("Avg. (%)", "Avg", cls="avg")}
               {th("Model", "Model name", align_left=True, cls="model")}
-              <th class="h group" colspan="9">Pass Rate (%)</th>
+              <th class="th group" colspan="9">Pass Rate (%)</th>
             </tr>
-            <tr class="t2">
-              <th class="h"></th>
-              <th class="h"></th>
-              <th class="h group" colspan="3">Difficulty</th>
-              <th class="h group" colspan="6">Domain</th>
+            <tr class="r2">
+              <th class="th"></th>
+              <th class="th"></th>
+              <th class="th group" colspan="3">Difficulty</th>
+              <th class="th group" colspan="6">Domain</th>
             </tr>
-            <tr class="t3">
-              <th class="h"></th>
-              <th class="h"></th>
+            <tr class="r3">
+              <th class="th"></th>
+              <th class="th"></th>
               {th("Easy", "Easy")}
               {th("Mid", "Mid")}
               {th("Hard", "Hard")}
@@ -345,7 +340,6 @@ def submit(
     if _submitted_today(submitter):
         return "You have already submitted today. Please try again tomorrow.", render_lb(search_text, sort_col, sort_dir)
 
-    # api_key collected but NOT stored
     now = datetime.datetime.utcnow().replace(microsecond=0).isoformat() + "Z"
     nonce = uuid.uuid4().hex[:8]
     safe_user = _slug(submitter)
@@ -388,81 +382,96 @@ def submit(
 
 
 CSS = r"""
-/* 让 Blocks 内容更贴边、更像网站 */
+/* 全宽 */
 .gradio-container { max-width: 100% !important; }
-#page { padding: 18px 18px 28px 18px; }
+#page { padding: 16px; }
 
-/* 顶部一行 */
-#topbar { display:flex; align-items:center; justify-content:space-between; gap:12px; }
-#titleline { font-weight: 700; font-size: 20px; line-height: 1; }
+/* 顶部一行：搜索弱化 */
+#topbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom: 10px; }
+#titleline { font-weight: 700; font-size: 18px; }
 #searchbox { width: 280px; }
 #searchbox label { display:none !important; }
 #searchbox textarea, #searchbox input {
-  height: 36px !important;
-  border-radius: 10px !important;
-  border: 1px solid rgba(0,0,0,.10) !important;
-  background: rgba(0,0,0,.02) !important;
+  height: 34px !important;
+  border-radius: 8px !important;
+  border: 1px solid #e5e7eb !important;
+  background: #fff !important;
   box-shadow: none !important;
 }
-#searchbox textarea::placeholder, #searchbox input::placeholder { color: rgba(0,0,0,.35); }
+#searchbox textarea::placeholder, #searchbox input::placeholder { color: #9ca3af; }
 
-/* 卡片式表格 */
-.lb-card{
+/* 表格：浅灰分割线风格 */
+.table-wrap{
   width: 100%;
-  border: 1px solid rgba(0,0,0,.08);
-  border-radius: 14px;
-  background: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  background: #fff;
 }
-.lb-scroll { width: 100%; overflow-x: auto; }
-table.lb { width: 100%; border-collapse: separate; border-spacing: 0; min-width: 1100px; }
-table.lb thead th.h{
+.table-scroll{ width: 100%; overflow-x: auto; }
+table.table{
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+  min-width: 1100px;
+}
+
+/* 表头 */
+th.th{
   font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
-  font-weight: 700;
+  font-weight: 600;
   font-size: 13px;
-  color: rgba(0,0,0,.75);
+  color: #111827;
   padding: 10px 12px;
   text-align: center;
-  border-bottom: 1px solid rgba(0,0,0,.08);
-  background: rgba(0,0,0,.02);
+  background: #f9fafb;
+  border-bottom: 1px solid #e5e7eb;
+  border-right: 1px solid #e5e7eb;
   white-space: nowrap;
 }
-table.lb thead tr.t1 th { border-bottom: 1px solid rgba(0,0,0,.10); }
-table.lb thead tr.t2 th { background: rgba(0,0,0,.015); }
-table.lb thead th.left{ text-align:left; }
-table.lb thead th.group{
-  font-weight: 800;
-  color: rgba(0,0,0,.80);
-}
+thead tr.r1 th.th, thead tr.r2 th.th { background: #f9fafb; }
+thead tr.r3 th.th { background: #ffffff; }
+
+th.th.left{ text-align:left; }
+th.group{ color:#374151; font-weight:600; }
+th.th:last-child{ border-right: none; }
 
-table.lb tbody td.cell{
+/* body */
+td.td{
   font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
   font-size: 13px;
+  color: #111827;
   padding: 10px 12px;
-  border-bottom: 1px solid rgba(0,0,0,.06);
-  background: white;
+  border-bottom: 1px solid #f0f1f3;
+  border-right: 1px solid #f0f1f3;
+  background: #fff;
 }
-table.lb tbody tr.r:hover td { background: rgba(0,0,0,.02); }
-td.num { text-align:right; }
-td.model { text-align:left; min-width: 280px; }
-th.avg, td.avg { min-width: 90px; }
+td.td:last-child{ border-right: none; }
+td.num{ text-align:right; }
+td.model{ text-align:left; min-width: 280px; }
+tr.tr:hover td.td{ background: #fafafa; }
 
-th.clickable { cursor: pointer; user-select: none; }
-th.clickable:hover { background: rgba(0,0,0,.05); }
+/* 可点击排序 */
+th.clickable{ cursor:pointer; user-select:none; }
+th.clickable:hover{ background:#f3f4f6; }
 
-/* 提交区：全宽卡片 */
+/* 提交：全宽 */
 #submit_card{
   width: 100%;
-  border: 1px solid rgba(0,0,0,.08);
-  border-radius: 14px;
-  padding: 14px;
-  background: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  padding: 12px;
+  background: #fff;
+  margin-top: 14px;
+}
+#submit_card .hint{
+  margin: 0 0 10px 0;
+  color: #6b7280;
+  font-size: 13px;
 }
-#submit_card .prose { margin: 0 0 10px 0; color: rgba(0,0,0,.72); font-size: 13px; }
 """
 
 with gr.Blocks(title=f"{APP_NAME} leaderboard") as demo:
     with gr.Column(elem_id="page"):
-        # 顶部栏：左标题，右搜索 + 刷新（同一行，不显眼）
         with gr.Row(elem_id="topbar"):
             gr.Markdown(f"<div id='titleline'>{APP_NAME} leaderboard</div>")
             with gr.Row():
@@ -482,7 +491,6 @@ with gr.Blocks(title=f"{APP_NAME} leaderboard") as demo:
 
         clicked_col = gr.Textbox(visible=False, elem_id="clicked_col")
 
-        # JS：表头点击 -> 写入隐藏 textbox -> 触发 change
         gr.HTML(
             """
 <script>
@@ -523,11 +531,11 @@ with gr.Blocks(title=f"{APP_NAME} leaderboard") as demo:
             outputs=[sort_col, sort_dir, lb_html],
         )
 
-        # 提交：全宽卡片 + 两列输入
+        # 提交模块：全宽
         gr.HTML(
             """
 <div id="submit_card">
-  <div class="prose">
+  <div class="hint">
     <b>Submission</b> — Submit <b>Model API URL</b> and <b>API key</b> only.
     Requires login (Spaces). One submission per user per day. Account must be older than 4 months.
     API key will <b>not</b> be stored.
@@ -536,7 +544,6 @@ with gr.Blocks(title=f"{APP_NAME} leaderboard") as demo:
 """
         )
 
-        # 用 Column/Row 做“占满横向”的提交表单
         with gr.Column():
             with gr.Row():
                 model_api = gr.Textbox(label="Model API URL", placeholder="https://...", scale=3)