feat: add timeout and favicon

migrations/0002_add_statuses.sql

···
   id INTEGER PRIMARY KEY AUTOINCREMENT,
   service_id TEXT NOT NULL,
   timestamp INTEGER NOT NULL,
-  status TEXT NOT NULL CHECK (status IN ('up', 'degraded', 'misconfigured', 'down', 'unknown')),
+  status TEXT NOT NULL CHECK (status IN ('up', 'degraded', 'misconfigured', 'timeout', 'down', 'unknown')),
   latency_ms INTEGER
 );
 

src/health.ts

···
 
 const SLOW_THRESHOLD_MS = 3000;
 
-export type Status = "up" | "degraded" | "misconfigured" | "down" | "unknown";
+export type Status = "up" | "degraded" | "misconfigured" | "timeout" | "down" | "unknown";
 
 interface HealthResult {
 	status: Status;
···
 			return { status: "up", latency_ms };
 		}
 		return { status: "down", latency_ms };
-	} catch {
-		return { status: "down", latency_ms: Date.now() - start };
+	} catch (err) {
+		const latency_ms = Date.now() - start;
+		const isTimeout = err instanceof DOMException && err.name === "TimeoutError";
+		return { status: isTimeout ? "timeout" : "down", latency_ms };
 	}
 }

src/index.ts

···
 import { insertPing, pruneOldPings } from "./db";
 import { refreshDevices } from "./tailscale";
 import { handleStatusRoute } from "./routes/status";
+import { handleFavicon } from "./routes/favicon";
 import { handleUptime } from "./routes/uptime";
 import { handleBadgeRoute } from "./routes/badge";
 import { handleIndex } from "./routes/index";
···
 
 		if (path === "/" || path === "") {
 			return handleIndex(env);
+		}
+
+		if (path === "/favicon.svg") {
+			return handleFavicon(env);
 		}
 
 		if (path === "/health") {

src/routes/badge.ts

···
 	up: "#3cc068",
 	degraded: "#f0ad4e",
 	misconfigured: "#9b59b6",
+	timeout: "#e05d44",
 	partial: "#f0ad4e",
 	down: "#e05d44",
 	unknown: "#9f9f9f",
···
 	up: "operational",
 	degraded: "degraded",
 	misconfigured: "misconfigured",
+	timeout: "timeout",
 	partial: "partial",
 	down: "down",
 	unknown: "unknown",
···
 
 function worstStatus(statuses: string[]): string {
 	if (statuses.length === 0) return "unknown";
-	if (statuses.every((s) => s === "down")) return "down";
-	if (statuses.includes("down")) return "partial";
+	if (statuses.every((s) => s === "down" || s === "timeout")) return "down";
+	if (statuses.includes("down") || statuses.includes("timeout")) return "partial";
 	if (statuses.includes("misconfigured")) return "misconfigured";
 	if (statuses.includes("degraded")) return "degraded";
 	if (statuses.includes("unknown")) return "unknown";

src/routes/favicon.ts

···
+import type { Env } from "../types";
+import { getManifest } from "../manifest";
+import { getLatestPing } from "../db";
+
+const COLORS: Record<string, string> = {
+	up: "#2ecc71",
+	degraded: "#f39c12",
+	down: "#e74c3c",
+};
+
+export async function handleFavicon(env: Env): Promise<Response> {
+	const manifest = await getManifest(env);
+	const activeServers = Object.values(manifest).filter(
+		(m) => m.type === "server" && m.services.length > 0,
+	);
+	const statuses: string[] = [];
+
+	for (const machine of activeServers) {
+		for (const svc of machine.services.filter((s) => s.health_url)) {
+			const ping = await getLatestPing(env.DB, svc.name);
+			statuses.push((ping?.status as string) ?? "unknown");
+		}
+	}
+
+	const downCount = statuses.filter((s) => s === "down" || s === "timeout").length;
+	const downRatio = statuses.length > 0 ? downCount / statuses.length : 0;
+	const hasIssues = statuses.some(
+		(s) => s === "down" || s === "timeout" || s === "degraded" || s === "misconfigured",
+	);
+
+	let color: string;
+	if (downRatio >= 0.4) color = COLORS.down;
+	else if (hasIssues) color = COLORS.degraded;
+	else color = COLORS.up;
+
+	const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="7" fill="${color}"/></svg>`;
+
+	return new Response(svg, {
+		headers: {
+			"Content-Type": "image/svg+xml",
+			"Cache-Control": "no-cache, no-store, must-revalidate",
+		},
+	});
+}

src/routes/index.ts

···
 	const activeServers = servers.filter((m) => m.services.length > 0);
 	const anyServerOffline = activeServers.some((m) => !m.online);
 	const svcStatuses = activeServers.flatMap((m) => m.services.map((s) => s.status));
-	const downCount = svcStatuses.filter((s) => s === "down").length;
+	const downCount = svcStatuses.filter((s) => s === "down" || s === "timeout").length;
 	const downRatio = svcStatuses.length > 0 ? downCount / svcStatuses.length : 0;
 	const onFire = anyServerOffline || downRatio >= 0.4;
 	const hasDegraded =
 		svcStatuses.includes("down") ||
+		svcStatuses.includes("timeout") ||
 		svcStatuses.includes("degraded") ||
 		svcStatuses.includes("misconfigured") ||
 		svcStatuses.includes("partial");
···
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>infra.dunkirk.sh</title>
+<link rel="icon" type="image/svg+xml" href="/favicon.svg">
 <style>
   * { margin: 0; padding: 0; box-sizing: border-box; }
   html { min-height: 100%; }
···
   .dot.degraded { background: #f39c12; }
   .dot.down { background: #e74c3c; }
   .dot.misconfigured { background: #9b59b6; }
+  .dot.timeout { background: #e74c3c; }
   .dot.unknown { background: #8b949e; }
   .dot.online { background: #2ecc71; }
   .dot.offline { background: #e74c3c; }

src/routes/status.ts

···
 
 function worstStatus(statuses: string[]): string {
 	if (statuses.length === 0) return "unknown";
-	if (statuses.every((s) => s === "down")) return "down";
-	if (statuses.includes("down")) return "partial";
+	if (statuses.every((s) => s === "down" || s === "timeout")) return "down";
+	if (statuses.includes("down") || statuses.includes("timeout")) return "partial";
 	if (statuses.includes("misconfigured")) return "misconfigured";
 	if (statuses.includes("degraded")) return "degraded";
 	if (statuses.includes("unknown")) return "unknown";