Update app.py

app.py

@@ -5,38 +5,40 @@ import gradio as gr
 
 def translate_and_speak(text: str, target: str, log: list):
     if not text.strip():
-        return "", None, log
+        # return empty outputs and keep log untouched
+        return "", None, log, log
 
-    # Translate
+    # 1️⃣ translate
     dest = "es" if target == "Spanish" else "en"
     translated = GoogleTranslator(source='auto', target=dest).translate(text)
 
-    # Text-to-speech
+    # 2️⃣ speak
     tts = gTTS(translated, lang=dest)
     tmp = tempfile.NamedTemporaryFile(suffix=".mp3", delete=False)
     tts.write_to_fp(tmp)
     tmp.flush()
 
-    # Update session log
+    # 3️⃣ update log
     log_entry = [text, target, translated]
-    log = log + [log_entry]
+    new_log = log + [log_entry]
 
-    return translated, tmp.name, log
+    # outputs: translated text, audio filepath, session table rows, updated state
+    return translated, tmp.name, new_log, new_log
 
-with gr.Blocks(title="🌐💬 Translate & Speak with Logs") as demo:
+with gr.Blocks(title="🌐💬 Translate & Speak + Session Log") as demo:
     gr.Markdown(
         "# 🗣️ Translate & Speak + Session Log\n"
-        "Type text, choose language, click **Go**, and see your session history."
+        "Type text, choose language, click **Go**, and watch your session history."
     )
 
     with gr.Row():
-        text_in = gr.Textbox(lines=3, placeholder="Enter text here…")
+        text_in  = gr.Textbox(lines=3, placeholder="Enter text here…")
         lang_sel = gr.Radio(["Spanish", "English"], value="Spanish", label="Translate to")
     go_btn = gr.Button("Go 🔄", variant="primary")
 
     translated_out = gr.Textbox(label="Translated text", interactive=False)
-    audio_out = gr.Audio(label="Speech output", type="filepath")
-    session_log = gr.Dataframe(
+    audio_out      = gr.Audio(label="Speech output", type="filepath")
+    session_log    = gr.Dataframe(
         headers=["Input Text", "Target Language", "Translated Text"],
         datatype=["str", "str", "str"],
         wrap=True,
@@ -44,14 +46,12 @@ with gr.Blocks(title="🌐💬 Translate & Speak with Logs") as demo:
         label="Session Log"
     )
 
-    # Hidden state for accumulating log entries
-    log_state = gr.State([])
+    log_state = gr.State([])  # holds list of [input, lang, translation]
 
     go_btn.click(
         translate_and_speak,
         inputs=[text_in, lang_sel, log_state],
-        outputs=[translated_out, audio_out, session_log],
-        _js="(x)=>{return x;}"  # ensure state passes through
+        outputs=[translated_out, audio_out, session_log, log_state]
     )
 
 if __name__ == "__main__":