Update app.py

app.py

@@ -168,20 +168,14 @@ with gr.Blocks() as translator_tab:
     trans_out_audio = gr.Audio(label='Translated Audio Output', interactive=False, streaming=False, autoplay=True)
     trans_out_tokens = gr.Textbox(interactive=False, show_label=False, info='Tokens used to generate the translated audio')
     translate_btn = gr.Button('Translate & Generate Audio', variant='primary')
-    
-    translate_btn.click(fn=translate_and_generate, inputs=[text, voice, speed], outputs=[trans_out_audio, trans_out_tokens, text], api_name=API_NAME)
-
-BANNER_TEXT = '''
-[***Kokoro*** **is an open-weight TTS model with 82 million parameters.**](https://huggingface.co/hexgrad/Kokoro-82M)
-As of January 31st, 2025, Kokoro was the most-liked [**TTS model**](https://huggingface.co/models?pipeline_tag=text-to-speech&sort=likes) and the most-liked [**TTS space**](https://huggingface.co/spaces?sort=likes&search=tts) on Hugging Face.
-This demo only showcases English, but you can directly use the model to access other languages.
-'''
 
+# Main app with text input field that is accessible globally
 with gr.Blocks() as app:
     with gr.Row():
         gr.Markdown(BANNER_TEXT, container=True)
     with gr.Row():
         with gr.Column():
+            # Make 'text' globally accessible
             text = gr.Textbox(label='Input Text', info=f"Up to ~500 characters per Generate, or {'∞' if CHAR_LIMIT is None else CHAR_LIMIT} characters per Stream")
             with gr.Row():
                 voice = gr.Dropdown(list(CHOICES.items()), value='af_heart', label='Voice', info='Quality and availability vary by language')
@@ -195,12 +189,17 @@ with gr.Blocks() as app:
             speed = gr.Slider(minimum=0.5, maximum=2, value=1, step=0.1, label='Speed')
             random_btn = gr.Button('Random Text', variant='secondary')
         with gr.Column():
+            # Tabs for generation and translation
             gr.TabbedInterface([generate_tab, translator_tab], ['Generate', 'Translator'])
     
+    # Event handlers for the buttons
     random_btn.click(fn=get_random_text, inputs=[voice], outputs=[text], api_name=API_NAME)
     generate_btn.click(fn=generate_first, inputs=[text, voice, speed, use_gpu], outputs=[out_audio, out_ps], api_name=API_NAME)
     tokenize_btn.click(fn=tokenize_first, inputs=[text, voice], outputs=[out_ps], api_name=API_NAME)
     predict_btn.click(fn=predict, inputs=[text, voice, speed], outputs=[out_audio], api_name=API_NAME)
 
+    # Fix: Pass `text` as an input to `translate_and_generate`
+    translate_btn.click(fn=translate_and_generate, inputs=[text, voice, speed], outputs=[trans_out_audio, trans_out_tokens, text], api_name=API_NAME)
+
 if __name__ == '__main__':
     app.queue(api_open=API_OPEN).launch(show_api=API_OPEN, ssr_mode=True)