Update app.py

app.py

@@ -348,6 +348,65 @@ with gr.Blocks(theme='Hev832/Applio') as blocks:
                     type="pil",
                 )
 
+                
+            with gr.Accordion("Set Custom QR Code Colors", open=False):
+                bg_color = gr.ColorPicker(
+                    label="Background Color", 
+                    value="#FFFFFF",
+                    info="Choose the background color for the QR code"
+                )
+                qr_color = gr.ColorPicker(
+                    label="QR Code Color", 
+                    value="#000000",
+                    info="Choose the color for the QR code pattern"
+                )
+                invert_final_image = gr.Checkbox(
+                    label="Invert Final Image", 
+                    value=False,
+                    info="Check this to invert the colors of the final image",
+                    visible=False,
+                )
+            with gr.Accordion("AI Model Selection", open=False):
+                controlnet_model_dropdown = gr.Dropdown(
+                    choices=list(CONTROLNET_MODELS.keys()),
+                    value="QR Code Monster",
+                    label="ControlNet Model",
+                    info="Select the ControlNet model for QR code generation"
+                )
+                diffusion_model_dropdown = gr.Dropdown(
+                    choices=list(DIFFUSION_MODELS.keys()),
+                    value="GhostMix",
+                    label="Diffusion Model",
+                    info="Select the main diffusion model for image generation"
+                )
+                
+        with gr.Column():
+            result_image = gr.Image(label="Your Artistic QR Code")
+            used_seed = gr.Number(label="Seed Used", interactive=False)
+            
+            with gr.Row(visible=False):
+                scan_button = gr.Button("Verify QR Code Works")
+                scan_result = gr.Textbox(label="Validation Result of QR Code", interactive=False)
+
+
+
+            gr.Markdown(
+                """
+                ### 🔍 Analyzing Your Creation
+                - Is the QR code scannable? Check with your phone camera to see if it can scan it.
+                - If not scannable, use the Brightness, Contrast, and Saturation sliders to optimize the QR code for scanning.
+                - Does the art style match your prompt? If not, try adjusting the 'Prompt Adherence'.
+                - Want more artistic flair? Increase the 'Artistic Freedom'.
+                - Need a clearer QR code? Raise the 'QR Code Visibility'.
+                """
+            )
+            
+            with gr.Row():
+                brightness = gr.Slider(minimum=0.1, maximum=2.0, step=0.1, value=1.0, label="Brightness")
+                contrast = gr.Slider(minimum=0.1, maximum=2.0, step=0.1, value=1.0, label="Contrast")
+                saturation = gr.Slider(minimum=0.1, maximum=2.0, step=0.1, value=1.0, label="Saturation")
+            with gr.Row():
+                invert_button = gr.Button("Invert Image")
 
             with gr.Accordion("Advanced Art Controls", open=True):
                 with gr.Row():
@@ -461,66 +520,6 @@ with gr.Blocks(theme='Hev832/Applio') as blocks:
                             Try **-1** if you want to explore and generate different designs. If you find something you really love, write down the seed number and use it again to recreate the same design.
                             """
                         )
-                
-            with gr.Accordion("QR Code Customization", open=True):
-                bg_color = gr.ColorPicker(
-                    label="Background Color", 
-                    value="#FFFFFF",
-                    info="Choose the background color for the QR code"
-                )
-                qr_color = gr.ColorPicker(
-                    label="QR Code Color", 
-                    value="#000000",
-                    info="Choose the color for the QR code pattern"
-                )
-                invert_final_image = gr.Checkbox(
-                    label="Invert Final Image", 
-                    value=False,
-                    info="Check this to invert the colors of the final image",
-                    visible=False,
-                )
-            with gr.Accordion("Model Selection", open=True):
-                controlnet_model_dropdown = gr.Dropdown(
-                    choices=list(CONTROLNET_MODELS.keys()),
-                    value="QR Code Monster",
-                    label="ControlNet Model",
-                    info="Select the ControlNet model for QR code generation"
-                )
-                diffusion_model_dropdown = gr.Dropdown(
-                    choices=list(DIFFUSION_MODELS.keys()),
-                    value="GhostMix",
-                    label="Diffusion Model",
-                    info="Select the main diffusion model for image generation"
-                )
-                
-        with gr.Column():
-            result_image = gr.Image(label="Your Artistic QR Code")
-            used_seed = gr.Number(label="Seed Used", interactive=False)
-            
-            with gr.Row(visible=False):
-                scan_button = gr.Button("Verify QR Code Works")
-                scan_result = gr.Textbox(label="Validation Result of QR Code", interactive=False)
-
-
-
-            gr.Markdown(
-                """
-                ### 🔍 Analyzing Your Creation
-                - Is the QR code scannable? Check with your phone camera to see if it can scan it.
-                - If not scannable, use the Brightness, Contrast, and Saturation sliders to optimize the QR code for scanning.
-                - Does the art style match your prompt? If not, try adjusting the 'Prompt Adherence'.
-                - Want more artistic flair? Increase the 'Artistic Freedom'.
-                - Need a clearer QR code? Raise the 'QR Code Visibility'.
-                """
-            )
-            
-            with gr.Row():
-                brightness = gr.Slider(minimum=0.1, maximum=2.0, step=0.1, value=1.0, label="Brightness")
-                contrast = gr.Slider(minimum=0.1, maximum=2.0, step=0.1, value=1.0, label="Contrast")
-                saturation = gr.Slider(minimum=0.1, maximum=2.0, step=0.1, value=1.0, label="Saturation")
-            with gr.Row():
-                invert_button = gr.Button("Invert Image")
-            
 
     def scan_and_display(image):
         if image is None: