@hot-updater/console 1.1.2 → 1.1.4

package/.output/server/_ssr/{insights-_IGtova5.mjs → insights-BKZpJ_K4.mjs}

@@ -1,34 +1,35 @@
 import { i as __toESM } from "../_runtime.mjs";
 import { u as createServerFn } from "./createMiddleware-B1iPez7u.mjs";
-import { t as consoleAccess } from "./console-access-UB-4rDiA.mjs";
-import { C as ScrollAreaScrollbar, S as ScrollAreaThumb, T as ScrollAreaRoot, _ as ComboboxList$1, _t as require_react, b as ComboboxTrigger$1, d as ComboboxRoot, f as ComboboxEmpty$1, g as ComboboxPortal, gt as require_jsx_runtime, h as ComboboxPositioner, m as ComboboxPopup, p as ComboboxItem$1, u as ComboboxItemIndicator, v as ComboboxClear$1, w as ScrollAreaViewport, x as ScrollAreaCorner, y as ComboboxInput$1 } from "../_libs/@base-ui/react+[...].mjs";
-import { E as List, G as Check, H as ChevronRight, I as Copy, W as ChevronDown, X as ArrowUpRight, Z as ArrowRight, g as RefreshCw, h as RotateCcw, i as TriangleAlert, m as RotateCw, r as Undo2, t as X } from "../_libs/lucide-react.mjs";
-import { A as createSsrRpc, C as Skeleton, O as buttonVariants, a as SheetContent, c as SheetTitle, i as Sheet, k as cn, l as SheetTrigger, n as Input, o as SheetDescription, r as Separator$1, s as SheetHeader, t as Button$1 } from "./sidebar-De1__izs.mjs";
-import { a as Badge, c as CardDescription, d as CardTitle, f as Field, g as FieldLabel, h as FieldGroup, i as AlertTitle, l as CardFooter, o as Card, r as AlertDescription, s as CardContent, t as Alert, u as CardHeader } from "./field-0KdP_8LI.mjs";
-import { a as AlertDialogDescription, i as AlertDialogContent, l as AlertDialogTitle, n as AlertDialogAction, o as AlertDialogFooter, r as AlertDialogCancel, s as AlertDialogHeader, t as AlertDialog$1 } from "./alert-dialog-BlEXzHma.mjs";
-import { a as TableHeader, i as TableHead, n as TableBody, o as TableRow, r as TableCell, t as Table } from "./table-BEpbu0xs.mjs";
+import { C as ComboboxTrigger$1, D as ScrollAreaViewport, E as ScrollAreaScrollbar, O as ScrollAreaRoot, S as ComboboxInput$1, T as ScrollAreaThumb, _ as ComboboxPositioner, b as ComboboxCollection$1, bt as require_react, d as ComboboxRoot, f as ComboboxEmpty$1, g as ComboboxPopup, h as ComboboxGroup$1, m as ComboboxGroupLabel, p as ComboboxItem$1, u as ComboboxItemIndicator, v as ComboboxPortal, w as ScrollAreaCorner, x as ComboboxClear$1, y as ComboboxList$1, yt as require_jsx_runtime } from "../_libs/@base-ui/react+[...].mjs";
+import { E as List, G as Check, H as ChevronRight, I as Copy, R as CircleOff, W as ChevronDown, X as ArrowUpRight, Z as ArrowRight, g as RefreshCw, h as RotateCcw, i as TriangleAlert, m as RotateCw, r as Undo2, t as X } from "../_libs/lucide-react.mjs";
+import { A as createSsrRpc, C as Skeleton, O as buttonVariants, a as SheetContent, c as SheetTitle, i as Sheet, k as cn, l as SheetTrigger, o as SheetDescription, r as Separator$1, s as SheetHeader, t as Button$1 } from "./sidebar-CVsgosaD.mjs";
+import { t as consoleAccess } from "./console-access-aUpQs49I.mjs";
+import { h as Link } from "../_libs/@tanstack/react-router+[...].mjs";
 import { a as useQueries, i as useQuery, s as useQueryClient } from "../_libs/tanstack__react-query.mjs";
