Update app.py

app.py

@@ -1,7 +1,8 @@
 
 """
 Judges Copilot  ·  Gradio x Hugging Face Hackathon 2026
-Single-page layout — hero + tool on one scroll. No nav bugs.
+Single page. Paste a hackathon page URL or individual links.
+Add your criteria. Get 1st / 2nd / 3rd with full reasons.
 """
 
 import os, re, random
@@ -21,9 +22,11 @@ api = HfApi(token=HF_TOKEN)
 CSS = """
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
 
-*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+*, *::before, *::after { box-sizing: border-box; }
 
-body, .gradio-container, .gradio-container > div, .app {
+body, .gradio-container, .gradio-container > div,
+.gradio-container .wrap, .gradio-container .gap,
+.gradio-container .contain, .app {
     background: #0b0b18 !important;
     font-family: 'Inter', sans-serif !important;
     color: #d0d0ee !important;
@@ -38,7 +41,7 @@ body, .gradio-container, .gradio-container > div, .app {
 
 footer, .footer { display: none !important; }
 
-/* inputs */
+/* ── inputs ── */
 textarea, input[type="text"] {
     background: #13132a !important;
     border: 1px solid #2a2a50 !important;
@@ -55,184 +58,200 @@ textarea:focus, input[type="text"]:focus {
 textarea::placeholder { color: #404070 !important; }
 label span, .label-wrap span {
     color: #8080b0 !important;
-    font-size: .83rem !important;
-    font-weight: 500 !important;
+    font-size: .84rem !important;
+    font-weight: 600 !important;
 }
 
-/* button */
+/* ── analyse button ── */
 button.cta {
     background: #F5A623 !important;
     color: #0b0b18 !important;
-    font-weight: 700 !important;
+    font-weight: 800 !important;
     font-size: 1rem !important;
     border: none !important;
-    border-radius: 100px !important;
+    border-radius: 12px !important;
     padding: 14px 40px !important;
     width: 100% !important;
     cursor: pointer !important;
+    letter-spacing: .02em !important;
     transition: opacity .2s, transform .15s !important;
-    margin-top: 4px !important;
+    margin-top: 6px !important;
 }
 button.cta:hover { opacity: .88 !important; transform: translateY(-1px) !important; }
 
-/* tabs */
+/* ── tabs ── */
 .tab-nav button {
     background: transparent !important;
     color: #5858a0 !important;
     border: none !important;
     border-bottom: 2px solid transparent !important;
-    font-weight: 600 !important; font-size: .87rem !important;
+    font-weight: 600 !important;
+    font-size: .87rem !important;
     padding: 10px 16px !important;
 }
 .tab-nav button.selected { color: #F5A623 !important; border-bottom-color: #F5A623 !important; }
 .tab-nav { border-bottom: 1px solid #1e1e3a !important; margin-bottom: 14px !important; }
 .tabitem { background: transparent !important; padding: 0 !important; }
 
-/* dataframe */
-.dataframe table { background: #0f0f26 !important; border-collapse: collapse !important; width: 100% !important; }
+/* ── dataframe ── */
+.dataframe table {
+    background: #0f0f26 !important;
+    border-collapse: collapse !important;
+    width: 100% !important;
+}
 .dataframe thead th {
-    background: #18183a !important; color: #F5A623 !important;
-    padding: 10px 13px !important; font-size: .78rem !important;
-    font-weight: 700 !important; letter-spacing: .05em !important;
-    text-transform: uppercase !important; border-bottom: 2px solid #252548 !important;
+    background: #18183a !important;
+    color: #F5A623 !important;
+    padding: 10px 13px !important;
+    font-size: .78rem !important;
+    font-weight: 700 !important;
+    letter-spacing: .05em !important;
+    text-transform: uppercase !important;
+    border-bottom: 2px solid #252548 !important;
 }
 .dataframe tbody td {
-    padding: 9px 13px !important; border-bottom: 1px solid #18183a !important;
-    font-size: .82rem !important; color: #b8b8e0 !important;
+    padding: 9px 13px !important;
+    border-bottom: 1px solid #18183a !important;
+    font-size: .82rem !important;
+    color: #b8b8e0 !important;
 }
 .dataframe tbody tr:hover td { background: #141430 !important; }
 .dataframe tbody tr:first-child td { color: #fff !important; font-weight: 600 !important; }
 
-/* markdown */
-.prose h2 { color: #fff !important; font-size: 1.3rem !important; margin: 1rem 0 .4rem !important; }
-.prose h3 { color: #e8c870 !important; font-size: .98rem !important; margin: 1rem 0 .25rem !important; }
+/* ── markdown ── */
+.prose h2 { color: #fff !important; font-size: 1.3rem !important; margin: 1.1rem 0 .4rem !important; }
+.prose h3 { color: #e8c870 !important; font-size: .97rem !important; margin: 1rem 0 .3rem !important; }
 .prose strong { color: #F5A623 !important; }
 .prose a { color: #80b0f0 !important; }
-.prose blockquote { border-left: 3px solid #F5A623 !important; padding-left: 12px !important; color: #8888b8 !important; }
+.prose blockquote {
+    border-left: 3px solid #F5A623 !important;
+    padding-left: 12px !important;
+    color: #8888b8 !important;
+}
 .prose hr { border: none !important; border-top: 1px solid #1e1e3a !important; }
 .prose, .prose p, .prose li { color: #b8b8e0 !important; }
 
-/* confetti */
+/* ── confetti ── */
 @keyframes cffall {
-    0%   { transform: translateY(-5vh) rotate(0deg);   opacity: 1; }
+    0%   { transform: translateY(-5vh) rotate(0deg);    opacity: 1; }
     85%  { opacity: 1; }
     100% { transform: translateY(105vh) rotate(600deg); opacity: 0; }
 }
 .cf {
-    position: fixed; top: 0; font-size: 1.5rem;
+    position: fixed; top: 0;
+    font-size: 1.5rem;
     animation: cffall linear forwards;
     z-index: 99999; pointer-events: none;
 }
 """
 
 # ═══════════════════════════════════════════════════════════════
