Update app.py

app.py

@@ -895,7 +895,7 @@ def run_app(prompt_type, prompt_ia, prompt_manual, musica_file):
 
 
 # Interfaz de Gradio
-with gr.Blocks(title="Generador de Videos con IA", theme=gr.themes.Soft(), css="""
+    with gr.Blocks(title="Generador de Videos con IA", theme=gr.themes.Soft(), css="""
     .gradio-container {max-width: 800px; margin: auto;}
     h1 {text-align: center;}
     """) as app:
@@ -912,16 +912,18 @@ with gr.Blocks(title="Generador de Videos con IA", theme=gr.themes.Soft(), css="
             )
 
             # Contenedores para los campos de texto para controlar la visibilidad
-            # Nombrados para que coincidan con los outputs del evento change
+            # visible=True/False está aquí en la COLUMNA
             with gr.Column(visible=True) as ia_guion_column:
                 prompt_ia = gr.Textbox(
                     label="Tema para IA",
                     lines=2,
-                    placeholder="Ej: Un paisaje natural con montañas y ríos al amanecer, mostrando la belleza de la naturaleza...",
+                    placeholder="Ej: Un paisaje natural con montañas y ríos al amanecer...",
                     max_lines=4,
                     value=""
+                    # visible=... <--- NO DEBE ESTAR AQUÍ
                 )
 
+            # visible=True/False está aquí en la COLUMNA
             with gr.Column(visible=False) as manual_guion_column:
                 prompt_manual = gr.Textbox(
                     label="Tu Guion Completo",
@@ -929,6 +931,7 @@ with gr.Blocks(title="Generador de Videos con IA", theme=gr.themes.Soft(), css="
                     placeholder="Ej: En este video exploraremos los misterios del océano. Veremos la vida marina fascinante y los arrecifes de coral vibrantes. ¡Acompáñanos en esta aventura subacuática!",
                     max_lines=10,
                     value=""
+                    # visible=... <--- NO DEBE ESTAR AQUÍ
                 )
 
             musica_input = gr.Audio(
@@ -936,8 +939,20 @@ with gr.Blocks(title="Generador de Videos con IA", theme=gr.themes.Soft(), css="
                 type="filepath",
                 interactive=True,
                 value=None
+                # visible=... <--- NO DEBE ESTAR AQUÍ
             )
 
+            # --- COMPONENTE: Selección de Voz ---
+            voice_dropdown = gr.Dropdown(
+                label="Seleccionar Voz para Guion",
+                choices=AVAILABLE_VOICES,
+                value=DEFAULT_VOICE,
+                interactive=True
+                # visible=... <--- NO DEBE ESTAR AQUÍ
+            )
+            # --- FIN COMPONENTE ---
+
+
             generate_btn = gr.Button("✨ Generar Video", variant="primary")
 
         with gr.Column():
@@ -945,11 +960,12 @@ with gr.Blocks(title="Generador de Videos con IA", theme=gr.themes.Soft(), css="
                 label="Previsualización del Video Generado",
                 interactive=False,
                 height=400
+                # visible=... <--- NO DEBE ESTAR AQUÍ
             )
             file_output = gr.File(
                 label="Descargar Archivo de Video",
                 interactive=False,
-                visible=False # Ocultar inicialmente
+                visible=False # <-- ESTA BIEN AQUÍ porque su visibilidad se controla solo por el lambda posterior
             )
             status_output = gr.Textbox(
                 label="Estado",
@@ -957,44 +973,39 @@ with gr.Blocks(title="Generador de Videos con IA", theme=gr.themes.Soft(), css="
                 show_label=False,
                 placeholder="Esperando acción...",
                 value="Esperando entrada..."
+                # visible=... <--- NO DEBE ESTAR AQUÍ
             )
 
     # Evento para mostrar/ocultar los campos de texto según el tipo de prompt
-    # Apuntar a los componentes Column padre para controlar la visibilidad
     prompt_type.change(
         lambda x: (gr.update(visible=x == "Generar Guion con IA"),
                    gr.update(visible=x == "Usar Mi Guion")),
         inputs=prompt_type,
-        # Pasar los componentes Column
+        # APUNTAR A LAS COLUMNAS, esto está correcto
         outputs=[ia_guion_column, manual_guion_column]
     )
 
     # Evento click del botón de generar video
     generate_btn.click(
-        # Acción 1 (síncrona): Resetear salidas y establecer estado a procesando
-        # Retorna None para los 3 outputs iniciales
+        # Acción 1 (síncrona): Resetear salidas y establecer estado
         lambda: (None, None, gr.update(value="⏳ Procesando... Esto puede tomar varios minutos.", interactive=False)),
         outputs=[video_output, file_output, status_output],
-        queue=True, # Usar la cola de Gradio para tareas largas
+        queue=True, # Usar la cola de Gradio
     ).then(
-        # Acción 2 (asíncrona): Llamar a la función principal de procesamiento
+        # Acción 2 (asíncrona): Llamar a la función principal
         run_app,
-        # PASAR TODOS LOS INPUTS DE LA INTERFAZ que run_app espera
-        inputs=[prompt_type, prompt_ia, prompt_manual, musica_input],
-        # run_app retornará los 3 outputs esperados aquí
+        # PASAR TODOS LOS INPUTS RELEVANTES a run_app
+        # Esto parece que ahora sí debería coincidir con la definición de run_app con 5 argumentos
+        inputs=[prompt_type, prompt_ia, prompt_manual, musica_input, voice_dropdown],
+        # run_app retornará los 3 outputs esperados
         outputs=[video_output, file_output, status_output]
     ).then(
-        # Acción 3 (síncrona): Hacer visible el enlace de descarga si se retornó un archivo
-        # Esta función recibe las salidas de la Acción 2 (video_path, file_path, status_msg)
-        # Solo necesitamos video_path o file_path para decidir si mostrar el enlace
+        # Acción 3 (síncrona): Hacer visible el enlace de descarga
         lambda video_path, file_path, status_msg: gr.update(visible=file_path is not None),
-        # Inputs son las salidas de la función .then() anterior
         inputs=[video_output, file_output, status_output],
-        # Actualizamos la visibilidad del componente file_output
         outputs=[file_output]
     )
 
-
     gr.Markdown("### Instrucciones:")
     gr.Markdown("""
     1.  **Clave API de Pexels:** Asegúrate de haber configurado la variable de entorno `PEXELS_API_KEY` con tu clave.