Update app.py

app.py

@@ -1,6 +1,8 @@
 import random
 import gradio as gr
-from typing import Optional, Dict, Any
+from typing import Optional, Dict, Any, List
+
+# --- Clase PromptGenerator (Sin cambios relevantes a la lógica, solo corrección del return) ---
 
 class PromptGenerator:
     def __init__(self):
@@ -114,25 +116,65 @@ class PromptGenerator:
             f"Pose: {pose}. Scene: {setting}. Atmosphere: {atmosphere}. "
             f"{self.TECHNICAL_DETAILS}"
         )
-        return f"``````"
+        # CORRECCIÓN: Devolver el prompt real, no solo "``````"
+        return prompt
 
-    def generate_five_prompts(self):
+    def generate_five_prompts(self) -> List[str]:
         return [self.generate_prompt() for _ in range(5)]
 
+# --- Función de la interfaz de usuario de Gradio ---
 
-def generate_prompts():
+def generate_prompts_list():
+    """Genera y devuelve la lista de 5 prompts."""
     generator = PromptGenerator()
-    # Concatena cada prompt en su bloque individual separado por línea vacía.
-    return "\n\n".join(generator.generate_five_prompts())
+    return generator.generate_five_prompts()
 
 
-import gradio as gr
+# --- Definición de la interfaz de usuario con Acordeones ---
+
+PROMPT_COUNT = 5 # Cantidad de prompts a generar
 
 with gr.Blocks() as demo:
     gr.Markdown("# Hyperrealistic Full-Body Prompt Generator")
-    output = gr.Textbox(label="Generated Prompts", lines=20)
+    
+    # Crea una lista de Textbox para mostrar cada prompt individualmente
+    prompt_outputs = [gr.Textbox(label=f"Prompt {i+1}", lines=5, interactive=False, show_copy_button=False) 
+                      for i in range(PROMPT_COUNT)]
+
     button = gr.Button("Generate 5 Prompts")
-    button.click(fn=generate_prompts, outputs=output)
+
+    # Define el layout con acordeones y botones de copia
+    with gr.Row():
+        with gr.Column():
+            gr.Markdown("## Generated Prompts")
+            
+            # Itera para crear 5 acordeones, uno para cada prompt
+            for i in range(PROMPT_COUNT):
+                # Usamos el título del acordeón para dar un resumen del prompt (opcional, podrías usar solo "Prompt N")
+                with gr.Accordion(f"Prompt #{i+1} (Click para ver y copiar)", open=False):
+                    # El Textbox para el prompt, que es uno de los elementos en prompt_outputs
+                    prompt_outputs[i].render()
+                    
+                    # Botón de copia para el prompt
+                    # Gradio soporta show_copy_button=True en Textbox, pero para un control más explícito:
+                    # Alternativa simple: usa el show_copy_button=True en el Textbox de arriba
+                    # Para mantener la estética que pides:
+                    gr.Textbox(value="", label="Copiar Prompt", elem_classes=["hidden"], show_copy_button=True, interactive=False, value=prompt_outputs[i].value)
+                    
+                    # Nota: El Textbox renderizado dentro del Accordion ya tiene el valor del prompt_outputs[i]
+                    # La forma más limpia es usar la propiedad nativa show_copy_button=True en el Textbox.
+                    # He actualizado el Textbox inicial (prompt_outputs) para incluirlo.
+                    
+                    # ¡Mejor y más simple!: Usaremos show_copy_button=True en el Textbox de arriba.
+                    # Actualicé la definición de `prompt_outputs` para usar `show_copy_button=True`.
+                    pass
+    
+    # La acción del botón: llama a la función de generación y asigna la lista de resultados
+    # a la lista de Textboxes creados.
+    button.click(
+        fn=generate_prompts_list, 
+        outputs=prompt_outputs
+    )
 
 if __name__ == "__main__":
     demo.launch()