+import { i as EmptyHeader, n as EmptyContent, o as EmptyTitle, r as EmptyDescription, t as Empty } from "./empty-Bh1FEeYF.mjs";
+import { a as Badge, c as CardDescription, 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 "./badge-BpT7r-ng.mjs";
+import { a as AlertDialogDescription, i as AlertDialogContent, l as AlertDialogTitle, n as AlertDialogAction, o as AlertDialogFooter, r as AlertDialogCancel, s as AlertDialogHeader, t as AlertDialog$1 } from "./alert-dialog-B8AqlJwo.mjs";
+import { a as TableHeader, i as TableHead, n as TableBody, o as TableRow, r as TableCell, t as Table } from "./table-M5P3YUfY.mjs";
 import { n as toast } from "../_libs/sonner.mjs";
-import { h as Link } from "../_libs/@tanstack/react-router+[...].mjs";
-import { i as EmptyHeader, n as EmptyContent, o as EmptyTitle, r as EmptyDescription, t as Empty } from "./empty-CtbzbPdQ.mjs";
-import { r as recoveryWindows, t as insightsPeriodEnd } from "./insights-recovery-BWQhiZaF.mjs";
-import { a as failureReasonLabel, i as failureRate, o as failureStageLabel, r as failureDetailParts, s as formatRate, t as checkFailureRate } from "./insights-failures-xaa41Buf.mjs";
-import { t as groupFailureReports } from "./insights-errors-BjnFUyZj.mjs";
-import { n as usageMetrics } from "./insights-usage-BpBM0U0c.mjs";
-import { a as readBundleEventsInput, i as readAdoptionReleasesInput, n as crashRateOf, o as recommendsRollback, r as readAdoptionReleaseInput, t as CRASH_RATE_THRESHOLD } from "./release-adoption-005tQRpo.mjs";
-import { r as comparedBundleIds, t as InfoTooltip } from "./insights-search-C70xifQF.mjs";
-import { i as useFailureReportsQuery, l as useInsightsRetention, r as keepsTwelveMonths, t as DEFAULT_INSIGHTS_RETENTION, u as useUpdateFailuresQuery } from "./insights-api-Ds7dvWu4.mjs";
-import { t as Route } from "./insights-DU_QAXWM.mjs";
-import { i as TabsTrigger, n as TabsContent, r as TabsList, t as Tabs$1 } from "./tabs-DP0GnDdN.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-CEyhDZtT.mjs";
-import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "./input-group-c65TGOPW.mjs";
-import { i as useChannelsQuery, l as usePreflightReleaseMutation, m as useUpdateReleaseMutation } from "./api-CVve4Y9C.mjs";
-import { t as BundleIdDisplay } from "./BundleIdDisplay-BIXUWOM_.mjs";
-import { n as getAppUsageReportRpc, t as Progress$1 } from "./insights-usage-rpc-TTivW3zB.mjs";
-import { i as InsightsPeriodSelector, n as InsightsErrorAlert, o as UsagePeriodSelector, r as InsightsPageHeader } from "./InsightsPageHeader-CLP-sCpY.mjs";
-import { i as HttpResponseBody, n as EventTimestamp, o as useInsightsTimeFormat, t as EventBundleTransition } from "./EventDetails-C0bZVuOS.mjs";
+import { C as isUUIDv7 } from "./dist-CbQbBIw-.mjs";
+import { r as recoveryWindows, t as insightsPeriodEnd } from "./insights-recovery-BUuQdlA3.mjs";
+import { a as failureReasonLabel, i as failureRate, o as failureStageLabel, r as failureDetailParts, s as formatRate, t as checkFailureRate } from "./insights-failures-BJN3RfLu.mjs";
+import { t as groupFailureReports } from "./insights-errors-Iy-lBaM7.mjs";
+import { n as usageMetrics } from "./insights-usage-CHqvtehH.mjs";
+import { a as readAdoptionReleasesInput, i as readAdoptionReleaseInput, n as crashRateOf, o as readBundleEventsInput, r as defaultAdoptionReleases, s as recommendsRollback, t as CRASH_RATE_THRESHOLD } from "./release-adoption-DuYJTGuX.mjs";
+import { i as comparedBundleIds, n as InfoTooltip, t as DEFAULT_INSIGHTS_CHANNEL } from "./insights-search-CBYoxT7v.mjs";
+import { i as useFailureReportsQuery, l as useInsightsRetention, r as keepsTwelveMonths, t as DEFAULT_INSIGHTS_RETENTION, u as useUpdateFailuresQuery } from "./insights-api-DtRFz5X3.mjs";
+import { t as Route } from "./insights-CCyTACIw.mjs";
+import { i as TabsTrigger, n as TabsContent, r as TabsList, t as Tabs$1 } from "./tabs-CrmfOlJj.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-BtdGNSmp.mjs";
+import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "./input-group-xm3LzDuq.mjs";
+import { i as useChannelsQuery, l as usePreflightReleaseMutation, m as useUpdateReleaseMutation } from "./api-C_0B7NXM.mjs";
+import { t as BundleIdDisplay } from "./BundleIdDisplay-CjSnY65J.mjs";
+import { n as getAppUsageReportRpc, t as Progress$1 } from "./insights-usage-rpc-C-lNUIsD.mjs";
+import { i as InsightsPeriodSelector, n as InsightsErrorAlert, o as UsagePeriodSelector, r as InsightsPageHeader } from "./InsightsPageHeader-ZlAlDxQy.mjs";
+import { i as HttpResponseBody, n as EventTimestamp, o as useInsightsTimeFormat, t as EventBundleTransition } from "./EventDetails-l6dF54zp.mjs";
 import { a as CartesianGrid, i as Line, l as ResponsiveContainer, n as YAxis, o as ReferenceLine, r as XAxis, s as Tooltip, t as LineChart } from "../_libs/recharts+[...].mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/insights-_IGtova5.js
+//#region node_modules/.nitro/vite/services/ssr/assets/insights-BKZpJ_K4.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
 var THEMES = {
@@ -204,6 +205,37 @@ function EstimatedCount({ value }) {
 		]
 	});
 }
+var platformLabel = (platform) => platform === "all" ? "All platforms" : platform === "ios" ? "iOS" : "Android";
+/** What a report reads, as the filters set it: its channel, platform, and any narrower filter. */
+function InsightsScope({ channel, platform, narrower = [] }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+		className: "flex min-w-0 flex-wrap items-center gap-x-1.5 gap-y-0.5 text-xs text-muted-foreground",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "max-w-full truncate font-medium text-foreground",
+				children: channel
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				"aria-hidden": "true",
+				children: "·"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+				className: "inline-flex items-center gap-1",
+				children: [platform === "all" ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlatformIcon, {
+					platform,
+					className: "size-3"
+				}), platformLabel(platform)]
+			}),
+			narrower.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				"aria-hidden": "true",
+				children: "·"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "max-w-full truncate",
+				children: filter
+			})] }, filter))
+		]
+	});
+}
 function ReportingDevicesSummary({ window, count, isPending, partial }) {
 	const metric = usageMetrics[window];
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -259,7 +291,14 @@ function AppUsage({ query, search, window, onWindowChange, retention = DEFAULT_I
 			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)(UsagePeriodSelector, {
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex min-w-0 flex-col gap-1",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, { children: "App usage" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsScope, {
+						channel: search.channel ?? "production",
+						platform: search.platform ?? "all",
+						narrower: search.appVersion ? [`App version ${search.appVersion}`] : []
+					})]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UsagePeriodSelector, {
 					window,
 					onWindowChange,
 					twelveMonths: keepsTwelveMonths(retention)
@@ -877,6 +916,26 @@ function ComboboxItem({ className, children, ...props }) {
 		})]
 	});
 }
