Upload app.py with huggingface_hub

app.py

@@ -0,0 +1,104 @@
+import gradio as gr
+import json
+
+# Load questions
+with open('only_connect_questions.json', 'r') as f:
+    questions = json.load(f)
+
+def create_question_tab(question):
+    with gr.Column():
+        gr.Markdown(f"## Question {question['id']}")
+
+        revealed_state = gr.State(value=0)
+        countdown_state = gr.State(value=0)
+
+        time_label = gr.Label(value="0s", label="⏱️ Time remaining")
+
+        status_box = gr.Markdown(value="Press **▶ Start Timer** to begin")
+
+        clue_boxes = []
+        for i in range(4):
+            box = gr.Textbox(
+                value="?",
+                label=f"Clue {i+1}",
+                interactive=False,
+                scale=1
+            )
+            clue_boxes.append(box)
+
+        answer_box = gr.Markdown(value="", visible=True)
+
+        with gr.Row():
+            start_btn = gr.Button("▶ Start Timer", variant="primary")
+            next_clue_btn = gr.Button("➡️ Next Clue", variant="secondary")
+            stop_btn = gr.Button("⏹ Stop Timer")
+            reveal_btn = gr.Button("🎯 Reveal Answer", variant="secondary")
+
+        timer = gr.Timer(value=1, active=False)
+
+        def update_status(revealed_count):
+            if revealed_count == 0:
+                return "Press **▶ Start Timer** to begin"
+            elif revealed_count < 4:
+                return f"⏱️ **Clues revealed: {revealed_count}/4**"
+            else:
+                return f"✅ **All clues revealed: 4/4** | Can you find the connection?"
+
+        def on_timer_tick(remaining_time):
+            new_time = max(remaining_time - 1, 0)
+            return new_time, f"{new_time}s"
+
+        def next_clue(revealed_count):
+            new_count = min(revealed_count + 1, 4)
+
+            clue_values = []
+            for i in range(4):
+                if i < new_count:
+                    clue_values.append(question['clues'][i])
+                else:
+                    clue_values.append("?")
+
+            status_text = update_status(new_count)
+            return new_count, status_text, *clue_values
+
+        def start_timer(revealed_count):
+            new_count = 1
+
+            clue_values = []
+            for i in range(4):
+                if i < new_count:
+                    clue_values.append(question['clues'][i])
+                else:
+                    clue_values.append("?")
+
+            status_text = update_status(new_count)
+            return new_count, 45, "45s", status_text, *clue_values, gr.update(active=True)
+
+        def stop_timer():
+            return gr.update(active=False)
+
+        def reveal_answer():
+            return f"**Answer:** {question['answer']}\n\n_{question['explanation']}_"
+
+        timer.tick(
+            on_timer_tick,
+            inputs=countdown_state,
+            outputs=[countdown_state, time_label]
+        )
+
+        start_btn.click(start_timer, inputs=revealed_state, outputs=[revealed_state, countdown_state, time_label, status_box, *clue_boxes, timer])
+        next_clue_btn.click(next_clue, inputs=revealed_state, outputs=[revealed_state, status_box, *clue_boxes])
+        stop_btn.click(stop_timer, outputs=timer)
+        reveal_btn.click(reveal_answer, outputs=answer_box)
+
+with gr.Blocks(title="Gradi-Only Connect", theme=gr.themes.Soft()) as demo:
+    gr.Markdown("# 🎭 Only Connect: Connections Game")
+    gr.Markdown("Find the connection between 4 clues.")
+
+    with gr.Tabs():
+        for question in questions:
+            with gr.Tab(f"Question {question['id']}"):
+                create_question_tab(question)
+
+if __name__ == "__main__":
+    demo.launch()