Update app.py

app.py

@@ -3,7 +3,6 @@ import gradio as gr
 import pandas as pd
 from math import isnan
 
-# ===== DATA của bạn (có 3 task + Final Result) =====
 ROWS = [
     {"Team_name":"Nguyen Quang Thao","vi-law-nli (4-shot)":0.5816,"vi-law-qa (4 shot)":0.8217,"vilaw-syllo scale":0.38,"Final Result":0.5944333333},
     {"Team_name":"NHK","vi-law-nli (4-shot)":0.9333,"vi-law-qa (4 shot)":0.8683,"vilaw-syllo scale":0.3275,"Final Result":0.7097},
@@ -20,36 +19,22 @@ BASE_DF = pd.DataFrame(ROWS)
 
 NUM_COLS = ["vi-law-nli (4-shot)", "vi-law-qa (4 shot)", "vilaw-syllo scale", "Final Result"]
 
-# ====== Helpers ======
 def _prep_df(df: pd.DataFrame) -> pd.DataFrame:
     out = df.copy()
-    # đảm bảo float, làm gọn:
     for c in NUM_COLS:
-        out[c] = pd.to_numeric(out[c], errors="coerce").astype(float)
-        out[c] = out[c].round(6)
-    # sort mặc định theo Final Result desc
+        out[c] = pd.to_numeric(out[c], errors="coerce").astype(float).round(6)
     out = out.sort_values("Final Result", ascending=False, kind="mergesort").reset_index(drop=True)
-    # thêm Rank
-    out.insert(0, "Rank", range(1, len(out) + 1))
+    out.insert(0, "Rank", range(1, len(out)+1))
     return out
 
 def _bar_html(v: float) -> str:
     if v is None or (isinstance(v, float) and isnan(v)):
         return "-"
     pct = max(0.0, min(1.0, float(v))) * 100
-    # thanh progress tối giản, số bên phải
-    return f"""
-    <div class="cell">
-      <div class="bar" style="width:{pct:.2f}%"></div>
-      <span class="val">{v:.4f}</span>
-    </div>
-    """
+    return f"<div class='cell'><div class='bar' style='width:{pct:.2f}%'></div><span class='val'>{v:.4f}</span></div>"
 
 def _render_table(df: pd.DataFrame) -> str:
-    # cột hiển thị theo thứ tự
-    cols = ["Rank", "Team_name"] + NUM_COLS
-    df = df[cols].copy()
-    # build HTML
+    cols = ["Rank","Team_name"]+NUM_COLS
     header = "".join([f"<th>{c}</th>" for c in cols])
     rows_html = []
     for _, row in df.iterrows():
@@ -62,115 +47,58 @@ def _render_table(df: pd.DataFrame) -> str:
             f"<td>{_bar_html(row['Final Result'])}</td>",
         ]
         rows_html.append(f"<tr>{''.join(tds)}</tr>")
-    table = f"""
-    <table class="lb-table">
-      <thead><tr>{header}</tr></thead>
-      <tbody>{"".join(rows_html)}</tbody>
-    </table>
-    """
-    return table
+    return f"<table class='lb-table'><thead><tr>{header}</tr></thead><tbody>{''.join(rows_html)}</tbody></table>"
 
-def _filter_and_sort(
-    search: str,
-    min_nli: float,
-    min_qa: float,
-    min_syllo: float,
-    quick: str
-) -> pd.DataFrame:
+def _filter_and_sort(search: str, quick: str):
     df = BASE_DF.copy()
-
-    # search theo team (case-insensitive, hỗ trợ nhiều từ cách nhau bởi ;)
     if search:
         terms = [t.strip() for t in search.split(";") if t.strip()]
         for t in terms:
             df = df[df["Team_name"].str.contains(t, case=False, na=False)]
-
-    # bộ lọc điểm
-    if min_nli is not None:
-        df = df[df["vi-law-nli (4-shot)"] >= float(min_nli)]
-    if min_qa is not None:
-        df = df[df["vi-law-qa (4 shot)"] >= float(min_qa)]
-    if min_syllo is not None:
-        df = df[df["vilaw-syllo scale"] >= float(min_syllo)]
-
-    # quick filter theo Final Result
     if quick == "Top 3":
-        df = df.sort_values("Final Result", ascending=False, kind="mergesort").head(3)
+        df = df.sort_values("Final Result", ascending=False).head(3)
     elif quick == "Top 5":
-        df = df.sort_values("Final Result", ascending=False, kind="mergesort").head(5)
+        df = df.sort_values("Final Result", ascending=False).head(5)
     else:
-        df = df.sort_values("Final Result", ascending=False, kind="mergesort")
-
+        df = df.sort_values("Final Result", ascending=False)
     return _prep_df(df)
 
-def _controller(search, min_nli, min_qa, min_syllo, quick):
-    df = _filter_and_sort(search, min_nli, min_qa, min_syllo, quick)
-    html = _render_table(df)
-    return html, df  # trả cả CSV để user tải
+def _controller(search, quick):
+    df = _filter_and_sort(search, quick)
+    return _render_table(df), df
 
