Update app.py

app.py

@@ -1,6 +1,11 @@
 import gradio as gr
 
 
+def echo(message, chat_history):
+        bot_message = 'echo ' + message
+        chat_history.append((message, bot_message))
+        return '', chat_history
+
 with gr.Blocks() as demo:
     overview = gr.Markdown("""
     # CentaurSock 
@@ -12,27 +17,31 @@ with gr.Blocks() as demo:
     ---
     """)
 
+    # OpenAI key
+    openai_key_textbox = gr.Textbox(label='OpenAI Key')
+    openai_key_button = gr.Textbox(label='Test OpenAI Key')
+
+    # Titles
     with gr.Row():
         ally_title = gr.Markdown("""<center><h2> ALLY </h2></center>""")
         gatekeeper_title = gr.Markdown("""<center><h2> GATEKEEPER </h2></center>""")
-    
+
+    # Images of ally and gatekeeper
     with gr.Row():
         img1 = gr.Markdown("""![](https://cdn.discordapp.com/attachments/1120417968032063538/1187877117548036147/COP_MIKE.png?ex=65987bc6&is=658606c6&hm=127721b6f907a8853b7352b6bfb821a37b26b9543f3c35e5fc80dfe7750d71b5&)""")
         img2 = gr.Markdown("""![](https://cdn.discordapp.com/attachments/1120417968032063538/1187877134866333747/SAM_COP_FINAL.png?ex=65987bca&is=658606ca&hm=6c2cd8059636960134f75962eeecc26a0d875ca65e9ee4e233587cff71af31c4&)""")
 
+    # Chatbots
     with gr.Row():
         chatbot1 = gr.Chatbot(label='Ally Chat')
         chatbot2 = gr.Chatbot(label='Gatekeeper Chat')
 
+    # Input textboxes
     with gr.Row():
         textbox1 = gr.Textbox(label='Ally')
         textbox2 = gr.Textbox(label='Gatekeeper')
 
-    def echo(message, chat_history):
-        bot_message = 'echo ' + message
-        chat_history.append((message, bot_message))
-        return '', chat_history
-
+    # Inpit textbox event handlers
     textbox1.submit(echo, [textbox1, chatbot1], [textbox1, chatbot1])
     textbox2.submit(echo, [textbox2, chatbot2], [textbox2, chatbot2])