@hot-updater/console 1.0.0-rc.2 → 1.0.0-rc.4

package/.output/server/_ssr/insights-B-DUbksX.mjs

@@ -0,0 +1,502 @@
+import { i as __toESM } from "../_runtime.mjs";
+import { C as Toggle, J as require_react, S as ToggleGroup, q as require_jsx_runtime } from "../_libs/@base-ui/react+[...].mjs";
+import { L as ArrowUpRight, n as TriangleAlert, u as RotateCw } from "../_libs/lucide-react.mjs";
+import { t as cva } from "../_libs/class-variance-authority+clsx.mjs";
+import { C as cn, S as buttonVariants, _ as Skeleton, n as Input, t as Button$1 } from "./createSsrRpc-NHF2PxuK.mjs";
+import { m as Link } from "../_libs/@tanstack/react-router+[...].mjs";
+import { n as useQuery } from "../_libs/tanstack__react-query.mjs";
+import { a as Card, c as CardFooter, l as CardHeader, o as CardContent, u as CardTitle } from "./card-DrbxCPtG.mjs";
+import { a as FieldLabel, i as FieldGroup, t as Field } from "./field-CqNUlqUq.mjs";
+import { i as XAxis, n as LineChart, o as Line, r as YAxis, s as CartesianGrid } from "../_libs/recharts+[...].mjs";
+import { a as ChartTooltipContent, i as ChartTooltip, s as getRecoveryReportRpc, t as ChartContainer } from "./chart-qxa-_30a.mjs";
+import { n as InsightsPageHeader, t as InsightsErrorAlert } from "./InsightsPageHeader-C5Has8Ry.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/insights-B-DUbksX.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+var toggleVariants = cva("group/toggle inline-flex items-center justify-center gap-1 rounded-md text-xs font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent hover:bg-muted"
+		},
+		size: {
+			default: "h-7 min-w-7 px-2 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+			sm: "h-6 min-w-6 rounded-[min(var(--radius-md),8px)] px-2 text-[0.625rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+			lg: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+var ToggleGroupContext = import_react.createContext({
+	size: "default",
+	variant: "default",
+	spacing: 2,
+	orientation: "horizontal"
+});
+function ToggleGroup$1({ className, variant, size, spacing = 2, orientation = "horizontal", children, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroup, {
+		"data-slot": "toggle-group",
+		"data-variant": variant,
+		"data-size": size,
+		"data-spacing": spacing,
+		"data-orientation": orientation,
+		style: { "--gap": spacing },
+		className: cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-[size=sm]:rounded-[min(var(--radius-md),8px)] data-vertical:flex-col data-vertical:items-stretch", className),
+		...props,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupContext.Provider, {
+			value: {
+				variant,
+				size,
+				spacing,
+				orientation
+			},
+			children
+		})
+	});
+}
+function ToggleGroupItem({ className, children, variant = "default", size = "default", ...props }) {
+	const context = import_react.useContext(ToggleGroupContext);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toggle, {
+		"data-slot": "toggle-group-item",
+		"data-variant": context.variant || variant,
+		"data-size": context.size || size,
+		"data-spacing": context.spacing,
+		className: cn("shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", toggleVariants({
+			variant: context.variant || variant,
+			size: context.size || size
+		}), className),
+		...props,
+		children
+	});
+}
+var windows = [
+	{
+		value: "24h",
+		label: "24 hours",
+		shortLabel: "24h"
+	},
+	{
+		value: "7d",
+		label: "7 days",
+		shortLabel: "7d"
+	},
+	{
+		value: "30d",
+		label: "30 days",
+		shortLabel: "30d"
+	}
+];
+function InsightsControls({ onWindowChange, onScopeChange, scope, window }) {
+	const [platform, setPlatform] = (0, import_react.useState)(scope.platform);
+	const [channel, setChannel] = (0, import_react.useState)(scope.channel);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
+		"aria-label": "Insights controls",
+		className: "flex flex-col gap-4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", {
+			onSubmit: (event) => {
+				event.preventDefault();
+				onScopeChange({
+					platform,
+					channel
+				});
+			},
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(FieldGroup, {
+				className: "items-end sm:flex-row",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, {
+						className: "w-full sm:w-auto",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, { children: "Platform" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ToggleGroup$1, {
+							"aria-label": "Platform",
+							value: [platform],
+							onValueChange: (value) => {
+								if (value[0] === "ios" || value[0] === "android") setPlatform(value[0]);
+							},
+							spacing: 0,
+							variant: "outline",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItem, {
+								className: "h-11 lg:h-8",
+								value: "ios",
+								children: "iOS"
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItem, {
+								className: "h-11 lg:h-8",
+								value: "android",
+								children: "Android"
+							})]
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, {
+						htmlFor: "insights-channel",
+						children: "Channel"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+						className: "h-11 lg:h-8",
+						id: "insights-channel",
+						value: channel,
+						onChange: (event) => setChannel(event.target.value),
+						required: true,
+						maxLength: 1024
+					})] }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+						className: "h-11 w-full sm:w-auto lg:h-8",
+						type: "submit",
+						variant: "outline",
+						children: "Apply filters"
+					})
+				]
+			})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, {
+			orientation: "horizontal",
+			className: "w-full",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, {
+				className: "sr-only",
+				children: "Reporting period"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroup$1, {
+				"aria-label": "Reporting period",
+				className: "w-full sm:w-fit",
+				onValueChange: (value) => {
+					if (value[0]) onWindowChange(value[0]);
+				},
+				spacing: 0,
+				size: "lg",
+				value: [window],
+				variant: "outline",
+				children: windows.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItem, {
+					"aria-label": item.label,
+					className: "h-11 flex-1 px-4 sm:flex-none lg:h-8 lg:px-2.5",
+					value: item.value,
+					children: item.shortLabel
+				}, item.value))
+			})]
+		})]
+	});
+}
+var dates = new Intl.DateTimeFormat("en", {
+	month: "short",
+	day: "numeric",
+	timeZone: "UTC"
+});
+var times = new Intl.DateTimeFormat("en", {
+	month: "short",
+	day: "numeric",
+	hour: "numeric",
+	timeZone: "UTC"
+});
+var colors = [
+	"var(--chart-2)",
+	"var(--foreground)",
+	"var(--chart-1)",
+	"var(--muted-foreground)",
+	"var(--chart-4)"
+];
+var dashes = [
+	void 0,
+	"6 3",
+	"2 3"
+];
+function ActivityChart({ report }) {
+	const [metric, setMetric] = (0, import_react.useState)("active");
+	const [selectedId, setSelectedId] = (0, import_react.useState)(null);
+	const selected = report.series.find((series) => series.releaseId === selectedId);
+	const config = Object.fromEntries(report.series.map((series, index) => [`bundle${index}`, {
+		label: series.releaseId,
+		color: colors[index % colors.length]
+	}]));
+	const data = (report.series[0]?.points ?? []).map((point, pointIndex) => ({
+		startMs: point.startMs,
+		...Object.fromEntries(report.series.map((series, index) => [`bundle${index}`, metric === "active" ? series.points[pointIndex].active : series.points[pointIndex].recoveredInstallations]))
+	}));
+	const formatTick = (ms) => (report.intervalMs < 864e5 ? times : dates).format(ms);
+	const lastSpike = selected ? [...selected.points].reverse().find((point) => point.spike) : void 0;
+	const total = metric === "active" ? report.series.reduce((sum, series) => sum + series.activeInstallations, 0) : report.series.filter((series) => series.recoveredInstallations > 0).length;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-wrap items-start justify-between gap-4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			className: "text-sm text-muted-foreground",
+			children: metric === "active" ? "Active installations" : "Bundles with rollbacks"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			className: "mt-1 text-4xl font-semibold tracking-tight tabular-nums",
+			children: total.toLocaleString()
+		})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ToggleGroup$1, {
+			"aria-label": "Activity metric",
+			value: [metric],
+			onValueChange: (values) => {
+				if (values[0] === "active" || values[0] === "rollback") setMetric(values[0]);
+			},
+			spacing: 0,
+			variant: "outline",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItem, {
+				className: "h-11 lg:h-8",
+				value: "active",
+				children: "Active"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItem, {
+				className: "h-11 lg:h-8",
+				value: "rollback",
+				children: "Rollback"
+			})]
+		})]
+	}), report.series.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "flex h-48 items-center justify-center text-center text-sm text-muted-foreground",
+		children: "No bundle reports in this period. Try another channel or check again after the app reports activity."
+	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+			className: "mb-2 text-right text-xs text-muted-foreground",
+			children: [
+				metric === "active" ? "Installations" : "Recovered installations per interval",
+				" ",
+				"· UTC"
+			]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, {
+			"aria-label": `${metric === "active" ? "Active" : "Rollback"} trend for all reported bundle IDs`,
+			className: "h-48 w-full aspect-auto sm:h-56",
+			config,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LineChart, {
+				accessibilityLayer: true,
+				data,
+				margin: {
+					left: -12,
+					right: 12,
+					top: 8
+				},
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CartesianGrid, { vertical: false }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(XAxis, {
+						axisLine: false,
+						dataKey: "startMs",
+						minTickGap: 40,
+						tickFormatter: formatTick,
+						tickLine: false
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(YAxis, {
+						allowDecimals: false,
+						axisLine: false,
+						tickLine: false,
+						width: 48
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartTooltip, { content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartTooltipContent, {
+						className: "max-h-64 max-w-[calc(100vw-3rem)] overflow-auto",
+						labelFormatter: (_, payload) => `${times.format(payload[0]?.payload.startMs)} · UTC`
+					}) }),
+					report.series.map((series, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Line, {
+						dataKey: `bundle${index}`,
+						type: "linear",
+						stroke: `var(--color-bundle${index})`,
+						strokeWidth: selectedId === series.releaseId ? 3 : 2,
+						strokeOpacity: !selected || selected === series ? 1 : .4,
+						strokeDasharray: dashes[Math.floor(index / colors.length) % dashes.length],
+						dot: { r: 2 },
+						activeDot: { r: 4 },
+						isAnimationActive: false
+					}, series.releaseId))
+				]
+			})
+		})] }),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			"aria-label": "Reported bundles",
+			className: "grid max-h-48 grid-cols-1 gap-1 overflow-y-auto sm:grid-cols-2",
+			children: report.series.map((series, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+				type: "button",
+				"aria-label": `Highlight bundle ${series.releaseId}`,
+				"aria-pressed": selectedId === series.releaseId,
+				title: series.releaseId,
+				onClick: () => setSelectedId(selectedId === series.releaseId ? null : series.releaseId),
+				className: "flex min-w-0 items-center gap-2 rounded-md px-2 py-2 text-left text-xs hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring aria-pressed:bg-muted",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+						"aria-hidden": "true",
+						width: "20",
+						height: "8",
+						className: "shrink-0",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", {
+							x1: "0",
+							x2: "20",
+							y1: "4",
+							y2: "4",
+							stroke: colors[index % colors.length],
+							strokeWidth: "2",
+							strokeDasharray: dashes[Math.floor(index / colors.length) % dashes.length]
+						})
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "min-w-0 truncate font-mono",
+						children: series.releaseId
+					}),
+					series.points.some((point) => point.spike) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, {
+						"aria-label": "Rollback spike",
+						className: "size-3 shrink-0"
+					}) : null,
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "ml-auto tabular-nums",
+						children: (metric === "active" ? series.activeInstallations : series.recoveredInstallations).toLocaleString()
+					})
+				]
+			}, series.releaseId))
+		}),
+		selected ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex flex-wrap items-center justify-between gap-3 border-t pt-3",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "break-all font-mono text-xs",
+						children: selected.releaseId
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+						className: "mt-1 text-xs text-muted-foreground",
+						children: [
+							"Active ",
+							selected.activeInstallations.toLocaleString(),
+							" · Rollback ",
+							selected.recoveredInstallations.toLocaleString(),
+							" in this period"
+						]
+					}),
+					metric === "rollback" && lastSpike ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+						className: "mt-2 flex items-center gap-2 text-xs",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, {
+								className: "size-3 shrink-0",
+								"aria-hidden": "true"
+							}),
+							"Rollback spike on ",
+							dates.format(lastSpike.startMs),
+							". Review this bundle’s delivery settings."
+						]
+					}) : null
+				]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
+				className: buttonVariants({
+					variant: "outline",
+					size: "sm"
+				}),
+				to: "/",
+				search: { releaseId: selected.releaseId },
+				children: ["Review bundle", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowUpRight, { "aria-hidden": "true" })]
+			})]
+		}) : null,
+		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", {
+			className: "text-xs text-muted-foreground",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("summary", {
+				className: "cursor-pointer",
+				children: "View chart data"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "mt-2 max-h-64 overflow-auto",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", {
+					className: "w-full text-left",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("caption", {
+							className: "sr-only",
+							children: [
+								metric === "active" ? "Active installations" : "Recovered installations",
+								" ",
+								"by bundle ID, UTC"
+							]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+							scope: "col",
+							className: "pr-4",
+							children: "Date (UTC)"
+						}), report.series.map((series) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+							scope: "col",
+							className: "px-2 font-mono",
+							children: series.releaseId
+						}, series.releaseId))] }) }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: data.map((point, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+							scope: "row",
+							className: "whitespace-nowrap pr-4 font-normal",
+							children: times.format(point.startMs)
+						}), report.series.map((series) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+							className: "px-2 tabular-nums",
+							children: (metric === "active" ? series.points[i].active : series.points[i].recoveredInstallations) ?? "—"
+						}, series.releaseId))] }, point.startMs)) })
+					]
+				})
+			})]
+		})
+	] })] });
+}
+function InsightsOverview({ input }) {
+	const query = useQuery({
+		queryKey: ["rollout-activity", input],
+		queryFn: () => getRecoveryReportRpc({ data: input }),
+		staleTime: 3e4
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, {
+		className: "min-w-0 overflow-hidden shadow-sm",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, {
+				className: "flex-row items-center justify-between gap-4 px-4 pt-4 pb-2 sm:px-6 sm:pt-6",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardTitle, {
+					className: "text-sm font-medium",
+					children: [
+						"Bundle activity ·",
+						" ",
+						input.window === "30d" ? "30 days" : input.window === "7d" ? "7 days" : "24 hours"
+					]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+					"aria-label": "Refresh bundle activity",
+					variant: "ghost",
+					size: "icon-sm",
+					disabled: query.isFetching,
+					onClick: () => void query.refetch(),
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RotateCw, { "aria-hidden": "true" })
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, {
+				className: "flex flex-col gap-4 px-4 pb-4 sm:px-6 sm:pb-6",
+				children: query.isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, {
+					"aria-label": "Loading bundle activity",
+					className: "h-64 w-full"
+				}) : query.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsErrorAlert, {
+					error: query.error,
+					fallbackTitle: "Bundle activity unavailable"
+				}) : query.data ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActivityChart, { report: query.data }, JSON.stringify(input)) : null
+			}),
+			query.data && !query.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardFooter, {
+				className: "flex-col items-start gap-2 border-t bg-muted/15 px-4 py-3 text-xs text-muted-foreground sm:px-6",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Active follows each installation’s last reported ID in this period. Rollbacks count installations recovered from each ID per interval." }),
+					query.data.unattributedInstallations > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [query.data.unattributedInstallations.toLocaleString(), " reporting installations have no observed bundle ID and are excluded."] }) : null,
+					query.data.truncated ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
+						"Partial history — only reports since",
+						" ",
+						times.format(query.data.sinceMs),
+						" UTC are included. Choose a shorter period to see more complete counts."
+					] }) : null
+				]
+			}) : null
+		]
+	});
+}
+function InsightsPage() {
+	const [window, setWindow] = (0, import_react.useState)("30d");
+	const [scope, setScope] = (0, import_react.useState)({
+		platform: "ios",
+		channel: "production"
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex h-svh min-h-0 flex-col",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsPageHeader, { view: "overview" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "min-h-0 min-w-0 flex-1 overflow-y-auto bg-muted/5 p-3 sm:p-6",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mx-auto flex w-full max-w-4xl flex-col gap-4 sm:gap-6",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsControls, {
+					scope,
+					onScopeChange: (next) => {
+						setScope(next);
+					},
+					onWindowChange: (next) => {
+						setWindow(next);
+					},
+					window
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsOverview, { input: {
+					...scope,
+					window
+				} })]
+			})
+		})]
+	});
+}
+//#endregion
+export { InsightsPage as component };

