~UI

app.py

@@ -2,7 +2,6 @@ import gradio as gr
 import os
 import openai
 import requests
-import json
 import csv
 
 
@@ -96,6 +95,9 @@ with gr.Blocks(css=css) as demo:
                     elem_id="header")
 
         with gr.Row():
+            with gr.Row():
+                gr.Markdown("Enter your own OpenAI API Key. You can get one [here](https://platform.openai.com/account/api-keys).", elem_id="label")
+                user_token = gr.Textbox(value='stub', placeholder="OpenAI API Key", type="password", show_label=False)
             with gr.Column():
                 chatbot = gr.Chatbot(elem_id="chatbox")
                 input_message = gr.Textbox(show_label=False, placeholder="Enter text and press enter", visible=True).style(container=False)
@@ -103,8 +105,6 @@ with gr.Blocks(css=css) as demo:
                 total_tokens_str = gr.Markdown(elem_id="total_tokens_str")
                 btn_clear_conversation = gr.Button("🔃 Start New Conversation")
             with gr.Column():
-                gr.Markdown("Enter your own OpenAI API Key. You can get one [here](https://platform.openai.com/account/api-keys).", elem_id="label")
-                user_token = gr.Textbox(placeholder="OpenAI API Key", type="password", show_label=False)
                 prompt_template = gr.Dropdown(label="Set a custom insruction for the chatbot:", choices=list(prompt_templates.keys()))
                 prompt_template_preview = gr.Markdown(elem_id="prompt_template_preview")
                 with gr.Accordion("Advanced parameters", open=False):