backup

app.py

@@ -422,7 +422,7 @@ def update_button_styles(verdict):
     """Update button styles based on selection"""
     # Update button labels to use emojis
     a_better_style = gr.update(
-        value="👈 A is better" if verdict == "A is better" else "👈 A is better"
+        value="☝️ A is better" if verdict == "A is better" else "☝️ A is better"
     )
     b_better_style = gr.update(
         value="👉 B is better" if verdict == "B is better" else "👉 B is better"
@@ -483,20 +483,9 @@ with gr.Blocks() as demo:
                 """,
                 image_path="./instructions/page2.jpg",  # Replace with actual image path
             )
-            next_btn1 = gr.Button("Next", variant="primary")
-
-        # Page 3 - Second instruction page
-        with gr.Column(visible=False) as page3:
-            create_instruction_page(
-                """
-                <div style="text-align: center; padding: 20px;">
-                    <h1>Making Your Decision</h1>
-                    <p>Compare the edits carefully...</p>
-                </div>
-                """,
-                image_path="./instructions/page3.jpg",  # Replace with actual image path
-            )
-            next_btn2 = gr.Button("Start Evaluation", variant="primary")
+            next_btn1 = gr.Button(
+                "Start Evaluation", variant="primary"
+            )  # Changed button text
 
         # Main Evaluation UI (existing code)
         with gr.Column(visible=False) as main_ui:
@@ -507,7 +496,7 @@ with gr.Blocks() as demo:
                     <div style="font-size: 1.2rem; margin-bottom: 0.5rem;">Read the user instruction, look at the source image, then evaluate which edit (A or B) best satisfies the request better.</div>
                     <div style="font-size: 1rem;">
                         <strong>🤝 Tie</strong> &nbsp;&nbsp;|&nbsp;&nbsp;
-                        <strong>👈 A is better</strong> &nbsp;&nbsp;|&nbsp;&nbsp; 
+                        <strong>☝️ A is better</strong> &nbsp;&nbsp;|&nbsp;&nbsp; 
                         <strong>👉 B is better</strong>
                     </div>
                     <div style="color: #ff4444; font-size: 0.9rem; margin-top: 0.5rem;">
@@ -533,7 +522,7 @@ with gr.Blocks() as demo:
                 with gr.Column():
                     image_a = gr.Image(label="Image A", show_label=True, height=500)
                     gr.HTML("<h2 style='text-align: center;'>Image A</h2>")
-                    a_better_btn = gr.Button("👈 A is better", variant="secondary")
+                    a_better_btn = gr.Button("☝️ A is better", variant="secondary")
                 with gr.Column():
                     image_b = gr.Image(label="Image B", show_label=True, height=500)
                     gr.HTML("<h2 style='text-align: center;'>Image B</h2>")
@@ -722,8 +711,7 @@ with gr.Blocks() as demo:
         return [
             gr.update(visible=(page_num == 1)),  # page1
             gr.update(visible=(page_num == 2)),  # page2
-            gr.update(visible=(page_num == 3)),  # page3
-            gr.update(visible=(page_num == 4)),  # main_ui
+            gr.update(visible=(page_num == 3)),  # main_ui - changed from 4 to 3
         ]
 
     # Connect button clicks to page navigation
@@ -739,30 +727,40 @@ with gr.Blocks() as demo:
     ).then(
         update_page_visibility,
         inputs=[current_page],
-        outputs=[page1, page2, page3, main_ui],
-    )
-
-    next_btn1.click(
-        advance_page,
-        inputs=[current_page],
-        outputs=current_page,
+        outputs=[page1, page2, main_ui],
     ).then(
-        update_page_visibility,
-        inputs=[current_page],
-        outputs=[page1, page2, page3, main_ui],  # Control column visibility
+        initialize,
+        inputs=[username_state],
+        outputs=[
+            source_image,
+            image_a,
+            image_b,
+            instruction,
+            simplified_instruction,
+            model_info,
+            state,
+            selected_verdict,
+            a_better_selected,
+            b_better_selected,
+            neither_selected,
+            tie_selected,
+            post_id_display,
+            simplified_instruction_debug,
+            username_debug,
+        ],
     )
 
-    next_btn2.click(
-        advance_page,
+    next_btn1.click(
+        lambda x: 3,  # Force page 3 instead of using advance_page
         inputs=[current_page],
         outputs=current_page,
     ).then(
         update_page_visibility,
         inputs=[current_page],
-        outputs=[page1, page2, page3, main_ui],
+        outputs=[page1, page2, main_ui],
     ).then(
         initialize,
-        inputs=[username_state],  # Pass username_state to initialize
+        inputs=[username_state],
         outputs=[
             source_image,
             image_a,