Update app.py

app.py

@@ -90,17 +90,11 @@ def bot(
             time.sleep(0.01)
             yield chatbot
 
-# Componente para seleccionar la instrucción del sistema
-system_instruction_component = gr.Dropdown(
-    choices=[
-        "Provide a detailed and professional response.",
-        "Simplify the response for a beginner.",
-        "Use a friendly and conversational tone.",
-        "Focus on technical details only."
-    ],
-    value="Provide a detailed and professional response.",
-    label="System Instruction",
-    scale=2
+# Componente para el acordeón que contiene el cuadro de texto para la instrucción del sistema
+system_instruction_component = gr.Textbox(
+    placeholder="Enter system instruction...",
+    show_label=True,
+    scale=8
 )
 
 # Definir los componentes de entrada y salida
@@ -123,14 +117,18 @@ with gr.Blocks() as demo:
     gr.HTML(TITLE)
     gr.HTML(SUBTITLE)
     with gr.Column():
+        # Campo de selección de modelo arriba
         model_choice_component.render()
-        system_instruction_component.render()  # Mover junto al modelo
         chatbot_component.render()
         with gr.Row():
             text_prompt_component.render()
             upload_button_component.render()
             run_button_component.render()
 
+        # Crear el acordeón para la instrucción del sistema al final
+        with gr.Accordion("System Instruction", open=False):  # Acordeón cerrado por defecto
+            system_instruction_component.render()
+
     run_button_component.click(
         fn=user,
         inputs=user_inputs,