hub v0.31.0: accept 'critical' severity at event ingest + UI badges/CSS; event_test.go (red-proofed); REUSE.md §1/§3 updated

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01PSK5g6qYLknKj8u3QAFEr6

hub/internal/web/server.go

@@ -497,10 +497,11 @@ func (s *Server) handleDashboard(w http.ResponseWriter, r *http.Request) {
 
 	type dashboardCustomer struct {
 		store.CustomerSummary
-		OverallStatus string // "ok", "warn", "down", "pending"
-		BackupAge     string
-		EventErrors   int
-		EventWarnings int
+		OverallStatus  string // "ok", "warn", "down", "pending"
+		BackupAge      string
+		EventCriticals int
+		EventErrors    int
+		EventWarnings  int
 	}
 
 	// Build map of report customers keyed by ID
@@ -537,6 +538,7 @@ func (s *Server) handleDashboard(w http.ResponseWriter, r *http.Request) {
 
 		// Event counts (last 24h)
 		if counts, err := s.store.CountEventsBySeverity(c.CustomerID, time.Now().Add(-24*time.Hour)); err == nil {
+			dc.EventCriticals = counts["critical"]
 			dc.EventErrors = counts["error"]
 			dc.EventWarnings = counts["warning"]
 		}

hub/internal/web/templates/customer_unified.html

@@ -488,6 +488,7 @@
         <section class="card">
             <h2>Events
                 {{if .EventCounts}}
+                    {{with mapGet .EventCounts "critical"}}<span class="severity-badge severity-critical">{{.}} critical</span>{{end}}
                     {{with mapGet .EventCounts "error"}}<span class="severity-badge severity-error">{{.}} error{{if gt . 1}}s{{end}}</span>{{end}}
                     {{with mapGet .EventCounts "warning"}}<span class="severity-badge severity-warning">{{.}} warning{{if gt . 1}}s{{end}}</span>{{end}}
                 {{end}}

hub/internal/web/templates/dashboard.html

@@ -54,7 +54,7 @@
                             {{if eq .OverallStatus "ok"}}OK{{else if eq .OverallStatus "warn"}}WARN{{else if eq .OverallStatus "disabled"}}PAUSED{{else if eq .OverallStatus "pending"}}PENDING{{else}}DOWN{{end}}
                         </span>
                     </td>
-                    <td>{{if eq .OverallStatus "pending"}}—{{else}}{{if gt (add .EventErrors .EventWarnings) 0}}{{if gt .EventErrors 0}}<span class="severity-badge severity-error">{{.EventErrors}}</span>{{end}}{{if gt .EventWarnings 0}}<span class="severity-badge severity-warning">{{.EventWarnings}}</span>{{end}}{{else}}<span class="text-muted">—</span>{{end}}{{end}}</td>
+                    <td>{{if eq .OverallStatus "pending"}}—{{else}}{{if gt (add (add .EventCriticals .EventErrors) .EventWarnings) 0}}{{if gt .EventCriticals 0}}<span class="severity-badge severity-critical">{{.EventCriticals}}</span>{{end}}{{if gt .EventErrors 0}}<span class="severity-badge severity-error">{{.EventErrors}}</span>{{end}}{{if gt .EventWarnings 0}}<span class="severity-badge severity-warning">{{.EventWarnings}}</span>{{end}}{{else}}<span class="text-muted">—</span>{{end}}{{end}}</td>
                     <td>{{if eq .OverallStatus "pending"}}—{{else}}{{timeAgo .ReceivedAt}}{{end}}</td>
                     <td>{{if eq .OverallStatus "pending"}}—{{else}}{{formatFloat .CPUPercent}}%{{end}}</td>
                     <td>{{if eq .OverallStatus "pending"}}—{{else}}{{formatFloat .MemoryPercent}}%{{end}}</td>

hub/internal/web/templates/style.css

@@ -645,6 +645,16 @@ code {
     color: #3b82f6;
 }
 
+.severity-critical {
+    background: var(--crit-dim);
+    color: var(--crit);
+}
+
+.severity-ok {
+    background: var(--bg-2);
+    color: var(--text-2);
+}
+
 /* Event filter buttons */
 .event-filter {
     font-size: 0.8em;