From 4979d955c251fe735e1c32ce2bcde92d6fcdb2a3 Mon Sep 17 00:00:00 2001
From: NeilClack <cnclack@pm.me>
Date: Thu, 10 Sep 2026 13:18:18 -0500
Subject: [PATCH] Show active check and last verified date on dashboard license
 table

---
 .../(protected)/(user)/dashboard/+page.svelte | 35 ++++++++++++-------
 1 file changed, 22 insertions(+), 13 deletions(-)

diff --git a/src/routes/(protected)/(user)/dashboard/+page.svelte b/src/routes/(protected)/(user)/dashboard/+page.svelte
index 8675bc9..94d91b2 100644
--- a/src/routes/(protected)/(user)/dashboard/+page.svelte
+++ b/src/routes/(protected)/(user)/dashboard/+page.svelte
@@ -41,6 +41,7 @@
 							<th class="px-6 py-3 font-semibold">Key</th>
 							<th class="px-6 py-3 font-semibold">Status</th>
 							<th class="px-6 py-3 font-semibold">Created</th>
+							<th class="px-6 py-3 font-semibold">Last verified</th>
 						</tr>
 					</thead>
 					<tbody class="divide-y divide-slate-100">
@@ -48,15 +49,18 @@
 							<tr class="hover:bg-slate-50">
 								<td class="px-6 py-4 font-mono text-slate-800">{key.key}</td>
 								<td class="px-6 py-4">
-									<span
-										class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium {key.active
-											? 'bg-green-100 text-green-700'
-											: 'bg-slate-100 text-slate-600'}"
-									>
-										{key.active ? 'Active' : 'Inactive'}
-									</span>
+									{#if key.active}
+										<span class="text-lg text-green-600" title="Active" aria-label="Active">☑</span>
+									{:else}
+										<span class="text-lg text-slate-300" title="Inactive" aria-label="Inactive"
+											>☐</span
+										>
+									{/if}
 								</td>
 								<td class="px-6 py-4 text-slate-600">{formatDate(key.createdAt)}</td>
+								<td class="px-6 py-4 text-slate-600">
+									{key.lastValidatedAt ? formatDate(key.lastValidatedAt) : 'Never'}
+								</td>
 							</tr>
 						{/each}
 					</tbody>
@@ -68,15 +72,20 @@
 						<li class="flex flex-col gap-2 px-4 py-4">
 							<div class="flex items-center justify-between gap-4">
 								<span class="min-w-0 font-mono text-sm break-all text-slate-800">{key.key}</span>
-								<span
-									class="shrink-0 rounded-full px-2.5 py-0.5 text-xs font-medium {key.active
-										? 'bg-green-100 text-green-700'
-										: 'bg-slate-100 text-slate-600'}"
-								>
-									{key.active ? 'Active' : 'Inactive'}
+								<span class="shrink-0">
+									{#if key.active}
+										<span class="text-lg text-green-600" title="Active" aria-label="Active">☑</span>
+									{:else}
+										<span class="text-lg text-slate-300" title="Inactive" aria-label="Inactive"
+											>☐</span
+										>
+									{/if}
 								</span>
 							</div>
 							<span class="text-xs text-slate-500">Created {formatDate(key.createdAt)}</span>
+							<span class="text-xs text-slate-500">
+								Last verified {key.lastValidatedAt ? formatDate(key.lastValidatedAt) : 'Never'}
+							</span>
 						</li>
 					{/each}
 				</ul>