+function ComboboxGroup({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxGroup$1, {
+		"data-slot": "combobox-group",
+		className: cn(className),
+		...props
+	});
+}
+function ComboboxLabel({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxGroupLabel, {
+		"data-slot": "combobox-label",
+		className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+		...props
+	});
+}
+function ComboboxCollection({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxCollection$1, {
+		"data-slot": "combobox-collection",
+		...props
+	});
+}
 function ComboboxEmpty({ className, ...props }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxEmpty$1, {
 		"data-slot": "combobox-empty",
@@ -884,210 +943,9 @@ function ComboboxEmpty({ className, ...props }) {
 		...props
 	});
 }
-function InsightsControls({ onFiltersChange, scope, releaseScope, 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 [releasePlatform, setReleasePlatform] = (0, import_react.useState)(releaseScope.platform);
-	const [releaseId, setReleaseId] = (0, import_react.useState)(releaseScope.releaseId ?? "");
-	const versions = [...new Set([...appVersions, ...appVersion ? [appVersion] : []])];
-	const channelsQuery = useChannelsQuery();
-	const channels = channelsQuery.data?.map((item) => item.name) ?? [];
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, {
-		className: "shadow-sm",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, {
-			className: "gap-1 border-b px-5 py-4",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, { children: "Filters" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardDescription, { children: "Channel applies to all reports. Other filters affect the report named in their label." })]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, {
-			className: "px-5 py-4",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", {
-				"aria-label": "Insights filters",
-				onSubmit: (event) => {
-					event.preventDefault();
-					onFiltersChange({
-						scope: {
-							platform,
-							channel,
-							...appVersion ? { appVersion } : {}
-						},
-						releaseScope: {
-							platform: releasePlatform,
-							channel,
-							...releaseId.trim() ? { releaseId: releaseId.trim() } : {}
-						}
-					});
-				},
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(FieldGroup, {
-					className: "grid grid-cols-1 items-end gap-4 sm:grid-cols-2 xl:grid-cols-[minmax(12rem,1.25fr)_9rem_minmax(10rem,1fr)_9rem_minmax(12rem,1fr)_auto]",
-					children: [
-						/* @__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, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, {
-							htmlFor: "insights-platform",
-							children: "Usage 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-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.jsxs)(Field, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, {
-							htmlFor: "insights-release-platform",
-							children: "Health platform"
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
-							items: {
-								ios: "iOS",
-								android: "Android"
-							},
-							value: releasePlatform,
-							onValueChange: (value) => {
-								if (value === "ios" || value === "android") setReleasePlatform(value);
-							},
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
-								id: "insights-release-platform",
-								className: "min-h-11 w-full sm:min-h-9",
-								children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectValue, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlatformIcon, {
-									platform: releasePlatform,
-									className: "size-3.5"
-								}), releasePlatform === "ios" ? "iOS" : "Android"] })
-							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectGroup, { children: [/* @__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.jsxs)(FieldLabel, {
-								htmlFor: "insights-release-id",
-								children: [
-									"Release ID",
-									" ",
-									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-muted-foreground",
-										children: "(optional)"
-									})
-								]
-							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
-								autoComplete: "off",
-								className: "h-11 sm:h-9",
-								id: "insights-release-id",
-								maxLength: 1024,
-								name: "releaseId",
-								placeholder: "All releases…",
-								value: releaseId,
-								onChange: (event) => setReleaseId(event.target.value)
-							})]
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
-							className: "h-11 w-full sm:h-9",
-							size: "lg",
-							type: "submit",
-							variant: "outline",
-							children: "Apply filters"
-						})
-					]
-				})
-			})
-		})]
-	});
-}
+var listAdoptionReleasesRpc = createServerFn({ method: "GET" }).middleware([consoleAccess]).validator(readAdoptionReleasesInput).handler(createSsrRpc("d11a48f7251928b7819e2376aed4902fa66277bf6d30312d87ca53468332f256"));
+var getAdoptionReleaseRpc = createServerFn({ method: "GET" }).middleware([consoleAccess]).validator(readAdoptionReleaseInput).handler(createSsrRpc("16e3be74610cddd54e5e894419dca16817a7b63c09a4eed15042cdac9c39e1e0"));
+var getBundleEventsRpc = createServerFn({ method: "GET" }).middleware([consoleAccess]).validator(readBundleEventsInput).handler(createSsrRpc("bfcca2365dfef4d071bdcddf97538a2637482c77bb747969dbdcd6769ca98416"));
 var HOUR$1 = 36e5;
 var DAY$1 = 24 * HOUR$1;
 var times = new Intl.DateTimeFormat("en", {
@@ -1258,13 +1116,345 @@ function ComparedBundlesChart({ period, lines, colorOf, active, label, names })
 		})
 	});
 }
+/** Whether a bundle deployment matches what was typed: its IDs or target app version. */
+var matches = (release, typed) => typed === "" || release.releaseId.includes(typed) || release.bundleId.toLowerCase().includes(typed) || (release.targetAppVersion ?? "").toLowerCase().includes(typed);
+/** A bundle deployment as a picker names it: ID, platform, deployment, target, and state. */
+function ReleaseOption({ release }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+		className: "flex min-w-0 flex-col gap-0.5",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			className: "flex min-w-0 items-center gap-1.5",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlatformIcon, {
+					platform: release.platform,
+					className: "size-3 shrink-0"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "sr-only",
+					children: platformLabel(release.platform)
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleIdDisplay, {
+					bundleId: release.releaseId,
+					className: "min-w-0"
+				})
+			]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			className: "text-xs text-muted-foreground",
+			children: [
+				"Deployed ",
+				formatDeployedAt(release.deployedAtMs),
+				release.targetAppVersion ? ` · ${release.targetAppVersion}` : "",
+				release.enabled ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [" · ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+					variant: "outline",
+					children: "Disabled"
+				})] }),
+				release.enabled && !release.live ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [" · ", /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: "inline-flex items-center gap-1 align-middle",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleOff, {
+						"aria-hidden": "true",
+						className: "size-3"
+					}), "Unreachable"]
+				})] }) : null
+			]
+		})]
+	});
+}
+/**
+* Picks one of a channel's bundle deployments: live ones first, searchable
+* by ID or target app version. A full release ID the list leaves out is
+* looked up in the scope, with the read Release health uses for it.
+*/
+function ReleaseCombobox({ scope, candidates, excluded = [], onPick, disabled = false, label, placeholder, trigger }) {
+	const [query, setQuery] = (0, import_react.useState)("");
+	const typed = query.trim().toLowerCase();
+	const offered = candidates.filter((release) => !excluded.includes(release.releaseId) && matches(release, typed));
+	const lookupId = offered.length === 0 && isUUIDv7(typed) && !candidates.some((release) => release.releaseId === typed) ? typed : void 0;
+	const lookup = useQuery({
+		queryKey: [
+			"insights",
+			"adoption-release",
+			scope,
+			lookupId,
+			false
+		],
+		queryFn: () => getAdoptionReleaseRpc({ data: {
+			...scope,
+			releaseId: lookupId
+		} }),
+		enabled: lookupId !== void 0,
+		staleTime: Number.POSITIVE_INFINITY
+	});
+	const found = lookupId !== void 0 && lookup.data?.release && !excluded.includes(lookup.data.release.releaseId) ? [lookup.data.release] : [];
+	const groups = [
+		{
+			value: "Live",
+			items: offered.filter((release) => release.live)
+		},
+		{
+			value: "Not live",
+			items: offered.filter((release) => !release.live)
+		},
+		{
+			value: "Found",
+			items: found
+		}
+	].filter((group) => group.items.length > 0);
+	const input = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxInput, {
+		"aria-label": label,
+		className: trigger ? void 0 : "h-11 w-full sm:h-9 sm:w-96 [&_input]:h-full [&_input]:text-base sm:[&_input]:text-xs",
+		disabled,
+		placeholder,
+		showTrigger: !trigger,
+		maxLength: 1024
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Combobox$1, {
+		items: groups,
+		filter: null,
+		value: null,
+		inputValue: query,
+		onInputValueChange: setQuery,
+		itemToStringLabel: (release) => release.releaseId,
+		onValueChange: (release) => {
+			if (release === null) return;
+			setQuery("");
+			onPick(release);
+		},
+		disabled,
+		children: [trigger ?? input, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ComboboxContent, {
+			className: trigger ? "w-96" : void 0,
+			children: [
+				trigger ? input : null,
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxEmpty, { children: lookupId === void 0 ? "No matching bundles." : lookup.isPending ? "Looking up the release…" : lookup.isError ? "Couldn't look up the release." : `No bundle with this ID in ${scope.channel} · ${platformLabel(scope.platform)}.` }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxList, { children: (group) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ComboboxGroup, {
+					items: group.items,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxLabel, { children: group.value }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxCollection, { children: (release) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxItem, {
+						className: "min-h-11 pr-8 sm:min-h-8",
+						value: release,
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReleaseOption, { release })
+					}, release.releaseId) })]
+				}, group.value) })
+			]
+		})]
+	});
+}
+var DEFAULT_FILTERS = {
+	channel: DEFAULT_INSIGHTS_CHANNEL,
+	platform: "all",
+	appVersion: void 0,
+	releaseId: void 0
+};
+var CHIP = "h-11 shrink-0 gap-1.5 px-3 text-sm data-[active=true]:border-primary/60 data-[active=true]:bg-primary/10 sm:h-8 sm:text-xs";
+var SELECT_CHIP = "shrink-0 gap-1.5 px-3 text-sm data-[active=true]:border-primary/60 data-[active=true]:bg-primary/10 data-[size=default]:h-11 sm:text-xs sm:data-[size=default]:h-8";
+/** A filter with a button that returns it to its default when it is narrowed. */
+function Clearable({ name, active, onClear, children }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex shrink-0 items-center",
+		children: [children, active ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+			"aria-label": `Clear ${name}`,
+			className: "size-11 sm:size-8",
+			size: "icon",
+			variant: "ghost",
+			onClick: onClear,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { "aria-hidden": "true" })
+		}) : null]
+	});
+}
+/**
+* The Insights filters, above every report. Each applies as it changes, so
+* what they show is what the reports read; one narrower than its default is
+* filled and can be cleared on its own, and Reset filters clears them all.
+*/
+function InsightsControls({ filters, appVersions, releases, onFiltersChange }) {
+	const versions = [...new Set([...appVersions, ...filters.appVersion ? [filters.appVersion] : []])];
+	const channelsQuery = useChannelsQuery();
+	const channels = channelsQuery.data?.map((item) => item.name) ?? [];
+	const narrowed = {
+		channel: filters.channel !== DEFAULT_FILTERS.channel,
+		platform: filters.platform !== DEFAULT_FILTERS.platform,
+		appVersion: filters.appVersion !== void 0,
+		releaseId: filters.releaseId !== void 0
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		"aria-label": "Insights filters",
+		className: "flex shrink-0 items-center gap-2 overflow-x-auto border-b bg-background px-3 py-2 sm:flex-wrap sm:overflow-visible sm:px-4",
+		role: "group",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Combobox$1, {
+				items: channels,
+				value: filters.channel,
+				onValueChange: (value) => {
+					if (value !== null && value !== filters.channel) onFiltersChange({ channel: value });
+				},
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ComboboxTrigger, {
+					"aria-label": `Channel: ${filters.channel}`,
+					"data-active": narrowed.channel,
+					render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+						className: CHIP,
+						variant: "outline"
+					}),
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "text-muted-foreground",
+						children: "Channel"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "max-w-48 truncate",
+						children: filters.channel
+					})]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ComboboxContent, {
+					className: "w-64",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComboboxInput, {
+							"aria-label": "Search channels",
+							placeholder: "Search channels…",
+							showTrigger: false,
+							maxLength: 1024
+						}),
+						/* @__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.jsx)(Clearable, {
+				name: "platform",
+				active: narrowed.platform,
+				onClear: () => onFiltersChange({ platform: DEFAULT_FILTERS.platform }),
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+					items: {
+						all: "All platforms",
+						ios: "iOS",
+						android: "Android"
+					},
+					value: filters.platform,
+					onValueChange: (value) => {
+						if ((value === "all" || value === "ios" || value === "android") && value !== filters.platform) onFiltersChange({ platform: value });
+					},
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectTrigger, {
+						"aria-label": "Platform",
+						className: SELECT_CHIP,
+						"data-active": narrowed.platform,
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "text-muted-foreground",
+							children: "Platform"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectValue, { children: [filters.platform === "all" ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlatformIcon, {
+							platform: filters.platform,
+							className: "size-3.5"
+						}), platformLabel(filters.platform)] })]
+					}), /* @__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.jsx)(Clearable, {
+				name: "app version",
+				active: narrowed.appVersion,
+				onClear: () => onFiltersChange({ appVersion: void 0 }),
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+					items: Object.fromEntries([["all", "All versions"], ...versions.map((version) => [`version:${version}`, version])]),
+					value: filters.appVersion ? `version:${filters.appVersion}` : "all",
+					onValueChange: (value) => {
+						if (value === null) return;
+						const appVersion = value === "all" ? void 0 : value.slice(8);
+						if (appVersion !== filters.appVersion) onFiltersChange({ appVersion });
+					},
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectTrigger, {
+						"aria-label": "App version",
+						className: SELECT_CHIP,
+						"data-active": narrowed.appVersion,
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "text-muted-foreground",
+							children: "App version"
+						}), /* @__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)(Clearable, {
+				name: "release",
+				active: narrowed.releaseId,
+				onClear: () => onFiltersChange({ releaseId: void 0 }),
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReleaseCombobox, {
+					scope: {
+						channel: filters.channel,
+						platform: filters.platform
+					},
+					candidates: releases,
+					excluded: filters.releaseId ? [filters.releaseId] : [],
+					label: "Search releases",
+					placeholder: "Search by ID or app version…",
+					onPick: (release) => onFiltersChange({ releaseId: release.releaseId }),
+					trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ComboboxTrigger, {
+						"aria-label": `Release: ${filters.releaseId ?? "All"}`,
+						"data-active": narrowed.releaseId,
+						render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+							className: CHIP,
+							variant: "outline"
+						}),
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "text-muted-foreground",
+							children: "Release"
+						}), filters.releaseId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "max-w-36 truncate font-mono",
+							translate: "no",
+							children: filters.releaseId
+						}) : "All"]
+					})
+				})
+			}),
+			Object.values(narrowed).some(Boolean) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+				className: "h-11 shrink-0 sm:h-8",
+				variant: "ghost",
+				onClick: () => onFiltersChange(DEFAULT_FILTERS),
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RotateCcw, {
+					"aria-hidden": "true",
+					"data-icon": "inline-start"
+				}), "Reset filters"]
+			}) : null
+		]
+	});
+}
 var percent$1 = (rate) => `${(rate * 100).toFixed(1)}%`;
 /**
 * Rolls a crashing bundle back the way its editor does: disabling its
 * release sends installations running it back to the previous enabled
 * release on their next update check.
 */
