Update main.py

main.py

@@ -318,6 +318,7 @@ def handle_submit(file, team, model_name, phase_label, challenge_type, profile:
     remaining = DAILY_SUBMISSION_CAP - subs_today - 1
     return (
         f"✅ Submission queued successfully! Visit **My Submissions** to see the results. You have {remaining}/{DAILY_SUBMISSION_CAP} submissions remaining today.",
+        submission_id,
     )
 
 
@@ -397,7 +398,9 @@ def get_user_greeting(profile: gr.OAuthProfile | None):
 
 EVAL_DETAILS_MD = """
 ### How is the Score Calculated?
+
 Your submission is evaluated automatically against hidden ground-truth annotations using **pycocotools**.
+
 | Metric | Description |
 |--------|-------------|
 | `bbox_mAP` | Bounding box mean average precision |
@@ -408,7 +411,9 @@ Your submission is evaluated automatically against hidden ground-truth annotatio
 
 FORMAT_MD = """
 ### Submission Format
+
 Your JSON file must be a **list of annotation objects**, each containing:
+
 ```json
 [
   {
@@ -455,43 +460,38 @@ CHALLENGES = [
 ]
 
 
-def _challenge_cards_html() -> str:
-    cards = ""
-    for c in CHALLENGES:
-        if c["active"]:
-            card = f"""
-            <div style="border:2px solid #2563eb;border-radius:12px;padding:24px;
-                        background:#f0f7ff;flex:1;min-width:220px;max-width:340px;">
-                <div style="font-size:2.2rem;margin-bottom:8px;">{c['emoji']}</div>
-                <h3 style="margin:0 0 8px 0;color:#1e40af;font-size:1.05rem;">{c['title']}</h3>
-                <p style="margin:0 0 12px 0;color:#374151;font-size:0.88rem;line-height:1.5;">{c['description']}</p>
-                <div style="background:#dbeafe;border-radius:6px;padding:5px 10px;
-                            font-size:0.75rem;color:#1d4ed8;font-family:monospace;margin-bottom:12px;">
-                    📊 {c['metrics']}
-                </div>
-                <a href="{c['route']}" style="background:#2563eb;color:white;padding:7px 16px;
-                   border-radius:6px;font-size:0.85rem;font-weight:600;text-decoration:none;">
-                    Enter Challenge →
-                </a>
-            </div>"""
-        else:
-            card = f"""
-            <div style="border:2px solid #e5e7eb;border-radius:12px;padding:24px;
-                        background:#f9fafb;flex:1;min-width:220px;max-width:340px;opacity:0.6;">
-                <div style="font-size:2.2rem;margin-bottom:8px;">{c['emoji']}</div>
-                <h3 style="margin:0 0 8px 0;color:#6b7280;font-size:1.05rem;">{c['title']}</h3>
-                <p style="margin:0 0 12px 0;color:#9ca3af;font-size:0.88rem;line-height:1.5;">{c['description']}</p>
-                <div style="background:#f3f4f6;border-radius:6px;padding:5px 10px;
-                            font-size:0.75rem;color:#9ca3af;font-family:monospace;margin-bottom:12px;">
-                    📊 {c['metrics']}
-                </div>
+def _challenge_card_html(c: dict) -> str:
+    """Return HTML for a single challenge card (no navigation button — use gr.Button instead)."""
+    if c["active"]:
+        return f"""
+        <div style="border:2px solid #2563eb;border-radius:12px;padding:24px;
+                    background:#f0f7ff;height:100%;">
+            <div style="font-size:2.2rem;margin-bottom:8px;">{c['emoji']}</div>
+            <h3 style="margin:0 0 8px 0;color:#1e40af;font-size:1.05rem;">{c['title']}</h3>
+            <p style="margin:0 0 12px 0;color:#374151;font-size:0.88rem;line-height:1.5;">{c['description']}</p>
+            <div style="background:#dbeafe;border-radius:6px;padding:5px 10px;
+                        font-size:0.75rem;color:#1d4ed8;font-family:monospace;">
+                📊 {c['metrics']}
+            </div>
+        </div>"""
+    else:
+        return f"""
+        <div style="border:2px solid #e5e7eb;border-radius:12px;padding:24px;
+                    background:#f9fafb;opacity:0.6;height:100%;">
+            <div style="font-size:2.2rem;margin-bottom:8px;">{c['emoji']}</div>
+            <h3 style="margin:0 0 8px 0;color:#6b7280;font-size:1.05rem;">{c['title']}</h3>
+            <p style="margin:0 0 12px 0;color:#9ca3af;font-size:0.88rem;line-height:1.5;">{c['description']}</p>
+            <div style="background:#f3f4f6;border-radius:6px;padding:5px 10px;
+                        font-size:0.75rem;color:#9ca3af;font-family:monospace;">
+                📊 {c['metrics']}
+            </div>
+            <div style="margin-top:14px;">
                 <span style="background:#e5e7eb;color:#6b7280;padding:7px 16px;
                       border-radius:6px;font-size:0.85rem;font-weight:600;">
                     🔒 Coming Soon
                 </span>
-            </div>"""
-        cards += card
-    return f'<div style="display:flex;gap:20px;flex-wrap:wrap;margin:16px 0 24px 0;">{cards}</div>'
+            </div>
+        </div>"""
 
 
 # =========================
@@ -517,7 +517,14 @@ with gr.Blocks() as demo:
     gr.Markdown(
         "Choose a challenge to view its leaderboard, submit predictions, and track your results."
     )
-    gr.HTML(_challenge_cards_html())
+    with gr.Row(equal_height=True):
+        for c in CHALLENGES:
+            with gr.Column():
+                gr.HTML(_challenge_card_html(c))
+                if c["active"]:
+                    btn = gr.Button(f"Enter {c['title']} →", variant="primary", size="sm")
+                    btn.click(None, js=f"() => {{ window.location.href = '{c['route']}'; }}")
+
     gr.Markdown(
         "---\n*More challenges coming soon. "
         "All challenges use HuggingFace OAuth — log in once to access everything.*"