From 5b70dcf0716bd70afdf9fe1d8171c6e61bf6c838 Mon Sep 17 00:00:00 2001
From: serversdown <brian@serversdown.net>
Date: Sun, 21 Jun 2026 22:01:12 +0000
Subject: [PATCH] feat: make Overview live tiles link to NRL detail
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Each live monitoring tile is now a clickable link to its NRL detail page
(/projects/{id}/nrl/{location_id}) — same target as the NRL card name — with
a hover border + lift affordance so it reads as clickable.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 templates/projects/detail.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/templates/projects/detail.html b/templates/projects/detail.html
index ad3a85e..340b910 100644
--- a/templates/projects/detail.html
+++ b/templates/projects/detail.html
@@ -2186,7 +2186,8 @@ function lsRenderTile(loc) {
         : '';
 
     return `
-        <div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-4">
+        <a href="/projects/${projectId}/nrl/${encodeURIComponent(loc.id)}"
+           class="block bg-white dark:bg-slate-800 rounded-xl shadow-lg p-4 border border-transparent hover:border-seismo-orange hover:shadow-xl transition-all">
             <div class="flex items-start justify-between gap-2">
                 <div class="font-semibold text-gray-900 dark:text-white truncate">${lsEsc(loc.name)}</div>
                 ${badge}
@@ -2199,7 +2200,7 @@ function lsRenderTile(loc) {
             <div class="mt-2 text-[11px] text-gray-400 dark:text-gray-500 flex flex-wrap gap-x-2 gap-y-0.5">
                 ${bits.join('<span class="opacity-40">·</span>')}
             </div>
-        </div>`;
+        </a>`;
 }
 
 function lsRender(locations) {