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

app.py

@@ -117,40 +117,154 @@ class FluxNineteenGenerator:
             return None, error_message
 
 def create_ui(generator):
-    """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")
+    """
+    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")
         
         with gr.Row():
-            with gr.Column(scale=4):
-                prompt = gr.Textbox(
+            with gr.Column(scale=3):
+                prompt_input = gr.Textbox(
                     label="Prompt",
-                    placeholder="Descrivi l'immagine che vuoi generare...",
+                    placeholder="Descrivi l'immagine che desideri 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():
-                    submit_btn = gr.Button("🎨 Genera", variant="primary")
-                    clear_btn = gr.Button("🗑️ Pulisci")
-            
-            with gr.Column(scale=6):
-                image_output = gr.Image(label="Immagine Generata", type="filepath")
+                    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)"
+                    )
                 
-        # Eventi
-        submit_btn.click(
-            fn=generator.generate_image,
-            inputs=prompt,
-            outputs=image_output
-        )
-        clear_btn.click(
-            fn=lambda: (None, ""),
-            inputs=None,
-            outputs=[image_output, prompt]
-        )
+                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
+            
+            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
+            )
         
-        return interface
+        # 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]
+        )
+    
+    return interface
 
+# Funzione principale
 def main():
     """Funzione principale"""
     # Crea il generatore
@@ -159,29 +273,12 @@ def main():
     # Crea l'interfaccia
     interface = create_ui(generator)
     
-    # Ottieni le credenziali dalle variabili d'ambiente
-    username = os.getenv("GRADIO_USERNAME")
-    password = os.getenv("GRADIO_PASSWORD")
-    
-    # Parametri di base per il lancio
-    launch_kwargs = {
-        "server_name": "0.0.0.0",
-    }
-    
-    # Verifica le credenziali e configura l'autenticazione se necessario
-    if username and password:
-        print(f"Autenticazione configurata con username: {username}")
-        launch_kwargs["auth"] = [(username, password)]
-    else:
-        print("Autenticazione disabilitata. Su HF Spaces, imposta GRADIO_USERNAME e GRADIO_PASSWORD.")
-    
-    # Rileva se siamo su Hugging Face Spaces
-    if os.getenv("SPACE_ID") is None:
-        # Non siamo su HF Spaces, aggiungi share per renderlo accessibile
-        launch_kwargs["share"] = True
-    
-    # Avvia l'interfaccia
-    interface.launch(**launch_kwargs)
+    # Avvia l'interfaccia senza autenticazione (l'autenticazione sarà gestita da Hugging Face Spaces)
+    # Utilizziamo i parametri necessari per Hugging Face Spaces
+    interface.launch(
+        server_name="0.0.0.0",
+        share=False
+    )
 
 if __name__ == "__main__":
     main()