app

app.py

@@ -7,8 +7,8 @@ def generate_example_pronunciation(input_text, script):
 
 def check_pronunciation(input_text, script, user_audio):
     # Placeholder logic for pronunciation checking
-    transcript_ugArab_box = "Automatic transcription of your audio..."
-    transcript_ugLatn_box = "Automatic transcription of your audio..."
+    transcript_ugArab_box = "Automatic transcription of your audio (Arabic)..."
+    transcript_ugLatn_box = "Automatic transcription of your audio (Latin)..."
     correct_pronunciation = "Correct pronunciation in IPA"
     user_pronunciation = "User pronunciation in IPA"
     pronunciation_match = "Matching segments in green, mismatched in red"
@@ -32,9 +32,9 @@ with gr.Blocks() as app:
                         placeholder="Enter Uyghur text here...",
                     )
             with gr.Row():
-                    example_audio = gr.Audio(label="3. Click Generate Example Pronunciation")
+                example_audio = gr.Audio(label="3. Click Generate Example Pronunciation")
             with gr.Row():
-                    generate_btn = gr.Button("Generate Example Pronunciation")
+                generate_btn = gr.Button("Generate Example Pronunciation")
             with gr.Row():
                 user_audio = gr.Audio(
                     label="4. Record/Upload Your Pronunciation",
@@ -46,34 +46,40 @@ with gr.Blocks() as app:
         
         # Output Column
         with gr.Column(scale=1):
-            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..."
-                )
+            # Group transcripts together
+            with gr.Group(label="ASR Transcripts"):
+                with gr.Row():
+                    transcript_ugArab_box = gr.Textbox(
+                        label="ASR Transcript (Uyghur Arabic)",
+                        placeholder="Automatic transcription of your audio..."
+                    )
+                with gr.Row():
+                    transcript_ugLatn_box = gr.Textbox(
+                        label="ASR Transcript (Uyghur Latin)",
+                        placeholder="Automatic transcription of your audio..."
+                    )
+            
+            # Group correct and user pronunciation
+            with gr.Group(label="Pronunciation Details"):
+                with gr.Row():
+                    correct_pronunciation_box = gr.Textbox(
+                        label="Correct Pronunciation",
+                        placeholder="IPA representation of the correct pronunciation..."
+                    )
+                with gr.Row():
+                    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..."
+            )
 
     # Bind functions to buttons
     generate_btn.click(