Create app-backup1.py

app-backup1.py

@@ -0,0 +1,1028 @@
+import os
+import gradio as gr
+import json
+import logging
+import torch
+from PIL import Image
+import spaces
+from diffusers import DiffusionPipeline, AutoencoderTiny, AutoencoderKL, AutoPipelineForImage2Image
+from live_preview_helpers import calculate_shift, retrieve_timesteps, flux_pipe_call_that_returns_an_iterable_of_images
+from diffusers.utils import load_image
+from huggingface_hub import hf_hub_download, HfFileSystem, ModelCard, snapshot_download
+import copy
+import random
+import time
+import requests
+import pandas as pd
+from transformers import pipeline
+from gradio_imageslider import ImageSlider
+import numpy as np
+import warnings
+
+
+huggingface_token = os.getenv("HF_TOKEN")
+
+
+translator = pipeline("translation", model="Helsinki-NLP/opus-mt-ko-en", device="cpu")
+
+
+        
+#Load prompts for randomization
+df = pd.read_csv('prompts.csv', header=None)
+prompt_values = df.values.flatten()
+
+# Load LoRAs from JSON file
+with open('loras.json', 'r') as f:
+    loras = json.load(f)
+
+# Initialize the base model
+dtype = torch.bfloat16
+
+device = "cuda" if torch.cuda.is_available() else "cpu"
+
+# 공통 FLUX 모델 로드
+base_model = "black-forest-labs/FLUX.1-dev"
+pipe = DiffusionPipeline.from_pretrained(base_model, torch_dtype=dtype).to(device)
+
+# LoRA를 위한 설정
+taef1 = AutoencoderTiny.from_pretrained("madebyollin/taef1", torch_dtype=dtype).to(device)
+good_vae = AutoencoderKL.from_pretrained(base_model, subfolder="vae", torch_dtype=dtype).to(device)
+
+# Image-to-Image 파이프라인 설정
+pipe_i2i = AutoPipelineForImage2Image.from_pretrained(
+    base_model,
+    vae=good_vae,
+    transformer=pipe.transformer,
+    text_encoder=pipe.text_encoder,
+    tokenizer=pipe.tokenizer,
+    text_encoder_2=pipe.text_encoder_2,
+    tokenizer_2=pipe.tokenizer_2,
+    torch_dtype=dtype
+).to(device)
+
+MAX_SEED = 2**32 - 1
+MAX_PIXEL_BUDGET = 1024 * 1024
+
+pipe.flux_pipe_call_that_returns_an_iterable_of_images = flux_pipe_call_that_returns_an_iterable_of_images.__get__(pipe)
+
+class calculateDuration:
+    def __init__(self, activity_name=""):
+        self.activity_name = activity_name
+
+    def __enter__(self):
+        self.start_time = time.time()
+        return self
+
+    def __exit__(self, exc_type, exc_value, traceback):
+        self.end_time = time.time()
+        self.elapsed_time = self.end_time - self.start_time
+        if self.activity_name:
+            print(f"Elapsed time for {self.activity_name}: {self.elapsed_time:.6f} seconds")
+        else:
+            print(f"Elapsed time: {self.elapsed_time:.6f} seconds")
+
+def download_file(url, directory=None):
+    if directory is None:
+        directory = os.getcwd()  # Use current working directory if not specified
+    
+    # Get the filename from the URL
+    filename = url.split('/')[-1]
+    
+    # Full path for the downloaded file
+    filepath = os.path.join(directory, filename)
+    
+    # Download the file
+    response = requests.get(url)
+    response.raise_for_status()  # Raise an exception for bad status codes
+    
+    # Write the content to the file
+    with open(filepath, 'wb') as file:
+        file.write(response.content)
+    
+    return filepath
+
+def update_selection(evt: gr.SelectData, selected_indices, loras_state, width, height):
+    selected_index = evt.index
+    selected_indices = selected_indices or []
+    if selected_index in selected_indices:
+        selected_indices.remove(selected_index)
+    else:
+        if len(selected_indices) < 3:
+            selected_indices.append(selected_index)
+        else:
+            gr.Warning("You can select up to 3 LoRAs, remove one to select a new one.")
+            return gr.update(), gr.update(), gr.update(), gr.update(), selected_indices, gr.update(), gr.update(), gr.update(), width, height, gr.update(), gr.update(), gr.update()
+
+    selected_info_1 = "Select LoRA 1"
+    selected_info_2 = "Select LoRA 2"
+    selected_info_3 = "Select LoRA 3"
+    
+    lora_scale_1 = 1.15
+    lora_scale_2 = 1.15
+    lora_scale_3 = 1.15    
+    lora_image_1 = None
+    lora_image_2 = None
+    lora_image_3 = None
+    
+    if len(selected_indices) >= 1:
+        lora1 = loras_state[selected_indices[0]]
+        selected_info_1 = f"### LoRA 1 Selected: [{lora1['title']}](https://huggingface.co/{lora1['repo']}) ✨"
+        lora_image_1 = lora1['image']
+    if len(selected_indices) >= 2:
+        lora2 = loras_state[selected_indices[1]]
+        selected_info_2 = f"### LoRA 2 Selected: [{lora2['title']}](https://huggingface.co/{lora2['repo']}) ✨"
+        lora_image_2 = lora2['image']
+    if len(selected_indices) >= 3:
+        lora3 = loras_state[selected_indices[2]]
+        selected_info_3 = f"### LoRA 3 Selected: [{lora3['title']}](https://huggingface.co/{lora3['repo']}) ✨"
+        lora_image_3 = lora3['image']
+        
+    if selected_indices:
+        last_selected_lora = loras_state[selected_indices[-1]]
+        new_placeholder = f"Type a prompt for {last_selected_lora['title']}"
+    else:
+        new_placeholder = "Type a prompt after selecting a LoRA"
+
+    return gr.update(placeholder=new_placeholder), selected_info_1, selected_info_2, selected_info_3, selected_indices, lora_scale_1, lora_scale_2, lora_scale_3, width, height, lora_image_1, lora_image_2, lora_image_3
+
+def remove_lora(selected_indices, loras_state, index_to_remove):
+    if len(selected_indices) > index_to_remove:
+        selected_indices.pop(index_to_remove)
+    
+    selected_info_1 = "Select LoRA 1"
+    selected_info_2 = "Select LoRA 2"
+    selected_info_3 = "Select LoRA 3"
+    lora_scale_1 = 1.15
+    lora_scale_2 = 1.15
+    lora_scale_3 = 1.15
+    lora_image_1 = None
+    lora_image_2 = None
+    lora_image_3 = None
+    
+    for i, idx in enumerate(selected_indices):
+        lora = loras_state[idx]
+        if i == 0:
+            selected_info_1 = f"### LoRA 1 Selected: [{lora['title']}]({lora['repo']}) ✨"
+            lora_image_1 = lora['image']
+        elif i == 1:
+            selected_info_2 = f"### LoRA 2 Selected: [{lora['title']}]({lora['repo']}) ✨"
+            lora_image_2 = lora['image']
+        elif i == 2:
+            selected_info_3 = f"### LoRA 3 Selected: [{lora['title']}]({lora['repo']}) ✨"
+            lora_image_3 = lora['image']
+    
+    return selected_info_1, selected_info_2, selected_info_3, selected_indices, lora_scale_1, lora_scale_2, lora_scale_3, lora_image_1, lora_image_2, lora_image_3
+
+def remove_lora_1(selected_indices, loras_state):
+    return remove_lora(selected_indices, loras_state, 0)
+
+def remove_lora_2(selected_indices, loras_state):
+    return remove_lora(selected_indices, loras_state, 1)
+
+def remove_lora_3(selected_indices, loras_state):
+    return remove_lora(selected_indices, loras_state, 2)
+
+def randomize_loras(selected_indices, loras_state):
+    try:
+        if len(loras_state) < 3:
+            raise gr.Error("Not enough LoRAs to randomize.")
+        selected_indices = random.sample(range(len(loras_state)), 3)
+        lora1 = loras_state[selected_indices[0]]
+        lora2 = loras_state[selected_indices[1]]
+        lora3 = loras_state[selected_indices[2]]
+        selected_info_1 = f"### LoRA 1 Selected: [{lora1['title']}](https://huggingface.co/{lora1['repo']}) ✨"
+        selected_info_2 = f"### LoRA 2 Selected: [{lora2['title']}](https://huggingface.co/{lora2['repo']}) ✨"
+        selected_info_3 = f"### LoRA 3 Selected: [{lora3['title']}](https://huggingface.co/{lora3['repo']}) ✨"
+        lora_scale_1 = 1.15
+        lora_scale_2 = 1.15
+        lora_scale_3 = 1.15
+        lora_image_1 = lora1.get('image', 'path/to/default/image.png')
+        lora_image_2 = lora2.get('image', 'path/to/default/image.png')
+        lora_image_3 = lora3.get('image', 'path/to/default/image.png')
+        random_prompt = random.choice(prompt_values)
+        return selected_info_1, selected_info_2, selected_info_3, selected_indices, lora_scale_1, lora_scale_2, lora_scale_3, lora_image_1, lora_image_2, lora_image_3, random_prompt
+    except Exception as e:
+        print(f"Error in randomize_loras: {str(e)}")
+        return "Error", "Error", "Error", [], 1.15, 1.15, 1.15, 'path/to/default/image.png', 'path/to/default/image.png', 'path/to/default/image.png', ""
+
+def add_custom_lora(custom_lora, selected_indices, current_loras):
+    if custom_lora:
+        try:
+            title, repo, path, trigger_word, image = check_custom_model(custom_lora)
+            print(f"Loaded custom LoRA: {repo}")
+            existing_item_index = next((index for (index, item) in enumerate(current_loras) if item['repo'] == repo), None)
+            if existing_item_index is None:
+                if repo.endswith(".safetensors") and repo.startswith("http"):
+                    repo = download_file(repo)
+                new_item = {
+                    "image": image if image else "/home/user/app/custom.png",
+                    "title": title,
+                    "repo": repo,
+                    "weights": path,
+                    "trigger_word": trigger_word
+                }
+                print(f"New LoRA: {new_item}")
+                existing_item_index = len(current_loras)
+                current_loras.append(new_item)
+            
+            # Update gallery
+            gallery_items = [(item["image"], item["title"]) for item in current_loras]
+            # Update selected_indices if there's room
+            if len(selected_indices) < 3:
+                selected_indices.append(existing_item_index)
+            else:
+                gr.Warning("You can select up to 3 LoRAs, remove one to select a new one.")
+
+            # Update selected_info and images
+            selected_info_1 = "Select a LoRA 1"
+            selected_info_2 = "Select a LoRA 2"
+            selected_info_3 = "Select a LoRA 3"
+            lora_scale_1 = 1.15
+            lora_scale_2 = 1.15
+            lora_scale_3 = 1.15
+            lora_image_1 = None
+            lora_image_2 = None
+            lora_image_3 = None
+            if len(selected_indices) >= 1:
+                lora1 = current_loras[selected_indices[0]]
+                selected_info_1 = f"### LoRA 1 Selected: {lora1['title']} ✨"
+                lora_image_1 = lora1['image'] if lora1['image'] else None
+            if len(selected_indices) >= 2:
+                lora2 = current_loras[selected_indices[1]]
+                selected_info_2 = f"### LoRA 2 Selected: {lora2['title']} ✨"
+                lora_image_2 = lora2['image'] if lora2['image'] else None
+            if len(selected_indices) >= 3:
+                lora3 = current_loras[selected_indices[2]]
+                selected_info_3 = f"### LoRA 3 Selected: {lora3['title']} ✨"
+                lora_image_3 = lora3['image'] if lora3['image'] else None
+            print("Finished adding custom LoRA")
+            return (
+                current_loras,
+                gr.update(value=gallery_items),
+                selected_info_1, 
+                selected_info_2,
+                selected_info_3,
+                selected_indices,
+                lora_scale_1,
+                lora_scale_2,
+                lora_scale_3,
+                lora_image_1,
+                lora_image_2,
+                lora_image_3
+            )
+        except Exception as e:
+            print(e)
+            gr.Warning(str(e))
+            return current_loras, gr.update(), gr.update(), gr.update(), gr.update(), selected_indices, gr.update(), gr.update(), gr.update(), gr.update(), gr.update(), gr.update()
+    else:
+        return current_loras, gr.update(), gr.update(), gr.update(), gr.update(), selected_indices, gr.update(), gr.update(), gr.update(), gr.update(), gr.update(), gr.update()
+
+def remove_custom_lora(selected_indices, current_loras):
+    if current_loras:
+        custom_lora_repo = current_loras[-1]['repo']
+        # Remove from loras list
+        current_loras = current_loras[:-1]
+        # Remove from selected_indices if selected
+        custom_lora_index = len(current_loras)
+        if custom_lora_index in selected_indices:
+            selected_indices.remove(custom_lora_index)
+    # Update gallery
+    gallery_items = [(item["image"], item["title"]) for item in current_loras]
+    # Update selected_info and images
+    selected_info_1 = "Select a LoRA 1"
+    selected_info_2 = "Select a LoRA 2"
+    selected_info_3 = "Select a LoRA 3"
+    lora_scale_1 = 1.15
+    lora_scale_2 = 1.15
+    lora_scale_3 = 1.15
+    lora_image_1 = None
+    lora_image_2 = None
+    lora_image_3 = None
+    if len(selected_indices) >= 1:
+        lora1 = current_loras[selected_indices[0]]
+        selected_info_1 = f"### LoRA 1 Selected: [{lora1['title']}]({lora1['repo']}) ✨"
+        lora_image_1 = lora1['image']
+    if len(selected_indices) >= 2:
+        lora2 = current_loras[selected_indices[1]]
+        selected_info_2 = f"### LoRA 2 Selected: [{lora2['title']}]({lora2['repo']}) ✨"
+        lora_image_2 = lora2['image']
+    if len(selected_indices) >= 3:
+        lora3 = current_loras[selected_indices[2]]
+        selected_info_3 = f"### LoRA 3 Selected: [{lora3['title']}]({lora3['repo']}) ✨"
+        lora_image_3 = lora3['image']
+    return (
+        current_loras,
+        gr.update(value=gallery_items),
+        selected_info_1,
+        selected_info_2,
+        selected_info_3,
+        selected_indices,
+        lora_scale_1,
+        lora_scale_2,
+        lora_scale_3,
+        lora_image_1,
+        lora_image_2,
+        lora_image_3
+    )
+
+@spaces.GPU(duration=75)
+def generate_image(prompt_mash, steps, seed, cfg_scale, width, height, progress):
+    print("Generating image...")
+    pipe.to("cuda")
+    generator = torch.Generator(device="cuda").manual_seed(seed)
+    with calculateDuration("Generating image"):
+        # Generate image
+        for img in pipe.flux_pipe_call_that_returns_an_iterable_of_images(
+            prompt=prompt_mash,
+            num_inference_steps=steps,
+            guidance_scale=cfg_scale,
+            width=width,
+            height=height,
+            generator=generator,
+            joint_attention_kwargs={"scale": 1.0},
+            output_type="pil",
+            good_vae=good_vae,
+        ):
+            yield img
+
+@spaces.GPU(duration=75)
+def generate_image_to_image(prompt_mash, image_input_path, image_strength, steps, cfg_scale, width, height, seed):
+    pipe_i2i.to("cuda")
+    generator = torch.Generator(device="cuda").manual_seed(seed)
+    image_input = load_image(image_input_path)
+    final_image = pipe_i2i(
+        prompt=prompt_mash,
+        image=image_input,
+        strength=image_strength,
+        num_inference_steps=steps,
+        guidance_scale=cfg_scale,
+        width=width,
+        height=height,
+        generator=generator,
+        joint_attention_kwargs={"scale": 1.0},
+        output_type="pil",
+    ).images[0]
+    return final_image
+
+def run_lora(prompt, image_input, image_strength, cfg_scale, steps, selected_indices, lora_scale_1, lora_scale_2, lora_scale_3, randomize_seed, seed, width, height, loras_state, progress=gr.Progress(track_tqdm=True)):
+    try:
+        # 한글 감지 및 번역 (이 부분은 그대로 유지)
+        if any('\u3131' <= char <= '\u318E' or '\uAC00' <= char <= '\uD7A3' for char in prompt):
+            translated = translator(prompt, max_length=512)[0]['translation_text']
+            print(f"Original prompt: {prompt}")
+            print(f"Translated prompt: {translated}")
+            prompt = translated
+
+        if not selected_indices:
+            raise gr.Error("You must select at least one LoRA before proceeding.")
+
+        selected_loras = [loras_state[idx] for idx in selected_indices]
+
+        # Build the prompt with trigger words (이 부분은 그대로 유지)
+        prepends = []
+        appends = []
+        for lora in selected_loras:
+            trigger_word = lora.get('trigger_word', '')
+            if trigger_word:
+                if lora.get("trigger_position") == "prepend":
+                    prepends.append(trigger_word)
+                else:
+                    appends.append(trigger_word)
+        prompt_mash = " ".join(prepends + [prompt] + appends)
+        print("Prompt Mash: ", prompt_mash)
+
+        # Unload previous LoRA weights
+        with calculateDuration("Unloading LoRA"):
+            pipe.unload_lora_weights()
+            pipe_i2i.unload_lora_weights()
+            
+        print(f"Active adapters before loading: {pipe.get_active_adapters()}")
+        
+        # Load LoRA weights with respective scales
+        lora_names = []
+        lora_weights = []
+        with calculateDuration("Loading LoRA weights"):
+            for idx, lora in enumerate(selected_loras):
+                try:
+                    lora_name = f"lora_{idx}"
+                    lora_path = lora['repo']
+                    weight_name = lora.get("weights")
+                    print(f"Loading LoRA {lora_name} from {lora_path}")
+                    if image_input is not None:
+                        if weight_name:
+                            pipe_i2i.load_lora_weights(lora_path, weight_name=weight_name, adapter_name=lora_name)
+                        else:
+                            pipe_i2i.load_lora_weights(lora_path, adapter_name=lora_name)
+                    else:
+                        if weight_name:
+                            pipe.load_lora_weights(lora_path, weight_name=weight_name, adapter_name=lora_name)
+                        else:
+                            pipe.load_lora_weights(lora_path, adapter_name=lora_name)
+                    lora_names.append(lora_name)
+                    lora_weights.append(lora_scale_1 if idx == 0 else lora_scale_2 if idx == 1 else lora_scale_3)
+                except Exception as e:
+                    print(f"Failed to load LoRA {lora_name}: {str(e)}")
+
+            print("Loaded LoRAs:", lora_names)
+            print("Adapter weights:", lora_weights)
+            
+            if lora_names:
+                if image_input is not None:
+                    pipe_i2i.set_adapters(lora_names, adapter_weights=lora_weights)
+                else:
+                    pipe.set_adapters(lora_names, adapter_weights=lora_weights)
+            else:
+                print("No LoRAs were successfully loaded.")
+                return None, seed, gr.update(visible=False)
+
+        print(f"Active adapters after loading: {pipe.get_active_adapters()}")
+
+        # 여기서부터 이미지 생성 로직 (이 부분은 그대로 유지)
+        with calculateDuration("Randomizing seed"):
+            if randomize_seed:
+                seed = random.randint(0, MAX_SEED)
+
+        if image_input is not None:
+            final_image = generate_image_to_image(prompt_mash, image_input, image_strength, steps, cfg_scale, width, height, seed)
+        else:
+            image_generator = generate_image(prompt_mash, steps, seed, cfg_scale, width, height, progress)
+            final_image = None
+            step_counter = 0
+            for image in image_generator:
+                step_counter += 1
+                final_image = image
+                progress_bar = f'<div class="progress-container"><div class="progress-bar" style="--current: {step_counter}; --total: {steps};"></div></div>'
+                yield image, seed, gr.update(value=progress_bar, visible=True)
+
+        if final_image is None:
+            raise Exception("Failed to generate image")
+        
+        return final_image, seed, gr.update(visible=False)
+
+    except Exception as e:
+        print(f"Error in run_lora: {str(e)}")
+        return None, seed, gr.update(visible=False)
+
+run_lora.zerogpu = True
+
+def get_huggingface_safetensors(link):
+    split_link = link.split("/")
+    if len(split_link) == 2:
+        model_card = ModelCard.load(link)
+        base_model = model_card.data.get("base_model")
+        print(f"Base model: {base_model}")
+        if base_model not in ["black-forest-labs/FLUX.1-dev", "black-forest-labs/FLUX.1-schnell"]:
+            raise Exception("Not a FLUX LoRA!")
+        image_path = model_card.data.get("widget", [{}])[0].get("output", {}).get("url", None)
+        trigger_word = model_card.data.get("instance_prompt", "")
+        image_url = f"https://huggingface.co/{link}/resolve/main/{image_path}" if image_path else None
+        fs = HfFileSystem()
+        safetensors_name = None
+        try:
+            list_of_files = fs.ls(link, detail=False)
+            for file in list_of_files:
+                if file.endswith(".safetensors"):
+                    safetensors_name = file.split("/")[-1]
+                if not image_url and file.lower().endswith((".jpg", ".jpeg", ".png", ".webp")):
+                    image_elements = file.split("/")
+                    image_url = f"https://huggingface.co/{link}/resolve/main/{image_elements[-1]}"
+        except Exception as e:
+            print(e)
+            raise gr.Error("Invalid Hugging Face repository with a *.safetensors LoRA")
+        if not safetensors_name:
+            raise gr.Error("No *.safetensors file found in the repository")
+        return split_link[1], link, safetensors_name, trigger_word, image_url
+    else:
+        raise gr.Error("Invalid Hugging Face repository link")
+
+def check_custom_model(link):
+    if link.endswith(".safetensors"):
+        # Treat as direct link to the LoRA weights
+        title = os.path.basename(link)
+        repo = link
+        path = None  # No specific weight name
+        trigger_word = ""
+        image_url = None
+        return title, repo, path, trigger_word, image_url
+    elif link.startswith("https://"):
+        if "huggingface.co" in link:
+            link_split = link.split("huggingface.co/")
+            return get_huggingface_safetensors(link_split[1])
+        else:
+            raise Exception("Unsupported URL")
+    else:
+        # Assume it's a Hugging Face model path
+        return get_huggingface_safetensors(link)
+
+def update_history(new_image, history):
+    """Updates the history gallery with the new image."""
+    if history is None:
+        history = []
+    if new_image is not None:
+        history.insert(0, new_image)
+    return history
+
+custom_theme = gr.themes.Base(
+    primary_hue="blue",
+    secondary_hue="purple",
+    neutral_hue="slate",
+).set(
+    button_primary_background_fill="*primary_500",
+    button_primary_background_fill_dark="*primary_600",
+    button_primary_background_fill_hover="*primary_400",
+    button_primary_border_color="*primary_500",
+    button_primary_border_color_dark="*primary_600",
+    button_primary_text_color="white",
+    button_primary_text_color_dark="white",
+    button_secondary_background_fill="*neutral_100",
+    button_secondary_background_fill_dark="*neutral_700",
+    button_secondary_background_fill_hover="*neutral_50",
+    button_secondary_text_color="*neutral_800",
+    button_secondary_text_color_dark="white",
+    background_fill_primary="*neutral_50",
+    background_fill_primary_dark="*neutral_900",
+    block_background_fill="white",
+    block_background_fill_dark="*neutral_800",
+    block_label_background_fill="*primary_500",
+    block_label_background_fill_dark="*primary_600",
+    block_label_text_color="white",
+    block_label_text_color_dark="white",
+    block_title_text_color="*neutral_800",
+    block_title_text_color_dark="white",
+    input_background_fill="white",
+    input_background_fill_dark="*neutral_800",
+    input_border_color="*neutral_200",
+    input_border_color_dark="*neutral_700",
+    input_placeholder_color="*neutral_400",
+    input_placeholder_color_dark="*neutral_400",
+    shadow_spread="8px",
+    shadow_inset="0px 2px 4px 0px rgba(0,0,0,0.05)"
+)
+
+css = '''
+/* 기본 버튼 및 컴포넌트 스타일 */
+#gen_btn {
+    height: 100%
+}
+
+#title {
+    text-align: center
+}
+
+#title h1 {
+    font-size: 3em; 
+    display: inline-flex; 
+    align-items: center
+}
+
+#title img {
+    width: 100px; 
+    margin-right: 0.25em
+}
+
+#lora_list {
+    background: var(--block-background-fill);
+    padding: 0 1em .3em; 
+    font-size: 90%
+}
+
+/* 커스텀 LoRA 카드 스타일 */
+.custom_lora_card {
+    margin-bottom: 1em
+}
+
+.card_internal {
+    display: flex;
+    height: 100px;
+    margin-top: .5em
+}
+
+.card_internal img {
+    margin-right: 1em
+}
+
+/* 유틸리티 클래스 */
+.styler {
+    --form-gap-width: 0px !important
+}
+
+/* 프로그레스 바 스타일 */
+#progress {
+    height: 30px;
+    width: 90% !important;
+    margin: 0 auto !important;
+}
+
+#progress .generating {
+    display: none
+}
+
+.progress-container {
+    width: 100%;
+    height: 30px;
+    background-color: #f0f0f0;
+    border-radius: 15px;
+    overflow: hidden;
+    margin-bottom: 20px
+}
+
+.progress-bar {
+    height: 100%;
+    background-color: #4f46e5;
+    width: calc(var(--current) / var(--total) * 100%);
+    transition: width 0.5s ease-in-out
+}
+
+/* 컴포넌트 특정 스타일 */
+#component-8, .button_total {
+    height: 100%; 
+    align-self: stretch;
+}
+
+#loaded_loras [data-testid="block-info"] {
+    font-size: 80%
+}
+
+#custom_lora_structure {
+    background: var(--block-background-fill)
+}
+
+#custom_lora_btn {
+    margin-top: auto;
+    margin-bottom: 11px
+}
+
+#random_btn {
+    font-size: 300%
+}
+
+#component-11 {
+    align-self: stretch;
+}
+
+/* 갤러리 메인 스타일 */
+#lora_gallery {
+    margin: 20px 0;
+    padding: 10px;
+    border: 1px solid #ddd;
+    border-radius: 12px;
+    background: linear-gradient(to bottom right, #ffffff, #f8f9fa);
+    width: 100% !important;
+    height: 800px !important;
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+    display: block !important;
+}
+
+/* 갤러리 그리드 스타일 */
+#gallery {
+    display: grid !important;
+    grid-template-columns: repeat(10, 1fr) !important;
+    gap: 10px !important;
+    padding: 10px !important;
+    width: 100% !important;
+    height: 100% !important;
+    overflow-y: auto !important;
+    max-width: 100% !important;
+}
+
+/* 갤러리 아이템 스타일 */
+.gallery-item {
+    position: relative !important;
+    width: 100% !important;
+    aspect-ratio: 1 !important;
+    margin: 0 !important;
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+    border-radius: 12px;
+    overflow: hidden;
+}
+
+.gallery-item img {
+    width: 100% !important;
+    height: 100% !important;
+    object-fit: cover !important;
+    border-radius: 12px !important;
+}
+
+/* 갤러리 그리드 래퍼 */
+.wrap, .svelte-w6dy5e {
+    display: grid !important;
+    grid-template-columns: repeat(10, 1fr) !important;
+    gap: 10px !important;
+    width: 100% !important;
+    max-width: 100% !important;
+}
+
+/* 컨테이너 공통 스타일 */
+.container, .content, .block, .contain {
+    width: 100% !important;
+    max-width: 100% !important;
+    margin: 0 !important;
+    padding: 0 !important;
+}
+
+.row {
+    width: 100% !important;
+    margin: 0 !important;
+    padding: 0 !important;
+}
+
+/* 버튼 스타일 */
+.button_total {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    transition: all 0.3s ease;
+}
+
+.button_total:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+/* 입력 필드 스타일 */
+input, textarea {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    transition: all 0.3s ease;
+}
+
+input:focus, textarea:focus {
+    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+}
+
+/* 컴포넌트 border-radius */
+.gradio-container .input, 
+.gradio-container .button,
+.gradio-container .block {
+    border-radius: 12px;
+}
+
+/* 스크롤바 스타일 */
+#gallery::-webkit-scrollbar {
+    width: 8px;
+}
+
+#gallery::-webkit-scrollbar-track {
+    background: #f1f1f1;
+    border-radius: 4px;
+}
+
+#gallery::-webkit-scrollbar-thumb {
+    background: #888;
+    border-radius: 4px;
+}
+
+#gallery::-webkit-scrollbar-thumb:hover {
+    background: #555;
+}
+
+/* Flex 컨테이너 */
+.flex {
+    width: 100% !important;
+    max-width: 100% !important;
+    display: flex !important;
+}
+
+/* Svelte 특정 클래스 */
+.svelte-1p9xokt {
+    width: 100% !important;
+    max-width: 100% !important;
+}
+
+/* Footer 숨김 */
+#footer {
+    visibility: hidden;
+}
+
+/* 결과 이미지 및 컨테이너 스타일 */
+#result_column, #result_column > div {
+    display: flex !important;
+    flex-direction: column !important;
+    align-items: flex-start !important;  /* center에서 flex-start로 변경 */
+    width: 100% !important;
+    margin: 0 !important;  /* auto에서 0으로 변경 */
+}
+
+.generated-image, .generated-image > div {
+    display: flex !important;
+    justify-content: flex-start !important;  /* center에서 flex-start로 변경 */
+    align-items: flex-start !important;  /* center에서 flex-start로 변경 */
+    width: 90% !important;
+    max-width: 768px !important;
+    margin: 0 !important;  /* auto에서 0으로 변경 */
+    margin-left: 20px !important;  /* 왼쪽 여백 추가 */
+}
+
+.generated-image img {
+    margin: 0 !important;  /* auto에서 0으로 변경 */
+    display: block !important;
+    max-width: 100% !important;
+}
+
+/* 히스토리 갤러리도 좌측 정렬로 변경 */
+.history-gallery {
+    display: flex !important;
+    justify-content: flex-start !important;  /* center에서 flex-start로 변경 */
+    width: 90% !important;
+    max-width: 90% !important;
+    margin: 0 !important;  /* auto에서 0으로 변경 */
+    margin-left: 20px !important;  /* 왼쪽 여백 추가 */
+}
+'''
+
+with gr.Blocks(theme=custom_theme, css=css, delete_cache=(60, 3600)) as app:
+    loras_state = gr.State(loras)
+    selected_indices = gr.State([])
+
+    gr.Markdown(
+        """
+        # MixGen3: 멀티 Lora(이미지 학습) 통합 생성 모델
+        ### 사용 안내:
+        갤러리에서 원하는 모델을 선택(최대 3개까지) < 프롬프트에 한글 또는 영문으로 원하는 내용을 입력 < Generate 버튼 실행  
+        """
+    )
+
+    with gr.Row(elem_id="lora_gallery", equal_height=True):
+        gallery = gr.Gallery(
+            value=[(item["image"], item["title"]) for item in loras],
+            label="LoRA Explorer Gallery",
+            columns=11,
+            elem_id="gallery",
+            height=800,
+            object_fit="cover",
+            show_label=True,
+            allow_preview=False,
+            show_share_button=False,
+            container=True,
+            preview=False
+        )
+
+    with gr.Tab(label="Generate"):
+        # Prompt and Generate Button
+        with gr.Row():
+            with gr.Column(scale=3):
+                prompt = gr.Textbox(label="Prompt", lines=1, placeholder="Type a prompt after selecting a LoRA")
+            with gr.Column(scale=1):
+                generate_button = gr.Button("Generate", variant="primary", elem_classes=["button_total"])
+
+        # LoRA Selection Area
+        with gr.Row(elem_id="loaded_loras"):
+            # Randomize Button
+            with gr.Column(scale=1, min_width=25):
+                randomize_button = gr.Button("🎲", variant="secondary", scale=1, elem_id="random_btn")
+            
+            # LoRA 1
+            with gr.Column(scale=8):
+                with gr.Row():
+                    with gr.Column(scale=0, min_width=50):
+                        lora_image_1 = gr.Image(label="LoRA 1 Image", interactive=False, min_width=50, width=50, show_label=False, show_share_button=False, show_download_button=False, show_fullscreen_button=False, height=50)
+                    with gr.Column(scale=3, min_width=100):
+                        selected_info_1 = gr.Markdown("Select a LoRA 1")
+                    with gr.Column(scale=5, min_width=50):
+                        lora_scale_1 = gr.Slider(label="LoRA 1 Scale", minimum=0, maximum=3, step=0.01, value=1.15)
+                with gr.Row():
+                    remove_button_1 = gr.Button("Remove", size="sm")
+
+            # LoRA 2
+            with gr.Column(scale=8):
+                with gr.Row():
+                    with gr.Column(scale=0, min_width=50):
+                        lora_image_2 = gr.Image(label="LoRA 2 Image", interactive=False, min_width=50, width=50, show_label=False, show_share_button=False, show_download_button=False, show_fullscreen_button=False, height=50)
+                    with gr.Column(scale=3, min_width=100):
+                        selected_info_2 = gr.Markdown("Select a LoRA 2")
+                    with gr.Column(scale=5, min_width=50):
+                        lora_scale_2 = gr.Slider(label="LoRA 2 Scale", minimum=0, maximum=3, step=0.01, value=1.15)
+                with gr.Row():
+                    remove_button_2 = gr.Button("Remove", size="sm")
+
+            # LoRA 3
+            with gr.Column(scale=8):
+                with gr.Row():
+                    with gr.Column(scale=0, min_width=50):
+                        lora_image_3 = gr.Image(label="LoRA 3 Image", interactive=False, min_width=50, width=50, show_label=False, show_share_button=False, show_download_button=False, show_fullscreen_button=False, height=50)
+                    with gr.Column(scale=3, min_width=100):
+                        selected_info_3 = gr.Markdown("Select a LoRA 3")
+                    with gr.Column(scale=5, min_width=50):
+                        lora_scale_3 = gr.Slider(label="LoRA 3 Scale", minimum=0, maximum=3, step=0.01, value=1.15)
+                with gr.Row():
+                    remove_button_3 = gr.Button("Remove", size="sm")
+
+        # Result and Progress Area
+        with gr.Column(elem_id="result_column"):
+            progress_bar = gr.Markdown(elem_id="progress", visible=False)
+            with gr.Column(elem_id="result_box"):  # Box를 Column으로 변경
+                result = gr.Image(
+                    label="Generated Image", 
+                    interactive=False,
+                    elem_classes=["generated-image"],
+                    container=True,
+                    elem_id="result_image",
+                    width="100%"
+                )
+            with gr.Accordion("History", open=False):
+                history_gallery = gr.Gallery(
+                    label="History", 
+                    columns=6, 
+                    object_fit="contain", 
+                    interactive=False,
+                    elem_classes=["history-gallery"]
+                )
+
+
+        # Advanced Settings
+        with gr.Row():
+            with gr.Accordion("Advanced Settings", open=False):
+                with gr.Row():
+                    input_image = gr.Image(label="Input image", type="filepath")
+                    image_strength = gr.Slider(label="Denoise Strength", info="Lower means more image influence", minimum=0.1, maximum=1.0, step=0.01, value=0.75)
+                with gr.Column():
+                    with gr.Row():
+                        cfg_scale = gr.Slider(label="CFG Scale", minimum=1, maximum=20, step=0.5, value=3.5)
+                        steps = gr.Slider(label="Steps", minimum=1, maximum=50, step=1, value=28)
+                    with gr.Row():
+                        width = gr.Slider(label="Width", minimum=256, maximum=1536, step=64, value=1024)
+                        height = gr.Slider(label="Height", minimum=256, maximum=1536, step=64, value=1024)
+                    with gr.Row():
+                        randomize_seed = gr.Checkbox(True, label="Randomize seed")
+                        seed = gr.Slider(label="Seed", minimum=0, maximum=MAX_SEED, step=1, value=0, randomize=True)
+
+        # Custom LoRA Section
+        with gr.Column():
+            with gr.Group():
+                with gr.Row(elem_id="custom_lora_structure"):
+                    custom_lora = gr.Textbox(label="Custom LoRA", info="LoRA Hugging Face path or *.safetensors public URL", placeholder="ginipick/flux-lora-eric-cat", scale=3, min_width=150)
+                    add_custom_lora_button = gr.Button("Add Custom LoRA", elem_id="custom_lora_btn", scale=2, min_width=150)
+                remove_custom_lora_button = gr.Button("Remove Custom LoRA", visible=False)
+                gr.Markdown("[Check the list of FLUX LoRAs](https://huggingface.co/models?other=base_model:adapter:black-forest-labs/FLUX.1-dev)", elem_id="lora_list")
+
+        # Event Handlers
+        gallery.select(
+            update_selection,
+            inputs=[selected_indices, loras_state, width, height],
+            outputs=[prompt, selected_info_1, selected_info_2, selected_info_3, selected_indices, 
+                lora_scale_1, lora_scale_2, lora_scale_3, width, height, 
+                lora_image_1, lora_image_2, lora_image_3]
+        )
+
+        remove_button_1.click(
+            remove_lora_1,
+            inputs=[selected_indices, loras_state],
+            outputs=[selected_info_1, selected_info_2, selected_info_3, selected_indices, 
+                lora_scale_1, lora_scale_2, lora_scale_3, 
+                lora_image_1, lora_image_2, lora_image_3]
+        )
+
+        remove_button_2.click(
+            remove_lora_2,
+            inputs=[selected_indices, loras_state],
+            outputs=[selected_info_1, selected_info_2, selected_info_3, selected_indices, 
+                lora_scale_1, lora_scale_2, lora_scale_3, 
+                lora_image_1, lora_image_2, lora_image_3]
+        )
+
+        remove_button_3.click(
+            remove_lora_3,
+            inputs=[selected_indices, loras_state],
+            outputs=[selected_info_1, selected_info_2, selected_info_3, selected_indices, 
+                lora_scale_1, lora_scale_2, lora_scale_3, 
+                lora_image_1, lora_image_2, lora_image_3]
+        )
+
+        randomize_button.click(
+            randomize_loras,
+            inputs=[selected_indices, loras_state],
+            outputs=[selected_info_1, selected_info_2, selected_info_3, selected_indices, 
+                lora_scale_1, lora_scale_2, lora_scale_3, 
+                lora_image_1, lora_image_2, lora_image_3, prompt]
+        )
+
+        add_custom_lora_button.click(
+            add_custom_lora,
+            inputs=[custom_lora, selected_indices, loras_state],
+            outputs=[loras_state, gallery, selected_info_1, selected_info_2, selected_info_3, 
+                selected_indices, lora_scale_1, lora_scale_2, lora_scale_3, 
+                lora_image_1, lora_image_2, lora_image_3]
+        )
+
+        remove_custom_lora_button.click(
+            remove_custom_lora,
+            inputs=[selected_indices, loras_state],
+            outputs=[loras_state, gallery, selected_info_1, selected_info_2, selected_info_3, 
+                selected_indices, lora_scale_1, lora_scale_2, lora_scale_3, 
+                lora_image_1, lora_image_2, lora_image_3]
+        )
+
+        gr.on(
+            triggers=[generate_button.click, prompt.submit],
+            fn=run_lora,
+            inputs=[prompt, input_image, image_strength, cfg_scale, steps, 
+                selected_indices, lora_scale_1, lora_scale_2, lora_scale_3, 
+                randomize_seed, seed, width, height, loras_state],
+            outputs=[result, seed, progress_bar]
+        ).then(
+            fn=lambda x, history: update_history(x, history) if x is not None else history,
+            inputs=[result, history_gallery],
+            outputs=history_gallery
+        )
+
+if __name__ == "__main__":
+    app.queue(max_size=20)
+    app.launch(debug=True)