refactor tier 3

apps/web/src/utils/sparkline.ts

@@ -1,50 +1,3 @@
-export function sparkline(values: number[], width = 120, height = 32, color = '#60a5fa', region = '__none__'): string {
-  if (!values.length) return '';
-  const max = Math.max(...values, 1);
-  const min = Math.min(...values, 0);
-  const range = max - min || 1;
-  const step = width / Math.max(values.length - 1, 1);
-  const points = values.map((v, i) => {
-    const x = i * step;
-    const y = height - ((v - min) / range) * (height - 4) - 2;
-    return `${x},${y}`;
-  }).join(' ');
-  return `<svg width="${width}" height="${height}" class="inline-block" data-vals="${values.join(',')}" data-region="${region}"><polyline points="${points}" fill="none" stroke="${color}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
-}
-
-import { REGION_COLORS } from "../../../shared/plans";
-
-export function pickBestRegion(pings: Array<{latency_ms?: number|null, region?: string|null}>): { region: string, values: number[], latest: number | null } {
-  const withLatency = pings.filter(p => p.latency_ms != null);
-  if (!withLatency.length) return { region: '__none__', values: [], latest: null };
-
-  const byRegion: Record<string, number[]> = {};
-  for (const p of withLatency) {
-    const key = p.region || '__none__';
-    if (!byRegion[key]) byRegion[key] = [];
-    byRegion[key].push(p.latency_ms!);
-  }
-
-  const recentRegions = new Set(
-    withLatency.slice(-3).map(p => p.region || '__none__')
-  );
-
-  let bestRegion = '__none__';
-  let bestAvg = Infinity;
-  for (const [region, vals] of Object.entries(byRegion)) {
-    if (!recentRegions.has(region)) continue;
-    const recent = vals.slice(-3);
-    const avg = recent.reduce((a, b) => a + b, 0) / recent.length;
-    if (avg < bestAvg) { bestAvg = avg; bestRegion = region; }
-  }
-
-  const values = byRegion[bestRegion] || [];
-  return { region: bestRegion, values, latest: values.length ? values[values.length - 1] : null };
-}
-
-export function sparklineFromPings(pings: Array<{latency_ms?: number|null, region?: string|null}>, width = 120, height = 32): string {
-  const { region, values } = pickBestRegion(pings);
-  if (!values.length) return '';
-  const color = REGION_COLORS[region] || '#60a5fa';
-  return sparkline(values, width, height, color, region);
-}
+// Re-export from the shared module so apps/web and apps/status share one
+// sparkline implementation.
+export { sparkline, sparklineFromPings, pickBestRegion } from "../../../shared/render/sparkline";