-# Static HTML sections
+# Static HTML
 # ═══════════════════════════════════════════════════════════════
 HERO_HTML = """
 <div style="
-    background: linear-gradient(180deg, #0b0b18 0%, #10102a 100%);
-    text-align: center;
-    padding: 60px 24px 48px;
-    border-bottom: 1px solid #1a1a34;
+    background:linear-gradient(180deg,#0b0b18 0%,#10102a 100%);
+    text-align:center; padding:56px 24px 44px;
+    border-bottom:1px solid #1a1a34;
+    font-family:'Inter',sans-serif;
 ">
   <div style="
     display:inline-block;
-    background:rgba(245,166,35,.12);
-    color:#F5A623;
-    border:1px solid rgba(245,166,35,.3);
-    border-radius:100px;
-    padding:6px 18px;
-    font-size:.72rem; font-weight:700;
-    letter-spacing:.1em; text-transform:uppercase;
-    margin-bottom:24px;
+    background:rgba(245,166,35,.12); color:#F5A623;
+    border:1px solid rgba(245,166,35,.3); border-radius:100px;
+    padding:6px 18px; font-size:.71rem; font-weight:700;
+    letter-spacing:.1em; text-transform:uppercase; margin-bottom:22px;
   ">🏆 Hackathon Judge's Co-Pilot</div>
 
   <h1 style="
-    font-size:clamp(2rem,5.5vw,3.8rem);
-    font-weight:800; line-height:1.08;
-    color:#fff; max-width:680px;
-    margin:0 auto 18px; letter-spacing:-.01em;
-    font-family:'Inter',sans-serif;
+    font-size:clamp(1.9rem,5.5vw,3.6rem); font-weight:800;
+    line-height:1.08; color:#fff; max-width:660px;
+    margin:0 auto 16px; letter-spacing:-.01em;
   ">
     You Are About To Judge<br>
     <span style="color:#F5A623;">50+ Projects.</span>
   </h1>
 
   <p style="
-    font-size:1rem; color:#686898;
-    max-width:460px; line-height:1.8;
-    margin:0 auto 28px;
-    font-family:'Inter',sans-serif;
+    font-size:.97rem; color:#686898; max-width:450px;
+    line-height:1.8; margin:0 auto 24px;
   ">
-    The clock is ticking. The submissions keep piling up.
-    This tool reads every README for you — and tells you exactly
-    why each project scored what it scored.
+    Paste the hackathon submissions page — or individual links.
+    Set your criteria. Get a full ranked briefing with
+    1st, 2nd, 3rd and a reason for every score.
   </p>
 
   <div style="
     background:#111128; border:1px solid #252548;
-    border-radius:14px 14px 14px 3px;
-    padding:14px 20px; font-size:.88rem;
-    color:#9090c0; max-width:380px;
-    margin:0 auto; line-height:1.7;
-    text-align:left; font-family:'Inter',sans-serif;
+    border-radius:14px 14px 14px 3px; padding:14px 20px;
+    font-size:.87rem; color:#9090c0; max-width:370px;
+    margin:0 auto; line-height:1.7; text-align:left;
   ">
-    👋 Paste your links below. Set your criteria.
-    Hit Analyse — and get a full ranked briefing in seconds.
+    👋 We read the READMEs. We check the files.
+    We score every criterion. You just decide.
   </div>
 </div>
 """
 
