Update app.py

app.py

@@ -325,15 +325,23 @@ with gr.Blocks() as demo:
         with gr.Column():
             reflection_btn = gr.Button("Generate reflection")
             reflection_output = gr.Textbox(label="Reflections", lines=5)
-            copy_btn = gr.Button("Copy to clipboard")
-            
-            # Connect the button to the JS function for copying
-            copy_btn.click(
-                None,
-                inputs=[reflection_output],
-                outputs=[],
-                _js=f"copyToClipboard"
-            )
+            # Custom HTML and JS for copy-to-clipboard
+            custom_js = """
+            <script>
+            function copyToClipboard() {
+                const textbox = document.querySelector("textarea[aria-label='Reflections']");
+                if (textbox) {
+                    navigator.clipboard.writeText(textbox.value).then(() => {
+                        alert("Text copied to clipboard!");
+                    }).catch(err => {
+                        alert("Failed to copy text: " + err);
+                    });
+                }
+            }
+            </script>
+            <button onclick="copyToClipboard()">Copy to clipboard</button>
+            """
+            gr.HTML(custom_js)
         
         fetch_btn.click(
             process_webpage, 
@@ -353,8 +361,7 @@ with gr.Blocks() as demo:
             outputs=reflection_output,
             )
 
-demo.launch(share=True, custom_js=copy_to_clipboard_js)
-
+demo.launch(share=True)
 
-# In[ ]:
 
+# In[ ]: