Add backup recovery center

2026-07-01 15:34:58 -07:00
parent c4f1b4535d
commit da72419ce9
9 changed files with 184 additions and 5 deletions
@@ -6,6 +6,7 @@
  <meta name="color-scheme" content="dark">
  <title>Serato Doctor</title>
  <link rel="stylesheet" href="/app.css">
+  <link rel="stylesheet" href="/recovery.css">
 </head>
 <body>
  <div class="ambient ambient-one"></div>
@@ -20,6 +21,7 @@
        <a class="nav-item active" href="#dashboard"><span>⌁</span> Dashboard</a>
        <a class="nav-item" href="#scan"><span>◎</span> New analysis</a>
        <a class="nav-item" href="#diagnostics"><span>◇</span> Diagnostics</a>
+        <a class="nav-item" href="#recovery"><span>↶</span> Recovery</a>
      </nav>
      <div class="safety-card">
        <span class="safety-icon">✓</span>
@@ -55,6 +57,13 @@
        <div id="error-message" class="error" role="alert" hidden></div>
      </section>

+      <section id="recovery" class="recovery-panel panel">
+        <div class="section-heading"><div><p class="eyebrow">Safety net</p><h2>Backup recovery</h2></div><button id="load-backups" type="button">Check backups</button></div>
+        <p>Review every repair snapshot saved for this Serato library. Older backups remain available after restarting Serato Doctor.</p>
+        <div id="backup-summary" class="backup-summary">Enter your Serato folder above, then check backups.</div>
+        <div id="backup-list" class="backup-list"></div>
+      </section>
+
      <section id="dashboard" class="results" aria-live="polite" hidden>
        <div class="section-heading"><div><p class="eyebrow">Latest analysis</p><h2>Library health</h2></div><span id="analysis-time"></span></div>
        <div class="hero-grid">