spb/internetpressure

1'use client';23import { fmtInt } from '@/lib/format';4import { useLive } from '@/lib/live';5import type { Ticker } from '@/lib/types';67/** Global Internet Clock (spec §36) — one sentence of real counters. */8export function Clock({ initial }: { initial: Ticker | null }) {9  const live = useLive((s) => s.ticker);10  const t = live ?? initial;11  if (!t) return null;12  const n = (v: number, color?: string) => (13    <span className="num text-ink" style={color ? { color } : undefined}>14      {fmtInt(v)}15    </span>16  );17  return (18    <p className="text-[17px] leading-relaxed text-ink-2 sm:text-[20px]">19      <span className="label mr-3 align-middle">Right now</span>20      {n(t.measurements_per_min)} probe measurements/min · {n(t.bgp_updates_per_min)} BGP updates/min · {n(t.regions_normal)} regions normal · {n(t.regions_elevated, t.regions_elevated ? 'var(--p-elevated)' : undefined)} elevated ·{' '}21      {n(t.regions_severe, t.regions_severe ? 'var(--p-severe)' : undefined)} severe · {n(t.active_incidents, t.active_incidents ? 'var(--p-high)' : undefined)} active {t.active_incidents === 1 ? 'incident' : 'incidents'}22    </p>23  );24}25