update a lot

app.py

@@ -339,7 +339,7 @@ def get_evaluator_questions(email, disease_map_data, drug_map_data, user_all_spe
         for other_model_name in model_names:
             for (q_id, dataset) in evaluator_question_ids:
                 full_question_ids_list.append((q_id, our_model_name, other_model_name, dataset))
-    print("Length of full question IDs list before filtering:", len(full_question_ids_list))
+
     results_df = read_sheet_to_df(custom_sheet_name=str(TXAGENT_RESULTS_SHEET_BASE_NAME))
     if (results_df is not None) and (not results_df.empty):
         # collect all (question_ID, other_model) pairs already seen
@@ -360,7 +360,6 @@ def get_evaluator_questions(email, disease_map_data, drug_map_data, user_all_spe
             for (q_id, our_model, other_model, dataset) in full_question_ids_list
             if (q_id, our_model, other_model) not in matched_pairs
         ]
-        # print(f"Filtered question IDs: {full_question_ids_list}")
         print(f"Length of filtered question IDs: {len(full_question_ids_list)}")
         
 
@@ -479,7 +478,6 @@ def get_next_eval_question(
     )
 
     user_info = (name, email, specialty_dd, subspecialty_dd, years_exp_radio, exp_explanation_tb, npi_id, q_id) if return_user_info else None
-
     return user_info, chat_a, chat_b, page1_prompt, page1_reference_answer, question_for_eval, len(full_question_ids_list)
 
 def go_to_page0_from_minus1():
@@ -611,12 +609,129 @@ def toggle_reference(selection):
         return gr.update(visible=False)
 
 #nonsense button helper
-def mark_invalid_question(btn_clicked_status):
-    new_status = not btn_clicked_status
-    if new_status == True:
-        return new_status, gr.update(value="Undo: Correct Question", variant="primary")
-    else:
-        return new_status, gr.update(value="Wrong Question",variant="stop")
+# def mark_invalid_question(btn_clicked_status):
+#     new_status = not btn_clicked_status
+#     if new_status == True:
+#         # Show skip modal when marking as Wrong Question
+#         return new_status, gr.update(value="Undo: Correct Question", variant="primary"), gr.update(visible=True)
+#     else:
+#         return new_status, gr.update(value="Wrong Question", variant="stop"), gr.update(visible=False)
+
+# --- Skip Question Modal Callbacks ---
+def skip_question_and_load_new(user_info_state, our_methods):
+    # user_info_state is a tuple: (name, email, specialty_dd, subspecialty_dd, years_exp_radio, exp_explanation_tb, npi_id, q_id)
+    if user_info_state is None:
+        # Defensive: just close modal if no user info
+        return gr.update(visible=False), gr.update(visible=False), None, "", gr.Chatbot(), gr.Chatbot(), gr.HTML(), gr.Markdown(), gr.State()
+    # Unpack user_info_state
+    name, email, specialty_dd, subspecialty_dd, years_exp_radio, exp_explanation_tb, npi_id, _ = user_info_state
+    user_info, chat_a, chat_b, page1_prompt, page1_reference_answer, question_for_eval, remaining_count = get_next_eval_question(
+        name, email, specialty_dd, subspecialty_dd, years_exp_radio, exp_explanation_tb, npi_id, our_methods
+    )
+    if remaining_count == 0:
+        # No more questions, go to final page
+        return gr.update(visible=False), gr.update(visible=False), None, "Based on your submitted data, you have no more questions to evaluate. You may exit the page; we will follow-up if we require anything else from you. Thank you!", gr.Chatbot(), gr.Chatbot(), gr.HTML(), gr.Markdown(), gr.State()
+    return gr.update(visible=False), gr.update(visible=True), user_info, "", chat_a, chat_b, page1_prompt, page1_reference_answer, question_for_eval
+
+# --- Skip‑question handler for the "Wrong Question?" button -------------------
+def skip_current_question(user_info_state, our_methods: list = our_methods):
+    # Guard: user clicked before session started
+    gr.Info("Skipping this question and loading the next one…",  duration=5)
+    if user_info_state is None:
+        return (
+            None,
+            gr.update(value="Please start the evaluation before skipping questions."),
+            gr.update(value=[]),  # Chatbot A history
+            gr.update(value=[]),  # Chatbot B history
+            gr.update(value=""),  # Prompt HTML
+            gr.update(value=""),  # Reference answer
+            gr.State()            # data_subset_state
+        )
+
+    # Unpack evaluator identity
+    name, email, specialty_dd, subspecialty_dd, yrs_exp, exp_desc, npi_id, _ = user_info_state
+
+    # Pull the next unused question
+    (
+        user_info_new,
+        _chat_a_comp,  # we will rebuild the values directly
+        _chat_b_comp,
+        _prompt_comp,
+        _ref_comp,
+        question_for_eval,
+        remaining,
+    ) = get_next_eval_question(
+        name, email, specialty_dd, subspecialty_dd, yrs_exp, exp_desc, npi_id, our_methods
+    )
+
+    # If the pool is exhausted, just notify the evaluator
+    if remaining == 0 or question_for_eval is None:
+        final_msg = (
+            "Based on your submitted data, you have no more questions to evaluate. "
+            "You may exit the page; we will follow‑up if we require anything else from you. "
+            "Thank you!"
+        )
+        return (
+            user_info_state,
+            gr.update(value=final_msg),
+            gr.update(value=[]),
+            gr.update(value=[]),
+            gr.update(value=""),
+            gr.update(value=""),
+            gr.State()
+        )
+
+    # --- Build fresh values for the existing UI components ---
+    chat_a_value = format_chat(question_for_eval['models'][0]['reasoning_trace'], tool_database_labels)
+    chat_b_value = format_chat(question_for_eval['models'][1]['reasoning_trace'], tool_database_labels)
+
+    prompt_html = (
+        f"<div style='background-color: #FFEFD5; border: 2px solid #FF8C00; padding: 10px; "
+        f"border-radius: 5px; color: black;'><strong style='color: black;'>Prompt:</strong> "
+        f"{question_for_eval['question']}</div>"
+    )
+    reference_md = question_for_eval.get("correct_answer", "")
+    gr.Info("New question loaded…",  duration=3)
+
+    # Return updates to refresh Page 1 in‑place
+    return (
+        user_info_new,
+        gr.update(value=""),                 # clear any previous error text
+        gr.update(value=chat_a_value),       # Chatbot A history
+        gr.update(value=chat_b_value),       # Chatbot B history
+        gr.update(value=prompt_html),        # Prompt
+        gr.update(value=reference_md),       # Reference answer
+        question_for_eval                    # store for later pages
+    )
+
+# --- Handler for "Wrong Question?": flags nonsense and skips
+def flag_nonsense_and_skip(user_info_state):
+    """
+    When the evaluator clicks the “Wrong Question?” button, immediately
+    record that this question was flagged as nonsensical/irrelevant and
+    then load the next question (re‑using the existing skip logic).
+    """
+    # 1) Record the flag to the Google Sheet so we keep the feedback even
+    #    if the evaluator stops here.
+    if user_info_state is not None:
+        name, email, specialty_dd, subspecialty_dd, yrs_exp, exp_desc, npi_id, q_id = user_info_state
+        timestamp = datetime.datetime.now().isoformat()
+        row = {
+            "Timestamp": timestamp,
+            "Name": name,
+            "Email": email,
+            "Question ID": q_id,
+            "Question Makes No Sense or Biomedically Irrelevant": True,
+        }
+        append_to_sheet(
+            user_data=None,
+            custom_row_dict=row,
+            custom_sheet_name=str(TXAGENT_RESULTS_SHEET_BASE_NAME),
+            add_header_when_create_sheet=True,
+        )
+
+    # 2) Fall back to the existing skip logic to advance the UI.
+    return skip_current_question(user_info_state)
 
 centered_col_css = """
 #centered-column {
@@ -648,6 +763,21 @@ centered_col_css = """
 .short-btn { min-width: 80px !important; max-width: 120px !important; width: 100px !important; padding-left: 4px !important; padding-right: 4px !important; }
 .light-stop-btn { background-color: #ffcccc !important; color: #b30000 !important; border-color: #ffcccc !important; }
 
+/* --- Added for larger criteria font --- */
+.criteria-font-large {
+    font-size: 3em !important;
+}
+.gr-radio label, .criteria-radio-label {
+    font-size: 3em !important;
+}
+#participate-btn button {
+    font-size: 24px !important;      /* Large readable text */
+    font-weight: 700 !important;     /* Bold for emphasis */
+    padding: 28px 40px !important;   /* Extra padding for height */
+    min-height: 120px !important;    /* Make button visibly taller (multi‑line) */
+    width: 100% !important;          /* Occupy full width of its column */
+    white-space: normal !important;  /* Allow text to wrap onto multiple lines */
+}
 """
 with gr.Blocks(css=centered_col_css) as demo:
     # States to save information between pages.
@@ -686,27 +816,59 @@ with gr.Blocks(css=centered_col_css) as demo:
             <p>Welcome to the TxAgent Evaluation Portal.</p>
         </div>
         """)
