Adding button to make sure models only get called once

app.py

@@ -101,7 +101,7 @@ with gr.Blocks() as demo:
             )
 
     with gr.Row():
-        options = [msg["history"] for msg in random.sample(ask_baking_msgs, k=3)]
+        options = [ask["history"] for ask in random.sample(ask_baking_msgs, k=3)]
         msg = gr.Dropdown(
             options,
             label="Please enter your message",
@@ -118,6 +118,9 @@ with gr.Blocks() as demo:
                 label="Your own fine-tuned preference optimized Chatbot 💪"
             )
 
+    with gr.Row():
+        submit_button = gr.Button("Submit")
+
     with gr.Row():
         clear = gr.ClearButton([msg, chatbot_openai, chatbot_huggingface])
 
@@ -136,29 +139,7 @@ with gr.Blocks() as demo:
             huggingface_api_key=huggingface_api_key,
         )
 
-    openai_api_key.submit(
-        fn=respond,
-        inputs=[
-            msg,
-            chatbot_openai,
-            chatbot_huggingface,
-            openai_api_key,
-            huggingface_api_key,
-        ],
-        outputs=[msg, chatbot_openai, chatbot_huggingface],
-    )
-    huggingface_api_key.submit(
-        fn=respond,
-        inputs=[
-            msg,
-            chatbot_openai,
-            chatbot_huggingface,
-            openai_api_key,
-            huggingface_api_key,
-        ],
-        outputs=[msg, chatbot_openai, chatbot_huggingface],
-    )
-    msg.change(
+    submit_button.click(
         fn=respond,
         inputs=[
             msg,