Collapsible?

app.py

@@ -55,17 +55,27 @@ passage_texts = ["The IDEA also requires states receiving federal funds to educa
             "Although state classifications based on alienage are generally suspect, a state may reserve a government position for citizens if it is related to self-governance, involves policymaking, or requires exercise of important discretionary power over citizens. In these cases, only a rationality test is used. A public school teacher at the primary and secondary school level performs an important governmental function (e.g., he influences students' attitudes about government, the political process, citizenship, etc.), and therefore the exclusion of aliens is rationally related to the state's interest in furthering educational goals. [Ambach v. Norwick (1979)]",
             "Passage 9",
             "Passage 10"]
-generation_4 = "Here is a generation at 4 passages."
-generation_6 = "Here is a generation at 6 passages."
-generation_10 = "Here is a generation at 10 passages."
-gold_passage = "GOLD PASSAGE"
+generation = "The strongest argument for the constitutionality of the act is that it represents a reasonable balance between achieving school desegregation and respecting local control. It limits federal court orders to prevent overly burdensome transportation requirements for students, aiming to achieve desegregation while minimizing disruption for families. The act is seen as a legitimate exercise of Congress's authority to shape the implementation of federal laws, acknowledging local concerns and practicalities without entirely undermining the desegregation goals."
+gold_passage = "Unlike its original jurisdiction, the appellate jurisdiction of the Supreme Court is subject to “exceptions and regulations” prescribed by Congress, and the jurisdiction of the inferior federal courts is subject to congressional prescription. Additionally, Congress has power to regulate modes and practices of proceeding on the part of the inferior federal courts. Whether there are limitations to the exercise of these congressional powers, and what the limitations may be, are matters that have vexed scholarly and judicial interpretation over the years, inasmuch as congressional displeasure with judicial decisions has sometimes led to successful efforts to “curb” the courts and more frequently to proposed but unsuccessful curbs."
+gold_passage_generation = "The strongest argument for the constitutionality of the Congressional act is that Congress has the constitutional authority to regulate federal court jurisdiction and procedures. This includes setting limits on judicial orders. By restricting desegregation plans to only require transportation to the nearest or next nearest school, Congress is exercising its power to define and control how federal courts address such issues, ensuring judicial actions align with legislative priorities and practical concerns."
 step = 0
 
+sample_dict = {
+    "question": question_text,
+    "answers": answers_text,
+    "correct_answer_index": answer_id, 
+    "top10": passage_texts,
+    "generation": generation,
+    "top10_contains_gold_passage": False, 
+    "gold_passage": gold_passage,
+    "gold_passage_generation": gold_passage_generation
+}
+
 # BLOCKS: main user interface
 
 user_id = "NO_ID"
 
-with gr.Blocks() as user_eval:
+with gr.Blocks(theme=gr.themes.Soft()) as user_eval:
     # Title text introducing study
     gr.Markdown("""
     # Legal Retriever Evaluation Study
@@ -108,8 +118,10 @@ with gr.Blocks() as user_eval:
             btn_p = gr.Button("Next")
         
         with gr.Column(scale = 1, visible = False) as scores_g: 
-            satisfied = gr.Markdown("How satisfied are you by this answer?")
-            eval_satisfied = gr.Slider(1, 5, step = 0.5, label = "Would someone answering the question find value in these responses?")
+            helps = gr.Markdown("Does this information **help answer** the question?")
+            eval_helps = gr.Slider(1, 5, step = 0.5, label = "Helpfulness")
+            satisfied = gr.Markdown("How **satisfied** are you by this answer?")
+            eval_satisfied = gr.Slider(1, 5, step = 0.5, label = "User Satisfaction")
             btn_g = gr.Button("Next")
         
         def next_p(eval_1, eval_2, eval_3):
@@ -135,14 +147,14 @@ with gr.Blocks() as user_eval:
                         """ + passage_texts[step])
                 }
         
-        def next_g(eval_satisfied): 
-            print(eval_satisfied)
+        def next_g(eval_helps, eval_satisfied): 
+            print(eval_helps + eval_satisfied)
             return {
                 selection: gr.Markdown("next summary")
             }
 
         btn_p.click(fn = next_p, inputs = [eval_1, eval_2, eval_3], outputs = [selection, scores_p, scores_g])
-        btn_g.click(fn = next_g, inputs = [eval_satisfied], outputs = [selection])
+        btn_g.click(fn = next_g, inputs = [eval_helps, eval_satisfied], outputs = [selection])
 
     # Question and answering dynamics
     with gr.Row(equal_height = False, visible = False) as question: