Update app.py

app.py

@@ -1,154 +1,490 @@
-import gradio as gr
-import numpy as np
-import random
-
-# import spaces #[uncomment to use ZeroGPU]
-from diffusers import DiffusionPipeline
 import torch
+import spaces
+import gradio as gr
+import time
+from diffusers import DiffusionPipeline, DPMSolverMultistepScheduler
+from huggingface_hub import hf_hub_download
+import os
 
-device = "cuda" if torch.cuda.is_available() else "cpu"
-model_repo_id = "stabilityai/sdxl-turbo"  # Replace to the model you would like to use
-
-if torch.cuda.is_available():
-    torch_dtype = torch.float16
-else:
-    torch_dtype = torch.float32
+# ==================== 模型加载优化 ====================
+print("🚀 Loading Z-Image-Turbo pipeline...")
+start_time = time.time()
 
-pipe = DiffusionPipeline.from_pretrained(model_repo_id, torch_dtype=torch_dtype)
-pipe = pipe.to(device)
+# 使用更高效的加载方式
+pipe = DiffusionPipeline.from_pretrained(
+    "Tongyi-MAI/Z-Image-Turbo",
+    torch_dtype=torch.bfloat16,
+    variant="fp16",  # 使用fp16变体减少内存
+    low_cpu_mem_usage=True,
+    use_safetensors=True,
+)
 
-MAX_SEED = np.iinfo(np.int32).max
-MAX_IMAGE_SIZE = 1024
+# 快速移动到GPU
+pipe.to("cuda")
 
+# 启用内存优化
+if hasattr(pipe, "enable_xformers_memory_efficient_attention"):
+    try:
+        pipe.enable_xformers_memory_efficient_attention()
+        print("✅ XFormers enabled")
+    except:
+        print("⚠️ XFormers not available, using default attention")
 
-# @spaces.GPU #[uncomment to use ZeroGPU]
-def infer(
-    prompt,
-    negative_prompt,
-    seed,
-    randomize_seed,
-    width,
-    height,
-    guidance_scale,
-    num_inference_steps,
-    progress=gr.Progress(track_tqdm=True),
-):
-    if randomize_seed:
-        seed = random.randint(0, MAX_SEED)
+# 启用VAE切片减少内存
+if hasattr(pipe.vae, "enable_slicing"):
+    pipe.vae.enable_slicing()
+    print("✅ VAE slicing enabled")
 
-    generator = torch.Generator().manual_seed(seed)
+# 使用更快的调度器
+pipe.scheduler = DPMSolverMultistepScheduler.from_config(
+    pipe.scheduler.config, 
+    algorithm_type="sde-dpmsolver++"
+)
 
-    image = pipe(
-        prompt=prompt,
-        negative_prompt=negative_prompt,
-        guidance_scale=guidance_scale,
-        num_inference_steps=num_inference_steps,
-        width=width,
-        height=height,
-        generator=generator,
-    ).images[0]
-
-    return image, seed
+load_time = time.time() - start_time
+print(f"✅ Pipeline loaded in {load_time:.2f} seconds!")
 
+# ==================== 生成函数 ====================
+@spaces.GPU
+def generate_image(
+    prompt, 
+    height, 
+    width, 
+    num_inference_steps, 
+    seed, 
+    randomize_seed, 
+    progress=gr.Progress(track_tqdm=True)
+):
+    """优化后的图像生成函数"""
+    try:
+        # 输入验证
+        if not prompt or len(prompt.strip()) < 2:
+            return None, 0, "❌ Please enter a meaningful prompt"
+        
+        prompt = prompt.strip()
+        
+        # 自动调整尺寸为8的倍数（模型要求）
+        height = int(height) - int(height) % 8
+        width = int(width) - int(width) % 8
+        
+        # 限制最大尺寸防止OOM（T4 GPU限制）
+        MAX_SIZE = 1280
+        if height > MAX_SIZE or width > MAX_SIZE:
+            height = min(height, MAX_SIZE)
+            width = min(width, MAX_SIZE)
+        
+        # 生成随机种子
+        if randomize_seed:
+            seed = torch.randint(0, 2**32 - 1, (1,)).item()
+        
+        seed = int(seed)
+        
+        # 记录开始时间
+        gen_start = time.time()
+        
+        # 创建生成器
+        generator = torch.Generator("cuda").manual_seed(seed)
+        
+        # 生成图像（使用torch.autocast混合精度）
+        with torch.autocast("cuda", dtype=torch.bfloat16):
+            image = pipe(
+                prompt=prompt,
+                height=height,
+                width=width,
+                num_inference_steps=int(num_inference_steps),
+                guidance_scale=0.0,  # Z-Image不需要guidance
+                generator=generator,
+                output_type="pil",
+            ).images[0]
+        
+        # 计算生成时间
+        gen_time = time.time() - gen_start
+        
+        # 生成信息
+        info = f"✅ Generated {width}x{height} in {gen_time:.1f}s ({num_inference_steps} steps)"
+        
+        return image, seed, info
+        
+    except torch.cuda.OutOfMemoryError:
+        return None, seed, "💥 Out of memory! Try smaller image size (e.g., 768x768)"
+    except Exception as e:
+        error_msg = str(e)[:100]  # 截断长错误消息
+        return None, seed, f"❌ Error: {error_msg}"
 
