Fix overview error rate panel, add request metrics to journal

Dashboard: switch error rate panel from app-level http_request_duration
(never observed) to Caddy's caddy_http_response_duration_seconds_count.

Journal: add custom server.ts (matching planner pattern) that observes
http_request_duration_seconds on every request. Replaces react-router-serve
with a custom Node HTTP server that handles /api/health, /api/metrics,
static assets, and request timing. Removes redundant React Router routes
for health and metrics.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

apps/journal/server.ts

@@ -0,0 +1,96 @@
+import { createRequestListener } from "@react-router/node";
+import { createServer, type IncomingMessage, type ServerResponse } from "node:http";
+import { createReadStream, statSync } from "node:fs";
+import { join, extname, resolve } from "node:path";
+import { logger } from "./app/lib/logger.server.ts";
+import { httpRequestDuration, registry } from "./app/lib/metrics.server.ts";
+
+const port = Number(process.env.PORT ?? 3000);
+const CLIENT_DIR = resolve(import.meta.dirname, "build", "client");
+
+const MIME: Record<string, string> = {
+  ".js": "application/javascript",
+  ".css": "text/css",
+  ".html": "text/html",
+  ".json": "application/json",
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".svg": "image/svg+xml",
+  ".ico": "image/x-icon",
+  ".woff": "font/woff",
+  ".woff2": "font/woff2",
+};
+
+function serveStatic(req: IncomingMessage, res: ServerResponse): boolean {
+  if (req.method !== "GET" && req.method !== "HEAD") return false;
+
+  const url = new URL(req.url ?? "/", `http://${req.headers.host}`);
+  const filePath = resolve(join(CLIENT_DIR, url.pathname));
+
+  if (!filePath.startsWith(CLIENT_DIR)) return false;
+
+  try {
+    if (!statSync(filePath).isFile()) return false;
+  } catch {
+    return false;
+  }
+
+  res.setHeader("Content-Type", MIME[extname(filePath)] ?? "application/octet-stream");
+  if (url.pathname.startsWith("/assets/")) {
+    res.setHeader("Cache-Control", "public, immutable, max-age=31536000");
+  }
+  createReadStream(filePath).pipe(res);
+  return true;
+}
+
+const listener = createRequestListener({
+  build: () => import("./build/server/index.js" as string) as never,
+});
+
+async function handleMetrics(_req: IncomingMessage, res: ServerResponse): Promise<void> {
+  const metrics = await registry.metrics();
+  res.writeHead(200, { "Content-Type": registry.contentType });
+  res.end(metrics);
+}
+
+const version = process.env.SENTRY_RELEASE ?? "dev";
+
+async function handleHealth(_req: IncomingMessage, res: ServerResponse): Promise<void> {
+  try {
+    const { createDb } = await import("@trails-cool/db");
+    const { sql } = await import("drizzle-orm");
+    const db = createDb();
+    await db.execute(sql`SELECT 1`);
+    res.writeHead(200, { "Content-Type": "application/json" });
+    res.end(JSON.stringify({ status: "ok", version, db: "connected" }));
+  } catch {
+    res.writeHead(503, { "Content-Type": "application/json" });
+    res.end(JSON.stringify({ status: "degraded", version, db: "unreachable" }));
+  }
+}
+
+const server = createServer((req, res) => {
+  const url = req.url ?? "/";
+  const start = Date.now();
+
+  if (!url.startsWith("/assets/") && url !== "/api/health" && url !== "/api/metrics") {
+    res.on("finish", () => {
+      const duration = Date.now() - start;
+      logger.info({ method: req.method, path: url, status: res.statusCode, duration }, "request");
+      httpRequestDuration.observe(
+        { method: req.method ?? "GET", route: url.split("?")[0]!, status: String(res.statusCode) },
+        duration / 1000,
+      );
+    });
+  }
+
+  if (url === "/api/health") { handleHealth(req, res); return; }
+  if (url === "/api/metrics") { handleMetrics(req, res); return; }
+  if (!serveStatic(req, res)) {
+    listener(req, res);
+  }
+});
+
+server.listen(port, () => {
+  logger.info({ port }, "Journal server listening");
+});