working base dash

web/templates/pages/dashboard.html

@@ -2,32 +2,32 @@
 {{define "content"}}
 <div style="max-width:1400px">
 
-  <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px">
-    <div class="stat-card stat-card--threat">
+  <div style="display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px">
+    <a href="/decisions" class="stat-card stat-card--threat">
       <div class="stat-label">Active Bans</div>
       <div class="stat-value" id="stat-decisions">—</div>
       <div class="stat-sub">decisions in effect</div>
-    </div>
-    <div class="stat-card stat-card--warn">
+    </a>
+    <a href="/alerts?since=24h" class="stat-card stat-card--warn">
       <div class="stat-label">Alerts (24h)</div>
       <div class="stat-value" id="stat-alerts-24h">—</div>
       <div class="stat-sub">last 24 hours</div>
-    </div>
-    <div class="stat-card stat-card--warn">
+    </a>
+    <a href="/alerts?since=168h" class="stat-card stat-card--warn">
       <div class="stat-label">Alerts (7d)</div>
       <div class="stat-value" id="stat-alerts-7d">—</div>
       <div class="stat-sub">last 7 days</div>
-    </div>
-    <div class="stat-card stat-card--accent">
+    </a>
+    <a href="/bouncers" class="stat-card stat-card--accent">
       <div class="stat-label">Bouncers</div>
       <div class="stat-value" id="stat-bouncers">{{if .CLIAvailable}}—{{else}}n/a{{end}}</div>
       <div class="stat-sub">registered agents</div>
-    </div>
-    <div class="stat-card stat-card--safe">
+    </a>
+    <a href="/machines" class="stat-card stat-card--safe">
       <div class="stat-label">Machines</div>
       <div class="stat-value" id="stat-machines">{{if .CLIAvailable}}—{{else}}n/a{{end}}</div>
       <div class="stat-sub">registered agents</div>
-    </div>
+    </a>
   </div>
 
   <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
@@ -53,7 +53,7 @@
             <td style="font-family:'JetBrains Mono',monospace;font-size:12px">{{.Value}}</td>
             <td><span class="badge {{decisionBadgeClass .Type}}">{{.Type}}</span></td>
             <td><span class="badge {{originBadgeClass .Origin}}">{{.Origin}}</span></td>
-            <td style="font-size:12px;color:var(--muted)">{{truncate .Until 16}}</td>
+            <td style="font-size:12px;color:var(--muted)">{{if .Until}}{{truncate .Until 16}}{{else}}{{.Duration}}{{end}}</td>
           </tr>
           {{end}}
         </tbody>

web/templates/pages/decisions.html

@@ -117,7 +117,7 @@
               <td><span class="badge {{originBadgeClass .Origin}}">{{.Origin}}</span></td>
               <td style="font-size:12px;color:var(--muted)">{{truncate .Scenario 24}}</td>
               <td style="font-family:'JetBrains Mono',monospace;font-size:12px">{{.Duration}}</td>
-              <td style="font-size:12px;color:var(--muted)">{{truncate .Until 16}}</td>
+              <td style="font-size:12px;color:var(--muted)">{{if .Until}}{{truncate .Until 16}}{{else}}{{.Duration}}{{end}}</td>
               <td>
                 <form method="POST" action="/decisions/delete" style="display:inline">
                   <input type="hidden" name="_csrf" value="{{$.CSRFToken}}">