+# ==================== 示例提示词 ====================
 examples = [
-    "Astronaut in a jungle, cold color palette, muted colors, detailed, 8k",
-    "An astronaut riding a green horse",
-    "A delicious ceviche cheesecake slice",
+    ["A beautiful Chinese woman in traditional red Hanfu, intricate embroidery, cinematic lighting, photorealistic"],
+    ["Cyberpunk city at night, neon lights, rainy streets, futuristic architecture, Blade Runner style"],
+    ["Majestic dragon flying over ancient Chinese palace, sunset, epic fantasy art"],
+    ["Cute anime girl with pink hair, cyberpunk street background, vibrant colors"],
+    ["Fantasy landscape with floating islands, waterfalls, magical creatures, digital painting"],
+    ["Portrait of a wise old samurai, detailed armor, cherry blossoms, studio lighting"],
+    ["Steampunk airship flying over Victorian London, gears and cogs, detailed"],
 ]
 
-css = """
-#col-container {
-    margin: 0 auto;
-    max-width: 640px;
-}
-"""
+# ==================== 主题配置 ====================
+custom_theme = gr.themes.Soft(
+    primary_hue="yellow",
+    secondary_hue="amber",
+    neutral_hue="slate",
+    font=gr.themes.GoogleFont("Inter"),
+    text_size="lg",
+    spacing_size="md",
+    radius_size="lg"
+).set(
+    button_primary_background_fill="*primary_500",
+    button_primary_background_fill_hover="*primary_600",
+    button_primary_border_color="*primary_500",
+    button_primary_text_color="white",
+    block_title_text_weight="600",
+    block_label_text_weight="500",
+    checkbox_label_background_fill_selected="*primary_500",
+    slider_color="*primary_500",
+)
 
