Update app.py

app.py

@@ -766,202 +766,197 @@ input:focus, textarea:focus {
     margin: 0 auto !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")
+    loras_state = gr.State(loras)
+    selected_indices = gr.State([])
+
+    gr.Markdown(
+        """
+        # MixGen3: 멀티 Lora(이미지 학습) 통합 생성 모델
+        ### 사용 안내:
+        갤러리에서 원하는 모델을 선택(최대 3개까지) < 프롬프트에 한글 또는 영문으로 원하는 내용을 입력 < Generate 버튼 실행  
+        """
+    )
 
-               # LoRA 3
-               with gr.Column(scale=8):
+    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():
+            progress_bar = gr.Markdown(elem_id="progress", visible=False)
+            result = gr.Image(
+                label="Generated Image", 
+                interactive=False,
+                elem_classes=["generated-image"],
+                container=True
+            )
+            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():
-                         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)
+                        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():
-                         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,
-                      elem_classes=["generated-image"],
-                      container=True
-                 )
-                 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):
+                        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():
-                         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
-          )
+                        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)
+    app.queue(max_size=20)
+    app.launch(debug=True)