feat: rename some labels

app.py

@@ -12,7 +12,7 @@ css = """
 .speech-output-container {min-height: 60px;}
 .speech-output-html {text-align: left; }
 """
-word_idx_text = "Recognized word index"
+word_idx_text = "Selected word index"
 
 
 def get_textbox_hidden():
@@ -71,14 +71,14 @@ with gr.Blocks(css=css, head=js.head_driver_tour) as gradio_app:
                 btn_clear_tts.click(clear, inputs=[], outputs=[audio_tts])
             with gr.Row():
                 audio_student_recording_stt = gr.Audio(
-                    label="Speech-toText audio output",
+                    label="Record a speech to evaluate",
                     sources=["microphone", "upload"],
                     type="filepath",
                     show_download_button=True,
                     elem_id="audio-student-recording-stt-id-element",
                 )
             with gr.Row():
-                with gr.Accordion("Click here to expand the table examples", open=True, elem_id="accordion-examples-id-element"):
+                with gr.Accordion("Click here to expand the table examples", open=False, elem_id="accordion-examples-id-element"):
                     examples_text = gr.Examples(
                         examples=[
                             ["Hallo, wie geht es dir?", "de", 1],
@@ -129,12 +129,12 @@ with gr.Blocks(css=css, head=js.head_driver_tour) as gradio_app:
             btn_recognize_speech_accuracy = gr.Button(value="Get speech accuracy score (%)", elem_id="btn-recognize-speech-accuracy-id-element")
             with gr.Row():
                 num_tot_recognized_words = gr.Number(label="Total recognized words", visible=False, minimum=0, interactive=False)
-                with gr.Column(scale=2, min_width=50):
+                with gr.Column(scale=1, min_width=50):
                     num_selected_recognized_words = gr.Number(label=word_idx_text, visible=True, minimum=0, value=0, interactive=False)
-                with gr.Column(scale=9, min_width=100):
+                with gr.Column(scale=4, min_width=100):
                     # todo: use https://www.gradio.app/docs/gradio/multimodaltextbox
                     audio_splitted_student_recording_stt = gr.Audio(
-                        label="Splitted student audio output",
+                        label="Splitted student speech output",
                         type="filepath",
                         show_download_button=True,
                         elem_id="audio-splitted-student-recording-stt-id-element",
@@ -196,7 +196,7 @@ with gr.Blocks(css=css, head=js.head_driver_tour) as gradio_app:
         app_logger.info(f"change_max_selected_words: {n} ...")
         num_max_selected_words = n -1 
         app_logger.info(f"num_selected_recognized_words.maximum, pre: {num_selected_recognized_words.maximum} ...")
-        label = word_idx_text if n == 0 else f"{word_idx_text} ({num_max_selected_words} max)"
+        label = word_idx_text if n == 0 else f"{word_idx_text} (from 0 to {num_max_selected_words})"
         interactive = n > 0
         app_logger.info(f"change_max_selected_words: {n}, is interactive? {interactive} ...")
         new_num_selected_recognized_words = gr.Number(label=label, visible=True, value=0, minimum=0, maximum=num_max_selected_words, interactive=interactive)