-        with gr.Row():
-            # submit_questions_btn = gr.Button("Submit Questions for TxAgent Evaluation")
-            # participate_eval_btn = gr.Button("Participate in TxAgent Evaluation")
-            submit_questions_btn = gr.Button(
-            value="🚀 Submit Questions for TxAgent Evaluation 🚀",
-            variant="primary",
-            size="lg",
-            elem_id="participate-btn"
-            )
-            participate_eval_btn = gr.Button(
-            value="🌟 Participate in TxAgent Evaluation 🌟",
-            variant="primary",
-            size="lg",
-            elem_id="participate-btn"
-            )
+        with gr.Row(elem_classes=["center-row"]):
+            # 第一行：并排放两个按钮
+            with gr.Column(scale=1):
+                participate_eval_btn = gr.Button(
+                    value="Click to 🌟Participate in TxAgent Evaluation 🌟",
+                    variant="primary",
+                    size="lg",
+                    elem_id="participate-btn"
+                )
+            with gr.Column(scale=1):
+                submit_questions_btn = gr.Button(
+                    value="Click to 🚀 Submit Questions for TxAgent Evaluation 🚀",
+                    variant="primary",
+                    size="lg",
+                    elem_id="submit-btn"
+                )
+
+        with gr.Row(elem_classes=["center-row"]):
+            # 第二行：分别放两段说明文字
+            with gr.Column(scale=1):
+                gr.Markdown(
+                    """
+                    ### Why participate in the evaluation?
+                    Joining the **TxAgent human evaluation** lets you experience the model in real-time and give immediate feedback.
+
+                    **By clicking the button above, you will:**
+                    - See how the model responds to a variety of prompts.
+                    - Provide instant thumbs-up / thumbs-down ratings.
+                    - Shape the roadmap for upcoming releases.
+
+                    _Thank you for helping us improve!_
+                    """
+                )
+            with gr.Column(scale=1):
+                gr.Markdown(
+                    """
+                    ### Why submit questions?
+                    Help us build a richer evaluation set by sending unique, challenging prompts.
+
+                    **By clicking the button above, you will:**
+                    - Highlight edge-cases and identify blind spots.
+                    - Push TxAgent to reason in new domains.
+                    - Directly influence future model improvements.
+
+                    _We're excited to see what you come up with!_
+                    """
+                )
         gr.HTML(TxAgent_Project_Page_HTML)
 
         # Define actions for the new buttons
         # For the Google Form button, we'll use JavaScript to open a new tab.
         # The URL for the Google Form should be replaced with the actual link.
