Adjust section-1 layout: output near upload and controls below

app.py

@@ -261,16 +261,17 @@ with gr.Blocks(css=CUSTOM_CSS, title="Klasifikasi Kehadiran Mahasiswa - YOLOv8")
 
     with gr.Column(elem_classes=["section-box"]):
         gr.Markdown("## Section 1 - Validasi Satu Gambar")
-        image_input = gr.Image(
-            label="Input Gambar Kelas",
-            type="numpy",
-            sources=["upload", "webcam"],
-        )
+        with gr.Row():
+            image_input = gr.Image(
+                label="Upload/Kamera - Gambar Kelas",
+                type="numpy",
+                sources=["upload", "webcam"],
+            )
+            output_image = gr.Image(label="Hasil Proses (Dekat Upload)", type="numpy")
+        output_summary = gr.Textbox(label="Ringkasan", lines=5, interactive=False)
         attendance_input = gr.Number(label="Jumlah Presensi", value=0, precision=0, minimum=0)
         conf_input = gr.Slider(0.1, 1.0, value=0.25, step=0.05, label="Confidence Threshold")
         run_btn = gr.Button("Proses Klasifikasi", variant="primary")
-        output_image = gr.Image(label="Hasil Deteksi", type="numpy")
-        output_summary = gr.Textbox(label="Ringkasan", lines=5, interactive=False)
 
     with gr.Column(elem_classes=["section-box"]):
         gr.Markdown("## Section 2 - Evaluasi Batch Klasifikasi")