Update app.py

app.py

@@ -127,8 +127,10 @@ def check_for_fragment(url):
 
 def copy_to_clipboard_js(text, button_id):
     """Generate JavaScript for copying HTML content to clipboard."""
-    # Encode the text as a JavaScript-safe string
-    escaped_text = json.dumps(text, ensure_ascii=False)[1:-1].replace('</', '<\\/')
+    # Create a clean text version for copying (remove HTML tags and keep only visible text)
+    clean_text = f"{text.split('>')[1].split('<')[0]}"
+    # Encode the clean text as a JavaScript-safe string
+    escaped_text = json.dumps(clean_text, ensure_ascii=False)[1:-1].replace('</', '<\\/')
     return f"""
     <div>
         <textarea id="copy_text_{button_id}" style="display: none;">{escaped_text}</textarea>
@@ -139,47 +141,28 @@ def copy_to_clipboard_js(text, button_id):
     function copyToClipboard_{button_id}() {{
         console.log('Copy function triggered for {button_id}');
         const textElement = document.getElementById('copy_text_{button_id}');
-        const htmlToCopy = textElement ? textElement.value : '';
-        if (!htmlToCopy) {{
+        const textToCopy = textElement ? textElement.value : '';
+        if (!textToCopy) {{
             console.error('No text to copy for {button_id}');
             const statusElement = document.getElementById('copy_status_{button_id}');
             if (statusElement) statusElement.innerHTML = 'No text to copy';
             return;
         }}
-        // Create a temporary div to hold the HTML content
-        const tempDiv = document.createElement('div');
-        tempDiv.innerHTML = htmlToCopy;
-        document.body.appendChild(tempDiv);
-        
-        // Select the content
-        const range = document.createRange();
-        range.selectNodeContents(tempDiv);
-        const selection = window.getSelection();
-        selection.removeAllRanges();
-        selection.addRange(range);
-        
-        // Copy to clipboard as HTML
-        try {{
-            const successful = document.execCommand('copy');
-            console.log('Copy command executed for {button_id}: ' + (successful ? 'success' : 'failed'));
+        // Use navigator.clipboard API for plain text copying
+        navigator.clipboard.writeText(textToCopy).then(() => {{
+            console.log('Text copied successfully for {button_id}');
             const statusElement = document.getElementById('copy_status_{button_id}');
             if (statusElement) {{
-                statusElement.innerHTML = successful ? 'Copied!' : 'Copy failed';
-                if (successful) {{
-                    setTimeout(function() {{
-                        statusElement.innerHTML = '';
-                    }}, 2000);
-                }}
+                statusElement.innerHTML = 'Copied!';
+                setTimeout(() => {{
+                    statusElement.innerHTML = '';
+                }}, 2000);
             }}
-        }} catch (err) {{
+        }}).catch(err => {{
             console.error('Copy failed for {button_id}: ', err);
             const statusElement = document.getElementById('copy_status_{button_id}');
             if (statusElement) statusElement.innerHTML = 'Copy failed';
-        }}
-        
-        // Clean up
-        selection.removeAllRanges();
-        document.body.removeChild(tempDiv);
+        }});
     }}
     </script>
     """
@@ -322,8 +305,8 @@ with tabs[0]:
             """, unsafe_allow_html=True)
         else:
             scc_hash = generate_citation_hash(author_name, publication_year, source_url, annotated_text, annotated_text, username, task_name, current_date, current_time)
-            citation_link_start = f'<a href="{source_url}#:~:text={urllib.parse.quote(annotated_text)}" data-hash="{scc_hash}">{author_name} ({publication_year})</a>'
-            citation_link_end = f'<a href="{source_url}#:~:text={urllib.parse.quote(annotated_text)}" data-hash="{scc_hash}">({author_name}, {publication_year})</a>'
+            citation_link_start = format_citation_html(source_url, annotated_text, author_name, publication_year, scc_hash)
+            citation_link_end = format_citation_html(source_url, annotated_text, f"({author_name}, {publication_year})", publication_year, scc_hash)
 
             st.markdown("## Generated Citations")
             col_html1, col_html2 = st.columns(2)