-        google_form_url = "https://forms.gle/pYvyvEQQwS5gdupQA"  # Replace with your actual Google Form link
+        google_form_url = "https://forms.gle/pYvyvEQQwS5gdupQA"
         submit_questions_btn.click(
             fn=None,
             inputs=None,
@@ -716,57 +878,59 @@ with gr.Blocks(css=centered_col_css) as demo:
 
     # Page 0: Welcome / Informational page.
     with gr.Column(visible=False, elem_id="page0") as page0:
-        gr.Markdown("## Welcome to the TxAgent Evalution Study!")
-        gr.Markdown("Please read the following instructions and then enter your information to begin:")
-        # Existing informational markdown...
-        gr.Markdown("""
-        - Each session requires a minimum commitment of 5-10 minutes to complete one question.
-        - If you wish to evaluate multiple questions, you may do so; you will never be asked to re-evaluate questions you have already seen.
-        - When evaluating a question, you will be asked to compare the responses of two different models to the question and then rate each model's response on a scale of 1-5.
-        - If you feel that a question does not make sense or is not biomedically relevant, there is a RED BUTTON at the top of the first model comparison page to indicate this
-        - You may use the Back and Next buttons at the bottom of each page to edit any of your responses before submitting.
-        - You may use the Home Page button at the bottom of each page to the home page. Your progress will be saved but not submitted.
-        - You must submit your answers to the current question before moving on to evaluate the next question.
-        - You may stop in between questions and return at a later time; however, you must submit your answers to the current question if you would like them saved.
-        - Please review the example question and LLM model response below:
-
-        """)
-        # Assume 'your_image.png' is in the same directory
-        with open("anatomyofAgentResponse.jpg", "rb") as image_file:
-            img = Image.open(image_file)
-            new_size = (int(img.width * 0.5), int(img.height * 0.5))
-            img = img.resize(new_size, Image.LANCZOS)
-            buffer = io.BytesIO()
-            img.save(buffer, format="PNG")
-            encoded_string = base64.b64encode(buffer.getvalue()).decode("utf-8")
-            #encoded_string = base64.b64encode(image_file.read()).decode("utf-8")
-
-        image_html = f'<div style="text-align:center;"><img src="data:image/png;base64,{encoded_string}" alt="Your Image"></div>'
-        ReasoningTraceExampleHTML = f"""
-        <div>
-            {image_html}
-        </div>
-        """
-        gr.HTML(ReasoningTraceExampleHTML)
-        gr.Markdown("""By clicking 'Next' below, you will start the study, with your progress saved after submitting each question. If you have any other questions or concerns, please contact us directly. Thank you for your participation!
-        """)
-        gr.Markdown("## Please enter your information to get a question to evaluate. Please use the same email every time you log onto this evaluation portal, as we use your email to prevent showing repeat questions.")
-        name = gr.Textbox(label="Name (required)")
-        email = gr.Textbox(label="Email (required). Please use the same email every time you log onto this evaluation portal, as we use your email to prevent showing repeat questions.")
-        specialty_dd = gr.Dropdown(choices=specialties_list, label="Primary Medical Specialty (required). Go to https://www.abms.org/member-boards/specialty-subspecialty-certificates/ for categorization)", multiselect=True)
-        subspecialty_dd = gr.Dropdown(choices=subspecialties_list, label="Subspecialty (if applicable). Go to https://www.abms.org/member-boards/specialty-subspecialty-certificates/ for categorization)", multiselect=True)
-        npi_id = gr.Textbox(label="National Provider Identifier ID (optional). Got to https://npiregistry.cms.hhs.gov/search to search for your NPI ID. If you do not have an NPI ID, please leave this blank.")
-        years_exp_radio = gr.Radio(
-            choices=["0-2 years", "3-5 years", "6-10 years", "11-20 years", "20+ years", "Not Applicable"],
-            label="How many years have you been involved in clinical and/or research activities related to your biomedical area of expertise? (required)"
-        )
-        exp_explanation_tb = gr.Textbox(label="Please briefly explain your expertise/experience relevant to evaluating AI for clinical decision support (optional)")
-
-        page0_error_box = gr.Markdown("")
-        with gr.Row():
-            next_btn_0 = gr.Button("Next")
         with gr.Row():
-            home_btn_0 = gr.Button("Home (your registration info will be saved)")
+            with gr.Column():
+                gr.Markdown("## Welcome to the TxAgent Evalution Study!")
+                gr.Markdown("Please read the following instructions and then enter your information to begin:")
+                # Existing informational markdown...
+                gr.Markdown("""
+                - Each session requires a minimum commitment of 5-10 minutes to complete one question.
+                - If you wish to evaluate multiple questions, you may do so; you will never be asked to re-evaluate questions you have already seen.
+                - When evaluating a question, you will be asked to compare the responses of two different models to the question and then rate each model's response on a scale of 1-5.
+                - If you feel that a question does not make sense or is not biomedically relevant, there is a RED BUTTON at the top of the first model comparison page to indicate this
+                - You may use the Back and Next buttons at the bottom of each page to edit any of your responses before submitting.
+                - You may use the Home Page button at the bottom of each page to the home page. Your progress will be saved but not submitted.
+                - You must submit your answers to the current question before moving on to evaluate the next question.
+                - You may stop in between questions and return at a later time; however, you must submit your answers to the current question if you would like them saved.
+                - Please review the example question and LLM model response below:
+
+                """)
+                with open("anatomyofAgentResponse.jpg", "rb") as image_file:
+                    img = Image.open(image_file)
+                    new_size = (int(img.width * 0.5), int(img.height * 0.5))
+                    img = img.resize(new_size, Image.LANCZOS)
+                    buffer = io.BytesIO()
+                    img.save(buffer, format="PNG")
+                    encoded_string = base64.b64encode(buffer.getvalue()).decode("utf-8")
+                    #encoded_string = base64.b64encode(image_file.read()).decode("utf-8")
+
+                image_html = f'<div style="text-align:center;"><img src="data:image/png;base64,{encoded_string}" alt="Your Image"></div>'
+                ReasoningTraceExampleHTML = f"""
+                <div>
+                    {image_html}
+                </div>
+                """
+                gr.HTML(ReasoningTraceExampleHTML)
+            with gr.Column():
+                gr.Markdown("## Please enter your information to get a question to evaluate. Please use the same email every time you log onto this evaluation portal, as we use your email to prevent showing repeat questions.")
+                name = gr.Textbox(label="Name (required)")
+                email = gr.Textbox(label="Email (required). Please use the same email every time you log onto this evaluation portal, as we use your email to prevent showing repeat questions.")
+                specialty_dd = gr.Dropdown(choices=specialties_list, label="Primary Medical Specialty (required). Go to https://www.abms.org/member-boards/specialty-subspecialty-certificates/ for categorization)", multiselect=True)
+                subspecialty_dd = gr.Dropdown(choices=subspecialties_list, label="Subspecialty (if applicable). Go to https://www.abms.org/member-boards/specialty-subspecialty-certificates/ for categorization)", multiselect=True)
+                npi_id = gr.Textbox(label="National Provider Identifier ID (optional). Got to https://npiregistry.cms.hhs.gov/search to search for your NPI ID. If you do not have an NPI ID, please leave this blank.")
+                years_exp_radio = gr.Radio(
+                    choices=["0-2 years", "3-5 years", "6-10 years", "11-20 years", "20+ years", "Not Applicable"],
+                    label="How many years have you been involved in clinical and/or research activities related to your biomedical area of expertise? (required)"
+                )
+                exp_explanation_tb = gr.Textbox(label="Please briefly explain your expertise/experience relevant to evaluating AI for clinical decision support (optional)")
+
+                page0_error_box = gr.Markdown("")
+                with gr.Row():
+                    next_btn_0 = gr.Button("Next")
+                with gr.Row():
+                    home_btn_0 = gr.Button("Home") #  (your registration info will be saved)
+                gr.Markdown("""By clicking 'Next', you will start the study, with your progress saved after submitting each question. If you have any other questions or concerns, please contact us directly. Thank you for your participation!
+                """)
 
 
     with Modal(visible=False, elem_id="confirm_modal") as eval_progress_modal:
@@ -802,14 +966,22 @@ with gr.Blocks(css=centered_col_css) as demo:
                 "<span style='color: #b30000; font-weight: bold;'>Click the button if you think this question does not make sense or is not biomedically-relevant</span>",
                 render=True
             )
