Update app.py

app.py

@@ -81,52 +81,61 @@ def save_feedback(audio_file, transcription, user_id, lang, env, device, domain,
 # Gradio UI
 with gr.Blocks() as demo:
     gr.Markdown("## African ASR Evaluation Platform")
-
-    with gr.Row():
-        audio_input = gr.Audio(sources=["upload", "microphone"], type="filepath", label="Upload or record audio")
-        lang = gr.Dropdown(list(model_map.keys()), label="Select Language",value=None )
-        user_id = gr.Textbox(label="Please enter user ID.*")
-
-    transcribed_text = gr.Textbox(label="Transcribed Text")
-    submit_btn = gr.Button("Transcribe")
-    submit_btn.click(fn=transcribe, inputs=[audio_input, lang], outputs=[transcribed_text, audio_input])
-
-    gr.Markdown("---\n## Feedback Form")
-    user_id = gr.Textbox(label="Please enter user ID.*")
-    env = gr.Dropdown(["Studio/Professional Recording", "Quiet Room (minimal noise)", "Noisy Background (e.g., street, cafe, market)","Other"], label="What was the type of recording environment for the speech you evaluated? *",value=None)
-    device = gr.Dropdown(["Mobile Phone/Tablet", "Laptop/Computer Microphone", "Dedicated Microphone (e.g., headset, studio mic)", "Other"], label="What type of recording device  was used? *",value=None)
-    domain = gr.Textbox(label="Was the speech related to a specific topic? If yes, please specify the topic (e.g., news, education, medical, law, religious, sports, science).")
-    accuracy = gr.Slider(1, 10, step=1, label="Overall, how accurate was the model's transcription for the audio you reviewed? *")
-    transcript_edit = gr.Textbox(label="If the transcription provided by the model was incorrect, please enter your corrected version.")
-    orthography = gr.Radio(["Yes, mostly correct", "No, major issues", "Partially (some correct, some incorrect)", "Not Applicable"], label="Did the transcription correctly use the standard orthography (including accents, diacritics, special characters) for the language?",value=None)
-    orthography_issues = gr.Textbox(label="If you selected \"No\" or \"Partially\", please describe any significant orthography issues you noticed.")
-    meaning = gr.Slider(1, 5, step=1, label="Did the model's transcription preserve the original meaning of the speech? *")
-    meaning_loss = gr.Textbox(label="If the meaning was not fully preserved (i.e., you rated 1-4 above), please briefly explain how it was changed or lost.")
-    errors = gr.CheckboxGroup([
-        "Substitutions (wrong words used)",
-        "Omissions (words missing)",
-        "Insertions (extra words added)",
-        "Pronunciation-related errors (phonetically plausible but wrong word/spelling)",
-        "Diacritic/Tone/Special Character errors",
-        "Code-switching errors (mixing languages incorrectly)",
-        "Named Entity errors (names of people/places wrong)",
-        "Punctuation errors",
-        "No significant errors observed"
-    ] , label="Which types of errors were most prominent or impactful in the transcriptions? *", value=[])
-    error_examples = gr.Textbox(label="(Optional) Can you provide 1-2 examples of significant errors and how you would correct them?")
-    performance = gr.Textbox(label="Please describe the model's performance in your own words. What did it do well? What did it struggle with? *")
-
-    save_btn = gr.Button("Submit Feedback")
-    output_msg = gr.Textbox(interactive=False)
-    save_btn.click(
-    fn=save_feedback,
-    inputs=[
-        audio_input, transcribed_text, user_id, lang, env, device, domain, accuracy,
-        transcript_edit, orthography, orthography_issues,
-        meaning, meaning_loss, errors, error_examples, performance
-    ],
-    outputs=[output_msg]
-    )
-
+    
+    user_id = gr.Textbox(label="Please enter user ID. *")
+    proceed_btn = gr.Button("Proceed")
+
+    with gr.Group(visible=False) as main_ui:
+        with gr.Row():
+            audio_input = gr.Audio(sources=["upload", "microphone"], type="filepath", label="Upload or record audio")
+            lang = gr.Dropdown(list(model_map.keys()), label="Select Language", value=None)
+
+        transcribed_text = gr.Textbox(label="Transcribed Text")
+        submit_btn = gr.Button("Transcribe")
+        submit_btn.click(fn=transcribe, inputs=[audio_input, lang], outputs=[transcribed_text, audio_input])
+
+        gr.Markdown("---\n## Feedback Form")
+        env = gr.Dropdown(["Studio/Professional Recording", "Quiet Room (minimal noise)", "Noisy Background (e.g., street, cafe, market)","Other"], label="What was the type of recording environment for the speech you evaluated? *",value=None)
+        device = gr.Dropdown(["Mobile Phone/Tablet", "Laptop/Computer Microphone", "Dedicated Microphone (e.g., headset, studio mic)", "Other"], label="What type of recording device  was used? *",value=None)
+        domain = gr.Textbox(label="Was the speech related to a specific topic? If yes, please specify the topic (e.g., news, education, medical, law, religious, sports, science).")
+        accuracy = gr.Slider(1, 10, step=1, label="Overall, how accurate was the model's transcription for the audio you reviewed? *")
+        transcript_edit = gr.Textbox(label="If the transcription provided by the model was incorrect, please enter your corrected version.")
+        orthography = gr.Radio(["Yes, mostly correct", "No, major issues", "Partially (some correct, some incorrect)", "Not Applicable"], label="Did the transcription correctly use the standard orthography (including accents, diacritics, special characters) for the language?",value=None)
+        orthography_issues = gr.Textbox(label="If you selected \"No\" or \"Partially\", please describe any significant orthography issues you noticed.")
+        meaning = gr.Slider(1, 5, step=1, label="Did the model's transcription preserve the original meaning of the speech? *")
+        meaning_loss = gr.Textbox(label="If the meaning was not fully preserved (i.e., you rated 1-4 above), please briefly explain how it was changed or lost.")
+        errors = gr.CheckboxGroup([
+            "Substitutions (wrong words used)",
+            "Omissions (words missing)",
+            "Insertions (extra words added)",
+            "Pronunciation-related errors (phonetically plausible but wrong word/spelling)",
+            "Diacritic/Tone/Special Character errors",
+            "Code-switching errors (mixing languages incorrectly)",
+            "Named Entity errors (names of people/places wrong)",
+            "Punctuation errors",
+            "No significant errors observed"
+        ] , label="Which types of errors were most prominent or impactful in the transcriptions? *", value=[])
+        error_examples = gr.Textbox(label="(Optional) Can you provide 1-2 examples of significant errors and how you would correct them?")
+        performance = gr.Textbox(label="Please describe the model's performance in your own words. What did it do well? What did it struggle with? *")
+
+        save_btn = gr.Button("Submit Feedback")
+        output_msg = gr.Textbox(interactive=False)
+    
+        save_btn.click(
+        fn=save_feedback,
+        inputs=[
+            audio_input, transcribed_text, user_id, lang, env, device, domain, accuracy,
+            transcript_edit, orthography, orthography_issues,
+            meaning, meaning_loss, errors, error_examples, performance
+        ],
+        outputs=[output_msg]
+        )
+    def reveal_ui(user_input):
+            if user_input.strip():
+                return gr.update(visible=True)
+            else:
+                return gr.update(visible=False)
+    
+        proceed_btn.click(fn=reveal_ui, inputs=[user_id], outputs=[main_ui])
 # Launch the interface
 demo.launch()