app

app.py

@@ -19,22 +19,21 @@ with gr.Blocks() as app:
         # Input Column
         with gr.Column(scale=1):
             with gr.Row():
-                with gr.Column(scale=0.2):  # Script choice takes 1/5th of the row
+                with gr.Column(scale=1):  # Script choice takes 1/5th of the row
                     script_choice = gr.Radio(
                         choices=["Uyghur Arabic", "Uyghur Latin"],
                         label="1. Select Input Script",
                         value="Uyghur Arabic"
                     )
-                with gr.Column(scale=0.8):  # Textbox takes the remaining 4/5th
+                with gr.Column(scale=4):  # Textbox takes the remaining 4/5th
                     input_text = gr.Textbox(
                         label="2. Input Uyghur Text to Pronounce",
                         placeholder="Enter Uyghur text here...",
                     )
             with gr.Row():
-                with gr.Column(scale=0.2):  
+                    example_audio = gr.Audio(label="3. Click Generate Example Pronunciation")
+            with gr.Row():
                     generate_btn = gr.Button("Generate Example Pronunciation")
-                with gr.Column(scale=0.8): 
-                    example_audio = gr.Audio(label="3. Click Generate Example Pronunciation", interactive=False)
             with gr.Row():
                 user_audio = gr.Audio(
                     label="4. Record/Upload Your Pronunciation",
@@ -46,26 +45,34 @@ with gr.Blocks() as app:
         
         # Output Column
         with gr.Column(scale=1):
-            transcript_box = gr.Textbox(
-                label="Transcript",
-                placeholder="Automatic transcription of your audio..."
-            )
-            correct_pronunciation_box = gr.Textbox(
-                label="Correct Pronunciation",
-                placeholder="IPA representation of the correct pronunciation..."
-            )
-            user_pronunciation_box = gr.Textbox(
-                label="User Pronunciation",
-                placeholder="IPA representation of your pronunciation..."
-            )
-            match_box = gr.Textbox(
-                label="Pronunciation Match",
-                placeholder="Matching and mismatched characters visualized here..."
-            )
-            score_box = gr.Textbox(
-                label="Pronunciation Score",
-                placeholder="Your pronunciation score as a percentage..."
-            )
+            with gr.Row():
+                transcript_ugArab_box = gr.Textbox(
+                    label="ASR Transcript (Uyghur Arabic)",
+                    placeholder="Automatic transcription of your audio..."
+                )
+                transcript_ugLatn_box = gr.Textbox(
+                    label="ASR Transcript (Uyghur Latin)",
+                    placeholder="Automatic transcription of your audio..."
+                )
+            with gr.Row():
+                correct_pronunciation_box = gr.Textbox(
+                    label="Correct Pronunciation",
+                    placeholder="IPA representation of the correct pronunciation..."
+                )
+                user_pronunciation_box = gr.Textbox(
+                    label="User Pronunciation",
+                    placeholder="IPA representation of your pronunciation..."
+                )
+            with gr.Row():
+                match_box = gr.Textbox(
+                    label="Pronunciation Match",
+                    placeholder="Matching and mismatched characters visualized here..."
+                )
+            with gr.Row():
+                score_box = gr.Textbox(
+                    label="Pronunciation Score",
+                    placeholder="Your pronunciation score as a percentage..."
+                )
 
     # Bind functions to buttons
     generate_btn.click(