Modernizzata l'interfaccia utente con gr.Blocks per un design più pulito e reattivo

app.py

@@ -117,154 +117,40 @@ class FluxNineteenGenerator:
             return None, error_message
 
 def create_ui(generator):
-    """
-    Crea l'interfaccia utente Gradio.
-    
-    Args:
-        generator (FluxNineteenGenerator): Istanza del generatore
-    
-    Returns:
-        gradio.Interface: L'interfaccia Gradio
-    """
-    
-    def generate_image_ui(prompt, model, steps, cfg_scale, height, width, negative_prompt):
-        """Funzione per generare immagini dall'interfaccia"""
-        # Validazione dei parametri
-        if not prompt or len(prompt.strip()) == 0:
-            return None, "Il prompt non può essere vuoto."
-        
-        try:
-            # Converti i parametri al tipo corretto
-            steps = int(steps)
-            cfg_scale = float(cfg_scale)
-            height = int(height)
-            width = int(width)
-            
-            # Validazione dei valori
-            if steps < 1 or steps > 50:
-                return None, "Il numero di passi deve essere compreso tra 1 e 50."
-            if cfg_scale < 1 or cfg_scale > 30:
-                return None, "La guidance scale deve essere compresa tra 1 e 30."
-            if height < 512 or height > 1536:
-                return None, "L'altezza deve essere compresa tra 512 e 1536 pixel."
-            if width < 512 or width > 1536:
-                return None, "La larghezza deve essere compresa tra 512 e 1536 pixel."
-            
-            # Genera l'immagine
-            return generator.generate_image(
-                prompt=prompt,
-                model=model,
-                steps=steps,
-                cfg_scale=cfg_scale,
-                height=height,
-                width=width,
-                negative_prompt=negative_prompt
-            )
-        except Exception as e:
-            return None, f"Errore: {str(e)}"
-    
-    # Crea i componenti dell'interfaccia
-    with gr.Blocks(title="FLUX Nineteen.ai Image Generator") as interface:
-        gr.Markdown("# FLUX Nineteen.ai Image Generator")
-        gr.Markdown("Genera immagini utilizzando il modello FLUX.1-schnell tramite l'API di Nineteen.ai")
+    """Crea l'interfaccia utente Gradio"""
+    with gr.Blocks(title="FLUX Image Generator") as interface:
+        gr.Markdown("# 🎨 FLUX Image Generator")
+        gr.Markdown("Genera immagini creative utilizzando il modello FLUX.1-schnell di Nineteen.ai")
         
         with gr.Row():
-            with gr.Column(scale=3):
-                prompt_input = gr.Textbox(
+            with gr.Column(scale=4):
+                prompt = gr.Textbox(
                     label="Prompt",
-                    placeholder="Descrivi l'immagine che desideri generare...",
+                    placeholder="Descrivi l'immagine che vuoi generare...",
                     lines=3
                 )
                 
-                negative_prompt_input = gr.Textbox(
-                    label="Prompt Negativo (opzionale)",
-                    placeholder="Elementi da escludere dall'immagine...",
-                    lines=2
-                )
-                
-                model_input = gr.Dropdown(
-                    generator.models,
-                    label="Modello",
-                    value=generator.default_model
-                )
-                
-                with gr.Row():
-                    steps_input = gr.Slider(
-                        minimum=1,
-                        maximum=50,
-                        value=8,
-                        step=1,
-                        label="Passi di Inferenza"
-                    )
-                    cfg_input = gr.Slider(
-                        minimum=1.0,
-                        maximum=30.0,
-                        value=3.0,
-                        step=0.1,
-                        label="Guidance Scale (CFG)"
-                    )
-                
                 with gr.Row():
-                    height_input = gr.Slider(
-                        minimum=512,
-                        maximum=1536,
-                        value=1024,
-                        step=64,
-                        label="Altezza (px)"
-                    )
-                    width_input = gr.Slider(
-                        minimum=512,
-                        maximum=1536,
-                        value=1024,
-                        step=64,
-                        label="Larghezza (px)"
-                    )
-                
-                generate_button = gr.Button("Genera Immagine", variant="primary")
-            
-            with gr.Column(scale=4):
-                output_image = gr.Image(label="Immagine Generata", type="pil")
-                output_status = gr.Textbox(label="Stato", interactive=False)
-        
-        # Esempi di prompt
-        with gr.Accordion("Esempi di Prompt", open=False):
-            gr.Markdown("""
-            ### Esempi di prompt ottimizzati per FLUX.1-schnell
+                    submit_btn = gr.Button("🎨 Genera", variant="primary")
+                    clear_btn = gr.Button("🗑️ Pulisci")
             
-            Clicca su uno degli esempi per utilizzarlo:
-            """)
-            
-            examples = [
-                ["A breathtaking view of the Dolomites at sunrise, golden light illuminating the jagged peaks, morning mist rising from the valley below, ultra-detailed, cinematic, 8K resolution, photorealistic"],
-                ["Futuristic Tokyo cityscape at night, neon lights reflecting on wet streets after rain, towering skyscrapers with holographic advertisements, flying vehicles, photorealistic, cinematic lighting, 8K"],
-                ["Portrait of a weathered old fisherman with deep wrinkles and piercing blue eyes, wearing a cable-knit sweater, salt and pepper beard, golden hour lighting, ultra-detailed skin texture, photorealistic"],
-                ["Massive space station orbiting Jupiter, with Earth visible in the distance, detailed mechanical structures, solar panels, docking bays with spacecraft, photorealistic, NASA quality, 8K"],
-                ["Bioluminescent forest at night with giant mushrooms, glowing plants, mystical atmosphere, small magical creatures, ultra-detailed vegetation, photorealistic textures, fantasy world with realistic lighting"]
-            ]
-            
-            gr.Examples(
-                examples=examples,
-                inputs=prompt_input
-            )
-        
-        # Collega il pulsante di generazione
-        generate_button.click(
-            generate_image_ui,
-            inputs=[
-                prompt_input, 
-                model_input, 
-                steps_input, 
-                cfg_input, 
-                height_input, 
-                width_input, 
-                negative_prompt_input
-            ],
-            outputs=[output_image, output_status]
+            with gr.Column(scale=6):
+                image_output = gr.Image(label="Immagine Generata", type="filepath")
+                
+        # Eventi
+        submit_btn.click(
+            fn=generator.generate_image,
+            inputs=prompt,
+            outputs=image_output
         )
-    
-    return interface
+        clear_btn.click(
+            fn=lambda: (None, ""),
+            inputs=None,
+            outputs=[image_output, prompt]
+        )
+        
+        return interface
 
-# Funzione principale
 def main():
     """Funzione principale"""
     # Crea il generatore