-# ====== CSS (dark style giống bản vẽ) ======
 CUSTOM_CSS = """
 :root {
-  --bg: #0e1116;
-  --panel: #12161f;
-  --text: #e6e6e6;
-  --muted: #9aa3b2;
-  --accent: #f5c84b;
-  --bar: #2ea043;
-  --bar-bg: #1f2a36;
+  --bg: #0e1116; --panel:#12161f; --text:#e6e6e6; --muted:#9aa3b2; --bar:#2ea043; --bar-bg:#1f2a36;
 }
-.gradio-container {background: var(--bg) !important; color: var(--text);}
-#title { text-align:center; padding: 16px 0 8px; }
-#subtitle { text-align:center; color: var(--muted); margin-bottom: 18px;}
-.controls .gradio-row { gap: 12px; }
+.gradio-container {background: var(--bg)!important; color: var(--text);}
 .lb-table { width:100%; border-collapse: collapse; }
-.lb-table thead th {
-  position: sticky; top:0; background: var(--panel);
-  padding: 10px 12px; text-align:left; font-weight:600; border-bottom: 1px solid #2a3240;
-}
-.lb-table tbody td { padding: 10px 12px; border-bottom: 1px solid #1d2430; }
-.lb-table tbody tr:hover { background: #101622; }
-.lb-table td.rank { width:64px; font-weight:700; }
-.lb-table td.team { min-width: 220px; }
-.cell { position: relative; height: 20px; background: var(--bar-bg); border-radius: 6px; overflow: hidden; }
-.cell .bar { position:absolute; left:0; top:0; bottom:0; background: var(--bar); }
-.cell .val { position:absolute; right:8px; top:0; bottom:0; display:flex; align-items:center; font-variant-numeric: tabular-nums; }
-.quick-btn .gr-button { background:#1a2030; border:1px solid #2b3445; }
-.quick-btn .gr-button:hover { filter: brightness(1.1); }
-.footer-note { color: var(--muted); font-size: 0.9rem; text-align:center; }
+.lb-table thead th { background: var(--panel); padding: 10px; text-align:left; }
+.lb-table tbody td { padding: 10px; border-bottom: 1px solid #1d2430; }
+.lb-table td.rank { width:60px; font-weight:700; }
+.lb-table td.team { min-width:200px; }
+.cell { position:relative; height:20px; background: var(--bar-bg); border-radius:6px; }
+.cell .bar { position:absolute; left:0; top:0; bottom:0; background: var(--bar);}
+.cell .val { position:absolute; right:8px; top:0; bottom:0; display:flex; align-items:center; }
 """
 
-# ====== UI ======
-with gr.Blocks(css=CUSTOM_CSS, theme=gr.themes.Soft(primary_hue="orange")) as demo:
-    gr.Markdown("<h1 id='title'>🏆 VI-Law Leaderboard</h1>", elem_id="title")
-    gr.Markdown("<div id='subtitle'>So sánh kết quả theo cách <b>đơn giản & tái lập</b>. Mặc định xếp hạng theo <b>Final Result</b> (giảm dần).</div>", elem_id="subtitle")
-
-    with gr.Row(elem_classes="controls"):
-        search = gr.Textbox(placeholder='Tìm theo tên team. Hỗ trợ nhiều từ; phân tách bằng ";"', label="Search")
+with gr.Blocks(css=CUSTOM_CSS) as demo:
+    gr.Markdown("# 🏆 VI-Law Leaderboard")
     with gr.Row():
-        min_nli = gr.Slider(0.0, 1.0, value=None, step=0.01, label="Min vi-law-nli (4-shot)", interactive=True)
-        min_qa = gr.Slider(0.0, 1.0, value=None, step=0.01, label="Min vi-law-qa (4 shot)", interactive=True)
-        min_syllo = gr.Slider(0.0, 1.0, value=None, step=0.01, label="Min vilaw-syllo scale", interactive=True)
-
-    with gr.Row(elem_classes="quick-btn"):
-        quick = gr.Radio(choices=["All", "Top 3", "Top 5"], value="All", label="Quick Filters")
-
+        search = gr.Textbox(placeholder="Tìm team...", label="Search")
+        quick = gr.Radio(choices=["All","Top 3","Top 5"], value="All", label="Quick Filter")
     html_table = gr.HTML(value=_render_table(_prep_df(BASE_DF)))
-    csv_state = gr.State(_prep_df(BASE_DF))  # để Download CSV
-    download = gr.DownloadButton("⬇️ Tải CSV hiện tại", label=None)
+    csv_state = gr.State(_prep_df(BASE_DF))
+    download = gr.DownloadButton("⬇️ Tải CSV")
 
     def _download(df):
-        path = "/tmp/vi_law_leaderboard.csv"
-        df.to_csv(path, index=False)
+        path = "/tmp/leaderboard.csv"
+        df.to_csv(path,index=False)
         return path
-
     download.click(_download, inputs=[csv_state], outputs=download)
 
-    # wire events
-    for comp in [search, min_nli, min_qa, min_syllo, quick]:
-        comp.change(_controller, [search, min_nli, min_qa, min_syllo, quick], [html_table, csv_state])
-
-    gr.Markdown("<div class='footer-note'>Gợi ý: dùng Quick Filters để xem Top 3 / Top 5 theo Final Result.</div>")
+    for comp in [search, quick]:
+        comp.change(_controller, [search, quick], [html_table, csv_state])
 
 if __name__ == "__main__":
     demo.launch()