Fixed latex attestations

Author: 97115104

attestation-result.html

@@ -107,13 +107,17 @@ <h4>Option 3: API / Automation</h4>
 
                     <div id="latex-section" style="display: none; margin-top: 20px;">
                         <h4>LaTeX Code</h4>
-                        <p>Basic version:</p>
+                        <p><strong>Step 1:</strong> Add this line to your main .tex file where you want the AI attestation to appear:</p>
                         <pre id="latex-code" style="font-size: 0.9em;"></pre>
-                        <button id="copy-latex-code" class="btn btn-secondary">Copy LaTeX Code</button>
+                        <button id="copy-latex-code" class="btn btn-secondary">Copy Main File Code</button>
 
-                        <p style="margin-top: 15px;">Extended version with footnote:</p>
+                        <p style="margin-top: 15px;"><strong>Step 2:</strong> Create a file named <code>ai-attestation.tex</code> with this content:</p>
                         <pre id="latex-extended" style="font-size: 0.9em;"></pre>
-                        <button id="copy-latex-extended" class="btn btn-secondary">Copy Extended LaTeX</button>
+                        <button id="copy-latex-extended" class="btn btn-secondary">Copy ai-attestation.tex Content</button>
+                        
+                        <div style="margin-top: 15px; padding: 15px; background: var(--bg-panel); border: 1px solid var(--border-color); border-radius: 4px;">
+                            <p style="margin: 0;"><strong>Note:</strong> This modular approach keeps your AI attestation in a separate file, making it easy to update or remove. Add <code>\clearpage</code> before the <code>\input</code> command if you want the attestation to start on a new page.</p>
+                        </div>
                     </div>
 
                     <div id="markdown-section" style="display: none; margin-top: 20px;">

attestation-result.js

@@ -23,17 +23,15 @@ function generateAttestationDisplay(attestation) {
         latexSection.style.display = 'block';
         badgePreview.innerHTML = '<div style="font-family: monospace; background: var(--bg-panel); padding: 10px; border: 1px solid var(--border-color); color: var(--text-primary);">LaTeX Badge (see code below)</div>';
 
-        // Basic LaTeX code
+        // Basic LaTeX code - now shows how to include the modular file
         const roleDisplay = attestation.role === 'edited' ? 'AI-ASSISTED' : attestation.role.toUpperCase().replace('_', '-');
-        const latexCode = `% AI Attestation
-\\section{AI Attestation}
-\\begin{center}
-\\fbox{\\small\\texttt{${roleDisplay}}}
-\\end{center}`;
+        const latexCode = `% Include AI Attestation section
+\\input{ai-attestation}`;
 
-        // Extended LaTeX with footnote
+        // Extended LaTeX - the content for ai-attestation.tex file
         const modelDisplay = attestation.model === 'human' ? 'Human' : attestation.model;
-        const latexExtended = `% AI Attestation
+        const latexExtended = `% ai-attestation.tex
+% AI Attestation section for inclusion in main document
 \\section{AI Attestation}
 \\begin{center}
 \\fbox{\\small\\texttt{${roleDisplay}}}
@@ -191,7 +189,7 @@ function initializeCopyButtons() {
                 await navigator.clipboard.writeText(code);
                 this.textContent = 'Copied!';
                 setTimeout(() => {
-                    this.textContent = 'Copy LaTeX Code';
+                    this.textContent = 'Copy Main File Code';
                 }, 2000);
             } catch (err) {
                 alert('Failed to copy LaTeX code');
@@ -208,7 +206,7 @@ function initializeCopyButtons() {
                 await navigator.clipboard.writeText(code);
                 this.textContent = 'Copied!';
                 setTimeout(() => {
-                    this.textContent = 'Copy Extended LaTeX';
+                    this.textContent = 'Copy ai-attestation.tex Content';
                 }, 2000);
             } catch (err) {
                 alert('Failed to copy LaTeX code');