-function RollbackButton({ release, rate, crashes, attempts }) {
+function RollbackButton({ release, rate, crashes, attempts, onRolledBack }) {
 	const [open, setOpen] = (0, import_react.useState)(false);
 	const [error, setError] = (0, import_react.useState)("");
 	const queryClient = useQueryClient();
@@ -1282,6 +1472,7 @@ function RollbackButton({ release, rate, crashes, attempts }) {
 		try {
 			await preflight.mutateAsync(input);
 			await update.mutateAsync(input);
+			onRolledBack?.();
 			await queryClient.invalidateQueries({ queryKey: ["insights", "adoption-releases"] });
 			toast.success(`${id} rolled back`, { description: "Installations running it return to the previous enabled bundle on their next update check." });
 			setOpen(false);
@@ -1365,32 +1556,27 @@ function LineSample({ dashed }) {
 	});
 }
 /**
-* Release health: how the newest bundles fare after their deployment, on
+* Release health: how the live bundles fare after their deployment, on
 * one timeline, per interval. Adoption shows installations downloading each
 * bundle (dashed) and launching it (solid), so the gap is the restarts still
 * to come; Crashes shows them crashing back from it, and offers a rollback
 * when a bundle crashes for too many of them.
 */
-function InsightsOverview({ input, chart, onChartChange, health, onReleasesChange, onWindowChange }) {
+function InsightsOverview({ input, chart, onChartChange, health, onReleasesChange, onWindowChange, onShowAllPlatforms }) {
 	const [active, setActive] = (0, import_react.useState)(null);
 	const { period, candidates, releases } = health;
 	const ids = (releases ?? []).map(({ release }) => release.releaseId);
 	const colorOf = useSeriesColors(ids);
-	const addable = (candidates ?? []).filter((candidate) => !ids.includes(candidate.releaseId));
 	const full = ids.length >= 4;
 	const wider = period.durationMs < 7 * DAY ? "7d" : period.durationMs < 30 * DAY ? "30d" : null;
 	const reset = health.isDefault ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
 		variant: "ghost",
 		size: "sm",
 		onClick: () => onReleasesChange(void 0),
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RotateCcw, {
-				"aria-hidden": "true",
-				"data-icon": "inline-start"
-			}),
-			"Show the newest ",
-			2
-		]
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RotateCcw, {
+			"aria-hidden": "true",
+			"data-icon": "inline-start"
+		}), "Show live bundles"]
 	});
 	const seriesOf = (bundle) => chart === "adoption" ? bundle.launched : bundle.recovered;
 	const loaded = (releases ?? []).filter((bundle) => seriesOf(bundle) !== void 0 && (chart !== "adoption" || bundle.downloaded !== void 0));
