Update the UI with gr.Accordion

app.py

@@ -43,40 +43,42 @@ def respond(
 For information on how to customize the ChatInterface, peruse the gradio docs: https://www.gradio.app/docs/chatinterface
 """
 with gr.Blocks() as demo:
-    gr.Markdown("Used two ChatBots for testing and comparison of correct answers.:+1:")
+    gr.Markdown("Used two ChatBots for testing and comparison of correct answers.":+1:)
     with gr.Row() as row:
         with gr.Column():
             chat_1 = gr.ChatInterface(
                 respond,
-                additional_inputs=[
-                    gr.Textbox(value="You are a friendly Chatbot.", label="System message"),
-                    gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens"),
-                    gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature"),
-                    gr.Slider(
-                        minimum=0.1,
-                        maximum=1.0,
-                        value=0.95,
-                        step=0.05,
-                        label="Top-p (nucleus sampling)",
-                    ),
-                ],
+                with gr.Accordion("Open for Settings!", open=False):
+                    additional_inputs=[
+                        gr.Textbox(value="You are a friendly Chatbot.", label="System message"),
+                        gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens"),
+                        gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature"),
+                        gr.Slider(
+                            minimum=0.1,
+                            maximum=1.0,
+                            value=0.95,
+                            step=0.05,
+                            label="Top-p (nucleus sampling)",
+                        ),
+                    ],
             )
             
         with gr.Column():
             chat_2 = gr.ChatInterface(
                 respond,
-                additional_inputs=[
-                    gr.Textbox(value="You are a friendly Chatbot.", label="System message"),
-                    gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens"),
-                    gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature"),
-                    gr.Slider(
-                        minimum=0.1,
-                        maximum=1.0,
-                        value=0.95,
-                        step=0.05,
-                        label="Top-p (nucleus sampling)",
-                    ),
-                ],
+                with gr.Accordion("Open for Settings!", open=False):
+                    additional_inputs=[
+                        gr.Textbox(value="You are a friendly Chatbot.", label="System message"),
+                        gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens"),
+                        gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature"),
+                        gr.Slider(
+                            minimum=0.1,
+                            maximum=1.0,
+                            value=0.95,
+                            step=0.05,
+                            label="Top-p (nucleus sampling)",
+                        ),
+                    ],
             )
 
 if __name__ == "__main__":