-with gr.Blocks(css=css) as demo:
-    with gr.Column(elem_id="col-container"):
-        gr.Markdown(" # Text-to-Image Gradio Template")
-
-        with gr.Row():
-            prompt = gr.Text(
-                label="Prompt",
-                show_label=False,
-                max_lines=1,
-                placeholder="Enter your prompt",
-                container=False,
+# ==================== Gradio界面 ====================
+with gr.Blocks(
+    theme=custom_theme,
+    title="Z-Image-Turbo • Ultra-Fast AI Image Generator",
+    fill_height=True
+) as demo:
+    
+    # 头部
+    gr.Markdown(
+        """
+        <div style="text-align: center;">
+        <h1 style="font-size: 2.8rem; font-weight: 800; margin-bottom: 0.5rem; background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;">
+        🎨 Z-Image-Turbo</h1>
+        <p style="font-size: 1.1rem; color: #64748b; margin-bottom: 1.5rem;">
+        Generate stunning images in <strong>8 steps</strong> • Optimized for speed • Powered by Hugging Face</p>
+        </div>
+        """,
+        elem_id="header"
+    )
+    
+    with gr.Row(equal_height=False, variant="panel"):
+        # 左侧控制面板
+        with gr.Column(scale=1, min_width=350):
+            with gr.Group():
+                prompt = gr.Textbox(
+                    label="✨ Your Prompt",
+                    placeholder="Describe the image you want to create...",
+                    lines=4,
+                    max_lines=8,
+                    autofocus=True,
+                    elem_id="prompt-box"
+                )
+                
+                with gr.Row():
+                    generate_btn = gr.Button(
+                        "🚀 Generate Image", 
+                        variant="primary", 
+                        scale=2,
+                        size="lg"
+                    )
+                    clear_btn = gr.Button(
+                        "🗑️ Clear", 
+                        variant="secondary",
+                        scale=1
+                    )
+            
+            # 高级设置
+            with gr.Accordion("⚙️ Advanced Settings", open=False):
+                with gr.Row():
+                    height = gr.Slider(
+                        label="Height",
+                        minimum=512,
+                        maximum=1280,
+                        value=768,
+                        step=64,
+                        info="512-1280 pixels"
+                    )
+                    width = gr.Slider(
+                        label="Width",
+                        minimum=512,
+                        maximum=1280,
+                        value=768,
+                        step=64,
+                        info="512-1280 pixels"
+                    )
+                
+                num_inference_steps = gr.Slider(
+                    label="Inference Steps",
+                    minimum=4,
+                    maximum=20,
+                    value=8,
+                    step=1,
+                    info="8 steps recommended (fastest)"
+                )
+                
+                with gr.Row():
+                    randomize_seed = gr.Checkbox(
+                        label="🎲 Random Seed", 
+                        value=True,
+                        scale=1
+                    )
+                    seed = gr.Number(
+                        label="Custom Seed",
+                        value=42,
+                        precision=0,
+                        visible=False,
+                        scale=2
+                    )
+                
+                # 显示/隐藏种子输入
+                def toggle_seed_visibility(randomize):
+                    return gr.Number(visible=not randomize)
+                
+                randomize_seed.change(
+                    toggle_seed_visibility,
+                    inputs=[randomize_seed],
+                    outputs=[seed]
+                )
+            
+            # 示例提示词
+            gr.Examples(
+                examples=examples,
+                inputs=[prompt],
+                label="💡 Try These Prompts",
+                examples_per_page=7,
+                cache_examples=True  # 缓存示例结果
             )
-
-            run_button = gr.Button("Run", scale=0, variant="primary")
-
-        result = gr.Image(label="Result", show_label=False)
-
-        with gr.Accordion("Advanced Settings", open=False):
-            negative_prompt = gr.Text(
-                label="Negative prompt",
-                max_lines=1,
-                placeholder="Enter a negative prompt",
-                visible=False,
+        
+        # 右侧输出面板
+        with gr.Column(scale=1, min_width=350):
+            output_image = gr.Image(
+                label="Generated Image",
+                type="pil",
+                show_label=False,
+                height=500,
+                show_download_button=True,
+                show_share_button=True,
+                elem_id="output-image"
             )
-
-            seed = gr.Slider(
-                label="Seed",
-                minimum=0,
-                maximum=MAX_SEED,
-                step=1,
-                value=0,
+            
+            # 生成信息
+            info_display = gr.Textbox(
+                label="ℹ️ Generation Info",
+                interactive=False,
+                value="Ready to generate!",
+                elem_id="info-display"
             )
-
-            randomize_seed = gr.Checkbox(label="Randomize seed", value=True)
-
+            
             with gr.Row():
-                width = gr.Slider(
-                    label="Width",
-                    minimum=256,
-                    maximum=MAX_IMAGE_SIZE,
-                    step=32,
-                    value=1024,  # Replace with defaults that work for your model
+                used_seed = gr.Number(
+                    label="🎲 Seed Used",
+                    value=0,
+                    interactive=False,
+                    scale=2
                 )
-
-                height = gr.Slider(
-                    label="Height",
-                    minimum=256,
-                    maximum=MAX_IMAGE_SIZE,
-                    step=32,
-                    value=1024,  # Replace with defaults that work for your model
+                copy_seed_btn = gr.Button(
+                    "📋 Copy", 
+                    size="sm", 
+                    variant="secondary",
+                    scale=1
                 )
-
-            with gr.Row():
-                guidance_scale = gr.Slider(
-                    label="Guidance scale",
-                    minimum=0.0,
-                    maximum=10.0,
-                    step=0.1,
-                    value=0.0,  # Replace with defaults that work for your model
+                
+                # 复制种子到剪贴板
+                copy_seed_btn.click(
+                    lambda s: gr.Clipboard().copy(str(s)),
+                    inputs=[used_seed],
+                    outputs=[]
                 )
-
-                num_inference_steps = gr.Slider(
-                    label="Number of inference steps",
-                    minimum=1,
-                    maximum=50,
-                    step=1,
-                    value=2,  # Replace with defaults that work for your model
-                )
-
-        gr.Examples(examples=examples, inputs=[prompt])
-    gr.on(
-        triggers=[run_button.click, prompt.submit],
-        fn=infer,
-        inputs=[
-            prompt,
-            negative_prompt,
-            seed,
-            randomize_seed,
-            width,
-            height,
-            guidance_scale,
-            num_inference_steps,
-        ],
-        outputs=[result, seed],
+    
+    # 页脚
+    gr.Markdown(
+        """
+        <div style="text-align: center; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #e2e8f0; color: #64748b; font-size: 0.9rem;">
+        <p style="margin-bottom: 0.5rem;">
+        <strong>Model:</strong> <a href="https://huggingface.co/Tongyi-MAI/Z-Image-Turbo" target="_blank" style="color: #f59e0b;">Z-Image-Turbo</a> • 
+        <strong>Demo by:</strong> <a href="https://x.com/realmrfakename" target="_blank" style="color: #f59e0b;">@mrfakename</a> • 
+        <strong>Optimized for:</strong> Hugging Face Spaces
+        </p>
+        <p style="font-size: 0.85rem; opacity: 0.8;">
+        💡 Tip: Use 8 steps for fastest generation. Image size affects generation speed and memory usage.
+        </p>
+        </div>
+        """,
+        elem_id="footer"
+    )
+    
+    # ==================== 事件处理 ====================
+    
+    # ���成按钮点击
+    generate_btn.click(
+        fn=generate_image,
+        inputs=[prompt, height, width, num_inference_steps, seed, randomize_seed],
+        outputs=[output_image, used_seed, info_display],
+        api_name="generate"
+    )
+    
+    # Enter键提交
+    prompt.submit(
+        fn=generate_image,
+        inputs=[prompt, height, width, num_inference_steps, seed, randomize_seed],
+        outputs=[output_image, used_seed, info_display]
+    )
+    
+    # 清除按钮
+    def clear_all():
+        return None, 0, "Cleared! Enter a new prompt..."
+    
+    clear_btn.click(
+        fn=clear_all,
+        outputs=[output_image, used_seed, info_display]
+    )
+    
+    # 用相同设置重新生成
+    def regenerate(prompt, height, width, steps, seed):
+        return generate_image(prompt, height, width, steps, seed, False)
+    
+    # 添加键盘快捷键提示
+    gr.Markdown(
+        """
+        <div style="text-align: center; font-size: 0.8rem; opacity: 0.7; margin-top: 1rem;">
+        ⌨️ Shortcuts: Enter to generate • Ctrl+Enter for new line
+        </div>
+        """
     )
 
+# ==================== 启动应用 ====================
 if __name__ == "__main__":
-    demo.launch()
+    # 配置Hugging Face Spaces优化
+    demo.launch(
+        debug=False,
+        show_error=True,
+        share=False,  # 在Spaces上不需要share
+        server_name="0.0.0.0",
+        server_port=7860,
+        allowed_paths=["./"],
+        favicon_path=None,
+        css="""
+        /* 全局样式 */
+        .gradio-container {
+            max-width: 1200px !important;
+            margin: 0 auto !important;
+            padding: 1rem !important;
+        }
+        
+        /* 头部样式 */
+        #header h1 {
+            margin-bottom: 0.5rem !important;
+        }
+        
+        /* 提示词输入框 */
+        #prompt-box {
+            min-height: 120px !important;
+            border-radius: 12px !important;
+            border: 2px solid #e2e8f0 !important;
+            transition: border-color 0.2s ease !important;
+        }
+        
+        #prompt-box:focus {
+            border-color: #f59e0b !important;
+            box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1) !important;
+        }
+        
+        /* 生成按钮 */
+        button.primary {
+            font-weight: 600 !important;
+            letter-spacing: 0.3px !important;
+            transition: all 0.2s ease !important;
+        }
+        
+        button.primary:hover {
+            transform: translateY(-2px) !important;
+            box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3) !important;
+        }
+        
+        /* 输出图片 */
+        #output-image {
+            border-radius: 12px !important;
+            overflow: hidden !important;
+            border: 1px solid #e2e8f0 !important;
+        }
+        
+        #output-image img {
+            border-radius: 10px !important;
+            transition: transform 0.3s ease !important;
+        }
+        
+        #output-image img:hover {
+            transform: scale(1.01) !important;
+        }
+        
+        /* 信息显示 */
+        #info-display {
+            background: #f8fafc !important;
+            border: 1px solid #e2e8f0 !important;
+            border-radius: 8px !important;
+            font-size: 0.9rem !important;
+        }
+        
+        /* 页脚 */
+        #footer {
+            margin-top: 2rem !important;
+        }
+        
+        #footer a {
+            font-weight: 500 !important;
+        }
+        
+        /* 移动端适配 */
+        @media (max-width: 768px) {
+            .gradio-container {
+                padding: 0.5rem !important;
+            }
+            
+            .gr-row {
+                flex-direction: column !important;
+            }
+            
+            .gr-column {
+                min-width: 100% !important;
+            }
+            
+            #header h1 {
+                font-size: 2rem !important;
+            }
+            
+            #output-image {
+                height: 400px !important;
+            }
+        }
+        
+        /* 暗色模式支持 */
+        @media (prefers-color-scheme: dark) {
+            body {
+                background: #0f172a !important;
+            }
+            
+            .gradio-container {
+                background: #1e293b !important;
+            }
+            
+            #info-display {
+                background: #334155 !important;
+                border-color: #475569 !important;
+                color: #e2e8f0 !important;
+            }
+        }
+        
+        /* 加载动画 */
+        .spinner {
+            display: inline-block;
+            width: 16px;
+            height: 16px;
+            border: 2px solid rgba(245, 158, 11, 0.3);
+            border-radius: 50%;
+            border-top-color: #f59e0b;
+            animation: spin 1s ease-in-out infinite;
+            margin-right: 8px;
+        }
+        
+        @keyframes spin {
+            to { transform: rotate(360deg); }
+        }
+        """,
+        analytics_enabled=True,
+        quiet=True  # 减少日志输出
+    )