HURA Implementation

app.py

@@ -747,8 +747,7 @@ def on_input_image_change(image_path):
         return None, gr.update()
     img, img_path = convert_to_rgba_png(image_path)
     width, height = img.size
-    hex_components["set_height_width_hura_image"](width, height)
-    return [img_path, gr.update(width=width, height=height)]
+    return [img_path, gr.update(width=width, height=height), gr.update(value=width), gr.update(value=height)]
 
 def update_sketch_dimensions(input_image, sketch_image):
     # Load the images using open_image() if they are provided as file paths.
@@ -1268,6 +1267,7 @@ with gr.Blocks(css_paths="style_20250314.css", title=title, theme='Surn/beeuty',
                 with gr.Row():
                     apply_lut_button = gr.Button("Apply Filter  to Input Image", elem_classes="solid", elem_id="apply_lut_button")
                     apply_lut_to_sketch_button = gr.Button("Apply Filter to Sketch", elem_classes="solid", elem_id="apply_lut_to_sketch_button")
+                    apply_lut_to_hura_button = gr.Button("Apply Filter to HURA", elem_classes="solid", elem_id="apply_lut_to_hura_button")
                 with gr.Row():
                     lut_example_image = gr.Image(type="pil", label="Filter (LUT) Example Image", value=constants.default_lut_example_img)
                 with gr.Row():
@@ -1285,35 +1285,21 @@ with gr.Blocks(css_paths="style_20250314.css", title=title, theme='Surn/beeuty',
                             label="Select a Filter (LUT) file to populate the LUT File Name field",
                             examples_per_page = 25,
                         )
-                    
-                lut_file.change(get_filename, inputs=[lut_file], outputs=[lut_filename])
-                lut_filename.change(show_lut, inputs=[lut_filename, input_image, lut_intensity], outputs=[lut_example_image], scroll_to_output=True)
-                lut_intensity.change(show_lut, inputs=[lut_filename, input_image, lut_intensity], outputs=[lut_example_image])
-                apply_lut_button.click(
-                    lambda lut_filename, input_image, lut_intensity: gr.Warning("Please upload an Input Image to get started.") if input_image is None else apply_lut_to_image_path(lut_filename, input_image, lut_intensity)[1], 
-                    inputs=[lut_filename, input_image, lut_intensity], 
-                    outputs=[input_image], 
-                    scroll_to_output=True
-                )
-                apply_lut_to_sketch_button.click(
-                    lambda lut_filename, sketch_image, lut_intensity: gr.Warning("Please upload an Input Image to get started.") if input_image is None else apply_lut_to_image_path(lut_filename, replace_with_sketch_image(sketch_image, False), lut_intensity)[1], 
-                    inputs=[lut_filename, sketch_image, lut_intensity], 
-                    outputs=[sketch_image], 
-                    scroll_to_output=True
-                )
             with gr.Accordion("Color Composite", open = False):
                 with gr.Row():
                     composite_color = gr.ColorPicker(label="Color", value="#ede9ac44")
                     composite_opacity = gr.Slider(label="Opacity %", minimum=0, maximum=100, value=50, interactive=True)
                 with gr.Row():
-                    composite_button = gr.Button("Composite to Input Image", elem_classes="solid")
-                    composite_sketch_button = gr.Button("Composite to Sketh", elem_classes="solid")
+                    composite_button = gr.Button("Composite to Input Image", elem_classes="solid", elem_id="composite_to_input_button")
+                    composite_sketch_button = gr.Button("Composite to Sketh", elem_classes="solid", elem_id="composite_to_sketch_button")
+                    composite_hura_button = gr.Button("Composite to HURA", elem_classes="solid", elem_id="composite_to_hura_button")
             with gr.Accordion("Blur", open = False):
                 with gr.Row():
                     blur_amount = gr.Slider(label="Blur Amount", minimum=0, maximum=100, value=5, interactive=True)
                 with gr.Row():
                     blur_button = gr.Button("Blur Input Image", elem_classes="solid")
                     blur_sketch_button = gr.Button("Blur Sketch", elem_classes="solid")
+                    blur_hura_button = gr.Button("Blur HURA", elem_classes="solid")
             with gr.Accordion("Generate Hex Hura Background", open = False):
                 hex_components = hex_hura.render()
                 with gr.Row():
@@ -1621,7 +1607,7 @@ with gr.Blocks(css_paths="style_20250314.css", title=title, theme='Surn/beeuty',
     input_image.input(
         fn=on_input_image_change,
         inputs=[input_image],
-        outputs=[input_image,sketch_image], scroll_to_output=True,
+        outputs=[input_image, sketch_image, hex_components["width_slider"], hex_components["height_slider"]], scroll_to_output=True,
     )
     ###################### sketchpad ############################
     btn_sketch_alpha_composite.click(
@@ -1651,16 +1637,45 @@ with gr.Blocks(css_paths="style_20250314.css", title=title, theme='Surn/beeuty',
 
     #################### model end ########################################
     ########### special effects ###############
+    lut_file.change(get_filename, inputs=[lut_file], outputs=[lut_filename])
+    lut_filename.change(show_lut, inputs=[lut_filename, input_image, lut_intensity], outputs=[lut_example_image], scroll_to_output=True)
+    lut_intensity.release(show_lut, inputs=[lut_filename, input_image, lut_intensity], outputs=[lut_example_image], queue=False)
+    apply_lut_button.click(
+        lambda lut_filename, input_image, lut_intensity: gr.Warning("Please upload an Input Image to get started.") if input_image is None else apply_lut_to_image_path(lut_filename, input_image, lut_intensity)[1], 
+        inputs=[lut_filename, input_image, lut_intensity], 
+        outputs=[input_image], 
+        scroll_to_output=True
+    )
+    apply_lut_to_sketch_button.click(
+        lambda lut_filename, sketch_image, lut_intensity: gr.Warning("Please upload an Input Image to get started.") if input_image is None else apply_lut_to_image_path(lut_filename, replace_with_sketch_image(sketch_image, False), lut_intensity)[1], 
+        inputs=[lut_filename, sketch_image, lut_intensity], 
+        outputs=[sketch_image], 
+        scroll_to_output=True
+    )
+    apply_lut_to_hura_button.click(
+        lambda lut_filename, hura_image, lut_intensity: gr.Warning("Please create a HURA to get started.") if hex_components["target_image"] is None else apply_lut_to_image_path(lut_filename, hura_image, lut_intensity)[1], 
+        inputs=[lut_filename, hex_components["target_image"], lut_intensity], 
+        outputs=hex_components["target_image"], 
+        scroll_to_output=True
+    )
+
     composite_button.click(
         fn=lambda input_image, composite_color, composite_opacity: gr.Warning("Please upload an Input Image to get started.") if input_image is None else change_color(input_image, composite_color, composite_opacity),
         inputs=[input_image, composite_color, composite_opacity],
         outputs=[input_image]
     )
     composite_sketch_button.click(
-        fn=lambda sketch_image, composite_color, composite_opacity: gr.Warning("Please upload an Sketch Image to get started.") if Sketch_image is None else change_color(sketch_image, composite_color, composite_opacity),
+        fn=lambda sketch_image, composite_color, composite_opacity: gr.Warning("Please upload an Sketch Image to get started.") if sketch_image is None else change_color(sketch_image, composite_color, composite_opacity),
         inputs=[sketch_image, composite_color, composite_opacity],
         outputs=[sketch_image]
     )
+    composite_hura_button.click(
+        fn=lambda hura_image, composite_color, composite_opacity: gr.Warning("Please create a HURA to get started.") if hex_components["target_image"] is None else change_color(hura_image, composite_color, composite_opacity),
+        inputs=[ hex_components["target_image"], composite_color, composite_opacity],
+        outputs=hex_components["target_image"],
+        scroll_to_output=True
+    )
+
     blur_button.click(
         fn=lambda input_image, blur_amount: gr.Warning("Please upload an Input Image to get started.") if input_image is None else blur_image(input_image, blur_amount),
         inputs=[input_image, blur_amount],
@@ -1669,7 +1684,10 @@ with gr.Blocks(css_paths="style_20250314.css", title=title, theme='Surn/beeuty',
         fn=lambda sketch_image, blur_amount: gr.Warning("Please upload an Sketch Image to get started.") if sketch_image is None else blur_image(sketch_image, blur_amount),
         inputs=[sketch_image, blur_amount],
         outputs=[sketch_image])
-
+    blur_hura_button.click(
+        fn=lambda hura_image, blur_amount: gr.Warning("Please create a HURA to get started.") if hex_components["target_image"] is None else blur_image(hura_image, blur_amount),
+        inputs=[hex_components["target_image"], blur_amount],
+        outputs=[hex_components["target_image"]])
     ################ end special effects ############################
     #use conditioned_image as the input_image for generate_input_image_click
     generate_input_image_from_gallery.click(
@@ -1704,31 +1722,31 @@ with gr.Blocks(css_paths="style_20250314.css", title=title, theme='Surn/beeuty',
         outputs=[sketch_image, sketch_image]
     )
 
-    output_grid_tilt.change(
+    output_grid_tilt.release(
         fn=transform_grid,
         inputs=[output_image, output_grid_tilt, output_grid_rotation],
-        outputs=[output_image]
+        outputs=[output_image], queue=False
     )
-    output_grid_rotation.change(
+    output_grid_rotation.release(
         fn=transform_grid,
         inputs=[output_image, output_grid_tilt, output_grid_rotation],
-        outputs=[output_image]
+        outputs=[output_image], queue=False
     )
-    output_overlay_composite.change(
+    output_overlay_composite.release(
         fn=combine_images_with_lerp,
         inputs=[input_image, output_image, output_overlay_composite],
-        outputs=[overlay_image], scroll_to_output=True
+        outputs=[overlay_image], queue=False, scroll_to_output=True
     )
-    output_blend_multiply_composite.change(
+    output_blend_multiply_composite.release(
         fn=multiply_and_blend_images,
         inputs=[input_image, output_image, output_blend_multiply_composite],
-        outputs=[overlay_image],
+        outputs=[overlay_image], queue=False,
         scroll_to_output=True
     )
-    output_alpha_composite.change(
+    output_alpha_composite.release(
         fn=alpha_composite_with_control,
         inputs=[input_image, output_image, output_alpha_composite],
-        outputs=[overlay_image],
+        outputs=[overlay_image], queue=False,
         scroll_to_output=True
     )
     add_border_button.click(