Update app.py

app.py

@@ -744,207 +744,198 @@ input:focus, textarea:focus {
 }
 '''
 
-
 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 버튼 실행  
-        """
-    )
+     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")
 
-    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,  # 10개로 변경
-            elem_id="gallery",
-            height=800,
-            object_fit="cover",
-            show_label=True,
-            allow_preview=False,
-            show_share_button=False,
-            container=True,
-            preview=False
-        )    
+               # 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")
 
-        
-    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(scale=0.9):  # 10% 축소를 위해 scale 값을 0.9로 설정
-    progress_bar = gr.Markdown(elem_id="progress", visible=False)
-    result = gr.Image(
-        label="Generated Image", 
-        interactive=False,
-        elem_classes=["generated-image", "result-container"],
-        scale=0.9  # 이미지 크기도 10% 축소
-    )
-    with gr.Accordion("History", open=False):
-        history_gallery = gr.Gallery(
-            label="History", 
-            columns=6, 
-            object_fit="contain", 
-            interactive=False,
-            elem_classes=["history-gallery"],
-            scale=0.9  # 히스토리 갤러리도 10% 축소
-        )
-
-        # 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():
+               # LoRA 3
+               with gr.Column(scale=8):
                     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.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():
-                        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)
+                         remove_button_3 = gr.Button("Remove", size="sm")
+
+          # Result and Progress Area (10% 축소)
+          with gr.Column():
+               progress_bar = gr.Markdown(elem_id="progress", visible=False)
+               result = gr.Image(
+                    label="Generated Image", 
+                    interactive=False,
+                    width="90%",  # 너비를 90%로 설정하여 10% 축소
+                    container=True
+               )
+               with gr.Accordion("History", open=False):
+                    history_gallery = gr.Gallery(
+                         label="History", 
+                         columns=6, 
+                         object_fit="contain", 
+                         interactive=False,
+                         width="90%"  # 너비를 90%로 설정하여 10% 축소
+                    )
+
+# Advanced Settings
+          with gr.Row():
+               with gr.Accordion("Advanced Settings", open=False):
                     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")
-        
-                # Result and Progress Area
-                with gr.Column():
-                    progress_bar = gr.Markdown(elem_id="progress", visible=False)
-                    result = gr.Image(label="Generated Image", interactive=False)
-                    with gr.Accordion("History", open=False):
-                        history_gallery = gr.Gallery(label="History", columns=6, object_fit="contain", interactive=False)
-
-        # 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, 
+                         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, 
+          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, 
+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, 
+          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, 
+          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, 
+          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, 
+          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,
-        )
+          )
+
+          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)
+     app.queue(max_size=20)
+     app.launch(debug=True)
+