Use single-column layout in web UI with status below submit button

2026-06-19 15:20:18 +00:00
parent dabb5970ba
commit 327c05ea16
1 changed files with 34 additions and 35 deletions
@@ -134,47 +134,46 @@ def create_app():
        if header_html:
            gr.HTML(header_html)

-        with gr.Row(elem_id="main-row"):
-            with gr.Column():
-                audio_input = gr.Audio(
-                    label="Upload or record audio",
-                    type="filepath",
-                )
+        # Single-column layout: inputs followed by status/output
+        with gr.Column():
+            audio_input = gr.Audio(
+                label="Upload or record audio",
+                type="filepath",
+            )

-                task_choice = gr.Radio(
-                    choices=[
-                        ("Transcribe", "transcribe"),
-                        ("Transcribe & summarize", "transcript_and_summarize"),
-                    ],
-                    value="transcribe",
-                    label="Task",
-                    container=True,
-                )
+            task_choice = gr.Radio(
+                choices=[
+                    ("Transcribe", "transcribe"),
+                    ("Transcribe & summarize", "transcript_and_summarize"),
+                ],
+                value="transcribe",
+                label="Task",
+                container=True,
+            )

-                identify_speakers = gr.Checkbox(
-                    label="Identify speakers (best effort using AI)",
-                    value=True,
-                    info="If enabled, AI will attempt to infer real names for speakers and replace Speaker 1/2/etc. in the transcript.",
-                )
+            identify_speakers = gr.Checkbox(
+                label="Identify speakers (best effort using AI)",
+                value=True,
+                info="If enabled, AI will attempt to infer real names for speakers and replace Speaker 1/2/etc. in the transcript.",
+            )

-                email_to = gr.Textbox(
-                    label="Your email address (required)",
-                    placeholder="e.g. your.name@example.com",
-                )
+            email_to = gr.Textbox(
+                label="Your email address (required)",
+                placeholder="e.g. your.name@example.com",
+            )

-                email_cc = gr.Textbox(
-                    label="CC (optional, comma-separated)",
-                    placeholder="e.g. manager@example.com",
-                )
+            email_cc = gr.Textbox(
+                label="CC (optional, comma-separated)",
+                placeholder="e.g. manager@example.com",
+            )

-                submit_btn = gr.Button("Submit for transcription", variant="primary")
+            submit_btn = gr.Button("Submit for transcription", variant="primary")

-            with gr.Column():
-                status_text = gr.Textbox(
-                    label="Status",
-                    lines=6,
-                    interactive=False,
-                )
+            status_text = gr.Textbox(
+                label="Status",
+                lines=6,
+                interactive=False,
+            )

        # Footer
        if footer_html: