Update app.py

app.py

@@ -552,8 +552,16 @@ with gr.Blocks(css=css) as demo:
     gr.HTML(lamp_html)
     gr.Markdown("<h1>🖼️ Image Processor</h1>")
 
+    # ─────── DEFINE STATUS FIRST ───────
+    status = gr.Textbox(
+        label="📣 Status",
+        lines=18,
+        interactive=False,
+        elem_id="status-box"
+    )
+
     with gr.Row():
-        # === LEFT SIDE: Inputs ===
+        # ─────── LEFT PANEL ───────
         with gr.Column(scale=3, min_width=500):
             with gr.Group(elem_classes="panel"):
                 mode_toggle = gr.Radio(
@@ -561,90 +569,71 @@ with gr.Blocks(css=css) as demo:
                     value="📄 Upload Workbook",
                     label="Select Input Method"
                 )
-
                 workbook_upload = gr.File(
                     label="📂 Upload .xlsx/.xlsm Workbook",
                     file_types=['.xlsx', '.xlsm'],
                     visible=True
                 )
-
                 upload_box = gr.File(
-                    label="📁 Upload Images", file_count="multiple", visible=False
+                    label="📁 Upload Images",
+                    file_count="multiple",
+                    visible=False
                 )
-
                 image_url_input = gr.Textbox(
-                    label="🌐 Paste Image URL", visible=False
+                    label="🌐 Paste Image URL",
+                    visible=False
                 )
 
                 def toggle_inputs(choice):
-                    is_workbook = choice.startswith("📄")
+                    is_wb = choice.startswith("📄")
                     return (
-                        gr.update(visible=is_workbook),
-                        gr.update(visible=not is_workbook),
-                        gr.update(visible=not is_workbook)
+                        gr.update(visible=is_wb),
+                        gr.update(visible=not is_wb),
+                        gr.update(visible=not is_wb)
                     )
 
                 mode_toggle.change(
                     fn=toggle_inputs,
                     inputs=[mode_toggle],
-                    outputs=[image_data_state, status]
+                    outputs=[workbook_upload, upload_box, image_url_input]
                 )
 
+                # now we can safely reference `status` here
                 workbook_upload.change(
                     fn=read_uploaded_workbook,
                     inputs=[workbook_upload],
-                    outputs=[image_data_state, gr.Textbox.update()]
+                    outputs=[image_data_state, status]
                 )
-
                 upload_box.change(
                     lambda files: f"{len(files)} files ready." if files else "No files selected",
-                    [upload_box],
-                    [gr.Textbox.update()]
+                    inputs=[upload_box],
+                    outputs=[status]
                 )
 
-            # PROCESS button right after inputs
             process_btn = gr.Button("⚙️ Process", elem_id="process-btn-url")
 
-            # FORMAT options below Process button
             with gr.Group(elem_classes="panel"):
                 format_choice = gr.Dropdown(
-                    ["JPEG", "PNG", "WEBP", "TIFF", "GIF", "JFIF", "AVIF"],
-                    label="🖼️ Format", value="JPEG"
+                    ["JPEG","PNG","WEBP","TIFF","GIF","JFIF","AVIF"],
+                    label="🖼️ Format",
+                    value="JPEG"
                 )
-                width = gr.Number(label="Width (px)", value=1000, precision=0)
+                width  = gr.Number(label="Width (px)", value=1000, precision=0)
                 height = gr.Number(label="Height (px)", value=1000, precision=0)
 
-            # Buttons at the bottom
             with gr.Row(elem_classes="btn-row"):
-                stop_btn = gr.Button("Stop", elem_id="stop-btn")
+                stop_btn  = gr.Button("Stop", elem_id="stop-btn")
                 clear_btn = gr.Button("Clear", elem_id="clear-btn")
 
-        # === RIGHT SIDE: Status & Output ===
+        # ─────── RIGHT PANEL ───────
         with gr.Column(scale=2, min_width=400):
-            status = gr.Textbox(
-                label="📣 Status", lines=18, interactive=False, elem_id="status-box"
-            )
-            workbook_upload.change(
-                fn=read_uploaded_workbook,
-                inputs=[workbook_upload],
-                outputs=[image_data_state, status]  # ✅ status is now defined
-            )
-            with gr.Group(elem_classes="panel"):
-                zip_download_btn = gr.Button("📦")
-
             with gr.Group(elem_classes="panel"):
                 zip_download_btn = gr.Button("📦 Download ZIP")
-                zip_file_hidden = gr.File(visible=False)
+                zip_file_hidden   = gr.File(visible=False)
                 with gr.Accordion("🧷 Individual Files", open=False):
-                    single_downloads = gr.File(label="Files", file_count="multiple")
-
-            with gr.Row(elem_classes="btn-row"):
-                stop_btn = gr.Button("Stop", elem_id="stop-btn")
-                clear_btn = gr.Button("Clear", elem_id="clear-btn")
-
-    gr.Markdown("<center style='margin-top:1rem;color:white'>Created with 💜 by Vishakha</center>")
+                    single_downloads = gr.File(file_count="multiple")
 
-    process_btn = gr.Button("⚙️ Process", elem_id="process-btn-url")
+    # ─────── HOOK UP EVENTS ───────
     process_btn.click(
         fn=lambda mode, sd, ups, pu, fmt, w, h: (
             process_url_images(sd, fmt, w, h) if mode.startswith("📄") and sd else
@@ -659,34 +648,19 @@ with gr.Blocks(css=css) as demo:
     zip_download_btn.click(
         None,
         inputs=[zip_file_hidden],
-        js="(file) => { if (file) { window.open(file.url, '_blank'); } }"
+        js="(file) => file && window.open(file.url)"
     )
 
-    def clear_all(tmp_dir):
-        if tmp_dir and os.path.exists(tmp_dir):
-            shutil.rmtree(tmp_dir)
-        return "", [], [], gr.update(visible=False), [], "Cleared.", None, ""
-
     clear_btn.click(
-        clear_all,
-        [temp_dir_state],
-        [
-            workbook_upload,
-            image_data_state,
-            upload_box,
-            zip_file_hidden,
-            single_downloads,
-            status,
-            temp_dir_state,
-            image_url_input
+        fn=clear_all,
+        inputs=[temp_dir_state],
+        outputs=[
+            workbook_upload, image_data_state, upload_box, zip_file_hidden,
+            single_downloads, status, temp_dir_state, image_url_input
         ]
     )
 
-    def stop_processing():
-        stop_event.set()
-        return "🛑 Stop signal sent"
-
-    stop_btn.click(stop_processing, outputs=[status])
+    stop_btn.click(lambda: ("🛑 Stop signal sent",), outputs=[status])
 
 if __name__ == "__main__":
     demo.queue().launch(debug=True)