Update app.py

app.py

@@ -180,9 +180,9 @@ def create_arena_interface():
             left_button = gr.Button("👈 Left video looks better", size="lg")
             right_button = gr.Button("Right video looks better ", size="lg")
 
-        # Replace the old passkey section with a hidden keyboard status
+        # Replace the old passkey section with a hidden keyboard tracker
         with gr.Row(visible=False) as secret_row:
-            keyboard_status = gr.Textbox(value="", label="Status", interactive=False)
+            keyboard_status = gr.Textbox(value="", label="Status", interactive=True)
 
         # Simplified tab structure - just the rankings tab (hidden by default)
         rankings_tab = gr.Tab("Current Rankings", visible=False)
@@ -258,27 +258,27 @@ def create_arena_interface():
             fn=reset_data, inputs=[], outputs=[reset_warning, reset_confirm, reset_button, rankings_table]
         )
 
-        def check_secret_sequence(evt: gr.EventData) -> Dict:
-            """Check if the pressed keys match the secret sequence."""
+        def check_secret_sequence(text: str) -> Dict:
+            """Check if the typed text matches the secret sequence."""
             # Get passkey from environment variable
             correct_passkey = os.environ.get("PASSKEY", "").lower()
             
-            # Track the sequence in the component's value
-            current_sequence = keyboard_status.value + evt.key.lower()
             # Keep only the last N characters where N is the length of the passkey
-            current_sequence = current_sequence[-len(correct_passkey):]
+            current_sequence = text.lower()[-len(correct_passkey):]
             
             is_visible = current_sequence == correct_passkey
             return {
-                keyboard_status: current_sequence,
                 download_section: gr.Row(visible=is_visible),
                 download_output: gr.File(visible=is_visible),
                 rankings_tab: gr.Tab(visible=is_visible),
             }
 
-        # Add keyboard event listener
-        demo.load(lambda: "", outputs=[keyboard_status])
-        demo.on("keydown", check_secret_sequence, outputs=[keyboard_status, download_section, download_output, rankings_tab])
+        # Add change handler for the keyboard status
+        keyboard_status.change(
+            fn=check_secret_sequence,
+            inputs=[keyboard_status],
+            outputs=[download_section, download_output, rankings_tab],
+        )
 
         def load_new_comparison():
             """Load a new random comparison."""