v2.3: Multilingual support - EN/ES/PT/AR/HI with RTL and font support

app.py

@@ -1,4 +1,4 @@
-"""Z-Image-Turbo v2.0 - Optimized for ZeroGPU Best Practices"""
+"""Z-Image-Turbo v2.3 - Multilingual Support"""
 
 import os
 import logging
@@ -8,7 +8,7 @@ import gradio as gr
 import requests
 import io
 import base64
-from typing import Tuple, Optional
+from typing import Tuple, Optional, Dict
 from PIL import Image
 from diffusers import DiffusionPipeline, ZImageImg2ImgPipeline
 from openai import OpenAI
@@ -17,6 +17,300 @@ from openai import OpenAI
 logging.basicConfig(level=logging.INFO, format='[%(levelname)s] %(message)s')
 logger = logging.getLogger(__name__)
 
+# =============================================================================
+# MULTILINGUAL SUPPORT
+# =============================================================================
+LANGUAGES = ["English", "Español", "Português (BR)", "العربية", "हिंदी"]
+
+TRANSLATIONS: Dict[str, Dict[str, str]] = {
+    "English": {
+        # Header
+        "title": "Z Image Turbo + GLM-4.6V",
+        "subtitle": "AI Image Generation & Transformation powered by DeepSeek Reasoning",
+        "like_msg": "If you liked it, please like it. Thank you!",
+        # Tabs
+        "tab_generate": "Generate",
+        "tab_assistant": "AI Assistant", 
+        "tab_transform": "Transform",
+        # Generate tab
+        "prompt": "Prompt",
+        "prompt_placeholder": "Describe your image in detail...",
+        "polish_checkbox": "Prompt+ by deepseek-reasoner",
+        "style": "Style",
+        "aspect_ratio": "Aspect Ratio",
+        "advanced_settings": "Advanced Settings",
+        "steps": "Steps",
+        "seed": "Seed",
+        "random_seed": "Random Seed",
+        "generate_btn": "Generate",
+        "generated_image": "Generated Image",
+        "enhanced_prompt": "Enhanced Prompt",
+        "seed_used": "Seed Used",
+        "share": "Share",
+        # AI Assistant tab
+        "ai_description": "**AI-Powered Prompt Generator** - Upload an image, analyze it with GLM-4.6V, then generate optimized prompts.",
+        "upload_image": "Upload Image",
+        "analyze_btn": "Analyze Image",
+        "image_description": "Image Description",
+        "changes_request": "What changes do you want?",
+        "changes_placeholder": "e.g., 'watercolor style' or 'dramatic sunset lighting'",
+        "target_style": "Target Style",
+        "generate_prompt_btn": "Generate Prompt",
+        "generated_prompt": "Generated Prompt",
+        "send_to_transform": "Send to Transform Tab",
+        "how_to_use": "How to Use",
+        "how_to_use_content": """1. **Upload** an image and click "Analyze Image"
+2. **Describe** the changes you want
+3. **Generate** an optimized prompt
+4. **Send** to Transform tab to apply changes""",
+        # Transform tab
+        "transform_description": "**Transform your image** - Upload and describe the transformation. Lower strength = subtle, higher = dramatic.",
+        "transformation_prompt": "Transformation Prompt",
+        "transform_placeholder": "e.g., 'oil painting style, vibrant colors'",
+        "strength": "Strength",
+        "transform_btn": "Transform",
+        "transformed_image": "Transformed Image",
+        "example_prompts": "Example Prompts",
+        # Footer
+        "models": "Models",
+        "by": "by",
+    },
+    "Español": {
+        "title": "Z Image Turbo + GLM-4.6V",
+        "subtitle": "Generación y Transformación de Imágenes con IA impulsado por DeepSeek Reasoning",
+        "like_msg": "Si te gustó, por favor dale me gusta. ¡Gracias!",
+        "tab_generate": "Generar",
+        "tab_assistant": "Asistente IA",
+        "tab_transform": "Transformar",
+        "prompt": "Prompt",
+        "prompt_placeholder": "Describe tu imagen en detalle...",
+        "polish_checkbox": "Prompt+ por deepseek-reasoner",
+        "style": "Estilo",
+        "aspect_ratio": "Relación de Aspecto",
+        "advanced_settings": "Configuración Avanzada",
+        "steps": "Pasos",
+        "seed": "Semilla",
+        "random_seed": "Semilla Aleatoria",
+        "generate_btn": "Generar",
+        "generated_image": "Imagen Generada",
+        "enhanced_prompt": "Prompt Mejorado",
+        "seed_used": "Semilla Usada",
+        "share": "Compartir",
+        "ai_description": "**Generador de Prompts con IA** - Sube una imagen, analízala con GLM-4.6V, y genera prompts optimizados.",
+        "upload_image": "Subir Imagen",
+        "analyze_btn": "Analizar Imagen",
+        "image_description": "Descripción de la Imagen",
+        "changes_request": "¿Qué cambios quieres?",
+        "changes_placeholder": "ej., 'estilo acuarela' o 'iluminación de atardecer dramático'",
+        "target_style": "Estilo Objetivo",
+        "generate_prompt_btn": "Generar Prompt",
+        "generated_prompt": "Prompt Generado",
+        "send_to_transform": "Enviar a Transformar",
+        "how_to_use": "Cómo Usar",
+        "how_to_use_content": """1. **Sube** una imagen y haz clic en "Analizar Imagen"
+2. **Describe** los cambios que quieres
+3. **Genera** un prompt optimizado
+4. **Envía** a la pestaña Transformar para aplicar cambios""",
+        "transform_description": "**Transforma tu imagen** - Sube y describe la transformación. Menor fuerza = sutil, mayor = dramático.",
+        "transformation_prompt": "Prompt de Transformación",
+        "transform_placeholder": "ej., 'estilo pintura al óleo, colores vibrantes'",
+        "strength": "Fuerza",
+        "transform_btn": "Transformar",
+        "transformed_image": "Imagen Transformada",
+        "example_prompts": "Prompts de Ejemplo",
+        "models": "Modelos",
+        "by": "por",
+    },
+    "Português (BR)": {
+        "title": "Z Image Turbo + GLM-4.6V",
+        "subtitle": "Geração e Transformação de Imagens com IA alimentado por DeepSeek Reasoning",
+        "like_msg": "Se você gostou, por favor curta. Obrigado!",
+        "tab_generate": "Gerar",
+        "tab_assistant": "Assistente IA",
+        "tab_transform": "Transformar",
+        "prompt": "Prompt",
+        "prompt_placeholder": "Descreva sua imagem em detalhes...",
+        "polish_checkbox": "Prompt+ por deepseek-reasoner",
+        "style": "Estilo",
+        "aspect_ratio": "Proporção",
+        "advanced_settings": "Configurações Avançadas",
+        "steps": "Passos",
+        "seed": "Semente",
+        "random_seed": "Semente Aleatória",
+        "generate_btn": "Gerar",
+        "generated_image": "Imagem Gerada",
+        "enhanced_prompt": "Prompt Aprimorado",
+        "seed_used": "Semente Usada",
+        "share": "Compartilhar",
+        "ai_description": "**Gerador de Prompts com IA** - Envie uma imagem, analise com GLM-4.6V, e gere prompts otimizados.",
+        "upload_image": "Enviar Imagem",
+        "analyze_btn": "Analisar Imagem",
+        "image_description": "Descrição da Imagem",
+        "changes_request": "Quais mudanças você quer?",
+        "changes_placeholder": "ex., 'estilo aquarela' ou 'iluminação dramática de pôr do sol'",
+        "target_style": "Estilo Alvo",
+        "generate_prompt_btn": "Gerar Prompt",
+        "generated_prompt": "Prompt Gerado",
+        "send_to_transform": "Enviar para Transformar",
+        "how_to_use": "Como Usar",
+        "how_to_use_content": """1. **Envie** uma imagem e clique em "Analisar Imagem"
+2. **Descreva** as mudanças que você quer
+3. **Gere** um prompt otimizado
+4. **Envie** para a aba Transformar para aplicar mudanças""",
+        "transform_description": "**Transforme sua imagem** - Envie e descreva a transformação. Menor força = sutil, maior = dramático.",
+        "transformation_prompt": "Prompt de Transformação",
+        "transform_placeholder": "ex., 'estilo pintura a óleo, cores vibrantes'",
+        "strength": "Força",
+        "transform_btn": "Transformar",
+        "transformed_image": "Imagem Transformada",
+        "example_prompts": "Prompts de Exemplo",
+        "models": "Modelos",
+        "by": "por",
+    },
+    "العربية": {
+        "title": "Z Image Turbo + GLM-4.6V",
+        "subtitle": "توليد وتحويل الصور بالذكاء الاصطناعي مدعوم من DeepSeek Reasoning",
+        "like_msg": "إذا أعجبك، يرجى الإعجاب. شكراً لك!",
+        "tab_generate": "توليد",
+        "tab_assistant": "مساعد الذكاء الاصطناعي",
+        "tab_transform": "تحويل",
+        "prompt": "الوصف",
+        "prompt_placeholder": "صف صورتك بالتفصيل...",
+        "polish_checkbox": "تحسين+ بواسطة deepseek-reasoner",
+        "style": "النمط",
+        "aspect_ratio": "نسبة العرض",
+        "advanced_settings": "إعدادات متقدمة",
+        "steps": "الخطوات",
+        "seed": "البذرة",
+        "random_seed": "بذرة عشوائية",
+        "generate_btn": "توليد",
+        "generated_image": "الصورة المولدة",
+        "enhanced_prompt": "الوصف المحسن",
+        "seed_used": "البذرة المستخدمة",
+        "share": "مشاركة",
+        "ai_description": "**مولد الأوصاف بالذكاء الاصطناعي** - ارفع صورة، حللها باستخدام GLM-4.6V، ثم أنشئ أوصافاً محسنة.",
+        "upload_image": "رفع صورة",
+        "analyze_btn": "تحليل الصورة",
+        "image_description": "وصف الصورة",
+        "changes_request": "ما التغييرات التي تريدها؟",
+        "changes_placeholder": "مثال: 'نمط ألوان مائية' أو 'إضاءة غروب درامية'",
+        "target_style": "النمط المستهدف",
+        "generate_prompt_btn": "توليد الوصف",
+        "generated_prompt": "الوصف المولد",
+        "send_to_transform": "إرسال إلى التحويل",
+        "how_to_use": "كيفية الاستخدام",
+        "how_to_use_content": """1. **ارفع** صورة وانقر على "تحليل الصورة"
+2. **صف** التغييرات التي تريدها
+3. **أنشئ** وصفاً محسناً
+4. **أرسل** إلى تبويب التحويل لتطبيق التغييرات""",
+        "transform_description": "**حوّل صورتك** - ارفع وصف التحويل. قوة أقل = تغيير طفيف، قوة أكبر = تغيير جذري.",
+        "transformation_prompt": "وصف التحويل",
+        "transform_placeholder": "مثال: 'نمط لوحة زيتية، ألوان نابضة'",
+        "strength": "القوة",
+        "transform_btn": "تحويل",
+        "transformed_image": "الصورة المحولة",
+        "example_prompts": "أمثلة الأوصاف",
+        "models": "النماذج",
+        "by": "بواسطة",
+    },
+    "हिंदी": {
+        "title": "Z Image Turbo + GLM-4.6V",
+        "subtitle": "DeepSeek Reasoning द्वारा संचालित AI छवि निर्माण और रूपांतरण",
+        "like_msg": "अगर आपको पसंद आया, तो कृपया लाइक करें। धन्यवाद!",
+        "tab_generate": "बनाएं",
+        "tab_assistant": "AI सहायक",
+        "tab_transform": "रूपांतरित करें",
+        "prompt": "प्रॉम्प्ट",
+        "prompt_placeholder": "अपनी छवि का विस्तार से वर्णन करें...",
+        "polish_checkbox": "Prompt+ by deepseek-reasoner",
+        "style": "शैली",
+        "aspect_ratio": "पक्षानुपात",
+        "advanced_settings": "उन्नत सेटिंग्स",
+        "steps": "चरण",
+        "seed": "बीज",
+        "random_seed": "यादृच्छिक बीज",
+        "generate_btn": "बनाएं",
+        "generated_image": "बनाई गई छवि",
+        "enhanced_prompt": "उन्नत प्रॉम्प्ट",
+        "seed_used": "प्रयुक्त बीज",
+        "share": "साझा करें",
+        "ai_description": "**AI-संचालित प्रॉम्प्ट जनरेटर** - एक छवि अपलोड करें, GLM-4.6V से विश्लेषण करें, फिर अनुकूलित प्रॉम्प्ट बनाएं।",
+        "upload_image": "छवि अपलोड करें",
+        "analyze_btn": "छवि विश्लेषण करें",
+        "image_description": "छवि विवरण",
+        "changes_request": "आप क्या बदलाव चाहते हैं?",
+        "changes_placeholder": "उदा., 'वॉटरकलर शैली' या 'नाटकीय सूर्यास्त प्रकाश'",
+        "target_style": "लक्ष्य शैली",
+        "generate_prompt_btn": "प्रॉम्प्ट बनाएं",
+        "generated_prompt": "बनाया गया प्रॉम्प्ट",
+        "send_to_transform": "रूपांतरण टैब पर भेजें",
+        "how_to_use": "कैसे उपयोग करें",
+        "how_to_use_content": """1. **अपलोड** करें एक छवि और "छवि विश्लेषण करें" पर क्लिक करें
+2. **वर्णन** करें जो बदलाव आप चाहते हैं
+3. **बनाएं** एक अनुकूलित प्रॉम्प्ट
+4. **भेजें** रूपांतरण टैब पर बदलाव लागू करने के लिए""",
+        "transform_description": "**अपनी छवि रूपांतरित करें** - अपलोड करें और रूपांतरण का वर्णन करें। कम शक्ति = सूक्ष्म, अधिक = नाटकीय।",
+        "transformation_prompt": "रूपांतरण प्रॉम्प्ट",
+        "transform_placeholder": "उदा., 'तेल चित्रकला शैली, जीवंत रंग'",
+        "strength": "शक्ति",
+        "transform_btn": "रूपांतरित करें",
+        "transformed_image": "रूपांतरित छवि",
+        "example_prompts": "उदाहरण प्रॉम्प्ट",
+        "models": "मॉडल",
+        "by": "द्वारा",
+    },
+}
+
+def get_text(lang: str, key: str) -> str:
+    """Get translated text for a key."""
+    return TRANSLATIONS.get(lang, TRANSLATIONS["English"]).get(key, key)
+
+def change_language(lang_name: str):
+    """Update all component labels when language changes."""
+    t = TRANSLATIONS.get(lang_name, TRANSLATIONS["English"])
+    return [
+        # Generate tab
+        gr.update(label=t["prompt"], placeholder=t["prompt_placeholder"]),
+        gr.update(label=t["polish_checkbox"]),
+        gr.update(label=t["style"]),
+        gr.update(label=t["aspect_ratio"]),
+        gr.update(label=t["steps"]),
+        gr.update(label=t["seed"]),
+        gr.update(label=t["random_seed"]),
+        gr.update(value=t["generate_btn"]),
+        gr.update(label=t["generated_image"]),
+        gr.update(label=t["enhanced_prompt"]),
+        gr.update(label=t["seed_used"]),
+        gr.update(value=t["share"]),
+        # AI Assistant tab
+        gr.update(value=t["ai_description"]),
+        gr.update(label=t["upload_image"]),
+        gr.update(value=t["analyze_btn"]),
+        gr.update(label=t["image_description"]),
+        gr.update(label=t["changes_request"], placeholder=t["changes_placeholder"]),
+        gr.update(label=t["target_style"]),
+        gr.update(value=t["generate_prompt_btn"]),
+        gr.update(label=t["generated_prompt"]),
+        gr.update(value=t["send_to_transform"]),
+        gr.update(value=t["how_to_use_content"]),
+        # Transform tab
+        gr.update(value=t["transform_description"]),
+        gr.update(label=t["upload_image"]),
+        gr.update(label=t["transformation_prompt"], placeholder=t["transform_placeholder"]),
+        gr.update(label=t["polish_checkbox"]),
+        gr.update(label=t["style"]),
+        gr.update(label=t["strength"]),
+        gr.update(label=t["steps"]),
+        gr.update(label=t["seed"]),
+        gr.update(label=t["random_seed"]),
+        gr.update(value=t["transform_btn"]),
+        gr.update(label=t["transformed_image"]),
+        gr.update(label=t["enhanced_prompt"]),
+        gr.update(label=t["seed_used"]),
+        gr.update(value=t["share"]),
+    ]
+
+# =============================================================================
 # Constants (replaces magic numbers)
 MIN_IMAGE_DIM = 512
 MAX_IMAGE_DIM = 2048
