Update app.py

app.py

@@ -5,7 +5,6 @@ import urllib.parse
 from datetime import datetime
 import pytz
 import pandas as pd
-import json
 
 # --- Constants ---
 MELBOURNE_TIMEZONE = 'Australia/Melbourne'
@@ -29,21 +28,6 @@ def load_css():
         font-family: 'Courier New', monospace;
     }
     
-    .copy-button {
-        background: #e0e0e0;
-        color: black;
-        border: none;
-        padding: 0.5rem 1rem;
-        border-radius: 4px;
-        cursor: pointer;
-        font-size: 0.9rem;
-        margin-top: 0.5rem;
-    }
-    
-    .copy-button:hover {
-        background: #d0d0d0;
-    }
-    
     .warning-box {
         background: #f8f8f8;
         border: 1px solid #e0e0e0;
@@ -122,45 +106,15 @@ def format_citation_html(url, fragment_text, author, year, scc_hash):
     full_url = f"{url}#:~:text={encoded_fragment}"
     return f'<a href="{full_url}" data-hash="{scc_hash}">{author} ({year})</a>'
 
+def format_metadata_html(url, author, year, scc_hash, username, task_name, current_date, current_time):
+    metadata = f"{username}—{task_name}—{current_date}—{current_time}"
+    encoded_metadata = urllib.parse.quote(metadata)
+    full_url = f"{url}#:~:text={encoded_metadata}"
+    return f'<a href="{full_url}" data-hash="{scc_hash}">{author} ({year}). {scc_hash}</a>'
+
 def check_for_fragment(url):
     return '#:~:text=' in url
 
-def copy_to_clipboard_js(text, button_id):
-    """Generate JavaScript for copying text to clipboard with proper escaping."""
-    # Escape special characters for JavaScript string
-    escaped_text = json.dumps(text).strip('"').replace('</', '<\\/')  # Properly escape for JS
-    return f"""
-    <script>
-    function copyToClipboard_{button_id}() {{
-        const textToCopy = `{escaped_text}`;
-        if (navigator.clipboard) {{
-            navigator.clipboard.writeText(textToCopy).then(function() {{
-                const statusElement = document.getElementById('copy_status_{button_id}');
-                if (statusElement) {{
-                    statusElement.innerHTML = 'Copied!';
-                    setTimeout(function() {{
-                        statusElement.innerHTML = '';
-                    }}, 2000);
-                }}
-            }}, function(err) {{
-                const statusElement = document.getElementById('copy_status_{button_id}');
-                if (statusElement) {{
-                    statusElement.innerHTML = 'Copy failed';
-                }}
-                console.error('Could not copy text: ', err);
-            }});
-        }} else {{
-            const statusElement = document.getElementById('copy_status_{button_id}');
-            if (statusElement) {{
-                statusElement.innerHTML = 'Clipboard API not supported';
-            }}
-        }}
-    }}
-    </script>
-    <button onclick="copyToClipboard_{button_id}()" class="copy-button">Copy to Clipboard</button>
-    <span id="copy_status_{button_id}" style="margin-left: 10px; font-weight: bold;"></span>
-    """
-
 # --- Live Clock JavaScript ---
 def live_clock():
     return """
@@ -299,8 +253,9 @@ 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_start = format_citation_html(source_url, annotated_text, author_name, publication_year, scc_hash)
             citation_link_end = f'<a href="{source_url}#:~:text={urllib.parse.quote(annotated_text)}" data-hash="{scc_hash}">({author_name}, {publication_year})</a>'
+            metadata_link = format_metadata_html(source_url, author_name, publication_year, scc_hash, username, task_name, current_date, current_time)
 
             st.markdown("## Generated Citations")
             col_html1, col_html2 = st.columns(2)
@@ -308,40 +263,21 @@ with tabs[0]:
             # HTML Citation - Start of Text
             with col_html1:
                 st.markdown("### Citation (Start of Text)")
-                html_citation_start = citation_link_start
-                
                 st.markdown('<div class="rendered-citation">', unsafe_allow_html=True)
-                st.markdown(html_citation_start, unsafe_allow_html=True)
-                st.markdown(copy_to_clipboard_js(html_citation_start.replace('`', '\\`'), "html_start"), unsafe_allow_html=True)
+                st.markdown(citation_link_start, unsafe_allow_html=True)
                 st.markdown('</div>', unsafe_allow_html=True)
 
             # HTML Citation - End of Text
             with col_html2:
                 st.markdown("### Citation (End of Text)")
-                html_citation_end = citation_link_end
-                
                 st.markdown('<div class="rendered-citation">', unsafe_allow_html=True)
-                st.markdown(html_citation_end, unsafe_allow_html=True)
-                st.markdown(copy_to_clipboard_js(html_citation_end.replace('`', '\\`'), "html_end"), unsafe_allow_html=True)
+                st.markdown(citation_link_end, unsafe_allow_html=True)
                 st.markdown('</div>', unsafe_allow_html=True)
 
-            # Citation Hash Details
-            st.markdown("### Citation Hash Details (for Verification)")
-            hash_details = {
-                "author": author_name,
-                "year": publication_year,
-                "url": source_url,
-                "fragment_text": annotated_text,
-                "cited_text": annotated_text,
-                "username": username,
-                "task_name": task_name,
-                "date": current_date,
-                "time": current_time,
-                "hash": scc_hash
-            }
-            
+            # SCC Ledger
+            st.markdown("### SCC Ledger")
             st.markdown('<div class="hash-display">', unsafe_allow_html=True)
-            st.json(hash_details)
+            st.markdown(metadata_link, unsafe_allow_html=True)
             st.markdown('</div>', unsafe_allow_html=True)
 
     # Guidance on Verifying Citations
@@ -423,7 +359,7 @@ with tabs[1]:
                     "Year": verify_publication_year,
                     "URL": verify_source_url,
                     "Fragment text": verify_annotated_text,
-                    "Outlined text": verify_annotated_text,
+                    "Cited text": verify_annotated_text,
                     "Username": verify_username,
                     "Task name": verify_task_name,
                     "Date": verify_date,