Update app.py

app.py

@@ -44,6 +44,21 @@ def get_conversation_history(chat_tutor):
 with gr.Blocks() as demo:
     #initialize tutor (with state)
     study_tutor = gr.State(EchoingTutor())
+
+    # Title
+    gr.Markdown("# Basic Interaction Tutor")
+
+    # API Authentication functionality
+    with gr.Box():
+        gr.Markdown("### OpenAI API Key ")
+        gr.HTML("""<span>Embed your OpenAI API key below; if you haven't created one already, visit
+          <a href="https://platform.openai.com/account/api-keys">platform.openai.com/account/api-keys</a>
+            to sign up for an account and get your personal API key</span>""",
+            elem_classes="textbox_label")
+        api_input = gr.Textbox(show_label=False, type="password", container=False, autofocus=True,
+                      placeholder="●●●●●●●●●●●●●●●●●", value='')
+        api_input.submit(fn=embed_key, inputs=[api_input, study_tutor], outputs=study_tutor)
+        api_input.blur(fn=embed_key, inputs=[api_input, study_tutor], outputs=study_tutor)
         
     # Chatbot interface
     gr.Markdown("""