Update with Gradio documentation (How to Create a Chatbot with Gradio - Additional Inputs)

app.py

@@ -43,42 +43,38 @@ 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:")
     with gr.Row() as row:
-        with gr.Column(): 
+        with gr.Column():
             system_prompt = gr.Textbox("You are helpful AI.", label="System Prompt")
-            slider = gr.Slider(10, 100, render=False)
+            slider = 
+                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)",
+                )
             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)",
-                    ),
-                ],
+                    respond, additional_inputs=[system_prompt, slider]
             )
             
         with gr.Column():
+            system_prompt = gr.Textbox("You are helpful AI.", label="System Prompt")
+            slider = 
+                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)",
+                )
             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)",
-                    ),
-                ],
+                    respond, additional_inputs=[system_prompt, slider]
             )
 
 if __name__ == "__main__":