From b7fa3e205c24d901a1bb4e9193579a49f2ce6876 Mon Sep 17 00:00:00 2001
From: Michael Stahnke <mastahnke@gmail.com>
Date: Tue, 10 Feb 2026 23:29:30 -0600
Subject: [PATCH] feat: render archive.org link for dead links in UI

---
 internal/assets/css/screen.css      | 20 ++++++++++++++++++++
 internal/templates/views/index.html | 12 +++++++++++-
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/internal/assets/css/screen.css b/internal/assets/css/screen.css
index 2c1d28c..fa15224 100644
--- a/internal/assets/css/screen.css
+++ b/internal/assets/css/screen.css
@@ -1350,6 +1350,26 @@ body {
   opacity: 0.7;
 }
 
+.archive-sep {
+  color: var(--text-secondary);
+  margin: 0 var(--space-1);
+  opacity: 0.5;
+}
+
+.archive-link {
+  color: var(--text-secondary);
+  font-size: 0.85em;
+  text-decoration: none;
+  opacity: 0.7;
+  white-space: nowrap;
+}
+
+.archive-link:hover {
+  color: var(--link-color);
+  text-decoration: underline;
+  opacity: 1;
+}
+
 /* Spotify embed styles */
 [data-embed-type="spotify"] iframe {
   max-width: 800px !important;
diff --git a/internal/templates/views/index.html b/internal/templates/views/index.html
index 4ceff8a..154de72 100644
--- a/internal/templates/views/index.html
+++ b/internal/templates/views/index.html
@@ -214,7 +214,17 @@
                 if (linkSpan && !imgurCard) {
                      var statusPrefix = '<span class="http-error-badge">' + status + '</span> ';
                      var linkHref = buildLinkUrl(ircId, clickSig) || escapeHtml(url);
-                     linkSpan.innerHTML = '<a href="' + linkHref + '" class="missing-link" target="_blank">' + statusPrefix + escapeHtml(url) + '</a>';
+                     var archiveSuffix = '';
+                     if (data.archive_url) {
+                         var dateLabel = '';
+                         if (data.archive_snapshot_at) {
+                             var d = new Date(data.archive_snapshot_at);
+                             var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
+                             dateLabel = ' (' + months[d.getUTCMonth()] + ' ' + d.getUTCFullYear() + ')';
+                         }
+                         archiveSuffix = ' <span class="archive-sep">&middot;</span> <a href="' + escapeHtml(data.archive_url) + '" class="archive-link" target="_blank">View on Archive.org' + dateLabel + '</a>';
+                     }
+                     linkSpan.innerHTML = '<a href="' + linkHref + '" class="missing-link" target="_blank">' + statusPrefix + escapeHtml(url) + '</a>' + archiveSuffix;
                 }
                 if (previewDiv) previewDiv.remove();
                 return;
-- 
2.51.2