Update app.py

app.py

@@ -1,8 +1,7 @@
 
 """
-Judges Copilot  ·  Gradio x Hugging Face Hackathon 2026
-Single page. Paste a hackathon page URL or individual links.
-Add your criteria. Get 1st / 2nd / 3rd with full reasons.
+Judges Copilot · Gradio x Hugging Face Hackathon 2026
+One click loads the whole hackathon. No copy-paste needed.
 """
 
 import os, re, random
@@ -62,7 +61,7 @@ label span, .label-wrap span {
     font-weight: 600 !important;
 }
 
-/* ── analyse button ── */
+/* ── main CTA button ── */
 button.cta {
     background: #F5A623 !important;
     color: #0b0b18 !important;
@@ -79,6 +78,25 @@ button.cta {
 }
 button.cta:hover { opacity: .88 !important; transform: translateY(-1px) !important; }
 
+/* ── quick-start chip buttons ── */
+.chip > button {
+    background: rgba(245,166,35,.08) !important;
+    color: #F5A623 !important;
+    border: 1px solid rgba(245,166,35,.28) !important;
+    border-radius: 100px !important;
+    font-size: .82rem !important;
+    font-weight: 700 !important;
+    padding: 9px 20px !important;
+    white-space: nowrap !important;
+    transition: background .18s, border-color .18s, transform .15s !important;
+    letter-spacing: .01em !important;
+}
+.chip > button:hover {
+    background: rgba(245,166,35,.18) !important;
+    border-color: #F5A623 !important;
+    transform: translateY(-1px) !important;
+}
+
 /* ── tabs ── */
 .tab-nav button {
     background: transparent !important;
@@ -131,10 +149,21 @@ button.cta:hover { opacity: .88 !important; transform: translateY(-1px) !importa
 .prose hr { border: none !important; border-top: 1px solid #1e1e3a !important; }
 .prose, .prose p, .prose li { color: #b8b8e0 !important; }
 
+/* ── status banner ── */
+.status-banner {
+    background: rgba(245,166,35,.07);
+    border: 1px solid rgba(245,166,35,.2);
+    border-radius: 10px;
+    padding: 12px 18px;
+    font-size: .85rem;
+    color: #c0a060;
+    margin: 8px 0 4px;
+}
+
 /* ── confetti ── */
 @keyframes cffall {
-    0%   { transform: translateY(-5vh) rotate(0deg);    opacity: 1; }
-    85%  { opacity: 1; }
+    0% { transform: translateY(-5vh) rotate(0deg); opacity: 1; }
+    85% { opacity: 1; }
     100% { transform: translateY(105vh) rotate(600deg); opacity: 0; }
 }
 .cf {
@@ -145,13 +174,22 @@ button.cta:hover { opacity: .88 !important; transform: translateY(-1px) !importa
 }
 """
 
+# ═══════════════════════════════════════════════════════════════
+# Preset hackathons — add more here any time
+# ═══════════════════════════════════════════════════════════════
+PRESETS = {
+    "🏆 Build Small Hackathon": "https://huggingface.co/build-small-hackathon",
+    "🎨 Gradio Hackathon 2026": "https://huggingface.co/spaces?tag=gradio-hackathon-2026",
+    "🤖 Agents Hackathon": "https://huggingface.co/spaces?tag=agents-hackathon",
+}
+
 # ═══════════════════════════════════════════════════════════════
 # Static HTML
 # ═══════════════════════════════════════════════════════════════
 HERO_HTML = """
 <div style="
     background:linear-gradient(180deg,#0b0b18 0%,#10102a 100%);
-    text-align:center; padding:56px 24px 44px;
+    text-align:center; padding:56px 24px 40px;
     border-bottom:1px solid #1a1a34;
     font-family:'Inter',sans-serif;
 ">
@@ -173,35 +211,49 @@ HERO_HTML = """
   </h1>
 
   <p style="
-    font-size:.97rem; color:#686898; max-width:450px;
-    line-height:1.8; margin:0 auto 24px;
+    font-size:.97rem; color:#686898; max-width:440px;
+    line-height:1.8; margin:0 auto 20px;
   ">
-    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.
+    One click loads every submission. We read the READMEs,
+    check the files, score every criterion.
+    You just decide.
   </p>
-
-  <div style="
-    background:#111128; border:1px solid #252548;
-    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;
-  ">
-    👋 We read the READMEs. We check the files.
-    We score every criterion. You just decide.
-  </div>
 </div>
 """
 
-INPUT_HEADER_HTML = """
-<div style="font-family:'Inter',sans-serif; padding:30px 0 6px;">
+QUICKSTART_LABEL_HTML = """
+<div style="font-family:'Inter',sans-serif; padding:28px 0 10px;">
   <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.
+    letter-spacing:.1em; text-transform:uppercase; margin-bottom:10px;
+  ">⚡ Quick Start — one click, zero copy-paste</p>
+  <p style="font-size:.82rem; color:#404068; margin:0 0 12px;">
+    Click a hackathon below and we'll load every submission automatically.
+  </p>
+</div>
+"""
+
+OR_DIVIDER_HTML = """
+<div style="
+    display:flex; align-items:center; gap:12px;
+    font-family:'Inter',sans-serif;
+    font-size:.78rem; color:#252548;
+    padding: 18px 0 6px;
+">
+  <div style="flex:1; height:1px; background:#1a1a34;"></div>
+  <span>or paste your own link</span>
+  <div style="flex:1; height:1px; background:#1a1a34;"></div>
+</div>
+"""
+
+CUSTOM_LABEL_HTML = """
+<div style="font-family:'Inter',sans-serif; padding:4px 0 6px;">
+  <p style="
+    font-size:.71rem; color:#5858a0; font-weight:700;
+    letter-spacing:.1em; text-transform:uppercase; margin-bottom:4px;
+  ">Custom Links</p>
+  <p style="font-size:.82rem; color:#404068; margin:0;">
+    HF org URL · individual Space links (one per line) · ?tag= filter page
   </p>
 </div>
 """
@@ -211,22 +263,13 @@ CRITERIA_HEADER_HTML = """
   <p style="
     font-size:.71rem; color:#F5A623; font-weight:700;
     letter-spacing:.1em; text-transform:uppercase; margin-bottom:6px;
-  ">Step 2 — Your Criteria</p>
+  ">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.
+    Edit, add, or remove — these become your scoring rubric.
   </p>
 </div>
 """
 
-RESULTS_LABEL_HTML = """
-<div style="
-    font-family:'Inter',sans-serif;
-    font-size:.71rem; color:#F5A623; font-weight:700;
-    letter-spacing:.1em; text-transform:uppercase;
-    padding:28px 0 10px;
-">📊 Results</div>
-"""
-
 HANDOFF_HTML = """
 <div style="
     background:linear-gradient(135deg,#0f0f26,#180f28);
@@ -260,7 +303,7 @@ FOOTER_HTML = """
 """
 
 # ═══════════════════════════════════════════════════════════════
-# Scoring signals
+# Scoring
 # ═══════════════════════════════════════════════════════════════
 CRITERIA_SIGNALS = {
     "innovation": {
@@ -314,15 +357,22 @@ CRITERIA_ALIASES = {
     "completeness":"completeness","overall quality":"completeness",
 }
 
+_HF_SYSTEM_PATHS = {
+    "models","datasets","spaces","organizations","pricing",
+    "docs","blog","inference-endpoints","enterprise","join",
+    "login","register","settings","privacy","terms",
+}
+
+
 # ═══════════════════════════════════════════════════════════════
 # Hub helpers
 # ═══════════════════════════════════════════════════════════════
 def parse_hf_url(text: str):
     text = text.strip().rstrip("/")
     for pattern, rtype in [
-        (r"huggingface\.co/spaces/([\w.\-]+/[\w.\-]+)",   "space"),
+        (r"huggingface\.co/spaces/([\w.\-]+/[\w.\-]+)", "space"),
         (r"huggingface\.co/datasets/([\w.\-]+/[\w.\-]+)", "dataset"),
-        (r"huggingface\.co/([\w.\-]+/[\w.\-]+)",          "model"),
+        (r"huggingface\.co/([\w.\-]+/[\w.\-]+)", "model"),
     ]:
         m = re.search(pattern, text)
         if m:
@@ -332,11 +382,26 @@ def parse_hf_url(text: str):
         return "model", text
     return None, None
 
+
+def _get_org_name(url: str):
+    """Return org name if this is a HF org page, else None."""
+    if "huggingface.co" not in url:
+        return None
+    if re.search(r"huggingface\.co/(spaces|datasets|models)/[\w.\-]+/[\w.\-]+", url):
+        return None
+    m = re.search(r"huggingface\.co/(?:organizations/)?([\w.\-]+)(?:/.*)?$", url)
+    if not m:
+        return None
+    org = m.group(1)
+    return None if org in _HF_SYSTEM_PATHS else org
+
+
 def _get_repo_info(repo_type, repo_id):
-    if repo_type == "space":   return api.space_info(repo_id)
+    if repo_type == "space": return api.space_info(repo_id)
     if repo_type == "dataset": return api.dataset_info(repo_id)
     return api.model_info(repo_id)
 
+
 def fetch_repo_data(repo_type, repo_id):
     data = {"readme":"","files":[],"likes":0,"error":""}
     try:
@@ -356,6 +421,7 @@ def fetch_repo_data(repo_type, repo_id):
         data["readme"] = ""
     return data
 
+
 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)
@@ -368,37 +434,60 @@ def fetch_app_code(repo_type, repo_id, files):
     except Exception:
         return ""
 
+
 def discover_from_hackathon_url(url):
     targets = []
+
+    # 1. HF org page
+    org = _get_org_name(url)
+    if org:
+        try:
+            for s in api.list_spaces(author=org, limit=200):
+                sid = getattr(s, "id", None)
+                if sid and sid not in targets:
+                    targets.append(sid)
+            if targets:
+                return targets
+        except Exception:
+            pass
+
+    # 2. ?tag= filter
     tag_match = re.search(r"[?&]tag=([^&\s]+)", url)
     if tag_match:
         try:
             for s in api.list_spaces(filter=tag_match.group(1), limit=100):
                 sid = getattr(s,"id",None)
-                if sid: targets.append(sid)
-            if targets: return targets
+                if sid and sid not in targets:
+                    targets.append(sid)
+            if targets:
+                return targets
         except Exception:
             pass
+
+    # 3. HTML scrape fallback
     try:
         resp = requests.get(url, timeout=12, headers={"User-Agent":"JudgesCopilot/1.0"})
         if resp.ok:
             found = re.findall(
                 r'href=["\'](?:https://huggingface\.co)?/spaces/([\w.\-]+/[\w.\-]+)["\']',
                 resp.text)
-            seen = set()
+            seen = set(targets)
             for sid in found:
                 if sid not in seen:
                     seen.add(sid); targets.append(sid)
     except Exception:
         pass
+
     return targets
 
+
 # ═══════════════════════════════════════════════════════════════
-# Scoring
+# Scoring helpers
 # ═══════════════════════════════════════════════════════════════
 def _best_signal(criterion_lower):
     return CRITERIA_SIGNALS.get(CRITERIA_ALIASES.get(criterion_lower))
 
+
 def score_criterion(criterion, readme_lower, checklist, repo_type):
     score = 5.0
     sig = _best_signal(criterion.lower().strip())
@@ -415,6 +504,7 @@ def score_criterion(criterion, readme_lower, checklist, repo_type):
     if repo_type == "space" and checklist.get("Uses Gradio"): score += 0.3
     return round(max(1.0, min(10.0, score)), 1)
 
+
 def generate_justification(criterion, score, readme_lower, checklist):
     sig = _best_signal(criterion.lower().strip())
     parts = []
@@ -430,12 +520,13 @@ def generate_justification(criterion, score, readme_lower, checklist):
         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 README")
     elif len(readme_lower) < 100: parts.append("very sparse README")
     return " · ".join(parts) if parts else "scored on README signals"
 
+
 def analyze_submission(raw, criteria_list):
     repo_type, repo_id = parse_hf_url(raw)
     empty_j = {c:"" for c in criteria_list}
@@ -444,22 +535,22 @@ def analyze_submission(raw, criteria_list):
                 "scores":{c:0 for c in criteria_list},"justifications":empty_j,
                 "checklist":{},"summary":"Could not parse as a HF link.","error":True,"likes":0}
 
-    data   = fetch_repo_data(repo_type, repo_id)
+    data = fetch_repo_data(repo_type, repo_id)
     prefix = {"space":"spaces/","dataset":"datasets/","model":""}[repo_type]
-    url    = f"https://huggingface.co/{prefix}{repo_id}"
+    url = f"https://huggingface.co/{prefix}{repo_id}"
 
     if data["error"]:
         return {"input":raw,"title":repo_id,"url":url,"overall":0,
                 "scores":{c:0 for c in criteria_list},"justifications":empty_j,
                 "checklist":{},"summary":data["error"],"error":True,"likes":0}
 
-    readme   = data["readme"]
-    files    = data["files"]
+    readme = data["readme"]
+    files = data["files"]
     app_code = fetch_app_code(repo_type, repo_id, files)
-    body     = re.sub(r"^---.*?---","",readme,count=1,flags=re.DOTALL).strip()
+    body = re.sub(r"^---.*?---","",readme,count=1,flags=re.DOTALL).strip()
 
     title_m = re.search(r"^#\s+(.+)$", body, re.MULTILINE)
-    title   = title_m.group(1).strip() if title_m else repo_id
+    title = title_m.group(1).strip() if title_m else repo_id
 
     content_lines = []
     for ln in body.splitlines():
@@ -471,13 +562,13 @@ def analyze_submission(raw, criteria_list):
 
     readme_lower = readme.lower()
     checklist = {
-        "Has README":           bool(readme.strip()),
+        "Has README": bool(readme.strip()),
         "Has requirements.txt": any(f.lower()=="requirements.txt" for f in files),
-        "Has app entry point":  any(f.lower() in ("app.py","main.py") for f in files),
-        "Has LICENSE":          any("license" in f.lower() for f in files),
-        "Uses Gradio":          any(s in app_code for s in
+        "Has app entry point": any(f.lower() in ("app.py","main.py") for f in files),
+        "Has LICENSE": any("license" in f.lower() for f in files),
+        "Uses Gradio": any(s in app_code for s in
                                     ("import gradio","gr.Blocks","gr.Interface","gr.ChatInterface")),
-        "Demo media":           bool(re.search(r"\.(gif|mp4|png|jpe?g|webm)",readme,re.I))
+        "Demo media": bool(re.search(r"\.(gif|mp4|png|jpe?g|webm)",readme,re.I))
                                 or "youtube" in readme_lower,
     }
 
@@ -491,6 +582,7 @@ def analyze_submission(raw, criteria_list):
             "scores":scores,"justifications":justifications,"checklist":checklist,
             "summary":summary,"error":False,"likes":data["likes"]}
 
+
 # ═══════════════════════════════════════════════════════════════
 # Output builders
 # ═══════════════════════════════════════════════════════════════
@@ -498,9 +590,9 @@ def make_confetti():
     emojis = ["🎉","🎊","✨","🏆","⭐","🎈","🥳","🎯","💫","🌟","🔥","💥"]
     pieces = []
     for _ in range(28):
-        e   = random.choice(emojis)
-        l   = random.randint(1,99)
-        d   = round(random.uniform(0,2.2),2)
+        e = random.choice(emojis)
+        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}%;'
@@ -510,50 +602,32 @@ def make_confetti():
 
 
 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)")]
+    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="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>
+               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>
+               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>
-        """)
-
+        </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>
-    """
+           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):
@@ -587,8 +661,8 @@ def build_briefing(results, criteria_list):
              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}**")
+        medals_map = {1:"🥇",2:"🥈",3:"🥉"}
+        prefix = medals_map.get(i, f"**#{i}**")
         lines.append(f"### {prefix} {r['title']}")
         if r["url"]: lines.append(f"🔗 [{r['url']}]({r['url']})")
         if r["error"]:
@@ -596,9 +670,9 @@ def build_briefing(results, criteria_list):
         else:
             lines.append(f"_{r['summary']}_\n")
             for c in criteria_list:
-                s    = r["scores"].get(c,0)
+                s = r["scores"].get(c,0)
                 just = r["justifications"].get(c,"")
-                dot  = "🟢" if s>=7 else ("🟡" if s>=5 else "🔴")
+                dot = "🟢" if s>=7 else ("🟡" if s>=5 else "🔴")
                 lines.append(f"{dot} **{c}: {s}/10** — {just}")
             lines.append(f"\n**Overall: {r['overall']}/10** · ❤️ {r['likes']} likes")
             present = [k for k,v in r["checklist"].items() if v]
@@ -610,13 +684,11 @@ def build_briefing(results, criteria_list):
 
 
 # ═══════════════════════════════════════════════════════════════
-# Main function
+# Main analysis function
 # ═══════════════════════════════════════════════════════════════
 def run_analysis(urls_text, criteria_text):
-    empty = ("", "", pd.DataFrame(), pd.DataFrame(), "")
-
     if not urls_text or not urls_text.strip():
-        return ("### 👀 Paste links and hit Analyse to get started.",
+        return ("### 👀 Click a hackathon above or paste a link and hit Analyse.",
                 "", pd.DataFrame(), pd.DataFrame(), "")
 
     criteria_list = [c.strip() for c in re.split(r"[,\n]", criteria_text or "") if c.strip()]
@@ -627,10 +699,13 @@ 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)
+            _get_org_name(line) is not None
+            or ("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:
@@ -640,18 +715,18 @@ 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 URL.",
+        return ("### 🔍 No valid links found. Try clicking a Quick Start button above.",
                 "", pd.DataFrame(), pd.DataFrame(), "")
 
     try:
         results = [analyze_submission(t, criteria_list) for t in targets]
         results.sort(key=lambda r: r["overall"], reverse=True)
 
-        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 ""
+        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
 
@@ -659,6 +734,12 @@ def run_analysis(urls_text, criteria_text):
         return (f"### ⚠️ Error: `{exc}`", "", pd.DataFrame(), pd.DataFrame(), "")
 
 
+def fill_and_run(preset_url, criteria_text):
+    """Fill the URL box AND immediately run analysis — one click does both."""
+    briefing, podium, lb, crit_df, confetti = run_analysis(preset_url, criteria_text)
+    return preset_url, briefing, podium, lb, crit_df, confetti
+
+
 # ═══════════════════════════════════════════════════════════════
 # UI
 # ═══════════════════════════════════════════════════════════════
@@ -666,54 +747,125 @@ with gr.Blocks(theme=gr.themes.Base(), css=CSS, title="Judges Copilot") as demo:
 
     gr.HTML(HERO_HTML)
 
-    # ── Inputs ───────────────────────────────────────────────────
-    gr.HTML(INPUT_HEADER_HTML)
+    # ── Quick-start chips ────────────────────────────────────────────────────
+    gr.HTML(QUICKSTART_LABEL_HTML)
+
+    with gr.Row():
+        chip_bs = gr.Button("🏆 Build Small Hackathon", size="sm", elem_classes=["chip"])
+        chip_gh = gr.Button("🎨 Gradio Hackathon 2026", size="sm", elem_classes=["chip"])
+        chip_ag = gr.Button("🤖 Agents Hackathon", size="sm", elem_classes=["chip"])
+
+    # ── Status line (shows which hackathon was loaded) ────────────────────
+    status_md = gr.Markdown(value="", visible=False)
+
+    # ── Divider ──────────────────────────────────────────────────────────────
+    gr.HTML(OR_DIVIDER_HTML)
+
+    # ── Custom URL input ──────────────────────────────────────────────────────
+    gr.HTML(CUSTOM_LABEL_HTML)
     urls_box = gr.Textbox(
-        label="Hackathon submissions page URL  —  or individual Space links (one per line)",
+        label="",
         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"
+            "https://huggingface.co/your-org\n"
+            "https://huggingface.co/spaces/username/project\n"
+            "https://huggingface.co/spaces?tag=your-tag"
         ),
-        lines=5,
+        lines=3,
+        show_label=False,
     )
 
+    # ── Criteria ──────────────────────────────────────────────────────────────
     gr.HTML(CRITERIA_HEADER_HTML)
     criteria_box = gr.Textbox(
-        label="Your judging criteria  —  edit, add, or remove any (comma-separated)",
+        label="",
         value="Innovation, Technical Execution, Usability & Design, Real-World Impact, Presentation",
-        lines=3,
+        lines=2,
+        show_label=False,
     )
 
-    analyse_btn = gr.Button("⚡ Analyse & Rank Submissions", elem_classes=["cta"])
+    analyse_btn = gr.Button("⚡ Analyse & Rank", elem_classes=["cta"])
 
-    # ── Confetti ─────────────────────────────────────────────────
+    # ── Outputs ───────────────────────────────────────────────────────────────
     confetti_out = gr.HTML(value="")
-
-    # ── Podium (1st / 2nd / 3rd) ─────────────────────────────────
     podium_out = gr.HTML(value="")
 
-    # ── Detailed results ─────────────────────────────────────────
-    gr.HTML(RESULTS_LABEL_HTML)
+    gr.HTML("""<div style="font-family:'Inter',sans-serif;font-size:.71rem;color:#F5A623;
+        font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:28px 0 10px;">
+        📊 Results</div>""")
 
     with gr.Tabs():
         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)")
+            criteria_out = gr.Dataframe(label="✅ ≥7 · 🟡 5-6 · ❌ <5")
 
     briefing_out = gr.Markdown(value="")
 
     gr.HTML(HANDOFF_HTML)
     gr.HTML(FOOTER_HTML)
 
-    # ── Wiring ───────────────────────────────────────────────────
+    # ═══════════════════════════════════════════════════════
+    # Event wiring
+    # ═══════════════════════════════════════════════════════
+
+    # Manual analyse button
     analyse_btn.click(
         fn=run_analysis,
         inputs=[urls_box, criteria_box],
         outputs=[briefing_out, podium_out, leaderboard_out, criteria_out, confetti_out],
     )
 
+    # ── Chip: Build Small Hackathon ──────────────────────────────────────
+    chip_bs.click(
+        fn=lambda ct: (
+            PRESETS["🏆 Build Small Hackathon"],
+            gr.update(value=f"⏳ Loading all submissions from **Build Small Hackathon**…", visible=True),
+        ),
+        inputs=[criteria_box],
+        outputs=[urls_box, status_md],
+    ).then(
+        fn=fill_and_run,
+        inputs=[urls_box, criteria_box],
+        outputs=[urls_box, briefing_out, podium_out, leaderboard_out, criteria_out, confetti_out],
+    ).then(
+        fn=lambda: gr.update(value="✅ Done — scroll down for results", visible=True),
+        outputs=[status_md],
+    )
+
+    # ── Chip: Gradio Hackathon ───────────────────────────────────────────
+    chip_gh.click(
+        fn=lambda ct: (
+            PRESETS["🎨 Gradio Hackathon 2026"],
+            gr.update(value=f"⏳ Loading all submissions from **Gradio Hackathon 2026**…", visible=True),
+        ),
+        inputs=[criteria_box],
+        outputs=[urls_box, status_md],
+    ).then(
+        fn=fill_and_run,
+        inputs=[urls_box, criteria_box],
+        outputs=[urls_box, briefing_out, podium_out, leaderboard_out, criteria_out, confetti_out],
+    ).then(
+        fn=lambda: gr.update(value="✅ Done — scroll down for results", visible=True),
+        outputs=[status_md],
+    )
+
+    # ── Chip: Agents Hackathon ───────────────────────────────────────────
+    chip_ag.click(
+        fn=lambda ct: (
+            PRESETS["🤖 Agents Hackathon"],
+            gr.update(value=f"⏳ Loading all submissions from **Agents Hackathon**…", visible=True),
+        ),
+        inputs=[criteria_box],
+        outputs=[urls_box, status_md],
+    ).then(
+        fn=fill_and_run,
+        inputs=[urls_box, criteria_box],
+        outputs=[urls_box, briefing_out, podium_out, leaderboard_out, criteria_out, confetti_out],
+    ).then(
+        fn=lambda: gr.update(value="✅ Done — scroll down for results", visible=True),
+        outputs=[status_md],
+    )
+
 if __name__ == "__main__":
     demo.launch()