Extend session recency borders with 5 green fade levels (5m/1h/8h/16h/24h)

Author: sleipi

src/dashboard/templates/session-card.ts

@@ -6,9 +6,11 @@ function recencyClass(lastSeen: string | null | undefined): string {
   const iso = `${lastSeen.replace(" ", "T")}Z`;
   const ageSec = (Date.now() - Date.parse(iso)) / 1000;
   if (Number.isNaN(ageSec) || ageSec < 0) return "";
-  if (ageSec < 30) return "session-card--active";
-  if (ageSec < 120) return "session-card--recent";
-  if (ageSec < 600) return "session-card--idle";
+  if (ageSec < 300) return "session-card--active";
+  if (ageSec < 3600) return "session-card--recent";
+  if (ageSec < 28800) return "session-card--idle";
+  if (ageSec < 57600) return "session-card--stale";
+  if (ageSec < 86400) return "session-card--old";
   return "";
 }
 

src/dashboard/templates/styles.ts

@@ -299,8 +299,14 @@ export const DASHBOARD_CSS = `
       border-color: #3fb950;
     }
     .session-card--idle {
+      border-color: #2ea043;
+    }
+    .session-card--stale {
       border-color: #1a4d1f;
     }
+    .session-card--old {
+      border-color: #1a3a1f;
+    }
     #dir-filter {
       appearance: none;
       -webkit-appearance: none;