feat: unify chart range controls

2026-07-14 17:00:32 +00:00
parent a541a4fd16
commit 03aece02b8
8 changed files with 235 additions and 96 deletions
@@ -1,6 +1,10 @@
 import { Alert, AlertDescription } from "@/components/ui/alert";
 import { Skeleton } from "@/components/ui/skeleton";
 import { LineSeriesChart } from "../components/LineSeriesChart";
+import {
+	chartRangesThrough,
+	rangeSecondsFromWindow,
+} from "../components/chartRanges";
 import type { ChartSeries } from "../components/LineSeriesChart";
 import type { MetricScale, MetricUnit } from "../lib/metricFormat";
 import { SectionCard } from "../components/SectionCard";
@@ -20,6 +24,7 @@ export function MetricChartWidget({
 }: Props) {
 	const { data, isLoading } = useWidgetData(widget.id, refreshIntervalMs);
 	const series = data?.data?.series as ChartSeries[] | undefined;
+	const maxRangeSeconds = rangeSecondsFromWindow(widget.config.window);

 	return (
 		<SectionCard title={widget.title} description={description}>
@@ -34,6 +39,8 @@ export function MetricChartWidget({
 					series={series}
 					unit={widget.config.unit as MetricUnit}
 					scale={widget.config.scale as MetricScale}
+					rangeOptions={chartRangesThrough(maxRangeSeconds)}
+					defaultRangeSeconds={maxRangeSeconds}
 				/>
 			) : (
 				<Alert>