Update app.py

app.py

@@ -544,88 +544,75 @@ gr.HTML("""
   </div>
 </div>
 """)
-with gr.Blocks(css=css) as demo:
-    image_data_state = gr.State([])
-    temp_dir_state = gr.State(None)
-
-    gr.HTML(lamp_html)
-
-    with gr.Row():
-        gr.Markdown("<h1>🖼️ Image Processor</h1>")
-
-    with gr.Row():
-        with gr.Column(scale=3):
-            with gr.Group(elem_classes="panel"):
-                mode_toggle = gr.Radio(
-                    ["📄 Upload Workbook", "📤 Upload Images"],
-                    value="📄 Upload Workbook",
-                    label="Select Input Method"
+with gr.Row():
+    with gr.Column(scale=1, min_width=450):  # Input/controls
+        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
+            )
+            status = gr.Textbox(
+                label="📣 Status", lines=6, interactive=False, elem_id="status-box"
+            )
+
+            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_workbook = choice.startswith("📄")
+                return (
+                    gr.update(visible=is_workbook),
+                    gr.update(visible=not is_workbook),
+                    gr.update(visible=not is_workbook)
                 )
 
-                workbook_upload = gr.File(
-                    label="📂 Upload .xlsx/.xlsm Workbook",
-                    file_types=['.xlsx', '.xlsm'],
-                    visible=True
-                )
-                status = gr.Textbox(
-                    label="📣 Status", lines=6, interactive=False, elem_id="status-box"
-                )
-
-                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_workbook = choice.startswith("📄")
-                    return (
-                        gr.update(visible=is_workbook),
-                        gr.update(visible=not is_workbook),
-                        gr.update(visible=not is_workbook)
-                    )
-
-                mode_toggle.change(
-                    fn=toggle_inputs,
-                    inputs=[mode_toggle],
-                    outputs=[workbook_upload, upload_box, image_url_input]
-                )
-                def debug_read_uploaded(file):
-                    data, msg = read_uploaded_workbook(file)
-                    print("Fetched data from Excel:", data[:3])  # Just print a few
-                    return data, msg
-
-                workbook_upload.change(
-                    fn=debug_read_uploaded,
-                    inputs=[workbook_upload],
-                    outputs=[image_data_state, status]
-                )
-
-                upload_box.change(
-                    lambda files: f"{len(files)} files ready." if files else "No files selected",
-                    [upload_box],
-                    [status]
-                )
-
-            with gr.Group(elem_classes="panel"):
-                format_choice = gr.Dropdown(
-                    ["JPEG", "PNG", "WEBP", "TIFF", "GIF", "JFIF", "AVIF"],
-                    label="🖼️ Format", value="JPEG", scale=1
-                )
-                width = gr.Number(label=" Width (px)", value=1000, precision=0, scale=1)
-                height = gr.Number(label=" Height (px)", value=1000, precision=0, scale=1)
-
-        with gr.Column(scale=2):
-            with gr.Group(elem_classes="panel"):
-                zip_download_btn = gr.Button("📦 Download ZIP")
-                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")
+            mode_toggle.change(
+                fn=toggle_inputs,
+                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(
+                lambda files: f"{len(files)} files ready." if files else "No files selected",
+                [upload_box],
+                [status]
+            )
+
+        with gr.Group(elem_classes="panel"):
+            format_choice = gr.Dropdown(
+                ["JPEG", "PNG", "WEBP", "TIFF", "GIF", "JFIF", "AVIF"],
+                label="🖼️ Format", value="JPEG", scale=1
+            )
+            width = gr.Number(label=" Width (px)", value=1000, precision=0, scale=1)
+            height = gr.Number(label=" Height (px)", value=1000, precision=0, scale=1)
+
+    with gr.Column(scale=1, min_width=450):  # Output/results
+        with gr.Group(elem_classes="panel"):
+            zip_download_btn = gr.Button("📦 Download ZIP")
+            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>")