โ Recommended models: {", ".join(model_list)}
+{info['description']}
+๐ก {info['prompt_hint']}
+Examples: {examples}
+Keywords: {terms}
+{info['description']}
+Inspired by: {info['examples']}
+ {technical_terms} +Ideal for: {badges}
+โ Strengths: {info['strengths']}
+โ Limitations: {info['weaknesses']}
+{info['description']}
+ {strengths_weaknesses} + {recommended_badges} +{info['description']}
+๐จ {info['color_palette']}
+๐ก {info['lighting']}
+{APP_CONFIG["description"]}
+ """) + + # Main content area - tabs for different sections + with gr.Tabs() as tabs: + # Create tab + with gr.TabItem("Create", id="create-tab") as create_tab: + with gr.Row(equal_height=False): + # Left column - Input controls + with gr.Column(scale=1): + # Description input with character counter + with gr.Group(): + description_input = gr.Textbox( + label="Describe what you want to see", + placeholder="Be detailed and specific about colors, composition, lighting, and subject...", + lines=4, + max_lines=8, + elem_id="description-input" + ) + + # Character counter with dynamic updates + char_counter = gr.HTML( + value=update_char_count(""), + elem_classes="char-counter-container" + ) + + # Settings accordion + with gr.Accordion("Image Settings", open=True): + # Creation Type and Art Style in one row + with gr.Row(): + # Creation type dropdown with icons + creation_type = gr.Dropdown( + choices=format_dropdown_choices(CREATION_TYPES), + value=f"{CREATION_TYPES['Digital Art']['icon']} Digital Art", + label="Creation Type", + elem_classes="enhanced-dropdown" + ) + + # Art style dropdown with icons + art_style = gr.Dropdown( + choices=format_dropdown_choices(ART_STYLES), + value=f"{ART_STYLES['Photorealistic']['icon']} Photorealistic", + label="Art Style", + elem_classes="enhanced-dropdown" + ) + + # Mood and Model in one row + with gr.Row(): + # Mood dropdown with icons + mood_dropdown = gr.Dropdown( + choices=format_dropdown_choices(MOODS), + value=f"{MOODS['Peaceful']['icon']} Peaceful", + label="Mood", + elem_classes="enhanced-dropdown" + ) + + # Model selector with display names + formatted_models = [f"{info['icon']} {info['display_name']}" for model_key, info in IMAGE_MODELS.items()] + model_selector = gr.Dropdown( + choices=formatted_models, + value=f"{IMAGE_MODELS['stabilityai/stable-diffusion-xl-base-1.0']['icon']} {IMAGE_MODELS['stabilityai/stable-diffusion-xl-base-1.0']['display_name']}", + label="Model", + elem_classes="enhanced-dropdown" + ) + + # Advanced options + with gr.Accordion("Advanced Options", open=False): + with gr.Row(): + # Aspect ratio dropdown + aspect_ratio = gr.Dropdown( + choices=format_dropdown_choices(ASPECT_RATIOS), + value=f"{ASPECT_RATIOS['1:1 (Square)']['icon']} 1:1 (Square)", + label="Aspect Ratio", + elem_classes="enhanced-dropdown" + ) + + # Seed input + seed_input = gr.Number( + label="Seed (optional)", + value=None, + precision=0, + elem_id="seed-input" + ) + + with gr.Row(): + # Color palette dropdown + color_palette = gr.Dropdown( + choices=format_dropdown_choices(COLOR_PALETTES), + value=None, + label="Color Palette (optional)", + elem_classes="enhanced-dropdown" + ) + # Special effects dropdown + special_effect = gr.Dropdown( + choices=format_dropdown_choices(SPECIAL_EFFECTS), + value=f"{SPECIAL_EFFECTS['None']['icon']} None", + label="Special Effect (optional)", + elem_classes="enhanced-dropdown" + ) + + # Examples gallery with clear visual structure + with gr.Accordion("Try an Example", open=True): + # Gallery of examples + with gr.Row(elem_classes="gallery"): + for i, example in enumerate(EXAMPLE_PROMPTS[:8]): # Show first 8 examples + with gr.Column(elem_classes="gallery-item"): + # Example card with visual element and caption + example_btn = gr.Button( + example["thumbnail_desc"], + elem_classes="example-button" + ) + + # Event handler for example selection + example_btn.click( + fn=lambda idx=i: load_example(idx), + outputs=[description_input, creation_type, art_style, mood_dropdown, + aspect_ratio, color_palette, special_effect] + ) + + # Generate buttons with batch option + with gr.Row(): + # Single image generation + generate_btn = gr.Button("โจ Generate Image", variant="primary", elem_classes="primary", elem_id="generate-btn") + + # Generate multiple variations + variations_btn = gr.Button("๐ Generate 4 Variations", elem_classes="secondary", elem_id="variations-btn") + + # Generation status message + generation_status = gr.HTML(value="", elem_classes="generation-status") + + # Right column - Output display + with gr.Column(scale=1): + # Tabs for single image and variations + with gr.Tabs() as image_tabs: + # Single image tab + with gr.TabItem("Image", id="single-tab"): + # Image display area with placeholder + with gr.Group(elem_classes="output-container"): + image_output = gr.Image( + label="Generated Image", + elem_id="image-output", + type="pil", + height=512, + interactive=False + ) + + # Action buttons for generated image + with gr.Row(): + # Download button + download_btn = gr.Button("๐พ Save Image", elem_classes="secondary") + + # Add to favorites + favorite_btn = gr.Button("โค๏ธ Add to Favorites", elem_classes="secondary") + + # Generate variations of this image + more_variations_btn = gr.Button("๐ More Like This", elem_classes="secondary") + + # Image generation details + with gr.Accordion("Image Details", open=True): + parameters_display = gr.HTML(value="") + + # Enhanced prompt display + with gr.Accordion("AI-Enhanced Prompt", open=False): + prompt_output = gr.Textbox( + label="AI-Enhanced Prompt Used", + lines=5, + elem_id="prompt-output", + elem_classes="prompt-display" + ) + + # Variations tab + with gr.TabItem("Variations", id="variations-tab"): + # Variations gallery + with gr.Group(elem_classes="variations-gallery"): + variations_gallery = gr.Gallery( + label="Image Variations", + elem_id="variations-gallery", + columns=2, + rows=2, + height=512, + object_fit="contain" + ) + + # Variations info + variations_info = gr.HTML(value="") + + # Information panels for selected options + with gr.Group(elem_classes="info-panels"): + # Creation type info + creation_info = gr.HTML(value="", elem_classes="creation-info") + + # Art style info + art_info = gr.HTML(value="", elem_classes="art-info") + + # Model info panel + model_info = gr.HTML(value="", elem_classes="model-info") + + # Mood info + mood_info = gr.HTML(value="", elem_classes="mood-info") + + # Gallery tab with history and favorites + with gr.TabItem("My Creations", id="gallery-tab") as gallery_tab: + with gr.Tabs() as gallery_tabs: + # History tab + with gr.TabItem("History", id="history-tab"): + # History toolbar + with gr.Row(): + refresh_history_btn = gr.Button("๐ Refresh", elem_classes="secondary") + clear_history_btn = gr.Button("๐๏ธ Clear History", elem_classes="secondary") + + # History gallery + history_gallery = gr.Gallery( + label="Your Generated Images", + elem_id="history-gallery", + columns=4, + rows=3, + height=600, + object_fit="contain" + ) + + # History info + history_info = gr.HTML(value="") + + # Favorites tab + with gr.TabItem("Favorites", id="favorites-tab"): + # Favorites toolbar + with gr.Row(): + refresh_favorites_btn = gr.Button("๐ Refresh", elem_classes="secondary") + + # Favorites gallery + favorites_gallery = gr.Gallery( + label="Your Favorite Images", + elem_id="favorites-gallery", + columns=4, + rows=3, + height=600, + object_fit="contain" + ) + + # Favorites info + favorites_info = gr.HTML(value="") + + # Explore tab with creative examples and guided mode + with gr.TabItem("Explore", id="explore-tab") as explore_tab: + with gr.Tabs() as explore_tabs: + # Creative prompts tab + with gr.TabItem("Inspiration", id="inspiration-tab"): + gr.HTML(""" +Explore magical realms, mythical creatures, and enchanted landscapes from your imagination.
+Create futuristic technology, alien worlds, and space adventures in stunning detail.
+Visualize galaxies, nebulae, and celestial phenomena beyond human imagination.
+Bring unique characters to life for stories, games, or personal projects.
+Design futuristic cities, cyberpunk streets, or nostalgic urban environments.
+Experiment with different art styles from renaissance to modern abstract expressions.
+Answer the questions below to create a detailed prompt. Our AI will help you transform your ideas into amazing images.
+{APP_CONFIG["tagline"]}
+ +Imaginova is a powerful AI image generation platform that helps you bring your creative visions to life. + Built with advanced diffusion models, Imaginova transforms your text descriptions into stunning, + high-quality images across various styles and artistic mediums.
+ +Powered by Hugging Face's Diffusion Models and built with Gradio.
+Created with โค๏ธ for the creative community.
+Your created images will appear here. Start generating to build your collection!
+Showing {len(images)} images from your history
+Your favorite images will appear here. Add images to favorites to build your collection!
+Showing {len(images)} favorite images
+