Update info

app.py

@@ -219,7 +219,7 @@ def load_initial_state():
 # --- Gradio UI ---
 with gr.Blocks(css=".gr-button {font-size: 16px !important}") as demo:
     gr.Markdown("## 🌝 OpenFake Arena")
-    gr.Markdown("Welcome to the OpenFake Arena!\n\n**Your mission:** Generate a synthetic image for the prompt, upload it, and try to fool the AI detector into thinking it’s real.\n\n**Rules:**\n\n- You can't modify the prompt! The image needs to have the same content. We verify the content with a CLIP similarity threshold.\n\n- Enter \"real\" in the model used to upload and test a real image. You don't need to follow the prompt for real images.\n\n- Only synthetic images count toward the leaderboard!\n\n\nNote: The detector is still in early development.")
+    gr.Markdown("Welcome to the OpenFake Arena!\n\n**Your mission:** Generate a synthetic image for the prompt, upload it, and try to fool the AI detector into thinking it’s real.\n\n**Rules:**\n\n- You can modify the prompt on your end, but the image needs to have the same content. We verify the content with a CLIP similarity threshold.\n\n- Enter \"real\" in the model used to upload and test a real image. You don't need to follow the prompt for real images.\n\n- Only synthetic images count toward the leaderboard!\n\n\nNote: The detector is still in early development.")
 
     with gr.Group(visible=True) as input_section:
         username_input = gr.Textbox(label="Your Name", placeholder="Enter your name", interactive=True)
@@ -229,7 +229,7 @@ with gr.Blocks(css=".gr-button {font-size: 16px !important}") as demo:
         with gr.Row():
             prompt_input = gr.Textbox(
                 interactive=False,
-                label="Prompt to use",
+                label="Prompt to match",
                 placeholder="e.g., ...",
                 value="",
                 lines=2
@@ -246,7 +246,7 @@ with gr.Blocks(css=".gr-button {font-size: 16px !important}") as demo:
     with gr.Group():
         gr.Markdown("### 🎯 Result")
         with gr.Row():
-            prediction_output = gr.Textbox(label="Prediction", interactive=False)
+            prediction_output = gr.Textbox(label="Prediction", interactive=False, elem_id="prediction_box")
             image_output = gr.Image(label="Submitted Image", show_label=False)
 
     with gr.Group():
@@ -296,11 +296,27 @@ with gr.Blocks(css=".gr-button {font-size: 16px !important}") as demo:
         ]
     )
 
-
     demo.load(
         fn=load_initial_state,
         outputs=[prompt_input, leaderboard]
     )
 
+
+    gr.HTML("""
+    <script>
+    document.addEventListener('DOMContentLoaded', function () {
+        const target = document.getElementById('prediction_box');
+        const observer = new MutationObserver(() => {
+            if (target && target.innerText.trim() !== '') {
+                window.scrollTo({ top: 0, behavior: 'smooth' });
+            }
+        });
+        if (target) {
+            observer.observe(target, { childList: true, subtree: true });
+        }
+    });
+    </script>
+    """)
+
 if __name__ == "__main__":
     demo.launch()