feat(observability): add Prometheus/Grafana/Loki/Alertmanager/Alloy stack and remove legacy Monitoring UI

frontend/src/hooks/useDashboard.ts

@@ -5,7 +5,6 @@ import {
 	fetchCounts,
 	fetchDashboardShortcuts,
 	fetchLibraries,
-	fetchMonitoringOverview,
 	saveDashboardShortcut,
 } from "../api/client";
 import type { DashboardShortcutInput } from "../types";
@@ -34,14 +33,6 @@ export function useActivity(machineId?: string) {
 	});
 }
 
-export function useMonitoringOverview() {
-	return useQuery({
-		queryKey: ["dashboard", "monitoring"],
-		queryFn: fetchMonitoringOverview,
-		refetchInterval: 30_000,
-	});
-}
-
 // Backward-compatible alias used by older code.
 export const useNowPlaying = useActivity;
 

frontend/src/hooks/useMonitoring.ts

@@ -1,85 +0,0 @@
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import {
-	fetchMonitoringStatus,
-	fetchMonitoringMetrics,
-	fetchDiskSpace,
-	fetchMonitoringMachines,
-	fetchMonitoringMachineActions,
-	fetchMonitoringPoller,
-	startCollector,
-	stopCollector,
-	restartCollector,
-} from "../api/client";
-
-export function useMonitoringMachines() {
-	return useQuery({
-		queryKey: ["monitoring", "machines"],
-		queryFn: fetchMonitoringMachines,
-		refetchInterval: 30_000,
-	});
-}
-
-export function useMonitoringPoller() {
-	return useQuery({
-		queryKey: ["monitoring", "poller"],
-		queryFn: fetchMonitoringPoller,
-		refetchInterval: 30_000,
-	});
-}
-
-export function useMonitoringStatus(machineId?: string, enabled = true) {
-	return useQuery({
-		queryKey: ["monitoring", "status", machineId ?? "default"],
-		queryFn: () => fetchMonitoringStatus(machineId),
-		refetchInterval: 30_000,
-		enabled,
-	});
-}
-
-export function useMonitoringMetrics(machineId?: string, enabled = true) {
-	return useQuery({
-		queryKey: ["monitoring", "metrics", machineId ?? "default"],
-		queryFn: () => fetchMonitoringMetrics(undefined, 70_000, machineId),
-		refetchInterval: 15_000,
-		enabled,
-	});
-}
-
-export function useDiskSpace(machineId?: string, enabled = true) {
-	return useQuery({
-		queryKey: ["monitoring", "disk", machineId ?? "default"],
-		queryFn: () => fetchDiskSpace(machineId),
-		staleTime: 60_000,
-		enabled,
-	});
-}
-
-export function useMachineActions(machineId: string, enabled = true) {
-	return useQuery({
-		queryKey: ["monitoring", "actions", machineId],
-		queryFn: () => fetchMonitoringMachineActions(machineId),
-		refetchInterval: 15_000,
-		enabled,
-	});
-}
-
-export function useCollectorControls(machineId?: string) {
-	const queryClient = useQueryClient();
-	const invalidate = () =>
-		queryClient.invalidateQueries({ queryKey: ["monitoring"] });
-
-	const start = useMutation({
-		mutationFn: () => startCollector(machineId),
-		onSuccess: invalidate,
-	});
-	const stop = useMutation({
-		mutationFn: () => stopCollector(machineId),
-		onSuccess: invalidate,
-	});
-	const restart = useMutation({
-		mutationFn: () => restartCollector(machineId),
-		onSuccess: invalidate,
-	});
-
-	return { start, stop, restart };
-}

frontend/src/hooks/useObservability.ts

@@ -0,0 +1,47 @@
+import { useQuery } from "@tanstack/react-query";
+import {
+	fetchAlertmanagerAlerts,
+	fetchAlertmanagerStatus,
+	fetchPrometheusTargets,
+	fetchMonitoringMachines,
+} from "../api/client";
+
+export function useAlertmanagerAlerts() {
+	return useQuery({
+		queryKey: ["observability", "alerts"],
+		queryFn: fetchAlertmanagerAlerts,
+		retry: 2,
+		staleTime: 10_000,
+		refetchInterval: 15_000,
+	});
+}
+
+export function useAlertmanagerStatus() {
+	return useQuery({
+		queryKey: ["observability", "alertmanager-status"],
+		queryFn: fetchAlertmanagerStatus,
+		retry: 2,
+		staleTime: 10_000,
+		refetchInterval: 30_000,
+	});
+}
+
+export function usePrometheusTargets() {
+	return useQuery({
+		queryKey: ["observability", "prometheus-targets"],
+		queryFn: fetchPrometheusTargets,
+		retry: 2,
+		staleTime: 10_000,
+		refetchInterval: 30_000,
+	});
+}
+
+export function useMonitoringMachines() {
+	return useQuery({
+		queryKey: ["monitoring", "machines"],
+		queryFn: fetchMonitoringMachines,
+		retry: 2,
+		staleTime: 10_000,
+		refetchInterval: 30_000,
+	});
+}