feat: rewrite UI with Google Translate-style layout

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app.py

@@ -84,59 +84,37 @@ def _build_demo() -> gr.Blocks:
     _, language_names = _build_language_mappings()
 
     with gr.Blocks(title="MADLAD-400 Translation") as demo:
-        gr.Markdown(
-            "# MADLAD-400 Translation\n"
-            "Translate English into 22 production-ready languages using Google's MADLAD-400 3B model. "
-            "[Paper](https://arxiv.org/pdf/2309.04662)"
-        )
+        gr.Markdown("# MADLAD-400 Translation")
+
+        with gr.Row():
+            gr.Markdown("English →", container=False)
+            target_language = gr.Dropdown(
+                choices=language_names,
+                value="French",
+                label="Target language",
+                scale=0,
+            )
 
         with gr.Row():
-            # --- Sidebar ---
-            with gr.Column(scale=1, min_width=250):
-                gr.Markdown("### Settings")
-
-                target_language = gr.Dropdown(
-                    choices=language_names,
-                    value="French",
-                    label="Target language",
-                )
-                max_new_tokens = gr.Slider(minimum=1, maximum=1024, value=512, step=1, label="Max new tokens")
-                num_beams = gr.Slider(minimum=1, maximum=10, value=1, step=1, label="Num beams")
-                temperature = gr.Slider(minimum=0.1, maximum=2.0, value=1.0, step=0.1, label="Temperature")
-
-            # --- Main area ---
-            with gr.Column(scale=3):
-                with gr.Tab("Single"):
-                    with gr.Row():
-                        input_text = gr.Textbox(
-                            label="English",
-                            placeholder="Enter English text here",
-                            lines=4,
-                        )
-                        output_text = gr.Textbox(
-                            label="Translation",
-                            lines=4,
-                            buttons=["copy"],
-                            interactive=False,
-                        )
-
-                    single_btn = gr.Button("Translate", variant="primary")
-
-                    single_btn.click(
-                        fn=translate,
-                        inputs=[input_text, target_language, max_new_tokens, num_beams, temperature],
-                        outputs=output_text,
-                    )
-
-                    gr.Examples(
-                        examples=[
-                            ["Hello, how are you today?", "French"],
-                            ["The weather is beautiful.", "Spanish"],
-                            ["Thank you very much.", "German"],
-                            ["Where is the train station?", "Portuguese"],
-                        ],
-                        inputs=[input_text, target_language],
-                    )
+            input_text = gr.Textbox(
+                label="English",
+                placeholder="Enter English text here",
+                lines=4,
+            )
+            output_text = gr.Textbox(
+                label="Translation",
+                lines=4,
+                buttons=["copy"],
+                interactive=False,
+            )
+
+        translate_btn = gr.Button("Translate", variant="primary")
+
+        translate_btn.click(
+            fn=translate,
+            inputs=[input_text, target_language],
+            outputs=output_text,
+        )
 
     return demo