Update app.py

app.py

@@ -52,10 +52,10 @@ with gr.Blocks(theme=gr.themes.Monochrome()) as app:
             language_dropdown = gr.Dropdown(choices=language_choices, label="Translate to", value="Urdu")
             translate_btn = gr.Button("🌐 Translate")
         with gr.Column():
-            output_text = gr.Textbox(label="Translated Text", lines=4)
-            copy_btn = gr.Button("📋 Copy to Clipboard")
+            output_text = gr.Textbox(label="Translated Text", lines=4, elem_id="output-box")
+            copy_btn = gr.Button("📋 Copy to Clipboard", elem_id="copy-btn")
             download_btn = gr.Button("⬇️ Download Translation", visible=False)
-    
+
     with gr.Accordion("🕓 Translation History", open=False):
         history_box = gr.Markdown("")
 
@@ -71,8 +71,6 @@ with gr.Blocks(theme=gr.themes.Monochrome()) as app:
 
     translate_btn.click(fn=update_history, outputs=[history_box])
 
-    copy_btn.click(fn=None, inputs=[], outputs=[], _js="() => navigator.clipboard.writeText(document.querySelector('textarea[aria-label=\"Translated Text\"]').value)")
-
     def download_text(translated_text):
         path = "/mnt/data/translation.txt"
         with open(path, "w", encoding="utf-8") as f:
@@ -81,5 +79,23 @@ with gr.Blocks(theme=gr.themes.Monochrome()) as app:
 
     download_btn.click(download_text, inputs=[output_text], outputs=[download_btn])
 
+    # 🔧 JavaScript for copy button
+    gr.HTML("""
+    <script>
+    document.addEventListener("DOMContentLoaded", function() {
+        const copyBtn = document.querySelector('#copy-btn button');
+        copyBtn.addEventListener("click", function() {
+            const outputBox = document.querySelector('textarea#output-box');
+            if (outputBox) {
+                navigator.clipboard.writeText(outputBox.value).then(() => {
+                    copyBtn.innerText = "✅ Copied!";
+                    setTimeout(() => { copyBtn.innerText = "📋 Copy to Clipboard"; }, 1500);
+                });
+            }
+        });
+    });
+    </script>
+    """)
+
 # 🚀 Launch app
 app.launch()