Update app.py

app.py

@@ -490,14 +490,16 @@ custom_css = """
     overflow-y: auto !important;
 }
 
-/* --- NEW: CONSTRAINED SCROLL VIEW --- */
-/* Instead of making the header sticky, we make the row area scrollable internally */
-.scroll-container {
-    max-height: 50vh !important; /* Forces the scrolling to happen INSIDE this box */
-    overflow-y: auto !important;
-    padding-right: 10px !important;
-    border-top: 2px solid #e5e7eb !important;
-    padding-top: 15px !important;
+/* --- ROBUST SCROLLING CONTAINER --- */
+/* Instead of making the header sticky, we make the bottom section scrollable */
+.scrollable-rows-container {
+    max-height: 60vh !important; /* Forces the area to be 60% of the screen height */
+    overflow-y: auto !important; /* Adds a scrollbar only to the rows */
+    padding-right: 15px !important;
+    border: 2px solid #e5e7eb !important;
+    border-radius: 8px !important;
+    background-color: #f9fafb !important;
+    margin-top: 15px !important;
 }
 """
 
@@ -621,7 +623,8 @@ with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as demo:
 
         with gr.Group(visible=False) as workspace_box:
             
-            # --- Reference Header (No special classes needed) ---
+            # --- THE FIXED HEADER ---
+            # This stays naturally at the top of the workspace
             with gr.Row():
                 with gr.Column(scale=1, variant="panel"):
                     meta_a = gr.Markdown("### Source A Information")
@@ -632,9 +635,9 @@ with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as demo:
                     meta_b = gr.Markdown("### Source B Information")
                     display_context_b = gr.Textbox(label="Context B", interactive=False, lines=4)
 
-            # --- Target B Rows (Constrained Scroll Container) ---
-            # We apply the class here so ONLY the rows scroll, leaving the header firmly above.
-            with gr.Group(elem_classes="scroll-container"):
+            # --- THE SCROLLABLE ROWS ---
+            # We wrap everything else in the new constrained box
+            with gr.Group(elem_classes="scrollable-rows-container"):
                 bulk_title = gr.Markdown("### Bulk Coherence Evaluation")
                 bulk_desc = gr.Markdown(
                     "Evaluate how the **Target A** above interacts with the **Target B** statements below.\n"
@@ -646,6 +649,7 @@ with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as demo:
                 eval_rows = []
                 for i in range(MAX_ROWS):
                     with gr.Group(visible=False) as row_container:
+                        # 3 Hidden states per row to lock in the Model's independent predictions
                         m_coarse_st = gr.State("")
                         m_drill_st = gr.State("")
                         m_conf_st = gr.State("")
@@ -653,7 +657,13 @@ with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as demo:
                         m_ig_json_st = gr.State("")
                         
                         with gr.Row(equal_height=True):
-                            b_text = gr.Textbox(label=f"Target B", interactive=False, scale=4, min_width=200, elem_classes="scrollable-target")
+                            b_text = gr.Textbox(
+                                                label=f"Target B", 
+                                                interactive=False, 
+                                                scale=4, 
+                                                min_width=200, 
+                                                elem_classes="scrollable-target" 
+                                            )
                             rel_radio = gr.Radio(choices=["coherent", "neutral", "incoherent"], label="1. Class", scale=2, min_width=120)
                             
                             with gr.Column(scale=1):
@@ -678,10 +688,11 @@ with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as demo:
                                     inputs=None,
                                     outputs=[rel_radio, inter_dd, just_box]
                                 )
-                                
+                        
                         eval_rows.append((row_container, b_text, rel_radio, conf_md, inter_dd, just_box, m_coarse_st, m_drill_st, m_conf_st, m_ai_just_st, m_ig_json_st))
 
-            # --- Action Buttons stay fixed below the scroll container ---
+            # --- NAVIGATION BUTTONS ---
+            # Kept outside the scrollable box so they are always visible at the very bottom
             with gr.Row():
                 prev_btn = gr.Button("⬅️ Previous Target A", size="lg")
                 skip_btn = gr.Button("Skip Target A", size="lg")