+        with gr.Row():
+            unfamiliar_btn = gr.Button(
+                "Unfamiliar Question?",
+                size="sm",
+                variant="stop",  # red variant
+                elem_id="invalid-question-btn",
+                elem_classes=["short-btn"]
+            )
+            gr.Markdown(
+                "<span style='color: #b30000; font-weight: bold;'>Click the button if you are not familiar with this area</span>",
+                render=True
+            )
 
-        nonsense_btn.click(
-            fn=mark_invalid_question,
-            inputs=[nonsense_btn_clicked],
-            outputs=[nonsense_btn_clicked, nonsense_btn],
-            queue=False,
-        )
+        page1_error_box = gr.Markdown("")  # ADDED: display validation errors
 
+        # --- Define chat_a and chat_b before using them in outputs ---
         with gr.Row():
             # ADDED: Use gr.Chatbot to display the scrollable chat window for Response A.
             with gr.Column():
@@ -845,22 +1017,25 @@ with gr.Blocks(css=centered_col_css) as demo:
         pairwise_inputs = []
         for crit in criteria_for_comparison:
             with gr.Row():
-                gr.Markdown(crit['text'])
-                radio = gr.Radio(
-                    choices=[
-                        "👈 Model A",  # A
-                        "👉 Model B",  # B
-                        "🤝 Tie",      # tie
-                        "👎 Neither model did well"  # neither
-                    ],
-                    label="Which is better?"
-                )
+                with gr.Column(scale=1):
+                    gr.Markdown(crit['text'], elem_classes="criteria-font-large")  # <--- add class here
+                with gr.Column(scale=1):
+                    radio = gr.Radio(
+                        choices=[
+                            "👈 Model A",  # A
+                            "👉 Model B",  # B
+                            "🤝 Tie",      # tie
+                            "👎 Neither model did well"  # neither
+                        ],
+                        label="Which is better?",
+                        elem_classes="criteria-radio-label"  # <--- add class here
+                    )
                 pairwise_inputs.append(radio)
             # ADDED: free text under each comparison
             text_input = gr.Textbox(label=f"Reasons for your selection (optional)")
             comparison_reasons_inputs.append(text_input)
         
