@hot-updater/console 1.0.0-rc.8 → 1.0.0

package/.output/server/_ssr/insights-BDJjaDLp.mjs

@@ -1,938 +0,0 @@
-import { i as __toESM } from "../_runtime.mjs";
-import { C as ScrollAreaRoot, S as ScrollAreaViewport, _ as ComboboxInput$1, b as ScrollAreaThumb, c as ComboboxItemIndicator, d as ComboboxItem$1, f as ComboboxPopup, g as ComboboxClear$1, h as ComboboxList$1, ht as require_react, l as ComboboxRoot, m as ComboboxPortal, mt as require_jsx_runtime, p as ComboboxPositioner, u as ComboboxEmpty$1, v as ComboboxTrigger$1, x as ScrollAreaScrollbar, y as ScrollAreaCorner } from "../_libs/@base-ui/react+[...].mjs";
-import { F as Check, L as ArrowUpRight, M as ChevronRight, P as ChevronDown, R as ArrowRight, n as TriangleAlert, t as X, u as RotateCw, x as List } from "../_libs/lucide-react.mjs";
-import { C as cn, S as buttonVariants, _ as Skeleton, r as Separator$1, t as Button$1 } from "./createSsrRpc-C-dLcQuy.mjs";
-import { m as Link } from "../_libs/@tanstack/react-router+[...].mjs";
-import { n as useQuery } from "../_libs/tanstack__react-query.mjs";
-import { a as Badge, d as CardTitle, i as AlertTitle, l as CardFooter, o as Card, r as AlertDescription, s as CardContent, t as Alert, u as CardHeader } from "./card-B7KSO_25.mjs";
-import { a as FieldLabel, i as FieldGroup, t as Field } from "./field-BDwuU8RE.mjs";
-import { a as TableHeader, i as TableHead, n as TableBody, o as TableRow, r as TableCell, t as Table } from "./table-CkVhsNpe.mjs";
-import { t as Route } from "./insights-D0FWpfOS.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, d as useChannelsQuery, i as ChartTooltip, s as getRecoveryReportRpc, t as ChartContainer } from "./api-C3bGmgY0.mjs";
-import { a as SelectItem, i as SelectGroup, n as Select$1, o as SelectTrigger, r as SelectContent, s as SelectValue, t as PlatformIcon } from "./select-CyvLaMza.mjs";
-import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "./input-group-Coj6SwVP.mjs";
-import { a as InsightsInfo, c as Tabs$1, d as TabsTrigger, f as getAppUsageReportRpc, i as EmptyTitle, l as TabsContent, n as EmptyDescription, o as InsightsPeriodSelector, p as usageMetrics, r as EmptyHeader, s as Progress$1, t as Empty, u as TabsList } from "./insights-usage-rpc-BE_aCnea.mjs";
-import { n as InsightsPageHeader, t as InsightsErrorAlert } from "./InsightsPageHeader-Dma3dVj1.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/insights-BDJjaDLp.js
-var import_react = /* @__PURE__ */ __toESM(require_react());
-var import_jsx_runtime = require_jsx_runtime();
-function ScrollArea$1({ className, children, ...props }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ScrollAreaRoot, {
-		"data-slot": "scroll-area",
-		className: cn("relative", className),
-		...props,
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaViewport, {
-				"data-slot": "scroll-area-viewport",
-				className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
-				children
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollBar, {}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaCorner, {})
-		]
-	});
-}
-function ScrollBar({ className, orientation = "vertical", ...props }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaScrollbar, {
-		"data-slot": "scroll-area-scrollbar",
-		"data-orientation": orientation,
-		orientation,
-		className: cn("flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent", className),
-		...props,
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaThumb, {
-			"data-slot": "scroll-area-thumb",
-			className: "relative flex-1 rounded-full bg-border"
-		})
-	});
-}
-function ReportingDevicesSummary({ window, count, isPending, partial }) {
-	const metric = usageMetrics[window];
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		"aria-label": `${metric.label} over ${metric.period}`,
-		role: "region",
-		className: "flex items-center gap-3",
-		children: [isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, {
-			"aria-label": "Loading active users",
-			className: "h-9 w-12"
-		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-			className: "text-4xl font-semibold tracking-tight tabular-nums",
-			children: count === void 0 ? "—" : `${partial ? "≥" : ""}${count.toLocaleString()}`
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "flex items-center gap-1 text-sm text-muted-foreground",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: metric.label }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(InsightsInfo, {
-				label: `How ${metric.label} is counted`,
-				children: [
-					"Unique app installations that reported activity in the last",
-					" ",
-					metric.period,
-					", including no-change reports. Filtered by platform, channel, and app version. The chart counts unique reporting installations per ",
-					metric.interval,
-					".",
-					partial ? " Only part of the history is available; the total is a lower bound." : ""
-				]
-			})]
-		})]
-	});
-}
-var dates$1 = new Intl.DateTimeFormat("en", {
-	month: "short",
-	day: "numeric",
-	timeZone: "UTC"
-});
-var times$1 = new Intl.DateTimeFormat("en", {
-	month: "short",
-	day: "numeric",
-	hour: "numeric",
-	timeZone: "UTC"
-});
-function AppUsage({ query, search, window, onWindowChange }) {
-	const report = query.error ? void 0 : query.data;
-	const formatTime = (ms) => (window === "30d" ? dates$1 : times$1).format(ms);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "grid min-w-0 gap-6 xl:grid-cols-[minmax(0,2fr)_minmax(16rem,1fr)]",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, {
-			"aria-label": "App usage",
-			role: "region",
-			className: "min-w-0 shadow-sm",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, {
-				className: "flex-row flex-wrap items-center justify-between gap-4",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, { children: "App usage" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsPeriodSelector, {
-					window,
-					onWindowChange
-				})]
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
-				className: "flex flex-col gap-4",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReportingDevicesSummary, {
-					window,
-					count: report?.activeInstallations,
-					isPending: query.isPending,
-					partial: report?.truncated ?? false
-				}), query.isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, {
-					"aria-label": "Loading app usage",
-					className: "h-48"
-				}) : query.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "flex flex-col items-start gap-4",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsErrorAlert, {
-						error: query.error,
-						fallbackTitle: "App usage unavailable"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
-						variant: "outline",
-						onClick: () => void query.refetch(),
-						children: "Retry app usage"
-					})]
-				}) : report?.activeInstallations === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Empty, {
-					className: "h-48",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EmptyHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyTitle, { children: "No activity reported" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyDescription, { children: "Try another period, platform, channel, or app version." })] })
-				}) : report ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-					className: "mb-2 text-right text-xs text-muted-foreground",
-					children: "Reporting installations · UTC"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, {
-					"aria-label": "Active users per interval",
-					className: "h-48 w-full aspect-auto",
-					config: { installations: {
-						label: "Active users",
-						color: "var(--chart-2)"
-					} },
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LineChart, {
-						accessibilityLayer: true,
-						data: report.points,
-						margin: {
-							right: 8,
-							top: 8
-						},
-						children: [
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CartesianGrid, { vertical: false }),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(XAxis, {
-								dataKey: "startMs",
-								tick: { fill: "var(--muted-foreground)" },
-								tickFormatter: formatTime,
-								axisLine: false,
-								tickLine: false,
-								minTickGap: 45
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(YAxis, {
-								tick: { fill: "var(--muted-foreground)" },
-								allowDecimals: false,
-								axisLine: false,
-								tickLine: false,
-								width: "auto"
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartTooltip, { content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartTooltipContent, { labelFormatter: (_, payload) => `${times$1.format(payload[0]?.payload.startMs)} · UTC` }) }),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Line, {
-								dataKey: "installations",
-								type: "linear",
-								stroke: "var(--color-installations)",
-								strokeWidth: 2,
-								dot: { r: 2 },
-								activeDot: { r: 4 },
-								isAnimationActive: false
-							})
-						]
-					})
-				})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", {
-					className: "text-xs text-muted-foreground",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("summary", {
-						className: "cursor-pointer py-2",
-						children: "View usage data"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Table, {
-						"aria-label": "App usage by interval",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Interval · UTC" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
-							className: "text-right",
-							children: "Active users"
-						})] }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableBody, { children: report.points.map((point) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: times$1.format(point.startMs) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
-							className: "text-right tabular-nums",
-							children: point.installations?.toLocaleString() ?? "Unknown"
-						})] }, point.startMs)) })]
-					})]
-				})] }) : null]
-			})]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, {
-			"aria-label": "Usage distribution",
-			role: "region",
-			className: "flex min-w-0 flex-col shadow-sm",
-			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, {
-					className: "flex-row items-center justify-between gap-3",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
-						className: "flex min-h-9 items-center",
-						children: "Distribution"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(InsightsInfo, {
-						label: "How distribution is counted",
-						children: ["Each reporting installation is counted once, using the app version and platform of its latest matching report in the selected period.", report?.truncated ? " Shares reflect only the available history." : ""]
-					})]
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, {
-					className: "flex-1",
-					children: query.isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, {
-						"aria-label": "Loading distribution",
-						className: "h-48"
-					}) : query.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsErrorAlert, {
-						error: query.error,
-						fallbackTitle: "Distribution unavailable"
-					}) : !report?.activeInstallations ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Empty, {
-						className: "h-40",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EmptyHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyTitle, { children: "No reporting installations" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyDescription, { children: "Try a different filter or period." })] })
-					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "flex flex-col gap-6",
-						children: ["versions", "platforms"].map((dimension) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
-							"aria-label": dimension === "versions" ? "App version distribution" : "Platform distribution",
-							className: "flex flex-col gap-4",
-							children: [
-								dimension === "platforms" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator$1, {}) : null,
-								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h3", {
-									className: "flex items-center gap-2 text-sm font-medium text-muted-foreground",
-									children: [dimension === "versions" ? "App versions" : "Platforms", dimension === "versions" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
-										variant: "secondary",
-										children: report.versions.length
-									}) : null]
-								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollArea$1, {
-									className: "min-w-0 [&_[data-slot=scroll-area-viewport]]:max-h-40",
-									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dl", {
-										className: "flex flex-col gap-4 pr-4",
-										children: report[dimension].map((row) => {
-											const name = dimension === "platforms" ? row.name === "ios" ? "iOS" : "Android" : row.name;
-											const share = row.installations / report.activeInstallations * 100;
-											return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-												className: "group relative flex min-h-11 flex-col gap-2 rounded-sm focus-within:ring-2 focus-within:ring-ring sm:min-h-0",
-												children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-													className: "flex min-w-0 items-baseline justify-between gap-3",
-													children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dt", {
-														className: "flex min-w-0 items-center gap-2 text-sm",
-														title: name,
-														children: [dimension === "platforms" && (row.name === "ios" || row.name === "android") ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlatformIcon, {
-															platform: row.name,
-															className: "size-4 shrink-0"
-														}) : null, dimension === "versions" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
-															to: "/insights/distribution",
-															search: {
-																...search,
-																version: row.name
-															},
-															"aria-label": `View bundles for app version ${row.name}`,
-															className: "flex min-w-0 items-center gap-1 after:absolute after:inset-0 group-hover:underline",
-															children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-																className: "truncate",
-																children: name
-															}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, {
-																"aria-hidden": "true",
-																className: "size-3 shrink-0 text-muted-foreground"
-															})]
-														}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-															className: "truncate",
-															children: name
-														})]
-													}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dd", {
-														className: "flex shrink-0 gap-3 text-sm tabular-nums",
-														children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: row.installations.toLocaleString() }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-															className: "min-w-10 text-right text-muted-foreground",
-															children: [share.toFixed(1), "%"]
-														})]
-													})]
-												}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Progress$1, {
-													"aria-label": `${name} share`,
-													"aria-valuetext": `${row.installations} installations, ${share.toFixed(1)}%`,
-													value: share
-												})]
-											}, row.name);
-										})
-									})
-								})
-							]
-						}, dimension))
-					})
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardFooter, {
-					className: "border-t pt-4",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
-						to: "/insights/distribution",
-						search,
-						className: buttonVariants({
-							variant: "outline",
-							className: "h-11 w-full sm:h-9"
-						}),
-						children: ["View distribution", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowRight, {
-							"aria-hidden": "true",
-							"data-icon": "inline-end"
-						})]
-					})
-				})
-			]
-		})]
-	});
-}
-var Combobox$1 = ComboboxRoot;
-function ComboboxTrigger({ className, children, ...props }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ComboboxTrigger$1, {
-		"data-slot": "combobox-trigger",
-		className: cn("[&_svg:not([class*='size-'])]:size-3.5", className),
-		...props,
-		children: [children, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "text-muted-foreground size-3.5 pointer-events-none" })]
-	});
-}
-function ComboboxClear({ className, ...props }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxClear$1, {
-		"aria-label": "Clear selection",
-		"data-slot": "combobox-clear",
-		render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputGroupButton, {
-			variant: "ghost",
-			size: "icon-xs"
-		}),
-		className: cn(className),
-		...props,
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "pointer-events-none" })
-	});
-}
-function ComboboxInput({ className, children, disabled = false, showTrigger = true, showClear = false, ...props }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(InputGroup, {
-		className: cn("w-auto", className),
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxInput$1, {
-				render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputGroupInput, { disabled }),
-				...props
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(InputGroupAddon, {
-				align: "inline-end",
-				children: [showTrigger && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxTrigger, { render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputGroupButton, {
-					size: "icon-xs",
-					variant: "ghost",
-					"data-slot": "input-group-button",
-					className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
-					disabled
-				}) }), showClear && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxClear, { disabled })]
-			}),
-			children
-		]
-	});
-}
-function ComboboxContent({ className, side = "bottom", sideOffset = 6, align = "start", alignOffset = 0, anchor, ...props }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxPositioner, {
-		side,
-		sideOffset,
-		align,
-		alignOffset,
-		anchor,
-		className: "isolate z-50",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxPopup, {
-			"data-slot": "combobox-content",
-			"data-chips": !!anchor,
-			className: cn("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 *:data-[slot=input-group]:bg-input/20 dark:bg-popover max-h-72 min-w-32 overflow-hidden rounded-lg shadow-md ring-1 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-7 *:data-[slot=input-group]:border-none *:data-[slot=input-group]:shadow-none dark group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) data-[chips=true]:min-w-(--anchor-width)", className),
-			...props
-		})
-	}) });
-}
-function ComboboxList({ className, ...props }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxList$1, {
-		"data-slot": "combobox-list",
-		className: cn("no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto p-1 data-empty:p-0 overflow-y-auto overscroll-contain", className),
-		...props
-	});
-}
-function ComboboxItem({ className, children, ...props }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ComboboxItem$1, {
-		"data-slot": "combobox-item",
-		className: cn("data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground min-h-7 gap-2 rounded-md px-2 py-1 text-xs/relaxed [&_svg:not([class*='size-'])]:size-3.5 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
-		...props,
-		children: [children, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxItemIndicator, {
-			render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pointer-events-none absolute right-2 flex items-center justify-center" }),
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "pointer-events-none" })
-		})]
-	});
-}
-function ComboboxEmpty({ className, ...props }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxEmpty$1, {
-		"data-slot": "combobox-empty",
-		className: cn("text-muted-foreground hidden w-full justify-center py-2 text-center text-xs/relaxed group-data-empty/combobox-content:flex", className),
-		...props
-	});
-}
-function InsightsControls({ onScopeChange, scope, appVersions }) {
-	const [platform, setPlatform] = (0, import_react.useState)(scope.platform);
-	const [channel, setChannel] = (0, import_react.useState)(scope.channel);
-	const [appVersion, setAppVersion] = (0, import_react.useState)(scope.appVersion ?? "");
-	const versions = [...new Set([...appVersions, ...appVersion ? [appVersion] : []])];
-	const channelsQuery = useChannelsQuery();
-	const channels = channelsQuery.data?.map((item) => item.name) ?? [];
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", {
-		"aria-label": "Insights controls",
-		onSubmit: (event) => {
-			event.preventDefault();
-			onScopeChange({
-				platform,
-				channel,
-				...appVersion ? { appVersion } : {}
-			});
-		},
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(FieldGroup, {
-			className: "grid grid-cols-2 items-end gap-4 lg:grid-cols-[9rem_minmax(0,1fr)_minmax(0,1fr)_auto]",
-			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, {
-					htmlFor: "insights-platform",
-					children: "Platform"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
-					items: {
-						all: "All platforms",
-						ios: "iOS",
-						android: "Android"
-					},
-					value: platform,
-					onValueChange: (value) => {
-						if (value === "all" || value === "ios" || value === "android") setPlatform(value);
-					},
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
-						id: "insights-platform",
-						className: "min-h-11 w-full sm:min-h-9",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectValue, { children: [platform !== "all" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlatformIcon, {
-							platform,
-							className: "size-3.5"
-						}) : null, platform === "all" ? "All platforms" : platform === "ios" ? "iOS" : "Android"] })
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectGroup, { children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
-							value: "all",
-							children: "All platforms"
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectItem, {
-							value: "ios",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlatformIcon, {
-								platform: "ios",
-								className: "size-3.5"
-							}), "iOS"]
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectItem, {
-							value: "android",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlatformIcon, {
-								platform: "android",
-								className: "size-3.5"
-							}), "Android"]
-						})
-					] }) })]
-				})] }),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, {
-					className: "min-w-0",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, {
-						htmlFor: "insights-channel",
-						children: "Channel"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Combobox$1, {
-						items: channels,
-						value: channel,
-						onValueChange: (value) => {
-							if (value !== null) setChannel(value);
-						},
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxInput, {
-							className: "h-11 w-full sm:h-9 [&_input]:h-full",
-							id: "insights-channel",
-							placeholder: "Search channels",
-							maxLength: 1024
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ComboboxContent, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxEmpty, { children: channelsQuery.isPending ? "Loading channels…" : channelsQuery.isError ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-							className: "flex flex-col items-center gap-2 p-2",
-							children: ["Couldn't load channels.", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
-								onClick: () => void channelsQuery.refetch(),
-								size: "sm",
-								variant: "outline",
-								children: "Retry channels"
-							})]
-						}) : "No channels found." }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxList, { children: (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxItem, {
-							className: "min-h-11 pr-8 sm:min-h-8",
-							value: item,
-							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-								className: "truncate",
-								children: item
-							})
-						}, item) })] })]
-					})]
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, {
-					className: "min-w-0",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, {
-						htmlFor: "insights-app-version",
-						children: "App version"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
-						items: Object.fromEntries([["all", "All versions"], ...versions.map((version) => [`version:${version}`, version])]),
-						value: appVersion ? `version:${appVersion}` : "all",
-						onValueChange: (value) => {
-							if (value !== null) setAppVersion(value === "all" ? "" : value.slice(8));
-						},
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
-							id: "insights-app-version",
-							className: "min-h-11 w-full sm:min-h-9",
-							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, {})
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectGroup, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
-							value: "all",
-							children: "All versions"
-						}), versions.map((version) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
-							value: `version:${version}`,
-							children: version
-						}, version))] }) })]
-					})]
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
-					className: "h-11 sm:h-9",
-					size: "lg",
-					type: "submit",
-					variant: "outline",
-					children: "Apply filters"
-				})
-			]
-		})
-	});
-}
-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)(Tabs$1, {
-		value: metric,
-		onValueChange: (value) => {
-			if (value === "active" || value === "rollback") setMetric(value);
-		},
-		className: "gap-6",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TabsList, {
-			"aria-label": "Activity metric",
-			variant: "line",
-			className: "min-h-11 sm:min-h-9",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsTrigger, {
-				className: "min-w-24 px-4",
-				value: "active",
-				children: "Active"
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsTrigger, {
-				className: "min-w-24 px-4",
-				value: "rollback",
-				children: "Rollback"
-			})]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TabsContent, {
-			value: metric,
-			className: "flex flex-col gap-4",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "flex items-baseline gap-3",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-					className: "text-4xl font-semibold tracking-tight tabular-nums",
-					children: total.toLocaleString()
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-					className: "text-sm text-muted-foreground",
-					children: metric === "active" ? "Active installations" : "Bundles with rollbacks"
-				})]
-			}), 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-56 w-full aspect-auto sm:h-64",
-					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, {
-								tick: { fill: "var(--muted-foreground)" },
-								axisLine: false,
-								dataKey: "startMs",
-								minTickGap: 40,
-								tickFormatter: formatTick,
-								tickLine: false
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(YAxis, {
-								tick: { fill: "var(--muted-foreground)" },
-								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)(ScrollArea$1, {
-					"aria-label": "Reported bundles",
-					className: "min-w-0 [&_[data-slot=scroll-area-viewport]]:max-h-48",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: cn("grid grid-cols-1 gap-1 pr-3", report.series.length > 1 && "xl: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, onWindowChange, query, onRefresh }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, {
-		"aria-label": "Bundle activity",
-		className: "min-w-0 overflow-hidden shadow-sm",
-		role: "region",
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, {
-				className: "flex-row flex-wrap items-center justify-between gap-4 p-6",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, { children: "Bundle activity" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "flex w-full items-center justify-between gap-4 sm:w-auto",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsPeriodSelector, {
-						window: input.window,
-						onWindowChange
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
-						"aria-label": "Refresh bundle activity",
-						className: "size-11 sm:size-9",
-						variant: "ghost",
-						size: "icon-lg",
-						disabled: query.isFetching,
-						onClick: onRefresh,
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RotateCw, { "aria-hidden": "true" })
-					})]
-				})]
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, {
-				className: "px-6 pb-6",
-				children: query.isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, {
-					"aria-label": "Loading bundle activity",
-					className: "h-80 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
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardFooter, {
-				className: "flex-wrap items-center justify-between gap-4 border-t px-6 py-5",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "flex min-w-0 basis-64 flex-1 flex-col gap-2 text-xs text-muted-foreground",
-					children: query.data && !query.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Active follows each installation’s last reported ID in this period. Rollbacks count recovered installations 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
-					] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Browse individual reports in the event log." })
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
-					className: cn(buttonVariants({
-						className: "h-11 px-4 sm:h-9",
-						size: "lg",
-						variant: "outline"
-					})),
-					to: "/installations",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(List, {
-						"aria-hidden": "true",
-						"data-icon": "inline-start"
-					}), "All events"]
-				})]
-			})
-		]
-	});
-}
-function InsightsPage() {
-	const search = Route.useSearch();
-	const navigate = Route.useNavigate();
-	const usageWindow = search.window ?? "24h";
-	const bundleWindow = search.bundleWindow ?? "24h";
-	const scope = {
-		platform: search.platform ?? "all",
-		channel: search.channel ?? "production",
-		appVersion: search.appVersion
-	};
-	const setUsageWindow = (window) => void navigate({ search: {
-		...search,
-		window
-	} });
-	const setBundleWindow = (bundleWindow) => void navigate({ search: {
-		...search,
-		bundleWindow
-	} });
-	const setScope = (scope) => void navigate({ search: {
-		...search,
-		...scope,
-		appVersion: scope.appVersion
-	} });
-	const input = {
-		...scope,
-		window: usageWindow
-	};
-	const bundleInput = {
-		...scope,
-		window: bundleWindow
-	};
-	const query = useQuery({
-		queryKey: [
-			"insights",
-			"app-usage",
-			input
-		],
-		queryFn: () => getAppUsageReportRpc({ data: input }),
-		staleTime: 3e4
-	});
-	const bundleQuery = useQuery({
-		queryKey: [
-			"insights",
-			"recovery",
-			bundleInput
-		],
-		queryFn: () => getRecoveryReportRpc({ data: bundleInput }),
-		staleTime: 3e4
-	});
-	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",
-			overviewSearch: search
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "min-h-0 min-w-0 flex-1 overflow-y-auto bg-muted/5 px-4 py-6 sm:p-8",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "mx-auto flex w-full max-w-6xl flex-col gap-6",
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsControls, {
-						scope,
-						appVersions: query.data?.appVersions ?? [],
-						onScopeChange: setScope
-					}, JSON.stringify(scope)),
-					query.data?.truncated && !query.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: "Partial history" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDescription, { children: [
-						"Only reports since",
-						" ",
-						new Date(query.data.sinceMs).toLocaleString("en", { timeZone: "UTC" }),
-						" ",
-						"UTC are available. The active-user count is a lower bound. Choose a shorter period for a more complete view."
-					] })] }) : null,
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppUsage, {
-						query,
-						search: {
-							...scope,
-							window: usageWindow,
-							bundleWindow
-						},
-						window: usageWindow,
-						onWindowChange: setUsageWindow
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsOverview, {
-						input: bundleInput,
-						query: bundleQuery,
-						onWindowChange: setBundleWindow,
-						onRefresh: () => void bundleQuery.refetch()
-					})
-				]
-			})
-		})]
-	});
-}
-//#endregion
-export { InsightsPage as component };