-DIVIDER_HTML = """
-<div style="
-    text-align:center; padding:28px 24px 8px;
-    font-size:.72rem; color:#383860;
-    letter-spacing:.08em; text-transform:uppercase;
-    font-family:'Inter',sans-serif;
-">
-  ↓ &nbsp; Paste your submissions below &nbsp; ↓
+INPUT_HEADER_HTML = """
+<div style="font-family:'Inter',sans-serif; padding:30px 0 6px;">
+  <p style="
+    font-size:.71rem; color:#F5A623; font-weight:700;
+    letter-spacing:.1em; text-transform:uppercase; margin-bottom:6px;
+  ">Step 1 — Links</p>
+  <p style="font-size:.84rem; color:#5858a0; line-height:1.6; margin:0;">
+    Paste the <strong style="color:#c0c0e8;">hackathon submissions page URL</strong>
+    (auto-discovers all entries) — or paste individual Space links, one per line.
+  </p>
 </div>
 """
 
-RESULTS_HEADER_HTML = """
+CRITERIA_HEADER_HTML = """
+<div style="font-family:'Inter',sans-serif; padding:20px 0 6px;">
+  <p style="
+    font-size:.71rem; color:#F5A623; font-weight:700;
+    letter-spacing:.1em; text-transform:uppercase; margin-bottom:6px;
+  ">Step 2 — Your Criteria</p>
+  <p style="font-size:.84rem; color:#5858a0; line-height:1.6; margin:0;">
+    Add, remove, or rename any criteria — these become your scoring rubric.
+  </p>
+</div>
+"""
+
+RESULTS_LABEL_HTML = """
 <div style="
-    padding:24px 0 8px;
-    font-size:.72rem; color:#F5A623;
+    font-family:'Inter',sans-serif;
+    font-size:.71rem; color:#F5A623; font-weight:700;
     letter-spacing:.1em; text-transform:uppercase;
-    font-family:'Inter',sans-serif; font-weight:700;
-">
-  📊 Results
-</div>
+    padding:28px 0 10px;
+">📊 Results</div>
 """
 
 HANDOFF_HTML = """
 <div style="
-    background: linear-gradient(135deg,#0f0f26,#180f28);
-    border: 1px solid rgba(245,166,35,.2);
-    border-radius: 16px;
-    padding: 32px 28px;
-    text-align: center;
-    margin-top: 24px;
-    font-family: 'Inter', sans-serif;
+    background:linear-gradient(135deg,#0f0f26,#180f28);
+    border:1px solid rgba(245,166,35,.2); border-radius:16px;
+    padding:30px 24px; text-align:center; margin-top:24px;
+    font-family:'Inter',sans-serif;
 ">
-  <div style="font-size:2.6rem;margin-bottom:12px;">🙏</div>
+  <div style="font-size:2.4rem;margin-bottom:10px;">🙏</div>
   <h3 style="
-    font-size:1.35rem; font-weight:800;
-    color:#fff; margin-bottom:14px; letter-spacing:-.01em;
+    font-size:1.25rem; font-weight:800; color:#fff;
+    margin-bottom:12px; letter-spacing:-.01em;
   ">Now, We Are Left To Be Judged — Only By You.</h3>
-  <p style="font-size:.92rem; color:#686898; line-height:1.85; max-width:440px; margin:0 auto;">
+  <p style="font-size:.9rem; color:#686898; line-height:1.85; max-width:420px; margin:0 auto;">
     We helped you judge everyone else.<br>
     Now this tool itself is a submission,<br>
     sitting in the same pile, waiting for the same verdict.<br><br>
-    <strong style="color:#fff;font-size:1rem;">The judge is you.</strong>
+    <strong style="color:#fff;">The judge is you.</strong>
   </p>
 </div>
 """
 
 FOOTER_HTML = """
 <div style="
-    text-align:center; padding:24px 16px;
-    font-size:.75rem; color:#2e2e58;
+    text-align:center; padding:22px 16px;
+    font-size:.74rem; color:#2e2e58;
     border-top:1px solid #111128; margin-top:20px;
     font-family:'Inter',sans-serif;
 ">
@@ -329,9 +348,9 @@ def fetch_repo_data(repo_type, repo_id):
         data["error"] = f"Could not reach this {repo_type} ({type(exc).__name__})."
         return data
     try:
-        path = hf_hub_download(repo_id=repo_id,filename="README.md",
-                               repo_type=repo_type,token=HF_TOKEN)
-        with open(path,encoding="utf-8",errors="replace") as fh:
+        path = hf_hub_download(repo_id=repo_id, filename="README.md",
+                               repo_type=repo_type, token=HF_TOKEN)
+        with open(path, encoding="utf-8", errors="replace") as fh:
             data["readme"] = fh.read()
     except Exception:
         data["readme"] = ""
@@ -339,12 +358,12 @@ def fetch_repo_data(repo_type, repo_id):
 
 def fetch_app_code(repo_type, repo_id, files):
     if repo_type != "space": return ""
-    entry = next((f for f in files if f.lower() in ("app.py","main.py")),None)
+    entry = next((f for f in files if f.lower() in ("app.py","main.py")), None)
     if not entry: return ""
     try:
-        path = hf_hub_download(repo_id=repo_id,filename=entry,
-                               repo_type="space",token=HF_TOKEN)
-        with open(path,encoding="utf-8",errors="replace") as fh:
+        path = hf_hub_download(repo_id=repo_id, filename=entry,
+                               repo_type="space", token=HF_TOKEN)
+        with open(path, encoding="utf-8", errors="replace") as fh:
             return fh.read()
     except Exception:
         return ""
@@ -404,16 +423,16 @@ def generate_justification(criterion, score, readme_lower, checklist):
         if found_kw:
             parts.append(f"README mentions _{', '.join(found_kw)}_")
         else:
-            parts.append(f"no {criterion.lower()} keywords in README")
+            parts.append(f"no {criterion.lower()} keywords found")
         present = [c for c in sig["checks"] if checklist.get(c)]
         missing = [c for c in sig["checks"] if not checklist.get(c)]
         if present: parts.append("✅ " + ", ".join(present))
         if missing: parts.append("❌ missing " + ", ".join(missing))
     else:
         words = re.findall(r"[a-z]{4,}", criterion.lower())
-        hits = [w for w in words if w in readme_lower]
+        hits  = [w for w in words if w in readme_lower]
         parts.append(f"found: _{', '.join(hits[:3])}_" if hits else "no matching keywords")
-    if len(readme_lower) > 1500: parts.append("well-documented")
+    if len(readme_lower) > 1500: parts.append("well-documented README")
     elif len(readme_lower) < 100: parts.append("very sparse README")
     return " · ".join(parts) if parts else "scored on README signals"
 
@@ -442,12 +461,13 @@ def analyze_submission(raw, criteria_list):
     title_m = re.search(r"^#\s+(.+)$", body, re.MULTILINE)
     title   = title_m.group(1).strip() if title_m else repo_id
 
-    lines = []
+    content_lines = []
     for ln in body.splitlines():
         ln = ln.strip()
-        if not ln or ln.startswith("#") or ln.startswith("![") or ln.startswith("[!["): continue
-        lines.append(ln)
-    summary = re.sub(r"\s+"," "," ".join(lines))[:300] if lines else "No description found."
+        if not ln or ln.startswith("#") or ln.startswith("![") or ln.startswith("[!["):
+            continue
+        content_lines.append(ln)
+    summary = re.sub(r"\s+"," "," ".join(content_lines))[:300] if content_lines else "No description found."
 
     readme_lower = readme.lower()
     checklist = {
@@ -482,19 +502,72 @@ def make_confetti():
         l   = random.randint(1,99)
         d   = round(random.uniform(0,2.2),2)
         dur = round(random.uniform(2.5,5),2)
-        pieces.append(f'<span class="cf" style="left:{l}%;animation-duration:{dur}s;animation-delay:{d}s">{e}</span>')
+        pieces.append(
+            f'<span class="cf" style="left:{l}%;'
+            f'animation-duration:{dur}s;animation-delay:{d}s">{e}</span>'
+        )
     return "<div>" + "".join(pieces) + "</div>"
 
+
+def build_podium_html(results):
+    """Big 1st / 2nd / 3rd winner cards at the top of results."""
+    ok = [r for r in results if not r["error"]]
+    if not ok:
+        return ""
+
+    medals    = [("🥇","1st","#F5A623","rgba(245,166,35,.15)"),
+                 ("🥈","2nd","#b0b8d0","rgba(176,184,208,.12)"),
+                 ("🥉","3rd","#cd7f32","rgba(205,127,50,.12)")]
+    cards = []
+    for i, r in enumerate(ok[:3]):
+        emoji, place, color, bg = medals[i]
+        cards.append(f"""
+        <div style="
+            background:{bg}; border:1px solid {color}44;
+            border-radius:14px; padding:20px 16px; text-align:center;
+            font-family:'Inter',sans-serif; flex:1; min-width:160px;
+        ">
+          <div style="font-size:2rem;margin-bottom:6px;">{emoji}</div>
+          <div style="font-size:.7rem;color:{color};font-weight:700;
+                      letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;">
+            {place} Place
+          </div>
+          <div style="font-size:.95rem;font-weight:700;color:#fff;
+                      margin-bottom:6px;line-height:1.3;">
+            {r["title"]}
+          </div>
+          <div style="font-size:1.3rem;font-weight:800;color:{color};">
+            {r["overall"]}/10
+          </div>
+          {"<a href='" + r['url'] + "' target='_blank' style='font-size:.75rem;color:#6080c0;'>View →</a>" if r["url"] else ""}
+        </div>
+        """)
+
+    return f"""
+    <div style="padding:24px 0 8px;font-family:'Inter',sans-serif;">
+      <div style="font-size:.71rem;color:#F5A623;font-weight:700;
+                  letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;">
+        🏆 Final Rankings
+      </div>
+      <div style="display:flex;gap:12px;flex-wrap:wrap;">
+        {"".join(cards)}
+      </div>
+    </div>
+    """
+
+
 def build_leaderboard(results, criteria_list):
-    cols = ["🏅 Rank","Project","⭐ Overall"] + criteria_list + ["❤️ Likes"]
+    cols = ["🏅","Project","⭐ Overall"] + criteria_list + ["❤️ Likes"]
     rows = []
-    for i,r in enumerate(results,1):
-        row = [i, r["title"], f"{r['overall']}/10"]
+    medals = ["🥇","🥈","🥉"]
+    for i, r in enumerate(results,1):
+        row = [medals[i-1] if i <= 3 else str(i), r["title"], f"{r['overall']}/10"]
         row += [r["scores"].get(c,"-") for c in criteria_list]
         row.append(r["likes"])
         rows.append(row)
     return pd.DataFrame(rows, columns=cols)
 
+
 def build_criteria_table(results, criteria_list):
     ok = [r for r in results if not r["error"]]
     if not ok: return pd.DataFrame()
@@ -508,35 +581,15 @@ def build_criteria_table(results, criteria_list):
         rows.append(row)
     return pd.DataFrame(rows, columns=cols)
 
-def build_winners(results, criteria_list):
-    ok = [r for r in results if not r["error"]]
-    if len(ok) < 2:
-        return "_Need at least 2 valid submissions to show category winners._"
-    medals = ["🥇","🥈","🥉"]
-    lines  = ["## 🏅 Category Winners\n"]
-    for c in criteria_list:
-        ranked = sorted(ok, key=lambda r: r["scores"].get(c,0), reverse=True)
-        lines.append(f"### {c}")
-        for i,r in enumerate(ranked[:3]):
-            s = r["scores"].get(c,0)
-            j = r["justifications"].get(c,"")
-            lines.append(f"{medals[i]} **{r['title']}** — {s}/10  \n   _{j}_")
-        lines.append("")
-    return "\n".join(lines)
 
 def build_briefing(results, criteria_list):
-    lines = [
-        "## 🏆 Full Judge's Briefing",
-        f"_Analysed **{len(results)}** submission(s) across **{len(criteria_list)}** criteria._\n",
-    ]
-    ok = [r for r in results if not r["error"]]
-    if ok:
-        top = ok[0]
-        lines.append(f"### 🥇 Top Pick: [{top['title']}]({top['url']}) — **{top['overall']}/10**")
-        lines.append(f"> {top['summary']}\n")
-    lines.append("---\n")
-    for i,r in enumerate(results,1):
-        lines.append(f"### {i}. {r['title']}")
+    lines = ["## 📋 Full Judge's Briefing",
+             f"_Analysed **{len(results)}** submission(s) · **{len(criteria_list)}** criteria_\n",
+             "---\n"]
+    for i, r in enumerate(results,1):
+        medals = {1:"🥇",2:"🥈",3:"🥉"}
+        prefix = medals.get(i, f"**#{i}**")
+        lines.append(f"### {prefix} {r['title']}")
         if r["url"]: lines.append(f"🔗 [{r['url']}]({r['url']})")
         if r["error"]:
             lines.append(f"⚠️ _{r['summary']}_\n")
@@ -555,14 +608,16 @@ def build_briefing(results, criteria_list):
         lines.append("\n---\n")
     return "\n\n".join(lines)
 
+
 # ═══════════════════════════════════════════════════════════════
 # Main function
 # ═══════════════════════════════════════════════════════════════
 def run_analysis(urls_text, criteria_text):
-    empty = ("### 👀 Paste links above and hit Analyse.",
-             pd.DataFrame(), pd.DataFrame(), "", "")
+    empty = ("", "", pd.DataFrame(), pd.DataFrame(), "")
+
     if not urls_text or not urls_text.strip():
-        return empty
+        return ("### 👀 Paste links and hit Analyse to get started.",
+                "", pd.DataFrame(), pd.DataFrame(), "")
 
     criteria_list = [c.strip() for c in re.split(r"[,\n]", criteria_text or "") if c.strip()]
     if not criteria_list:
@@ -572,7 +627,10 @@ def run_analysis(urls_text, criteria_text):
     for line in urls_text.splitlines():
         line = line.strip()
         if not line: continue
-        is_listing = ("huggingface.co" in line and "?" in line and "/spaces/" not in line) or "?tag=" in line
+        is_listing = (
+            ("huggingface.co" in line and "?" in line and "/spaces/" not in line)
+            or "?tag=" in line
+        )
         if is_listing:
             for sid in discover_from_hackathon_url(line):
                 if sid not in seen:
@@ -582,61 +640,67 @@ def run_analysis(urls_text, criteria_text):
                 seen.add(line); targets.append(line)
 
     if not targets:
-        return ("### 🔍 No valid links found. Paste Space URLs or a hackathon tag page.",
-                pd.DataFrame(), pd.DataFrame(), "", "")
+        return ("### 🔍 No valid links found. Paste Space URLs or a hackathon tag page URL.",
+                "", pd.DataFrame(), pd.DataFrame(), "")
 
     try:
         results = [analyze_submission(t, criteria_list) for t in targets]
         results.sort(key=lambda r: r["overall"], reverse=True)
-        return (
-            build_briefing(results, criteria_list),
-            build_leaderboard(results, criteria_list),
-            build_criteria_table(results, criteria_list),
-            build_winners(results, criteria_list),
-            make_confetti() if any(not r["error"] for r in results) else "",
-        )
+
+        podium_html  = build_podium_html(results)
+        briefing_md  = build_briefing(results, criteria_list)
+        leaderboard  = build_leaderboard(results, criteria_list)
+        criteria_df  = build_criteria_table(results, criteria_list)
+        confetti     = make_confetti() if any(not r["error"] for r in results) else ""
+
+        return briefing_md, podium_html, leaderboard, criteria_df, confetti
+
     except Exception as exc:
-        return (f"### ⚠️ Error: `{exc}`", pd.DataFrame(), pd.DataFrame(), "", "")
+        return (f"### ⚠️ Error: `{exc}`", "", pd.DataFrame(), pd.DataFrame(), "")
+
 
 # ═══════════════════════════════════════════════════════════════
-# UI  —  single page, no navigation
+# UI
 # ═══════════════════════════════════════════════════════════════
 with gr.Blocks(theme=gr.themes.Base(), css=CSS, title="Judges Copilot") as demo:
 
     gr.HTML(HERO_HTML)
-    gr.HTML(DIVIDER_HTML)
 
     # ── Inputs ───────────────────────────────────────────────────
-    with gr.Column():
-        urls_box = gr.Textbox(
-            label="🔗 Submission links — one per line (or paste a hackathon tag page URL)",
-            placeholder=(
-                "https://huggingface.co/spaces/username/project-name\n"
-                "https://huggingface.co/spaces?tag=gradio-hackathon-2026\n"
-                "another-user/another-space"
-            ),
-            lines=6,
-        )
-        criteria_box = gr.Textbox(
-            label="🎯 Judging criteria — comma separated",
-            value="Innovation, Technical Execution, Usability & Design, Real-World Impact, Presentation",
-            lines=2,
-        )
-        analyse_btn = gr.Button("⚡ Analyse Submissions", elem_classes=["cta"])
+    gr.HTML(INPUT_HEADER_HTML)
+    urls_box = gr.Textbox(
+        label="Hackathon submissions page URL  —  or individual Space links (one per line)",
+        placeholder=(
+            "Option A (auto-discovers all):  https://huggingface.co/spaces?tag=gradio-hackathon-2026\n"
+            "Option B (individual):          https://huggingface.co/spaces/username/project-name\n"
+            "                                another-user/another-space"
+        ),
+        lines=5,
+    )
+
+    gr.HTML(CRITERIA_HEADER_HTML)
+    criteria_box = gr.Textbox(
+        label="Your judging criteria  —  edit, add, or remove any (comma-separated)",
+        value="Innovation, Technical Execution, Usability & Design, Real-World Impact, Presentation",
+        lines=3,
+    )
+
+    analyse_btn = gr.Button("⚡ Analyse & Rank Submissions", elem_classes=["cta"])
 
-    # ── Confetti overlay ─────────────────────────────────────────
+    # ── Confetti ─────────────────────────────────────────────────
     confetti_out = gr.HTML(value="")
 
-    # ── Results ──────────────────────────────────────────────────
-    gr.HTML(RESULTS_HEADER_HTML)
+    # ── Podium (1st / 2nd / 3rd) ─────────────────────────────────
+    podium_out = gr.HTML(value="")
+
+    # ── Detailed results ─────────────────────────────────────────
+    gr.HTML(RESULTS_LABEL_HTML)
 
     with gr.Tabs():
-        with gr.Tab("🏅 Leaderboard"):
-            leaderboard_out = gr.Dataframe(label="Overall Rankings")
+        with gr.Tab("📊 Full Leaderboard"):
+            leaderboard_out = gr.Dataframe(label="All submissions ranked")
         with gr.Tab("🎯 Criteria Breakdown"):
             criteria_out = gr.Dataframe(label="Pass / Fail per Criterion  (✅ ≥7 · 🟡 5-6 · ❌ <5)")
-        with gr.Tab("🏆 Category Winners"):
-            winners_out = gr.Markdown(value="")
 
     briefing_out = gr.Markdown(value="")
 
@@ -647,7 +711,7 @@ with gr.Blocks(theme=gr.themes.Base(), css=CSS, title="Judges Copilot") as demo:
     analyse_btn.click(
         fn=run_analysis,
         inputs=[urls_box, criteria_box],
-        outputs=[briefing_out, leaderboard_out, criteria_out, winners_out, confetti_out],
+        outputs=[briefing_out, podium_out, leaderboard_out, criteria_out, confetti_out],
     )
 
 if __name__ == "__main__":