Update app.py

app.py

@@ -90,24 +90,24 @@ def translate_english_to_urdu(text, script_choice, tone_choice):
 
 # ─── 3. INTERFACE PROCESSING WRAPPERS ───────────────────────────────────────
 def handle_text_translation(text, script_choice, tone_choice):
-    """Processes text translation and routes it only to the active script output box."""
+    """Processes text translation and dynamically updates component configurations."""
     translated = translate_english_to_urdu(text, script_choice, tone_choice)
     if script_choice == "Arabic Script (Nastaliq)":
-        return translated, "" # Clear out the hidden box
+        return gr.update(value=translated, visible=True), gr.update(value="", visible=False)
     else:
-        return "", translated
+        return gr.update(value="", visible=False), gr.update(value=translated, visible=True)
 
 def handle_voice_translation(audio_path, script_choice, tone_choice):
-    """Processes voice audio and routes the translation to the correct box layout."""
+    """Processes voice audio and dynamically routes outputs alongside state metrics."""
     transcribed = transcribe_audio(audio_path)
     if transcribed.startswith("⚠️"):
-        return transcribed, transcribed, transcribed
+        return transcribed, gr.update(value=transcribed, visible=True), gr.update(value=transcribed, visible=False)
 
     translated = translate_english_to_urdu(transcribed, script_choice, tone_choice)
     if script_choice == "Arabic Script (Nastaliq)":
-        return transcribed, translated, ""
+        return transcribed, gr.update(value=translated, visible=True), gr.update(value="", visible=False)
     else:
-        return transcribed, "", translated
+        return transcribed, gr.update(value="", visible=False), gr.update(value=translated, visible=True)
 
 
 custom_css = """
@@ -182,7 +182,7 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Soft(primary_hue="indigo", second
         outputs=[urdu_output_nastaliq, urdu_output_roman, urdu_voice_nastaliq, urdu_voice_roman]
     )
 
-    # Fixed Multi-Output Text Handler
+    # Fixed Multi-Output Text Handler using gr.update parameters
     translate_btn.click(
         fn=handle_text_translation, 
         inputs=[english_input, script_choice, tone_choice], 
@@ -190,7 +190,7 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Soft(primary_hue="indigo", second
         show_progress="full"
     )
 
-    # Fixed Multi-Output Voice Handler
+    # Fixed Multi-Output Voice Handler using gr.update parameters
     voice_translate_btn.click(
         fn=handle_voice_translation, 
         inputs=[audio_input, script_choice, tone_choice],