@@ -1470,7 +1656,21 @@ function InsightsOverview({ input, chart, onChartChange, health, onReleasesChang
 		});
 		if (releases.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Empty, {
 			className: "min-h-64",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EmptyHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyTitle, { children: "No bundles deployed here yet" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyDescription, { children: "Release health follows the bundle deployments of the selected channel and health platform. Deploy one, or choose another in the filters." })] }), reset ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyContent, { children: reset }) : null]
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EmptyHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EmptyTitle, { children: [
+				"No bundles deployed to ",
+				input.channel,
+				" ·",
+				" ",
+				platformLabel(input.platform)
+			] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyDescription, { children: "Deploy one, or choose another channel or platform in the filters." })] }), reset || input.platform !== "all" && onShowAllPlatforms ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EmptyContent, {
+				className: "flex-row flex-wrap justify-center",
+				children: [input.platform !== "all" && onShowAllPlatforms ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+					variant: "outline",
+					size: "sm",
+					onClick: onShowAllPlatforms,
+					children: "Show all platforms"
+				}) : null, reset]
+			}) : null]
 		});
 		if (loaded.length === 0) return failed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsErrorAlert, {
 			error: failed,
@@ -1521,7 +1721,14 @@ function InsightsOverview({ input, chart, onChartChange, health, onReleasesChang
 					className: "flex flex-col gap-4 p-6",
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 						className: "flex flex-wrap items-center justify-between gap-4",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, { children: "Release health" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex min-w-0 flex-col gap-1",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, { children: "Release health" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsScope, {
+								channel: input.channel,
+								platform: input.platform,
+								narrower: input.releaseId ? [`Release ${input.releaseId}`] : []
+							})]
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsPeriodSelector, {
 								window: input.window,
@@ -1609,7 +1816,8 @@ function InsightsOverview({ input, chart, onChartChange, health, onReleasesChang
 														release: bundle.release,
 														rate: bundle.rate,
 														crashes: bundle.crashes,
-														attempts: bundle.attempts
+														attempts: bundle.attempts,
+														onRolledBack: health.isDefault ? () => onReleasesChange(ids) : void 0
 													})
 												]
 											})
