fix(bixarena): prevent last chat messages from being cropped and keep disclaimer visible (Sage-Bionetworks#3693)

Author: rrchai

apps/bixarena/app/bixarena_app/page/battle_page_css.py

@@ -29,6 +29,11 @@
     font-size: 1em;
 }
 
+/* Add bottom padding to chatbot block to prevent message cropping */
+#chatbot-container #chatbot {
+    padding-bottom: 16px;
+}
+
 /* Make label icon match text size */
 #chatbot-container .block label span {
     width: 1em;

apps/bixarena/app/bixarena_app/page/bixarena_battle.py

@@ -242,6 +242,7 @@ def vote_last_response(
         + (gr.Row(visible=True),)  # next_battle_row: show
         + (gr.HTML(visible=False),)  # page_header: hide
         + (gr.Row(visible=False),)  # textbox_row: hide
+        + (gr.HTML(visible=False),)  # disclaimer: hide
     )
 
 
@@ -443,7 +444,7 @@ def add_text(
         + [gr.Column(visible=False)]  # example_prompts_group: hide
         + [gr.HTML(visible=False)]  # page_header: hide
         + [gr.Row(visible=True)]  # textbox_row: show
-        + [gr.HTML(visible=False)]  # disclaimer: hide
+        + [gr.HTML(visible=True)]  # disclaimer: show
     )
 
 
@@ -563,23 +564,23 @@ def build_side_by_side_ui_anony():
         model_selectors
         + [textbox]
         + [left_vote_btn, tie_btn, right_vote_btn]
-        + [voting_row, next_battle_row, page_header, textbox_row],
+        + [voting_row, next_battle_row, page_header, textbox_row, disclaimer],
     )
     right_vote_btn.click(
         right_vote_last_response,
         states + [battle_session] + model_selectors,
         model_selectors
         + [textbox]
         + [left_vote_btn, tie_btn, right_vote_btn]
-        + [voting_row, next_battle_row, page_header, textbox_row],
+        + [voting_row, next_battle_row, page_header, textbox_row, disclaimer],
     )
     tie_btn.click(
         tie_vote_last_response,
         states + [battle_session] + model_selectors,
         model_selectors
         + [textbox]
         + [left_vote_btn, tie_btn, right_vote_btn]
-        + [voting_row, next_battle_row, page_header, textbox_row],
+        + [voting_row, next_battle_row, page_header, textbox_row, disclaimer],
     )
     clear_btn.click(
         lambda battle_session: clear_history(battle_session, None, example_prompt_ui),