homeio

1"use client";
2
3import { useQuery } from "@tanstack/react-query";
4import type { SystemMetricsSnapshot } from "@/lib/shared/contracts/system";
5import { queryKeys } from "@/lib/shared/query-keys";
6
7type MetricsResponse = {
8  data: SystemMetricsSnapshot;
9};
10
11async function fetchSystemMetrics(): Promise<SystemMetricsSnapshot> {
12  const response = await fetch("/api/v1/system/metrics", {
13    cache: "no-store",
14  });
15
16  if (!response.ok) {
17    throw new Error(`Failed to fetch system metrics (${response.status})`);
18  }
19
20  const json = (await response.json()) as MetricsResponse;
21  return json.data;
22}
23
24export function useSystemMetrics() {
25  return useQuery({
26    queryKey: queryKeys.systemMetrics,
27    queryFn: fetchSystemMetrics,
28    // useSystemSse drives continuous cache updates via queryClient.setQueryData.
29    // Set staleTime to Infinity so React Query does not refetch on its own —
30    // one initial REST fetch gives us a baseline while SSE warms up.
31    staleTime: Infinity,
32  });
33}
34