-        page1_error_box = gr.Markdown("")  # ADDED: display validation errors
+
         with gr.Row():
             back_btn_0 = gr.Button("Back")
             next_btn_1 = gr.Button("Next: Rate Responses")
@@ -999,18 +1174,20 @@ with gr.Blocks(css=centered_col_css) as demo:
             indices_for_change.append(index_component)
 
             with gr.Column(elem_id="centered-column"):
-                gr.Markdown(f'<div style="text-align: left;">{crit["text"][0]}</div>')
-                gr.Markdown(f'<div style="text-align: left;">{crit["text"][1]}</div>')
+                gr.Markdown(f'<div style="text-align: left;">{crit["text"][0]}</div>', elem_classes="criteria-font-large")
+                gr.Markdown(f'<div style="text-align: left;">{crit["text"][1]}</div>', elem_classes="criteria-font-large")
                 pairwise_results_for_display[i].render()
             with gr.Row():
                 with gr.Column(scale=1):
                     rating_a = gr.Radio(choices=["1", "2", "3", "4", "5", "Unable to Judge"],
                                             label=f"Score for Response A - {crit['label']}",
-                                            interactive=True)
+                                            interactive=True,
+                                            elem_classes="criteria-radio-label")
                 with gr.Column(scale=1):
                     rating_b = gr.Radio(choices=["1", "2", "3", "4", "5", "Unable to Judge"],
                                             label=f"Score for Response B - {crit['label']}",
-                                            interactive=True)
+                                            interactive=True,
+                                            elem_classes="criteria-radio-label")
             with gr.Row():
                 clear_btn = gr.Button("Clear Selection", size="sm", elem_id="clear_btn")
                 clear_btn.click(fn=clear_selection, outputs=[rating_a,rating_b])
@@ -1054,7 +1231,8 @@ with gr.Blocks(css=centered_col_css) as demo:
         with gr.Row():
             yes_btn = gr.Button("Yes, please submit")
             cancel_btn = gr.Button("Cancel")
-    
+
+
     # --- Define Callback Functions for Confirmation Flow ---
     def build_row_dict(data_subset_state, user_info, pairwise, comparisons_reasons, nonsense_btn_clicked, *args):
         num_criteria = len(criteria)
@@ -1222,6 +1400,24 @@ with gr.Blocks(css=centered_col_css) as demo:
         inputs=None,
         outputs=[page0, page1]
     )
+
+    # Skip the current question and load a new one when the evaluator flags it
+    nonsense_btn.click(
+        fn=flag_nonsense_and_skip,
+        inputs=[user_info_state],
+        outputs=[user_info_state, page1_error_box, chat_a, chat_b,
+                 page1_prompt, page1_reference_answer, data_subset_state],
+        scroll_to_output=True
+    )
+
+    unfamiliar_btn.click(
+        fn=skip_current_question,
+        inputs=[user_info_state],
+        outputs=[user_info_state, page1_error_box, chat_a, chat_b,
+                 page1_prompt, page1_reference_answer, data_subset_state],
+        scroll_to_output=True
+    )
+    
     
     # Transition from Page 1 (Pairwise) to the combined Rating Page (Page 2).
     next_btn_1.click(
@@ -1247,7 +1443,7 @@ with gr.Blocks(css=centered_col_css) as demo:
                 gr.update(),  # Show page 3
                 gr.update(),  # Hide final page
                 gr.update(visible=True),  # Show confirmation modal
-                gr.update(visible=False),  # Hide error modal
+                gr.update(visible=False), # Hide error modal
                 gr.update(value="")  # EDIT: Clear the error_message_box
             )
         else:
