Update app.py

app.py

@@ -486,31 +486,65 @@ def send_to_model_impl(prompt, model_selection, hf_model_choice, hf_custom_model
             
             # Create HTML with JavaScript using string formatting
             html_template = '''
-                <script>
-                    async function copyToClipboard(text) {
-                        try {
-                            // Modern API
-                            await navigator.clipboard.writeText(text);
-                            document.getElementById('clipboard_status').textContent = '✅ Copied to clipboard!';
-                        } catch (err) {
-                            console.error('Modern API failed, fallback to textarea method', err);
+                <div style="text-align: center; margin: 10px;">
+    <button 
+        onclick="
+            try {
+                // Try all possible selectors for the prompt textarea
+                const promptArea = 
+                    document.querySelector('#generated_prompt textarea') ||
+                    document.querySelector('textarea#generated_prompt') ||
+                    document.querySelector('.generated_prompt textarea') ||
+                    Array.from(document.querySelectorAll('textarea')).find(el => el.value.includes('Summarize'));
+                
+                if (promptArea && promptArea.value) {
+                    navigator.clipboard.writeText(promptArea.value)
+                        .then(() => {
+                            this.textContent = '✅ Copied to clipboard!';
+                            setTimeout(() => {
+                                this.textContent = '📋 Copy Text to Clipboard';
+                            }, 2000);
+                        })
+                        .catch(err => {
+                            console.error('Modern copy failed:', err);
                             // Fallback method
-                            const textarea = document.createElement('textarea');
-                            textarea.value = text;
-                            document.body.appendChild(textarea);
-                            textarea.select();
+                            promptArea.select();
                             document.execCommand('copy');
-                            document.body.removeChild(textarea);
-                            document.getElementById('clipboard_status').textContent = '✅ Copied to clipboard!';
-                        }
-                        // Clear message after 2 seconds
-                        setTimeout(() => {
-                            document.getElementById('clipboard_status').textContent = '';
-                        }, 2000);
-                    }
-                    copyToClipboard("%s");
-                </script>
-                <div id="clipboard_status" style="color: green; font-weight: bold;"></div>
+                            this.textContent = '✅ Copied to clipboard!';
+                            setTimeout(() => {
+                                this.textContent = '📋 Copy Text to Clipboard';
+                            }, 2000);
+                        });
+                } else {
+                    this.textContent = '❌ No text found. Generate one first.';
+                    setTimeout(() => {
+                        this.textContent = '📋 Copy Text to Clipboard';
+                    }, 2000);
+                }
+            } catch (err) {
+                console.error('Copy error:', err);
+                this.textContent = '❌ Copy failed. Try again.';
+                setTimeout(() => {
+                    this.textContent = '📋 Copy Text to Clipboard';
+                }, 2000);
+            }
+        "
+        style="
+            padding: 10px 20px;
+            background-color: #2C3E50;
+            color: white;
+            border: none;
+            border-radius: 5px;
+            font-weight: bold;
+            cursor: pointer;
+            transition: background-color 0.3s ease;
+        "
+        onmouseover="this.style.backgroundColor='#34495E'"
+        onmouseout="this.style.backgroundColor='#2C3E50'"
+    >
+        📋 Copy Text to Clipboard
+    </button>
+</div>
                 '''
             
             # Return all three expected outputs: