Update main.py

main.py

@@ -461,7 +461,7 @@ CHALLENGES = [
         "description": "Answer open-ended questions about images taken by blind users. Models are evaluated on answer accuracy and relevance.",
         "metrics": "Coming soon",
         "route": "/vqa",
-        "active": False,
+        "active": True,
     },
     {
         "id": "answer-grounding",
@@ -665,11 +665,72 @@ with demo.route("Object Localization", "/object-localization") as obj_loc:
 
 # ── VQA PAGE ──────────────────────────────────────────────────────────
 with demo.route("Visual Question Answering", "/vqa"):
-    gr.Markdown("# 🤔 Visual Question Answering")
-    gr.Markdown("### 🔒 Coming Soon")
-    gr.Markdown(
-        "This challenge is currently under development. "
-    )
+    # gr.Markdown("# 🤔 Visual Question Answering")
+    # gr.Markdown("### 🔒 Coming Soon")
+    # gr.Markdown(
+    #     "This challenge is currently under development. "
+    # )
+
+    with gr.Row():
+        with gr.Column(scale=5):
+            gr.Markdown("# 🤔 Visual Question Answering Challenge")
+            gr.Markdown(
+                "Answer open-ended questions about images taken by blind users. "
+                "Models are evaluated on answer accuracy and relevance."
+            )
+        with gr.Column(scale=1, min_width=160):
+            gr.LoginButton(size="lg")
+            vqa_greeting = gr.Markdown("👋 Log in to view or submit.")
+
+    gr.Markdown("---")
+
+    with gr.Tabs():
+        # Task 2: Leaderboard Tab showing Empty DF if no submissions
+        with gr.TabItem("🏆 Leaderboard"):
+            gr.Markdown("### VQA Challenge Rankings")
+            lb_msg = gr.Markdown("")
+            
+            # The Dataframe component that will hold our submissions (or empty columns)
+            vqa_lb_table = gr.Dataframe(interactive=False, wrap=True)
+            refresh_vqa_lb_btn = gr.Button("🔄 Refresh Leaderboard", variant="secondary", size="sm")
+
+            def refresh_vqa_leaderboard(profile: gr.OAuthProfile | None):
+                # 1. Define the empty DataFrame structure for VQA
+                empty_df = pd.DataFrame(columns=["Rank", "Team", "Model", "Accuracy", "Scored At"])
+                
+                try:
+                    df = _load_leaderboard_df()
+                    # Filter for VQA submissions if they exist
+                    if not df.empty and "challenge_type" in df.columns:
+                        df = df[df["challenge_type"] == "vqa"]
+                except Exception as e:
+                    return empty_df, f"❌ Could not load leaderboard: {e}", get_user_greeting(profile)
+
+                # 2. Return the empty DataFrame if no VQA submissions exist
+                if df.empty:
+                    return empty_df, "ℹ️ No VQA submissions yet. Be the first to conquer the challenge!", get_user_greeting(profile)
+
+                # 3. Process existing submissions (if any)
+                df_display = df.copy()
+                df_display.insert(0, "Rank", range(1, len(df_display) + 1))
+                if "timestamp" in df_display.columns:
+                    df_display["Scored At"] = pd.to_datetime(
+                        df_display["timestamp"], unit="s", errors="coerce"
+                    ).dt.strftime("%d %b %Y, %I:%M %p")
+                
+                # Keep only relevant columns and rename them cleanly
+                cols_to_keep = ["Rank", "team", "model", "accuracy", "Scored At"]
+                df_display = df_display[[c for c in cols_to_keep if c in df_display.columns]]
+                df_display.rename(columns={"team": "Team", "model": "Model", "accuracy": "Accuracy"}, inplace=True)
+
+                return df_display, "", get_user_greeting(profile)
+
+            # Bind the functions to the load and button click events
+            refresh_vqa_lb_btn.click(refresh_vqa_leaderboard, outputs=[vqa_lb_table, lb_msg, vqa_greeting])
+            vqa_page.load(refresh_vqa_leaderboard, outputs=[vqa_lb_table, lb_msg, vqa_greeting])
+            
+        # (Optional) You can add the "🚀 Submit Predictions" tab here later using the 
+        # same pattern as the Object Localization page!
 
 # ── ANSWER GROUNDING PAGE ─────────────────────────────────────────────
 with demo.route("Answer Grounding", "/answer-grounding"):