Moved advanced options to the left

app.py

@@ -7,7 +7,7 @@ from dotenv import load_dotenv, find_dotenv
 import gradio as gr
 import openai
 
-# _ = load_dotenv(find_dotenv(filename="secrets.env", raise_error_if_not_found=False))
+_ = load_dotenv(find_dotenv(filename="secrets.env", raise_error_if_not_found=False))
 
 # Global variable
 # ROOT_DIR = os.environ["ROOT_DIR"]
@@ -85,7 +85,7 @@ def formatPrompt(newMsg:str, chatHistory, instruction):
 		"content": newMsg
 	})
 
-	# return the formated messages
+	# return the formated messages 
 	return messages
 
 # def the response function (to get the answer as one block after generation)
@@ -109,54 +109,62 @@ def streamResponse(newMsg:str, chatHistory, instruction, temperature, max_tokens
 
 # Build the app
 with gr.Blocks(theme='Insuz/Mocha') as app:
-	gr.Markdown("# Private GPT")
-	gr.Markdown("This chatbot is powered by the openAI GPT series.\
-			 \nThe default model is `GPT-3.5`, but `GPT-4` can be selected in the advanced options.\
-			 \nAs it uses the openAI API, user data is not used to train openAI models. (side note: GPT-4 is currently 500 times more expensive than GPT-3.5)")
-	chatbot = gr.Chatbot() # Associated variable: chatHistory
-	msg = gr.Textbox(label="Message")
-	with gr.Accordion(label="Advanced options", open=False):
-		model = gr.Dropdown(
-			choices=["GPT-3.5", "GPT-4"],
-			value="GPT-3.5",
-			multiselect=False,
-			label="Model",
-			info="Choose the model you want to chat with"
-		)
-		instruction = gr.Textbox(
-			value=SYSTEM_PROMPT,
-			label="System instructions",
-			lines=2,)
-		temperature = gr.Slider(
-			minimum=0,
-			maximum=2,
-			step=0.1,
-			value=0.7,
-			label="Temperature",
-			info="The higher, the more random the results will be"
-		)
-		max_token = gr.Slider(
-			minimum=64,
-			maximum=2048,
-			step=64,
-			value=1024,
-			label="Max Token",
-			info="Maximum number of token the model will take into consideration"
-		)
-	Button = gr.Button(value="Submit")
-	msg.submit(
-		fn=streamResponse,
-		inputs=[msg, chatbot, instruction, temperature, max_token, model],
-		outputs=[msg, chatbot]
-	)
-	Button.click(
-		fn=streamResponse,
-		inputs=[msg, chatbot, instruction, temperature, max_token, model],
-		outputs=[msg, chatbot]
-	)
+	with gr.Row():
+		with gr.Column(scale = 1):
+			with gr.Accordion(label="Advanced options", open=True):
+				model = gr.Dropdown(
+					choices=["GPT-3.5", "GPT-4"],
+					value="GPT-3.5",
+					multiselect=False,
+					label="Model",
+					info="Choose the model you want to chat with.\nGo easy on GPT-4: it costs 500 times more than GPT 3.5!"
+				)
+				instruction = gr.Textbox(
+					value=SYSTEM_PROMPT,
+					label="System instructions",
+					lines=4,)
+				temperature = gr.Slider(
+					minimum=0,
+					maximum=2,
+					step=0.1,
+					value=0.7,
+					label="Temperature",
+					info="The higher, the more random the results will be"
+				)
+				max_token = gr.Slider(
+					minimum=64,
+					maximum=2048,
+					step=64,
+					value=1024,
+					label="Max Token",
+					info="Maximum number of token the model will take into consideration"
+				)
+		with gr.Column(scale = 8):
+			gr.Markdown("# Private GPT")
+			gr.Markdown("This chatbot is powered by the openAI GPT series.\
+					The default model is `GPT-3.5`, but `GPT-4` can be selected in the advanced options.\
+					\nAs it uses the openAI API, user data is not used to train openAI models (see their official [website](https://help.openai.com/en/articles/5722486-how-your-data-is-used-to-improve-model-performance)).")
+			chatbot = gr.Chatbot() # Associated variable: chatHistory
+			msg = gr.Textbox(label="Message")
+			with gr.Row():
+				with gr.Column(scale=4):
+					Button = gr.Button(value="Submit")
+				with gr.Column(scale=4):
+					clearButton = gr.ClearButton([chatbot, msg])
+			msg.submit(
+				fn=streamResponse,
+				inputs=[msg, chatbot, instruction, temperature, max_token, model],
+				outputs=[msg, chatbot]
+			)
+			Button.click(
+				fn=streamResponse,
+				inputs=[msg, chatbot, instruction, temperature, max_token, model],
+				outputs=[msg, chatbot]
+			)
 
 gr.close_all()
-app.queue().launch(auth=(AUTH_USERNAME, AUTH_PASSWORD), share=True)
+app.queue().launch(auth=(AUTH_USERNAME, AUTH_PASSWORD))
+# app.queue().launch()
 
 # %%