Update app.py

app.py

@@ -546,55 +546,95 @@ gr.HTML("""
 """)
 
 with gr.Blocks(css=css) as demo:
+    # ─── States ───
     image_data_state = gr.State([])
-    temp_dir_state = gr.State(None)
+    temp_dir_state  = gr.State(None)
 
+    # ─── Header ───
     gr.HTML(lamp_html)
     with gr.Row():
         gr.Markdown("<h1>🖼️ Image Processor</h1>")
 
-        # ─────── LEFT PANEL ───────
+    # ─── Main layout ───
     with gr.Row():
+        # ── LEFT PANEL ──
         with gr.Column(scale=3, min_width=500):
             with gr.Group(elem_classes="panel"):
-                mode_toggle = gr.Radio(["📄 Upload Workbook", "📤 Upload Images"], 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)
-                image_url_input = gr.Textbox( label="🌐 Paste Image URL", visible=False)
-
-                def toggle_inputs(choice):
-                    is_wb = choice.startswith("📄")
-                    return (
-                        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=[workbook_upload, upload_box, image_url_input] )
-                upload_box.change( lambda files: f"{len(files)} files ready." if files else "No files selected",inputs=[upload_box], outputs=[status] )
+                mode_toggle = gr.Radio(
+                    ["📄 Upload Workbook", "📤 Upload Images"],
+                    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
+                )
+                image_url_input = gr.Textbox(
+                    label="🌐 Paste Image URL",
+                    visible=False
+                )
                 process_btn = gr.Button("⚙️ Process", elem_id="process-btn-url")
 
             with gr.Group(elem_classes="panel"):
                 with gr.Row():
-                    format_choice = gr.Dropdown(["JPEG","PNG","WEBP","TIFF","GIF","JFIF","AVIF"],label="🖼️ Format", value="JPEG")
-                    width  = gr.Number(label="Width (px)", value=1000, precision=0)
+                    format_choice = gr.Dropdown(
+                        ["JPEG","PNG","WEBP","TIFF","GIF","JFIF","AVIF"],
+                        label="🖼️ Format",
+                        value="JPEG"
+                    )
+                    width  = gr.Number(label="Width (px)",  value=1000, precision=0)
                     height = gr.Number(label="Height (px)", value=1000, precision=0)
 
-        with gr.Column(scale=2):
+        # ── RIGHT PANEL ──
+        with gr.Column(scale=2, min_width=400):
             with gr.Group(elem_classes="panel"):
-                status = gr.Textbox(label="📣 Status", lines=6, interactive=False, elem_id="status-box")
+                status = gr.Textbox(
+                    label="📣 Status",
+                    lines=6,
+                    interactive=False,
+                    elem_id="status-box"
+                )
                 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")
+                stop_btn  = gr.Button("Stop",  elem_id="stop-btn")
                 clear_btn = gr.Button("Clear", elem_id="clear-btn")
 
+    # ─── Footer ───
     gr.Markdown("<center style='margin-top:1rem;color:white'>Created with 💜 by Vishakha</center>")
 
-    # ─────── HOOK UP EVENTS ───────
+    # ─── EVENT HOOKS ───
+    mode_toggle.change(
+        fn=lambda choice: (
+            gr.update(visible=choice.startswith("📄")),
+            gr.update(visible=not choice.startswith("📄")),
+            gr.update(visible=not choice.startswith("📄"))
+        ),
+        inputs=[mode_toggle],
+        outputs=[workbook_upload, upload_box, image_url_input]
+    )
+
+    workbook_upload.change(
+        fn=read_uploaded_workbook,
+        inputs=[workbook_upload],
+        outputs=[image_data_state, status]
+    )
+
+    upload_box.change(
+        fn=lambda files: f"{len(files)} files ready." if files else "No files selected",
+        inputs=[upload_box],
+        outputs=[status]
+    )
+
     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
@@ -609,19 +649,24 @@ with gr.Blocks(css=css) as demo:
     zip_download_btn.click(
         None,
         inputs=[zip_file_hidden],
-        js="(file) => file && window.open(file.url)"
+        js="(file) => file && window.open(file.url, '_blank')"
     )
 
     clear_btn.click(
         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
+            workbook_upload, image_data_state, upload_box,
+            zip_file_hidden, single_downloads, status,
+            temp_dir_state, image_url_input
         ]
     )
 
-    stop_btn.click(lambda: ("🛑 Stop signal sent",), outputs=[status])
+    stop_btn.click(
+        fn=lambda: "🛑 Stop signal sent",
+        outputs=[status]
+    )
 
 if __name__ == "__main__":
     demo.queue().launch(debug=True)
+