fixed interface

app.py

@@ -5,6 +5,10 @@ from dotenv import load_dotenv
 
 # Load environment variables from the .env file de forma local
 load_dotenv()
+import base64
+
+with open("Iso_Logotipo_Ceibal.png", "rb") as image_file:
+    encoded_image = base64.b64encode(image_file.read()).decode()
 
 
 
@@ -40,20 +44,8 @@ import openai
 
 openai.api_key = os.environ['OPENAI_API_KEY']
 
-# response = openai.ChatCompletion.create(
-#   model="gpt-3.5-turbo",
-#   messages=[],
-#   temperature=0.5,
-#   max_tokens=256
-# )
-# def format_chat_prompt(message, chat_history, instruction):
-#     prompt = f"System:{instruction}"
-#     for turn in chat_history:
-#         user_message, bot_message = turn
-#         prompt = f"{prompt}\nUser: {user_message}\nAssistant: {bot_message}"
-#     prompt = f"{prompt}\nUser: {message}\nAssistant:"
-#     return prompt
-
+def clear_chat(message, chat_history):
+     return "", []
 
 def add_new_message(message,chat_history):
      new_chat = []
@@ -100,12 +92,32 @@ def respond(message, chat_history):
     #         acc_text = ""
 
 with gr.Blocks() as demo:
-    chatbot = gr.Chatbot(height=240) #just to fit the notebook
-    msg = gr.Textbox(label="Prompt")
-    btn = gr.Button("Submit")
-    clear = gr.ClearButton(components=[msg, chatbot], value="Clear console")
+    gr.Markdown("""
+    <center>
+    <h1>
+    Uso de AI para un chatbot.
+    </h1>
+    <img src='data:image/jpg;base64,{}' width=200px>
+    <h3>
+    Con este espacio podrás hablar en formato conversación con ChatGTP!
+    </h3>
+    </center>
+    """.format(encoded_image))
+    with gr.Row():
+        chatbot = gr.Chatbot() #just to fit the notebook
+    with gr.Row():
+        with gr.Row():
+            with gr.Column(scale=4):
+                msg = gr.Textbox(label="Texto de entrada")
+            with gr.Column(scale=1):
+                btn = gr.Button("Enviar")
+                clear = gr.ClearButton(components=[msg, chatbot], value="Borrar chat")
+
+   
+
 
     btn.click(respond, inputs=[msg, chatbot], outputs=[msg, chatbot])
     msg.submit(respond, inputs=[msg, chatbot], outputs=[msg, chatbot]) #Press enter to submit
+    clear.click(clear_chat,inputs=[msg, chatbot], outputs=[msg, chatbot])
 
 demo.launch()