@@ -594,6 +888,9 @@ def transform(input_image: Optional[Image.Image], full_prompt: str, polished_dis
         return None, seed
 
 css = r"""
+/* Google Fonts for multilingual support */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap');
+
 :root {
     --bg-primary: #0c0c0e;
     --bg-secondary: #141416;
@@ -621,8 +918,32 @@ css = r"""
     --radius-md: 12px;
     --radius-lg: 16px;
     --transition: 0.2s ease;
+    /* Font stacks */
+    --font-latin: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
+    --font-arabic: 'Noto Sans Arabic', 'Tahoma', sans-serif;
+    --font-hindi: 'Noto Sans Devanagari', 'Mangal', sans-serif;
 }
 
+/* Arabic font */
+.lang-ar, .lang-ar * { font-family: var(--font-arabic) !important; }
+/* Hindi font */
+.lang-hi, .lang-hi * { font-family: var(--font-hindi) !important; }
+
+/* RTL Support for Arabic */
+[dir="rtl"], .rtl { direction: rtl; text-align: right; }
+[dir="rtl"] .tab-nav { flex-direction: row-reverse; }
+[dir="rtl"] .gr-row, [dir="rtl"] [class*="row"] { flex-direction: row-reverse; }
+[dir="rtl"] input, [dir="rtl"] textarea { text-align: right; direction: rtl; }
+[dir="rtl"] input[type="number"] { direction: ltr; text-align: left; }
+[dir="rtl"] label, [dir="rtl"] .gr-label { text-align: right; }
+[dir="rtl"] .gr-checkbox { flex-direction: row-reverse; }
+[dir="rtl"] .gr-slider { direction: ltr; }
+[dir="rtl"] .gr-markdown ul, [dir="rtl"] .gr-markdown ol { padding-left: 0; padding-right: 1.5em; }
+
+/* Language selector in header */
+.lang-selector-row { display: flex; justify-content: flex-end; margin-bottom: 8px; }
+[dir="rtl"] .lang-selector-row { justify-content: flex-start; }
+
 .gradio-container {
     background: var(--bg-primary) !important;
     min-height: 100vh;
@@ -1007,8 +1328,19 @@ dark_theme = gr.themes.Base(
 )
 
 with gr.Blocks(title="Z Image Turbo", css=css, theme=dark_theme) as demo:
+    # Language selector at top
+    with gr.Row(elem_classes="lang-selector-row"):
+        lang_selector = gr.Dropdown(
+            choices=LANGUAGES, 
+            value="English", 
+            label="🌐 Language",
+            scale=0,
+            min_width=160,
+            interactive=True
+        )
+    
     gr.HTML("""
-    <div style="text-align: center; padding: 24px 16px 16px 16px;">
+    <div style="text-align: center; padding: 8px 16px 16px 16px;">
         <h1 style="background: linear-gradient(135deg, #818cf8 0%, #a78bfa 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: clamp(1.5rem, 4vw, 2.2rem); margin-bottom: 8px; font-weight: 700;">
             Z Image Turbo + GLM-4.6V
         </h1>
@@ -1019,6 +1351,36 @@ with gr.Blocks(title="Z Image Turbo", css=css, theme=dark_theme) as demo:
             If you liked it, please like it. Thank you!
         </p>
     </div>
+    <script>
+    // RTL toggle based on language
+    document.addEventListener('DOMContentLoaded', function() {
+        const observer = new MutationObserver(function(mutations) {
+            const dropdown = document.querySelector('.lang-selector-row select, .lang-selector-row input');
+            if (dropdown) {
+                const checkLang = () => {
+                    const val = dropdown.value || '';
+                    const html = document.documentElement;
+                    const body = document.body;
+                    if (val.includes('العربية')) {
+                        html.setAttribute('dir', 'rtl');
+                        body.classList.add('rtl', 'lang-ar');
+                        body.classList.remove('lang-hi');
+                    } else if (val.includes('हिंदी')) {
+                        html.removeAttribute('dir');
+                        body.classList.remove('rtl', 'lang-ar');
+                        body.classList.add('lang-hi');
+                    } else {
+                        html.removeAttribute('dir');
+                        body.classList.remove('rtl', 'lang-ar', 'lang-hi');
+                    }
+                };
+                dropdown.addEventListener('change', checkLang);
+                checkLang();
+            }
+        });
+        observer.observe(document.body, { childList: true, subtree: true });
+    });
+    </script>
     """)
     
     with gr.Tabs():