fix: replace html2pdf with window.print for text-based ATS-readable PDF export

Remove html2pdf.js CDN (canvas-image renderer); replace with window.print()
and per-tool @media print visibility CSS. Rename button to 'Save as PDF'.
Tools updated: changelog_ai, schema_detective

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/tools/changelog_ai/templates/changelog_ai/index.html

@@ -1,6 +1,17 @@
 {% extends "base.html" %}
 {% block title %}Changelog.ai — AI Release Notes Generator{% endblock %}
 
+{% block extra_head %}
+<style>
+@media print {
+  body * { visibility: hidden !important; }
+  #results-state, #results-state * { visibility: visible !important; }
+  #results-state { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
+  body { height: auto !important; overflow: visible !important; }
+}
+</style>
+{% endblock %}
+
 {% block content %}
 <!-- Top Nav -->
 <header class="flex justify-between items-center px-6 w-full sticky top-0 z-50 bg-white/80 backdrop-blur-md h-16 border-b border-slate-200/60">
@@ -18,9 +29,10 @@
   </div>
   <div class="flex items-center gap-3">
     <button id="btn-download-pdf"
+      title="Opens print dialog — choose Save as PDF for a text-based, ATS-readable file"
       class="hidden bg-white border border-slate-200 hover:border-slate-300 text-on-surface px-4 py-2 rounded-lg text-sm font-medium transition-all shadow-sm flex items-center gap-2">
       <span class="material-symbols-outlined text-sm" style="font-size:16px">picture_as_pdf</span>
-      Download PDF
+      Save as PDF
     </button>
     <button id="btn-copy-md"
       class="bg-primary hover:bg-primary-dim text-on-primary px-4 py-2 rounded-lg text-sm font-medium transition-all shadow-sm flex items-center gap-2">
@@ -197,7 +209,6 @@ refactor: clean up legacy charting utility"></textarea>
 {% endblock %}
 
 {% block extra_scripts %}
-<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
 <script>
 (function () {
   const CSRF = document.querySelector('meta[name="csrf-token"]').content;
@@ -263,8 +274,6 @@ refactor: clean up legacy charting utility"></textarea>
   const RTL_LANGS = new Set(['ar']);
   function isRtl() { return RTL_LANGS.has(langSelect.value); }
 
-  // html2pdf screenshots the DOM, so all languages/scripts render correctly.
-
   // ── Audience sync ─────────────────────────────────────────────────────────
   function setAudience(aud) {
     selectedAudience = aud;
@@ -440,22 +449,7 @@ refactor: clean up legacy charting utility"></textarea>
 
   function downloadPDF() {
     if (!lastResult) return;
-    btnDownloadPdf.disabled = true;
-    btnDownloadPdf.textContent = 'Generating…';
-    const el  = document.getElementById('results-state');
-    const ver = versionInput.value.trim();
-    const fname = (ver ? ver.replace(/\s+/g, '-') : 'changelog') + '-release-notes.pdf';
-    html2pdf().set({
-      margin: 10,
-      filename: fname,
-      image:       { type: 'jpeg', quality: 0.98 },
-      html2canvas: { scale: 2, useCORS: true, logging: false, backgroundColor: '#f8fafc' },
-      jsPDF:       { unit: 'mm', format: 'a4', orientation: 'portrait' },
-      pagebreak:   { mode: ['avoid-all', 'css'] },
-    }).from(el).save().then(() => {
-      btnDownloadPdf.disabled = false;
-      btnDownloadPdf.textContent = 'Download PDF';
-    });
+    window.print();
   }
   /* legacy jsPDF body
   function downloadPDF_legacy() {

app/tools/schema_detective/templates/schema_detective/index.html

@@ -1,6 +1,17 @@
 {% extends "base.html" %}
 {% block title %}Schema Detective — Database Schema Auditor{% endblock %}
 
+{% block extra_head %}
+<style>
+@media print {
+  body * { visibility: hidden !important; }
+  #results-state, #results-state * { visibility: visible !important; }
+  #results-state { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
+  body { height: auto !important; overflow: visible !important; }
+}
+</style>
+{% endblock %}
+
 {% block content %}
 <!-- Top Nav -->
 <header class="flex justify-between items-center w-full px-6 py-3 h-16 bg-slate-50 sticky top-0 z-50 border-b border-slate-200 shrink-0">
@@ -14,9 +25,9 @@
     <button id="btn-clear" class="px-4 py-2 text-sm font-medium text-on-surface-variant hover:bg-surface-container rounded-lg transition-colors">
       Clear
     </button>
-    <button id="btn-download-pdf" class="hidden items-center gap-2 px-4 py-2 bg-white border border-slate-200 hover:border-slate-300 rounded-lg text-sm font-medium text-on-surface shadow-sm transition-all">
+    <button id="btn-download-pdf" title="Opens print dialog — choose Save as PDF for a text-based, ATS-readable file" class="hidden items-center gap-2 px-4 py-2 bg-white border border-slate-200 hover:border-slate-300 rounded-lg text-sm font-medium text-on-surface shadow-sm transition-all">
       <span class="material-symbols-outlined" style="font-size:16px">picture_as_pdf</span>
-      Download PDF
+      Save as PDF
     </button>
     <button id="btn-audit" class="px-4 py-2 text-sm font-medium bg-primary text-on-primary rounded-lg shadow-sm hover:bg-primary-dim transition-colors">
       Run Audit
@@ -507,22 +518,8 @@ CREATE TABLE prescriptions (
   });
 
   btnDownloadPdf.addEventListener('click', () => {
-    const el = document.getElementById('results-state');
-    btnDownloadPdf.disabled = true;
-    btnDownloadPdf.textContent = 'Generating...';
-    html2pdf().set({
-      margin: 8,
-      filename: 'schema-audit.pdf',
-      image:       { type: 'jpeg', quality: 0.98 },
-      html2canvas: { scale: 2, useCORS: true, logging: false, backgroundColor: '#ffffff' },
-      jsPDF:       { unit: 'mm', format: 'a4', orientation: 'portrait' },
-      pagebreak:   { mode: ['avoid-all', 'css'] },
-    }).from(el).save().then(() => {
-      btnDownloadPdf.disabled = false;
-      btnDownloadPdf.textContent = 'Download PDF';
-    });
+    window.print();
   });
 })();
 </script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
 {% endblock %}