Update miniapp_leaderboard.py

miniapp_leaderboard.py

@@ -1,720 +0,0 @@
-import datetime
-import io
-import json
-import os
-import re
-import uuid
-from urllib.parse import urlparse
-
-import gradio as gr
-import numpy as np
-import pandas as pd
-import requests
-from huggingface_hub import HfApi, hf_hub_download
-from huggingface_hub.errors import RepositoryNotFoundError
-import logging
-logging.basicConfig(level=logging.INFO)
-logging.info("APP BOOT: miniapp_leaderboard.py NEW CODE LOADED")
-
-
-APP_NAME = "miniapp"
-
-HF_TOKEN = os.environ.get("HF_TOKEN") or os.environ.get("TOKEN") or os.environ.get("HUGGINGFACE_TOKEN")
-LEADERBOARD_DATASET = (os.environ.get("LEADERBOARD_DATASET") or "").strip()
-MAX_ENTRIES = int(os.environ.get("MAX_ENTRIES", "500"))
-
-PENDING_PREFIX = "pending/"
-APPROVED_PREFIX = "approved/"
-
-OWNER_USERNAMES = {"ha251"}  # ✅ 只有这些用户名能看到审核区
-
-LEADERBOARD_COLUMNS = [
-    "Model name",
-    "Avg",
-    "Easy",
-    "Mid",
-    "Hard",
-    "Games",
-    "Science",
-    "Tools",
-    "Humanities",
-    "Viz",
-    "Lifestyle",
-    "Submitted at",
-    "Submitter",
-    # 额外字段不会显示在表格，但会写入 payload：
-    # "Model API"
-]
-
-NUMERIC_COLS = [
-    "Avg",
-    "Easy",
-    "Mid",
-    "Hard",
-    "Games",
-    "Science",
-    "Tools",
-    "Humanities",
-    "Viz",
-    "Lifestyle",
-]
-
-# 显示顺序：Model 最左，Avg 第二列
-DISPLAY_ORDER = [
-    "Model name",
-    "Avg",
-    "Easy",
-    "Mid",
-    "Hard",
-    "Games",
-    "Science",
-    "Tools",
-    "Humanities",
-    "Viz",
-    "Lifestyle",
-]
-SORTABLE_COLS = DISPLAY_ORDER[:]
-
-IN_SPACES = bool(
-    os.environ.get("SPACE_ID")
-    or os.environ.get("SPACE_REPO_NAME")
-    or os.environ.get("SPACE_AUTHOR_NAME")
-    or os.environ.get("system", "") == "spaces"
-)
-
-
-# ----------------- basic utils -----------------
-def _api() -> HfApi:
-    return HfApi(token=HF_TOKEN)
-
-
-def _is_valid_http_url(url: str) -> bool:
-    try:
-        parsed = urlparse(url)
-        return parsed.scheme in ("http", "https") and bool(parsed.netloc)
-    except Exception:
-        return False
-
-
-def _slug(s: str, max_len: int = 60) -> str:
-    s = (s or "").strip().lower()
-    s = re.sub(r"[^a-z0-9]+", "-", s)
-    s = re.sub(r"-{2,}", "-", s).strip("-")
-    return (s[:max_len] or "x")
-
-
-def _empty_df() -> pd.DataFrame:
-    return pd.DataFrame(columns=LEADERBOARD_COLUMNS)
-
-
-def _ensure_dataset_readable() -> tuple[bool, str]:
-    if not HF_TOKEN:
-        return False, "Space is missing HF_TOKEN (Secrets)."
-    if not LEADERBOARD_DATASET:
-        return False, "Space is missing LEADERBOARD_DATASET (Secrets)."
-    api = _api()
-    try:
-        api.repo_info(repo_id=LEADERBOARD_DATASET, repo_type="dataset")
-        return True, ""
-    except RepositoryNotFoundError:
-        return False, (
-            f"Dataset repo not found: {LEADERBOARD_DATASET}. "
-            "Create it first (as a dataset) or fix LEADERBOARD_DATASET."
-        )
-    except Exception:
-        return False, "Cannot access the dataset repo. Check token permissions."
-
-
-def _list_json_files(prefix: str) -> list[str]:
-    ok, _ = _ensure_dataset_readable()
-    if not ok:
-        return []
-    api = _api()
-    try:
-        files = api.list_repo_files(repo_id=LEADERBOARD_DATASET, repo_type="dataset")
-    except Exception:
-        return []
-    out = [f for f in files if f.startswith(prefix) and f.endswith(".json")]
-    out.sort(reverse=True)
-    return out[:MAX_ENTRIES]
-
-
-def _load_entries_df(prefix: str, include_filename: bool = False) -> pd.DataFrame:
-    rows: list[dict] = []
-    for filename in _list_json_files(prefix):
-        try:
-            path = hf_hub_download(
-                repo_id=LEADERBOARD_DATASET,
-                repo_type="dataset",
-                filename=filename,
-                token=HF_TOKEN,
-            )
-            with open(path, "r", encoding="utf-8") as fp:
-                row = json.load(fp)
-            if include_filename:
-                row["_filename"] = filename
-            rows.append(row)
-        except Exception:
-            continue
-
-    if not rows:
-        df = _empty_df()
-        if include_filename:
-            df["_filename"] = []
-        return df
-
-    df = pd.DataFrame(rows)
-    for c in LEADERBOARD_COLUMNS:
-        if c not in df.columns:
-            df[c] = ""
-    if include_filename and "_filename" not in df.columns:
-        df["_filename"] = ""
-
-    df = df[LEADERBOARD_COLUMNS + (["_filename"] if include_filename else [])]
-    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
-
-
-def _parse_hf_created_at(created_at: str) -> datetime.datetime | None:
-    try:
-        if created_at.endswith("Z"):
-            created_at = created_at[:-1] + "+00:00"
-        return datetime.datetime.fromisoformat(created_at)
-    except Exception:
-        return None
-
-
-def _check_user_eligibility(username: str) -> tuple[bool, str]:
-    """
-    - Must be older than ~30 days (>= 30 days)
-    """
-    try:
-        r = requests.get(f"https://huggingface.co/api/users/{username}/overview", timeout=10)
-        r.raise_for_status()
-        created_at = r.json().get("createdAt")
-        if not created_at:
-            return False, "Cannot verify account creation date."
-        dt = _parse_hf_created_at(created_at)
-        if not dt:
-            return False, "Cannot parse account creation date."
-        now = datetime.datetime.now(datetime.timezone.utc)
-        if dt.tzinfo is None:
-            dt = dt.replace(tzinfo=datetime.timezone.utc)
-        if (now - dt).days < 30:
-            return False, "Account must be older than 30 days to submit."
-        return True, ""
-    except Exception:
-        return False, "Cannot verify Hugging Face account. Please try again later."
-
-
-def _submitted_today_anywhere(username: str) -> bool:
-    # today = datetime.datetime.utcnow().date().isoformat()
-    # for prefix in (PENDING_PREFIX, APPROVED_PREFIX):
-    #     df = _load_entries_df(prefix, include_filename=False)
-    #     if df.empty:
-    #         continue
-    #     user_rows = df[df["Submitter"].astype(str) == username]
-    #     if user_rows.empty:
-    #         continue
-    #     if any(str(v).startswith(today) for v in user_rows["Submitted at"].tolist()):
-    #         return True
-    return False
-
-
-# ----------------- leaderboard HTML -----------------
-def _fmt_cell(v):
-    if v is None or (isinstance(v, float) and pd.isna(v)):
-        return ""
-    if isinstance(v, (int, float, np.number)):
-        return f"{float(v):.2f}"
-    return str(v)
-
-
-def _apply_search_and_sort(df: pd.DataFrame, search_text: str, sort_col: str, sort_dir: str) -> pd.DataFrame:
-    s = (search_text or "").strip().lower()
-    if s:
-        df = df[df["Model name"].astype(str).str.lower().str.contains(s, na=False)]
-
-    sort_col = sort_col if sort_col in df.columns else "Avg"
-    asc = sort_dir == "asc"
-    df = df.sort_values(by=[sort_col], ascending=asc, kind="stable", na_position="last")
-    return df
-
-
-def _render_leaderboard_html(df: pd.DataFrame, sort_col: str, sort_dir: str) -> str:
-    import html as _html
-
-    def th(label, col=None, align_left=False, cls=""):
-        if col:
-            arrow = ""
-            if col == sort_col:
-                arrow = " ▲" if sort_dir == "asc" else " ▼"
-            al = " left" if align_left else ""
-            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="th{al} {cls}">{_html.escape(label)}</th>'
-
-    trs = []
-    for _, r in df.iterrows():
-        tds = []
-        for c in DISPLAY_ORDER:
-            val = _fmt_cell(r.get(c, ""))
-            if c == "Model name":
-                tds.append(f'<td class="td model">{_html.escape(val)}</td>')
-            else:
-                tds.append(f'<td class="td num">{_html.escape(val)}</td>')
-        trs.append("<tr class='tr'>" + "".join(tds) + "</tr>")
-
-    return f"""
-    <div class="table-wrap">
-      <div class="table-scroll">
-        <table class="table" id="lb_table">
-          <thead>
-            <tr class="r1">
-              {th("Model", "Model name", align_left=True, cls="model")}
-              {th("Avg. (%)", "Avg", cls="avg")}
-              <th class="th group" colspan="9">Pass Rate (%)</th>
-            </tr>
-            <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="r3">
-              <th class="th"></th>
-              <th class="th"></th>
-              {th("Easy", "Easy")}
-              {th("Mid", "Mid")}
-              {th("Hard", "Hard")}
-              {th("Games", "Games")}
-              {th("Science", "Science")}
-              {th("Tools", "Tools")}
-              {th("Humanities", "Humanities")}
-              {th("Viz.", "Viz")}
-              {th("Lifestyle", "Lifestyle")}
-            </tr>
-          </thead>
-          <tbody>
-            {''.join(trs)}
-          </tbody>
-        </table>
-      </div>
-    </div>
-    """
-
-
-def render_lb(search_text: str, sort_col: str, sort_dir: str) -> str:
-    df = _load_entries_df(APPROVED_PREFIX, include_filename=False)
-    df = _apply_search_and_sort(df, search_text, sort_col, sort_dir)
-    return _render_leaderboard_html(df, sort_col, sort_dir)
-
-
-def toggle_sort(clicked_col: str, current_col: str, current_dir: str):
-    clicked_col = (clicked_col or "").strip()
-    if clicked_col not in SORTABLE_COLS:
-        return current_col, current_dir
-    if clicked_col == current_col:
-        return current_col, ("asc" if current_dir == "desc" else "desc")
-    return clicked_col, "desc"
-
-
-# ----------------- submit & approve -----------------
-def submit(
-    model_name: str,
-    model_api: str,
-    api_key: str,
-    search_text: str,
-    sort_col: str,
-    sort_dir: str,
-    profile: gr.OAuthProfile | None,
-):
-    logging.info("SUBMIT CALLED: no-daily-limit version")
-
-
-    if IN_SPACES and (profile is None or not getattr(profile, "username", None)):
-        return "You must log in to submit.", render_lb(search_text, sort_col, sort_dir)
-
-    submitter = getattr(profile, "username", None) or "anonymous"
-
-    model_name = (model_name or "").strip()
-    model_api = (model_api or "").strip()
-    api_key = (api_key or "").strip()
-
-    if not model_name:
-        return "Model name is required.", render_lb(search_text, sort_col, sort_dir)
-    if not model_api:
-        return "Model API URL is required.", render_lb(search_text, sort_col, sort_dir)
-    if not _is_valid_http_url(model_api):
-        return "Model API must be a valid http(s) URL.", render_lb(search_text, sort_col, sort_dir)
-    if not api_key:
-        return "API key is required.", render_lb(search_text, sort_col, sort_dir)
-
-    ok, msg = _ensure_dataset_readable()
-    if not ok:
-        return msg, render_lb(search_text, sort_col, sort_dir)
-
-    if IN_SPACES:
-        ok, msg = _check_user_eligibility(submitter)
-        if not ok:
-            return msg, render_lb(search_text, sort_col, sort_dir)
-
-    # if _submitted_today_anywhere(submitter):
-    #     return "You have already submitted today. Please try again tomorrow. kk", render_lb(search_text, sort_col, sort_dir)
-
-    now = datetime.datetime.utcnow().replace(microsecond=0).isoformat() + "Z"
-    nonce = uuid.uuid4().hex[:8]
-    safe_user = _slug(submitter)
-    safe_model = _slug(model_name)
-    path_in_repo = f"{PENDING_PREFIX}{now[:10]}/{now}-{safe_user}-{safe_model}-{nonce}.json"
-
-    # api_key collected but NOT stored
-    payload = {
-        "Model name": model_name,
-        "Avg": None,
-        "Easy": None,
-        "Mid": None,
-        "Hard": None,
-        "Games": None,
-        "Science": None,
-        "Tools": None,
-        "Humanities": None,
-        "Viz": None,
-        "Lifestyle": None,
-        "Submitted at": now,
-        "Submitter": submitter,
-        "Model API": model_api,
-    }
-
-    api = _api()
-    data = (json.dumps(payload, ensure_ascii=False, indent=2) + "\n").encode("utf-8")
-    api.upload_file(
-        repo_id=LEADERBOARD_DATASET,
-        repo_type="dataset",
-        path_or_fileobj=io.BytesIO(data),
-        path_in_repo=path_in_repo,
-        commit_message=f"miniapp: submit(pending) {submitter}/{model_name}",
-        token=HF_TOKEN,
-    )
-
-    return "Submitted. Waiting for owner approval.", render_lb(search_text, sort_col, sort_dir)
-
-
-def refresh_pending(profile: gr.OAuthProfile | None):
-    username = getattr(profile, "username", None) if profile else None
-    if username not in OWNER_USERNAMES:
-        # 非 owner：不返回任何 pending（且 UI 会隐藏）
-        return pd.DataFrame(columns=["Submitted at", "Submitter", "Model name", "Model API", "_filename"]), gr.update(
-            choices=[], value=None
-        )
-
-    df = _load_entries_df(PENDING_PREFIX, include_filename=True)
-    # pending 表显示更实用的列
-    view = df.copy()
-    cols = ["Submitted at", "Submitter", "Model name"]
-    if "Model API" in view.columns:
-        cols.append("Model API")
-    cols.append("_filename")
-    view = view[cols]
-
-    choices = view["_filename"].tolist() if not view.empty else []
-    return view, gr.update(choices=choices, value=(choices[0] if choices else None))
-
-
-def approve(pending_filename: str | None, profile: gr.OAuthProfile | None, search_text: str, sort_col: str, sort_dir: str):
-    username = getattr(profile, "username", None) if profile else None
-    if username not in OWNER_USERNAMES:
-        # 非 owner：不允许
-        pending_view, dd = refresh_pending(profile)
-        return "Not authorized.", pending_view, dd, render_lb(search_text, sort_col, sort_dir)
-
-    pending_filename = (pending_filename or "").strip()
-    if not pending_filename:
-        pending_view, dd = refresh_pending(profile)
-        return "Select a pending entry.", pending_view, dd, render_lb(search_text, sort_col, sort_dir)
-
-    api = _api()
-    try:
-        local_path = hf_hub_download(
-            repo_id=LEADERBOARD_DATASET,
-            repo_type="dataset",
-            filename=pending_filename,
-            token=HF_TOKEN,
-        )
-        with open(local_path, "r", encoding="utf-8") as fp:
-            payload = json.load(fp)
-    except Exception as e:
-        pending_view, dd = refresh_pending(profile)
-        return f"Failed to read pending file: {e}", pending_view, dd, render_lb(search_text, sort_col, sort_dir)
-
-    # move to approved/
-    base = pending_filename[len(PENDING_PREFIX) :] if pending_filename.startswith(PENDING_PREFIX) else pending_filename
-    approved_filename = f"{APPROVED_PREFIX}{base}"
-    data = (json.dumps(payload, ensure_ascii=False, indent=2) + "\n").encode("utf-8")
-
-    try:
-        api.upload_file(
-            repo_id=LEADERBOARD_DATASET,
-            repo_type="dataset",
-            path_or_fileobj=io.BytesIO(data),
-            path_in_repo=approved_filename,
-            commit_message=f"miniapp: approve {payload.get('Submitter','')}/{payload.get('Model name','')}",
-            token=HF_TOKEN,
-        )
-        api.delete_file(
-            repo_id=LEADERBOARD_DATASET,
-            repo_type="dataset",
-            path_in_repo=pending_filename,
-            commit_message=f"miniapp: remove pending {pending_filename}",
-            token=HF_TOKEN,
-        )
-    except Exception as e:
-        pending_view, dd = refresh_pending(profile)
-        return f"Approve failed: {e}", pending_view, dd, render_lb(search_text, sort_col, sort_dir)
-
-    pending_view, dd = refresh_pending(profile)
-    return "Approved and published.", pending_view, dd, render_lb(search_text, sort_col, sort_dir)
-
-
-def show_owner_panel(profile: gr.OAuthProfile | None):
-    username = getattr(profile, "username", None) if profile else None
-    return gr.update(visible=(username in OWNER_USERNAMES))
-
-
-# ----------------- UI -----------------
-gr.Markdown("**APP VERSION:** 2026-02-28-no-daily-limit")
-
-CSS = r"""
-.gradio-container { max-width: 100% !important; }
-#page { padding: 16px; }
-
-#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: 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: #9ca3af; }
-
-/* table container */
-.table-wrap{
-  width: 100%;
-  border: 1px solid #e5e7eb !important;
-  border-radius: 8px;
-  background: #fff;
-}
-.table-scroll{ width: 100%; overflow-x: auto; }
-
-/* HARD OVERRIDE borders to light gray */
-#lb_table {
-  width: 100% !important;
-  min-width: 1100px;
-  border-collapse: collapse !important;
-  border: 1px solid #e5e7eb !important;
-}
-#lb_table th, #lb_table td {
-  border: 1px solid #e5e7eb !important;
-  border-color: #e5e7eb !important;
-}
-
-th.th{
-  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial !important;
-  font-weight: 600;
-  font-size: 13px;
-  color: #111827;
-  padding: 10px 12px;
-  text-align: center;
-  background: #f9fafb !important;
-  white-space: nowrap;
-}
-thead tr.r3 th.th { background: #ffffff !important; }
-th.th.left{ text-align:left !important; }
-th.group{ color:#374151 !important; font-weight:600 !important; }
-
-td.td{
-  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial !important;
-  font-size: 13px;
-  color: #111827;
-  padding: 10px 12px;
-  background: #fff !important;
-}
-td.num{ text-align:right !important; }
-td.model{ text-align:left !important; min-width: 280px; }
-tr.tr:hover td.td{ background: #fafafa !important; }
-
-th.clickable{ cursor:pointer; user-select:none; }
-th.clickable:hover{ background:#f3f4f6 !important; }
-
-/* cards */
-.card{
-  width: 100%;
-  border: 1px solid #e5e7eb !important;
-  border-radius: 8px;
-  padding: 12px;
-  background: #fff;
-  margin-top: 14px;
-}
-.muted{ color: #6b7280; font-size: 13px; margin: 0 0 10px 0; }
-"""
-
-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():
-                search_text = gr.Textbox(
-                    elem_id="searchbox",
-                    placeholder="Search model…",
-                    show_label=False,
-                    container=False,
-                    scale=1,
-                )
-                refresh_btn = gr.Button("Refresh", scale=0)
-
-        # state for sorting
-        sort_col = gr.State("Avg")
-        sort_dir = gr.State("desc")
-
-        # leaderboard (approved only)
-        lb_html = gr.HTML(value=render_lb("", "Avg", "desc"))
-
-        # click bridge
-        clicked_col = gr.Textbox(visible=False, elem_id="clicked_col")
-        gr.HTML(
-            """
-<script>
-(function(){
-  function bindClicks(){
-    const table = document.getElementById("lb_table");
-    const hidden = document.getElementById("clicked_col");
-    if(!table || !hidden) return;
-
-    table.querySelectorAll("th.clickable").forEach(th=>{
-      th.onclick = () => {
-        const col = th.getAttribute("data-col") || "";
-        hidden.value = col;
-        hidden.dispatchEvent(new Event("input", {bubbles:true}));
-        hidden.dispatchEvent(new Event("change", {bubbles:true}));
-      };
-    });
-  }
-  const obs = new MutationObserver(()=>bindClicks());
-  obs.observe(document.body, {subtree:true, childList:true});
-  setTimeout(bindClicks, 250);
-})();
-</script>
-"""
-        )
-
-        # search/refresh
-        search_text.change(render_lb, inputs=[search_text, sort_col, sort_dir], outputs=[lb_html])
-        refresh_btn.click(render_lb, inputs=[search_text, sort_col, sort_dir], outputs=[lb_html])
-
-        def _on_click(col, cur_col, cur_dir, s):
-            new_col, new_dir = toggle_sort(col, cur_col, cur_dir)
-            return new_col, new_dir, render_lb(s, new_col, new_dir)
-
-        clicked_col.change(
-            _on_click,
-            inputs=[clicked_col, sort_col, sort_dir, search_text],
-            outputs=[sort_col, sort_dir, lb_html],
-        )
-
-        # submission card
-        gr.HTML(
-            """
-<div class="card">
-  <div class="muted">
-    <b>Submission</b> — Submissions go to <b>pending</b> and will appear on the leaderboard only after <b>owner approval</b>.
-    Requires login (Spaces). One submission per user per day. Account must be older than 30 days.
-    API key will <b>not</b> be stored.
-  </div>
-</div>
-"""
-        )
-
-        # submit full-width
-        with gr.Column():
-            with gr.Row():
-                model_name = gr.Textbox(label="Model name", placeholder="e.g. my-model-v1", scale=2)
-                model_api = gr.Textbox(label="Model API URL", placeholder="https://...", scale=3)
-            with gr.Row():
-                api_key = gr.Textbox(label="API key", type="password", placeholder="Will not be stored", scale=3)
-                with gr.Column(scale=1):
-                    gr.LoginButton()
-                    submit_btn = gr.Button("Submit", variant="primary")
-            submit_status = gr.Markdown()
-
-        submit_btn.click(
-            submit,
-            inputs=[model_name, model_api, api_key, search_text, sort_col, sort_dir],
-            outputs=[submit_status, lb_html],
-        )
-
-        # Owner panel (hidden unless owner)
-        owner_panel = gr.Column(visible=False)
-        with owner_panel:
-            gr.HTML(
-                """
-<div class="card">
-  <div class="muted"><b>Owner review</b> — Visible only to owner accounts.</div>
-</div>
-"""
-            )
-            pending_refresh_btn = gr.Button("Refresh pending")
-            pending_df = gr.Dataframe(
-                label="Pending submissions",
-                interactive=False,
-                wrap=True,
-                value=pd.DataFrame(columns=["Submitted at", "Submitter", "Model name", "Model API", "_filename"]),
-            )
-            pending_pick = gr.Dropdown(label="Select a pending entry", choices=[], value=None)
-            approve_btn = gr.Button("Approve and publish", variant="primary")
-            approve_status = gr.Markdown()
-
-            pending_refresh_btn.click(
-                refresh_pending,
-                inputs=[gr.State(None)],  # placeholder, will be overridden by load/login binding below
-                outputs=[pending_df, pending_pick],
-            )
-
-        # IMPORTANT: use load/profile to control visibility + pending refresh
-        # In Gradio, we can wire OAuth profile by using a dummy fn that takes profile.
-        def _on_load(profile: gr.OAuthProfile | None, s: str, sc: str, sd: str):
-            # show owner panel?
-            vis = show_owner_panel(profile)
-            # also refresh pending if owner; else empty
-            pdf, pdd = refresh_pending(profile)
-            # keep leaderboard rendered (approved)
-            lb = render_lb(s, sc, sd)
-            return vis, pdf, pdd, lb
-
-        demo.load(
-            _on_load,
-            inputs=[gr.OAuthProfile(), search_text, sort_col, sort_dir],
-            outputs=[owner_panel, pending_df, pending_pick, lb_html],
-        )
-
-        # Approve wiring
-        approve_btn.click(
-            approve,
-            inputs=[pending_pick, gr.OAuthProfile(), search_text, sort_col, sort_dir],
-            outputs=[approve_status, pending_df, pending_pick, lb_html],
-        )
-
-        # Refresh pending button: needs profile too
-        pending_refresh_btn.click(
-            refresh_pending,
-            inputs=[gr.OAuthProfile()],
-            outputs=[pending_df, pending_pick],
-        )
-
-demo.launch(css=CSS, ssr_mode=False)