[#72|#73|#74] Upgrade Gradio and remove stream response simulation (#76)

This change upgrades Gradio. It will fix
1. Missing translation language selection dropdowns post-summary generation issue
2. Missing vote button issue

Also the custom JS code for simulating stream response has been removed since it causes the response printing to be stopped.

app.py

@@ -60,13 +60,8 @@ def vote(vote_button, response_a, response_b, model_a_name, model_b_name,
   raise gr.Error("Please select a response type.")
 
 
-def scroll_to_bottom_js(elem_id):
-  return f"""
-  () => {{
-    const element = document.querySelector("#{elem_id} textarea");
-    element.scrollTop = element.scrollHeight;
-  }}
-  """
+def activate_button():
+  return gr.Button(interactive=True)
 
 
 # Removes the persistent orange border from the leaderboard, which
@@ -115,21 +110,9 @@ with gr.Blocks(title="Arena", css=css) as app:
 
   with gr.Group():
     with gr.Row():
-      response_a_elem_id = "responseA"
-      response_a_textbox = gr.Textbox(label="Model A",
-                                      interactive=False,
-                                      elem_id=response_a_elem_id)
-      response_a_textbox.change(fn=None,
-                                js=scroll_to_bottom_js(response_a_elem_id))
-      response_boxes[0] = response_a_textbox
-
-      response_b_elem_id = "responseB"
-      response_b_textbox = gr.Textbox(label="Model B",
-                                      interactive=False,
-                                      elem_id=response_b_elem_id)
-      response_b_textbox.change(fn=None,
-                                js=scroll_to_bottom_js(response_b_elem_id))
-      response_boxes[1] = response_b_textbox
+      response_boxes[0] = gr.Textbox(label="Model A", interactive=False)
+
+      response_boxes[1] = gr.Textbox(label="Model B", interactive=False)
 
     with gr.Row(visible=False) as model_name_row:
       model_names[0] = gr.Textbox(show_label=False)
@@ -149,8 +132,8 @@ with gr.Blocks(title="Arena", css=css) as app:
       outputs=response_boxes + model_names + [instruction_state]).success(
           fn=lambda: [gr.Row(visible=True)
                      ] + [gr.Button(interactive=True) for _ in range(3)],
-          outputs=[vote_row] + vote_buttons).then(
-              fn=lambda: [gr.Button(interactive=True)], outputs=[submit])
+          outputs=[vote_row] + vote_buttons).then(fn=activate_button,
+                                                  outputs=submit)
 
   submit.click(fn=lambda: [
       gr.Button(interactive=False),

requirements.txt

@@ -37,8 +37,8 @@ google-cloud-storage==2.14.0
 google-crc32c==1.5.0
 google-resumable-media==2.7.0
 googleapis-common-protos==1.62.0
-gradio==4.16.0
-gradio_client==0.8.1
+gradio==4.22.0
+gradio_client==0.13.0
 grpc-google-iam-v1==0.13.0
 grpcio==1.60.1
 grpcio-status==1.60.1
@@ -80,7 +80,7 @@ PyJWT==2.8.0
 pyparsing==3.1.1
 python-dateutil==2.8.2
 python-dotenv==1.0.1
-python-multipart==0.0.7
+python-multipart==0.0.9
 pytz==2024.1
 PyYAML==6.0.1
 referencing==0.33.0
@@ -89,7 +89,7 @@ requests==2.31.0
 rich==13.7.0
 rpds-py==0.17.1
 rsa==4.9
-ruff==0.2.0
+ruff==0.3.4
 semantic-version==2.10.0
 shapely==2.0.3
 shellingham==1.5.4