package/.output/server/_ssr/insights-recovery-DSFM-YTL.mjs

@@ -0,0 +1,21 @@
+//#region node_modules/.nitro/vite/services/ssr/assets/insights-recovery-DSFM-YTL.js
+var recoveryWindows = {
+	"24h": {
+		durationMs: 864e5,
+		intervalMs: 36e5
+	},
+	"7d": {
+		durationMs: 7 * 864e5,
+		intervalMs: 6 * 36e5
+	},
+	"30d": {
+		durationMs: 30 * 864e5,
+		intervalMs: 864e5
+	}
+};
+function readRecoveryInput(input) {
+	if (!input || input.platform !== "ios" && input.platform !== "android" || typeof input.channel !== "string" || !input.channel.trim() || input.channel.length > 1024 || !Object.hasOwn(recoveryWindows, input.window) || input.releaseId !== void 0 && (typeof input.releaseId !== "string" || !input.releaseId.trim() || input.releaseId.length > 1024)) throw new Error("Choose a platform, channel, and time window.");
+	return input;
+}
+//#endregion
+export { recoveryWindows as n, readRecoveryInput as t };

package/.output/server/_ssr/insights-recovery-rpc-P71FH66n.mjs

@@ -0,0 +1,37 @@
+import { c as createServerFn } from "./createServerFn-B2hcXoPM.mjs";
+import { t as createServerRpc } from "./createServerRpc-DB29C_5p.mjs";
+import { t as readRecoveryInput } from "./insights-recovery-DSFM-YTL.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/insights-recovery-rpc-P71FH66n.js
+function readBundleActivityInput(inputs) {
+	if (!Array.isArray(inputs) || inputs.length > 20) throw new Error("Choose up to 20 bundles.");
+	return inputs.map((input) => {
+		readRecoveryInput({
+			...input,
+			window: "30d"
+		});
+		if (!input.releaseId) throw new Error("Choose a bundle ID.");
+		return input;
+	});
+}
+var getBundleActivityRpc_createServerFn_handler = createServerRpc({
+	id: "b4bf4c461903edcdc44eea52468c737b5b600a586f542138ff022dcbbe86c45c",
+	name: "getBundleActivityRpc",
+	filename: "src/lib/insights-recovery-rpc.ts"
+}, (opts) => getBundleActivityRpc.__executeServer(opts));
+var getBundleActivityRpc = createServerFn({ method: "GET" }).validator(readBundleActivityInput).handler(getBundleActivityRpc_createServerFn_handler, async ({ data }) => {
+	const [{ prepareConfig }, { getBundleActivity }] = await Promise.all([import("./config.server-CBr6PDj5.mjs"), import("./bundleActivity-D3_fIda2.mjs")]);
+	const { config } = await prepareConfig();
+	return getBundleActivity(config.database.models.insights, data);
+});
+var getRecoveryReportRpc_createServerFn_handler = createServerRpc({
+	id: "69cd8e2488b082eb2a22e7058be56ad6566f338c471c62557fa6beed5dc1352a",
+	name: "getRecoveryReportRpc",
+	filename: "src/lib/insights-recovery-rpc.ts"
+}, (opts) => getRecoveryReportRpc.__executeServer(opts));
+var getRecoveryReportRpc = createServerFn({ method: "GET" }).validator(readRecoveryInput).handler(getRecoveryReportRpc_createServerFn_handler, async ({ data }) => {
+	const [{ prepareConfig }, { getRecoveryReport }] = await Promise.all([import("./config.server-CBr6PDj5.mjs"), import("./insightsRecovery-CqcosG7B.mjs")]);
+	const { config } = await prepareConfig();
+	return getRecoveryReport(config.database.models.insights, data);
+});
+//#endregion
+export { getBundleActivityRpc_createServerFn_handler, getRecoveryReportRpc_createServerFn_handler };

package/.output/server/_ssr/{insights-rpc-38DujK0G.mjs → insights-rpc-DrIQCjpD.mjs}

@@ -1,8 +1,8 @@
 import { c as createServerFn } from "./createServerFn-B2hcXoPM.mjs";
 import { t as createServerRpc } from "./createServerRpc-DB29C_5p.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/insights-rpc-38DujK0G.js
+//#region node_modules/.nitro/vite/services/ssr/assets/insights-rpc-DrIQCjpD.js
 var runtime = async () => {
-	const { prepareConfig } = await import("./config.server-afDuAwaG.mjs");
+	const { prepareConfig } = await import("./config.server-CBr6PDj5.mjs");
 	const { hotUpdater } = await prepareConfig();
 	return hotUpdater;
 };