@@ -1342,4 +1538,6 @@ with gr.Blocks(css=centered_col_css) as demo:
         ]
     )
 
+
+
 demo.launch(share=True, allowed_paths = ["."])

index.html

@@ -150,7 +150,7 @@
       <div class="container is-max-desktop">
         <div class="columns is-centered has-text-centered">
           <div class="column is-four-fifths">
-            <h2 class="title is-3">Abstract</h2>
+            <h2 class="title is-3">What is TxAgent?</h2>
             <div class="content has-text-justified">
               <p>
                 Precision therapeutics require multimodal adaptive models that

utils.py

@@ -141,6 +141,7 @@ def append_to_sheet(user_data=None, custom_row_dict=None, custom_sheet_name=None
     """
     Append a new row to a Google Sheet. If 'custom_row' is provided, append that row.
     Otherwise, append a default row constructed from the provided user_data.
+    Ensures that each value is aligned with the correct column header.
     """
     if custom_sheet_name is None:
         custom_sheet_name = GSHEET_NAME
@@ -165,6 +166,7 @@ def append_to_sheet(user_data=None, custom_row_dict=None, custom_sheet_name=None
     existing_values = sheet.get_all_values()
     is_empty = (existing_values == [[]]) #indicates empty spreadsheet that was cleared in the past
 
+    # --- Always ensure header row is present and get headers ---
     if (is_new or is_empty) and add_header_when_create_sheet:
         # headers come from the keys of our row dict
         if custom_row_dict is not None:
@@ -172,9 +174,14 @@ def append_to_sheet(user_data=None, custom_row_dict=None, custom_sheet_name=None
         else:
             headers = list(user_data.keys())
         sheet.append_row(headers)
-    
+    else:
+        # Read headers from the first row of the sheet
+        headers = sheet.row_values(1) if sheet.row_count > 0 else []
+
+    # --- Build row aligned to headers ---
     if custom_row_dict is not None:
-        custom_row = [custom_row_dict.get(header) for header in list(custom_row_dict.keys())]
+        # Ensure all values are aligned to headers, fill missing with ""
+        custom_row = [custom_row_dict.get(header, "") for header in headers]
     else:
         # Construct the default row with a timestamp and user_data fields
         custom_row = [str(datetime.datetime.now()), user_data["question"], user_data["final_answer"], user_data["trace"]]