@@ -1690,10 +1898,26 @@ function InsightsOverview({ input, chart, onChartChange, health, onReleasesChang
 													}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
 														className: "text-xs break-words text-muted-foreground",
 														children: [
+															/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlatformIcon, {
+																platform: release.platform,
+																className: "mr-1 inline size-3 align-[-1px]"
+															}),
+															/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+																className: "sr-only",
+																children: [platformLabel(release.platform), " "]
+															}),
 															"Deployed",
 															" ",
 															formatDeployedAt(release.deployedAtMs),
-															release.targetAppVersion ? ` · ${release.targetAppVersion}` : ""
+															release.targetAppVersion ? ` · ${release.targetAppVersion}` : "",
+															release.enabled && !release.live ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [" · ", /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+																className: "inline-flex items-center gap-1 align-middle",
+																title: "No device gets this bundle with the current delivery settings.",
+																children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleOff, {
+																	"aria-hidden": "true",
+																	className: "size-3"
+																}), "Unreachable"]
+															})] }) : null
 														]
 													})]
 												})]
@@ -1743,35 +1967,17 @@ function InsightsOverview({ input, chart, onChartChange, health, onReleasesChang
 								}, release.releaseId);
 							}) })]
 						}),
-						addable.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
-							items: Object.fromEntries(addable.map((candidate) => [candidate.releaseId, `${candidate.releaseId} · ${formatDeployedAt(candidate.deployedAtMs)}`])),
-							value: null,
-							disabled: full,
-							onValueChange: (value) => {
-								if (value !== null) onReleasesChange([...ids, value]);
+						(candidates ?? []).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReleaseCombobox, {
+							scope: {
+								channel: input.channel,
+								platform: input.platform
 							},
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
-								"aria-label": "Add a bundle",
-								className: "min-h-11 w-full sm:min-h-9 sm:w-80",
-								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, { placeholder: full ? `Up to 4 bundles` : "Add a bundle" })
-							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectGroup, { children: addable.map((candidate) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
-								value: candidate.releaseId,
-								children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-									className: "flex min-w-0 flex-col gap-0.5",
-									children: [
-										/* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleIdDisplay, { bundleId: candidate.releaseId }),
-										" ",
-										/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-											className: "text-xs text-muted-foreground",
-											children: [
-												"Deployed",
-												" ",
-												formatDeployedAt(candidate.deployedAtMs)
-											]
-										})
-									]
-								})
-							}, candidate.releaseId)) }) })]
+							candidates: candidates ?? [],
+							excluded: ids,
+							disabled: full,
+							label: "Add a bundle",
+							placeholder: full ? `Up to 4 bundles` : "Add a bundle by ID or app version…",
+							onPick: (release) => onReleasesChange([...ids, release.releaseId])
 						}) : null
 					] }) : null]
 				}),
@@ -2012,7 +2218,7 @@ function FailuresReport({ report, errors }) {
 * Update failures for Release health's scope and period: counts, rates, and
 * the stage and reason breakdown with what else the clients knew.
 */
-function UpdateFailures({ errors, query, onRefresh }) {
+function UpdateFailures({ errors, scope, query, onRefresh }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
 		"aria-label": "Update failures",
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, {
@@ -2022,7 +2228,10 @@ function UpdateFailures({ errors, query, onRefresh }) {
 					className: "flex flex-col gap-1.5 p-4 sm:p-6",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 						className: "flex flex-wrap items-center justify-between gap-4",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, { children: "Update failures" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex min-w-0 flex-col gap-1",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, { children: "Update failures" }), scope]
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
 							"aria-label": "Refresh update failures",
 							variant: "ghost",
 							size: "icon-lg",
@@ -2056,9 +2265,6 @@ function UpdateFailures({ errors, query, onRefresh }) {
 		})
 	});
 }
-var listAdoptionReleasesRpc = createServerFn({ method: "GET" }).middleware([consoleAccess]).validator(readAdoptionReleasesInput).handler(createSsrRpc("d11a48f7251928b7819e2376aed4902fa66277bf6d30312d87ca53468332f256"));
-var getAdoptionReleaseRpc = createServerFn({ method: "GET" }).middleware([consoleAccess]).validator(readAdoptionReleaseInput).handler(createSsrRpc("16e3be74610cddd54e5e894419dca16817a7b63c09a4eed15042cdac9c39e1e0"));
-var getBundleEventsRpc = createServerFn({ method: "GET" }).middleware([consoleAccess]).validator(readBundleEventsInput).handler(createSsrRpc("bfcca2365dfef4d071bdcddf97538a2637482c77bb747969dbdcd6769ca98416"));
 /** What each Release health chart reads per bundle. */
 var READS = {
 	adoption: ["DOWNLOADED", "LAUNCHED"],
@@ -2087,7 +2293,6 @@ function useReleaseHealth({ platform, channel, window, releaseIds, focusReleaseI
 		staleTime: 5 * 6e4
 	});
 	const candidates = candidatesQuery.data;
-	const focusIndex = focusReleaseId === void 0 || candidates === void 0 ? -1 : candidates.findIndex((release) => release.releaseId === focusReleaseId);
 	const focusQuery = useQuery({
 		queryKey: [
 			"insights",
@@ -2101,7 +2306,7 @@ function useReleaseHealth({ platform, channel, window, releaseIds, focusReleaseI
 			releaseId: focusReleaseId,
 			withPrevious: true
 		} }),
-		enabled: releaseIds === void 0 && focusReleaseId !== void 0 && candidates !== void 0 && (focusIndex === -1 || focusIndex === candidates.length - 1),
+		enabled: releaseIds === void 0 && focusReleaseId !== void 0,
 		staleTime: Number.POSITIVE_INFINITY
 	});
 	const known = /* @__PURE__ */ new Map();
@@ -2110,8 +2315,8 @@ function useReleaseHealth({ platform, channel, window, releaseIds, focusReleaseI
 		...focusQuery.data?.previous ? [focusQuery.data.previous] : [],
 		...candidates ?? []
 	]) known.set(release.releaseId, release);
-	const newest = (list) => list.slice(0, 2).map((release) => release.releaseId);
-	const chosen = releaseIds !== void 0 ? releaseIds.slice(0, 4) : candidates === void 0 ? void 0 : focusReleaseId === void 0 ? newest(candidates) : focusIndex !== -1 && focusIndex < candidates.length - 1 ? [focusReleaseId, candidates[focusIndex + 1].releaseId] : focusQuery.data === void 0 ? void 0 : focusQuery.data.release === null ? newest(candidates) : [focusQuery.data.release.releaseId, focusQuery.data.previous?.releaseId].filter((id) => id !== void 0);
+	const live = (list) => defaultAdoptionReleases(list, platform);
+	const chosen = releaseIds !== void 0 ? releaseIds.slice(0, 4) : candidates === void 0 ? void 0 : focusReleaseId === void 0 ? live(candidates) : focusQuery.data === void 0 ? void 0 : focusQuery.data.release === null ? live(candidates) : [focusQuery.data.release.releaseId, focusQuery.data.previous?.releaseId].filter((id) => id !== void 0);
 	const labelQueries = useQueries({ queries: (chosen ?? []).filter((releaseId) => !known.has(releaseId) && releaseId !== focusReleaseId).map((releaseId) => ({
 		queryKey: [
 			"insights",
@@ -2137,7 +2342,8 @@ function useReleaseHealth({ platform, channel, window, releaseIds, focusReleaseI
 	})));
 	const seriesQueries = useQueries({ queries: reads.map(({ release, type }) => {
 		const data = {
-			...scope,
+			platform: release.platform,
+			channel,
 			window,
 			endMs,
 			bundleId: release.bundleId,
@@ -2194,9 +2400,10 @@ function InsightsPage() {
 	const retention = useInsightsRetention();
 	const usageWindow = search.window ?? "24h";
 	const bundleWindow = search.bundleWindow ?? "24h";
-	const channel = search.channel ?? search.healthChannel ?? "production";
+	const channel = search.channel ?? "production";
+	const platform = search.platform ?? "all";
 	const scope = {
-		platform: search.platform ?? "all",
+		platform,
 		channel,
 		appVersion: search.appVersion
 	};
@@ -2209,7 +2416,7 @@ function InsightsPage() {
 		window: usageWindow
 	};
 	const bundleInput = {
-		platform: search.healthPlatform ?? "ios",
+		platform,
 		channel,
 		window: bundleWindow,
 		...search.releaseId === void 0 ? {} : { releaseId: search.releaseId }
@@ -2225,7 +2432,7 @@ function InsightsPage() {
 	});
 	const chart = search.healthChart ?? "adoption";
 	const health = useReleaseHealth({
-		platform: bundleInput.platform,
+		platform,
 		channel,
 		window: bundleWindow,
 		releaseIds: comparedBundleIds(search.bundles),
@@ -2235,80 +2442,103 @@ function InsightsPage() {
 	const failuresQuery = useUpdateFailuresQuery(bundleInput);
 	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,
-						releaseScope: bundleInput,
-						appVersions: query.data?.appVersions ?? [],
-						onFiltersChange: ({ scope, releaseScope }) => void navigate({ search: {
-							...search,
-							...scope,
-							appVersion: scope.appVersion,
-							healthPlatform: releaseScope.platform,
-							healthChannel: void 0,
-							releaseId: releaseScope.releaseId,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsPageHeader, {
+				view: "overview",
+				overviewSearch: search
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsControls, {
+				filters: {
+					channel,
+					platform,
+					appVersion: search.appVersion,
+					releaseId: search.releaseId
+				},
+				appVersions: query.data?.appVersions ?? [],
+				releases: health.candidates ?? [],
+				onFiltersChange: (change) => {
+					const next = {
+						...search,
+						...change
+					};
+					navigate({ search: {
+						...next,
+						channel: next.channel === "production" ? void 0 : next.channel,
+						platform: next.platform === "all" ? void 0 : next.platform,
+						..."channel" in change || "platform" in change ? {
+							releaseId: change.releaseId,
 							bundles: void 0
-						} })
-					}, JSON.stringify({
-						scope,
-						bundleInput
-					})),
-					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,
+						} : {},
+						..."releaseId" in change ? { bundles: void 0 } : {}
+					} });
+				}
+			}),
+			/* @__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: [
+						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,
-							bundleWindow
-						},
-						window: usageWindow,
-						onWindowChange: setUsageWindow,
-						retention
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsOverview, {
-						input: bundleInput,
-						chart,
-						onChartChange: (healthChart) => void navigate({ search: {
-							...search,
-							healthChart
-						} }),
-						health,
-						onReleasesChange: (ids) => void navigate({ search: {
-							...search,
-							bundles: ids?.join(",")
-						} }),
-						onWindowChange: (window) => void navigate({ search: {
-							...search,
-							bundleWindow: window
-						} })
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpdateFailures, {
-						query: failuresQuery,
-						errors: failuresQuery.data ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FailureReports, { input: {
-							...bundleInput,
-							beforeReceivedAtMs: failuresQuery.data.endMs
-						} }, JSON.stringify(bundleInput)) : null,
-						onRefresh: () => {
-							failuresQuery.refetch();
-							queryClient.invalidateQueries({ queryKey: ["insights", "failure-reports"] });
-						}
-					})
-				]
+							onWindowChange: setUsageWindow,
+							retention
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsOverview, {
+							input: bundleInput,
+							chart,
+							onChartChange: (healthChart) => void navigate({ search: {
+								...search,
+								healthChart
+							} }),
+							health,
+							onReleasesChange: (ids) => void navigate({ search: {
+								...search,
+								bundles: ids?.join(",")
+							} }),
+							onShowAllPlatforms: () => void navigate({ search: {
+								...search,
+								platform: void 0,
+								releaseId: void 0,
+								bundles: void 0
+							} }),
+							onWindowChange: (window) => void navigate({ search: {
+								...search,
+								bundleWindow: window
+							} })
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpdateFailures, {
+							scope: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsScope, {
+								channel,
+								platform,
+								narrower: search.releaseId ? [`Release ${search.releaseId}`] : []
+							}),
+							query: failuresQuery,
+							errors: failuresQuery.data ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FailureReports, { input: {
+								...bundleInput,
+								beforeReceivedAtMs: failuresQuery.data.endMs
+							} }, JSON.stringify(bundleInput)) : null,
+							onRefresh: () => {
+								failuresQuery.refetch();
+								queryClient.invalidateQueries({ queryKey: ["insights", "failure-reports"] });
+							}
+						})
+					]
+				})
 			})
-		})]
+		]
 	});
 }
 //#endregion