~UI

app.py

@@ -102,24 +102,22 @@ with gr.Blocks(css=css) as demo:
                     Prompt templates from [awesome-chatgpt-prompts](https://github.com/f/awesome-chatgpt-prompts).""",
                     elem_id="header")
 
-        with gr.Column():
-            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='', placeholder="OpenAI API Key", type="password", show_label=False)
-            with gr.Row():
-                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)
-                    btn_submit = gr.Button("Submit")
-                    total_tokens_str = gr.Markdown(elem_id="total_tokens_str")
-                    btn_clear_conversation = gr.Button("🔃 Start New Conversation")
-                with gr.Column():
-                    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):
-                        temperature = gr.Slider(minimum=0, maximum=2.0, value=0.7, step=0.1, label="Temperature", info="Higher = more creative/chaotic")
-                        max_tokens = gr.Slider(minimum=100, maximum=4096, value=1000, step=1, label="Max tokens per response")
-                        context_length = gr.Slider(minimum=1, maximum=10, value=2, step=1, label="Context length", info="Number of previous messages to send to the chatbot. Be careful with high values, it can blow up the token budget quickly.")
+        with gr.Row():
+            gr.Markdown("Enter your OpenAI API Key. You can get one [here](https://platform.openai.com/account/api-keys).", elem_id="label")
+            user_token = gr.Textbox(value='', 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)
+                btn_submit = gr.Button("Submit")
+                total_tokens_str = gr.Markdown(elem_id="total_tokens_str")
+                btn_clear_conversation = gr.Button("🔃 Start New Conversation")
+            with gr.Column():
+                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):
+                    temperature = gr.Slider(minimum=0, maximum=2.0, value=0.7, step=0.1, label="Temperature", info="Higher = more creative/chaotic")
+                    max_tokens = gr.Slider(minimum=100, maximum=4096, value=1000, step=1, label="Max tokens per response")
+                    context_length = gr.Slider(minimum=1, maximum=10, value=2, step=1, label="Context length", info="Number of previous messages to send to the chatbot. Be careful with high values, it can blow up the token budget quickly.")
 
     gr.HTML('''<br><br><br><center>You can duplicate this Space to skip the queue:<a href="https://huggingface.co/spaces/anzorq/chatgpt-demo?duplicate=true"><img src="https://bit.ly/3gLdBN6" alt="Duplicate Space"></a><br>
             <p><img src="https://visitor-badge.glitch.me/badge?page_id=anzorq.chatgpt_api_demo_hf" alt="visitors"></p></center>''')