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

package/.output/server/_ssr/{installations-DiVKEF5T.mjs → installations-BO5CjX2z.mjs}

@@ -1,34 +1,473 @@
-import { r as __toESM } from "../_runtime.mjs";
-import { J as require_react, q as require_jsx_runtime } from "../_libs/@base-ui/react+[...].mjs";
-import { N as ChevronDown, P as Check, R as ArrowLeft, d as RefreshCw, l as Search, t as X } from "../_libs/lucide-react.mjs";
-import { C as cn, S as buttonVariants, _ as Skeleton, r as Separator$1, t as Button$1 } from "./createSsrRpc-DjWNJ0uc.mjs";
-import { s as useElementScrollRestoration } from "../_libs/@tanstack/react-router+[...].mjs";
-import { d as CardTitle, o as Card, s as CardContent, u as CardHeader } from "./card-BRiPmi0C.mjs";
-import { a as FieldLabel, c as TableBody, d as TableHeader, f as TableRow, l as TableCell, s as Table, t as Field, u as TableHead } from "./table-CnZmon_Z.mjs";
-import { n as shortenIdentifier, t as HashValueDisplay } from "./HashValueDisplay-DwpGLfrl.mjs";
-import { a as EventTypeBadge, c as InsightsPagination, d as useInsightsInstallationQuery, f as useInsightsInstallationsQuery, i as EventTimestamp, l as useInsightsEventsQuery, n as EventHistoryCard, o as InsightsErrorAlert, p as useInsightsTimeFormat, r as EventHistoryList, s as InsightsPageHeader, t as EventBundleTransition, u as useInsightsInstallationEventsQuery } from "./InsightsPageHeader-Df4Brj8u.mjs";
-import { n as getInsightsScrollRestorationKey, t as Route } from "./installations-CtA59MQG.mjs";
-import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "./input-group-BpsnmvZw.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/installations-DiVKEF5T.js
+import { i as __toESM } from "../_runtime.mjs";
+import { mt as require_react, pt as require_jsx_runtime } from "../_libs/@base-ui/react+[...].mjs";
+import { A as CircleAlert, B as Activity, E as Download, F as Check, L as ArrowUpRight, P as ChevronDown, c as Search, d as RefreshCw, t as X, u as RotateCcw, z as ArrowLeft } from "../_libs/lucide-react.mjs";
+import { D as buttonVariants, O as cn, S as Skeleton, r as Separator$1, t as Button$1 } from "./sidebar-DKbx2ach.mjs";
+import { c as useElementScrollRestoration, h as Link, o as useLocation } from "../_libs/@tanstack/react-router+[...].mjs";
+import { a as CardHeader, n as CardContent, o as CardTitle, r as CardDescription, t as Card } from "./card-CPAEKx0w.mjs";
+import { a as Badge, o as Field, u as FieldLabel } from "./field-QCDBVpXA.mjs";
+import { a as TableHeader, i as TableHead, n as TableBody, o as TableRow, r as TableCell, t as Table } from "./table-NGWV8B-S.mjs";
+import { n as describeFailure } from "./insights-failures-BBGMhuUr.mjs";
+import { a as useInsightsInstallationEventsQuery, c as useInsightsRetention, i as useInsightsEventsQuery, n as formatDays, o as useInsightsInstallationQuery, s as useInsightsInstallationsQuery, t as DEFAULT_INSIGHTS_RETENTION } from "./insights-api-CDn-QQHU.mjs";
+import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "./input-group-hCk2nUoU.mjs";
+import { i as PeriodSelector, n as InsightsPageHeader, t as InsightsErrorAlert } from "./InsightsPageHeader-DSUWUWRc.mjs";
+import { a as installationsScrollRestorationKey, i as eventRanges, n as Route, o as widerEventRange, r as eventRangeBounds, t as EVENT_RANGES } from "./installations-Dt5luA-N.mjs";
+import { n as shortenIdentifier, t as HashValueDisplay } from "./HashValueDisplay-GQvFkXoi.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/installations-BO5CjX2z.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
-var getUserLabel$1 = (event) => event.userId ?? event.username ?? "—";
-var getLastKnownBundleId$1 = (event) => "lastKnownBundleId" in event ? event.lastKnownBundleId : event.toBundleId ?? event.fromBundleId;
-function InstallationHistoryCard({ error, history, isLoading, onNext, onPrevious, onRefresh, pageNumber, selectedEvent, selectedInstallId }) {
+var eventTypes = {
+	UPDATE_DOWNLOADED: {
+		label: "Downloaded",
+		description: "Download complete. Waiting for the app to restart and apply it.",
+		variant: "default",
+		icon: Download
+	},
+	UPDATE_APPLIED: {
+		label: "Update applied",
+		description: "The app started using the downloaded update.",
+		variant: "success",
+		icon: Check
+	},
+	RECOVERED: {
+		label: "Recovered",
+		description: "Recovered from a crashed bundle.",
+		variant: "warning",
+		icon: RotateCcw
+	},
+	UPDATE_FAILED: {
+		label: "Update failed",
+		description: "An update check, download, or install failed.",
+		variant: "destructive",
+		icon: CircleAlert
+	},
+	UNCHANGED: {
+		label: "No change",
+		description: "No download or apply was reported at this point.",
+		variant: "secondary",
+		icon: Activity
+	}
+};
+function useInsightsTimeFormat() {
+	const [timeZone, setTimeZone] = (0, import_react.useState)("UTC");
+	(0, import_react.useEffect)(() => {
+		setTimeZone(Intl.DateTimeFormat().resolvedOptions().timeZone);
+	}, []);
+	return new Intl.DateTimeFormat("en", {
+		timeZone,
+		timeZoneName: "shortOffset",
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit",
+		hour: "2-digit",
+		minute: "2-digit",
+		second: "2-digit",
+		hourCycle: "h23"
+	});
+}
+function formatInsightsTimestamp(value, formatter) {
+	const parts = Object.fromEntries(formatter.formatToParts(new Date(value)).map(({ type, value }) => [type, value]));
+	const offset = parts.timeZoneName === "GMT" ? "GMT+0" : parts.timeZoneName;
+	return `${parts.year}/${parts.month}/${parts.day} ${parts.hour}:${parts.minute}:${parts.second} ${offset}`;
+}
+function EventTimestamp({ value, formatter, touch = false }) {
+	const date = new Date(value);
+	const localTime = formatInsightsTimestamp(value, formatter);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", {
+		className: "group/time",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("summary", {
+			className: `cursor-pointer list-none rounded-md outline-none focus-visible:ring-2 focus-visible:ring-ring/30 [&::-webkit-details-marker]:hidden ${touch ? "flex min-h-11 items-center" : ""}`,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("time", {
+					dateTime: date.toISOString(),
+					className: "whitespace-nowrap",
+					children: localTime
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, {
+					"aria-hidden": "true",
+					className: "size-3 text-muted-foreground group-open/time:rotate-180"
+				})]
+			})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			className: "mt-2 text-muted-foreground",
+			children: date.toISOString().replace("T", " ").replace("Z", " UTC")
+		})]
+	});
+}
+var deliveries = {
+	patch: "A patch delivered it.",
+	manifest: "Only the changed files were downloaded.",
+	archive: "The full archive was downloaded."
+};
+/** What the event's report added: where an update failed, how a bundle arrived, why a process exited. */
+var eventNote = (event) => {
+	if (event.type === "UPDATE_FAILED" && event.failure) return describeFailure(event.failure);
+	if (event.type === "UPDATE_DOWNLOADED" && event.delivery) {
+		const delivered = deliveries[event.delivery] ?? null;
+		return event.patchFallback ? `The patch failed. ${delivered ?? ""}`.trim() : delivered;
+	}
+	if (event.type === "RECOVERED" && event.previousProcessExit) return `The crashed process exited with ${event.previousProcessExit}.`;
+	return null;
+};
+function EventTypeDetails({ event }) {
+	const eventType = eventTypes[event.type];
+	const Icon = eventType.icon;
+	const note = eventNote(event);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex min-w-0 flex-col items-start gap-2",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge, {
+				variant: eventType.variant,
+				className: "gap-1 whitespace-nowrap [&_svg]:size-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { "aria-hidden": "true" }), eventType.label]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "max-w-56 whitespace-normal text-xs text-muted-foreground",
+				children: event.type === "UPDATE_FAILED" && note ? note : eventType.description
+			}),
+			event.type !== "UPDATE_FAILED" && note ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "max-w-56 whitespace-normal text-xs text-muted-foreground",
+				children: note
+			}) : null
+		]
+	});
+}
+function EventBundleTransition({ event, touch = false }) {
+	const downloaded = event.type === "UPDATE_DOWNLOADED";
+	const failed = event.type === "UPDATE_FAILED";
+	const targeted = !failed || event.failure?.stage !== "check";
+	const changed = downloaded || failed || event.type === "UPDATE_APPLIED" || event.type === "RECOVERED";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
+		className: "grid grid-cols-[auto_minmax(0,1fr)] items-center gap-x-2 gap-y-2",
+		children: [event.fromBundleId && changed ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+			className: "text-muted-foreground",
+			children: downloaded || failed ? "Running" : "From"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HashValueDisplay, {
+			value: event.fromBundleId,
+			buttonClassName: touch ? "min-h-11 px-3" : void 0
+		}) })] }) : null, targeted ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+			className: "text-muted-foreground",
+			children: downloaded ? "Pending" : failed ? "Target" : changed ? "To" : "Current"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HashValueDisplay, {
+			value: event.toBundleId,
+			buttonClassName: touch ? "min-h-11 px-3" : void 0
+		}) })] }) : null]
+	});
+}
+function EventHistoryList({ events, formatter, renderIdentity }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+		className: "px-4 pb-2 text-xs text-muted-foreground sm:px-6",
+		children: "Time in your browser zone"
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", {
+		"aria-label": "Events",
+		className: "divide-y border-y",
+		children: events.map((event) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
+			className: "flex min-w-0 flex-col gap-3 px-4 py-4 sm:px-6",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex flex-wrap items-center justify-between gap-x-4 gap-y-1",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventTypeDetails, { event }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "text-xs tabular-nums",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventTimestamp, {
+							value: event.receivedAtMs,
+							formatter,
+							touch: true
+						})
+					})]
+				}),
+				renderIdentity?.(event),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
+					className: "flex flex-wrap gap-x-2 gap-y-1 text-sm",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+						className: "sr-only",
+						children: "App"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dd", { children: [
+						event.platform === "ios" ? "iOS" : "Android",
+						" ",
+						event.appVersion
+					] })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "min-w-0 text-muted-foreground",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+							className: "sr-only",
+							children: "Channel"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+							className: "wrap-anywhere",
+							children: event.channel
+						})]
+					})]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "text-xs",
+					"aria-label": "Bundle",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventBundleTransition, {
+						event,
+						touch: true
+					})
+				})
+			]
+		}, event.id))
+	})] });
+}
+function InsightsPagination({ hasPrevious, label, nextCursor, onNext, onPrevious, pageLength, pageNumber }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("nav", {
+		"aria-label": `${label} pagination`,
+		className: "flex flex-wrap items-center justify-between gap-3 border-t px-4 py-3 sm:px-6",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			className: "text-xs text-muted-foreground tabular-nums",
+			children: [
+				"Page ",
+				pageNumber,
+				" · ",
+				pageLength.toLocaleString(),
+				" rows"
+			]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+				className: "h-11 min-w-11 px-3 lg:h-8 lg:min-w-0 lg:px-2",
+				disabled: !hasPrevious,
+				onClick: onPrevious,
+				size: "sm",
+				type: "button",
+				variant: "outline",
+				children: "Previous"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+				className: "h-11 min-w-11 px-3 lg:h-8 lg:min-w-0 lg:px-2",
+				disabled: nextCursor === null,
+				onClick: onNext,
+				size: "sm",
+				type: "button",
+				variant: "outline",
+				children: "Next"
+			})]
+		})]
+	});
+}
+/** The ranges within the days raw events are kept, the shortest always. */
+var rangesWithin = (days) => EVENT_RANGES.filter((value, position) => position === 0 || eventRanges[value].durationMs <= days * 864e5);
+function EventIdentity({ event, eventsLocation, touch = false }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: touch ? "flex min-w-0 flex-wrap items-center justify-between gap-2" : "flex min-w-0 flex-col items-start gap-2",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
+			className: buttonVariants({
+				className: touch ? "-ml-2 h-auto min-h-11 min-w-0 flex-1 justify-start gap-2 whitespace-normal text-sm" : "-ml-2 max-w-full justify-start",
+				size: "sm",
+				variant: "ghost"
+			}),
+			to: "/installations",
+			search: {
+				...eventsLocation,
+				query: event.installId || void 0,
+				installId: event.installId
+			},
+			state: (previous) => ({ insightsPagination: { eventsBack: previous.insightsPagination?.eventsBack } }),
+			"aria-label": `View history for ${event.userId ?? "anonymous installation"} (${event.installId})`,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: touch ? "min-w-0 text-left wrap-anywhere" : "truncate",
+				children: event.userId ?? "Anonymous installation"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowUpRight, {
+				"aria-hidden": "true",
+				"data-icon": "inline-end"
+			})]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HashValueDisplay, {
+			value: event.installId,
+			maxLength: 13,
+			buttonClassName: touch ? "min-h-11 px-3" : void 0
+		})]
+	});
+}
+function EventHistoryCard({ children, description, error, eventsLocation, history, isFetching, isLoading, onNext, onPrevious, onRangeChange, onRefresh, pageNumber, range, rawDays = 90, title = "All events" }) {
+	const dateTimeFormat = useInsightsTimeFormat();
+	const hasPrevious = pageNumber > 1;
+	const ranges = rangesWithin(rawDays);
+	const next = range === void 0 ? void 0 : widerEventRange(range);
+	const wider = next !== void 0 && ranges.includes(next) ? next : void 0;
+	const widen = wider !== void 0 && onRangeChange ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+		className: "h-11 px-3 lg:h-8",
+		onClick: () => onRangeChange(wider),
+		type: "button",
+		variant: "outline",
+		children: `Show the last ${eventRanges[wider].period}`
+	}) : null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, {
+		className: "@container min-w-0 shadow-sm",
+		"aria-busy": isFetching,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, {
+			className: "gap-4 p-4 sm:p-6",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-1.5",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex flex-wrap items-center justify-between gap-3",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: title }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [range !== void 0 && onRangeChange ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PeriodSelector, {
+							label: "Time range",
+							onPeriodChange: onRangeChange,
+							period: range,
+							periods: ranges.map((value) => ({
+								value,
+								name: `Last ${eventRanges[value].period}`
+							}))
+						}) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+							className: "h-11 lg:h-8",
+							disabled: isFetching,
+							onClick: onRefresh,
+							size: "lg",
+							variant: "outline",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RefreshCw, {
+								"aria-hidden": "true",
+								"data-icon": "inline-start"
+							}), "Refresh"]
+						})]
+					})]
+				}), description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardDescription, { children: description }) : null]
+			}), children]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, {
+			className: "min-w-0 p-0",
+			children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-4 p-6",
+				role: "status",
+				"aria-label": "Loading events",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-12 w-full" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-12 w-full" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-12 w-full" })
+				]
+			}) : error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "px-6 pb-6",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsErrorAlert, {
+					error,
+					fallbackTitle: "Event history unavailable"
+				})
+			}) : history ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+				history.data.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "@[58rem]:hidden",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventHistoryList, {
+						events: history.data,
+						formatter: dateTimeFormat,
+						renderIdentity: (event) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventIdentity, {
+							event,
+							eventsLocation,
+							touch: true
+						})
+					})
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "hidden @[58rem]:block",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Table, {
+						className: "min-w-4xl table-fixed",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, {
+							className: "[&>th]:px-4 sm:[&>th]:px-6",
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+									className: "w-64",
+									children: "Time"
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+									className: "w-48",
+									children: "Event"
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+									className: "w-48",
+									children: "User / installation"
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+									className: "w-32",
+									children: "App"
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+									className: "w-52",
+									children: "Bundle"
+								})
+							]
+						}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableBody, { children: history.data.map((event) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, {
+							className: "[&>td]:px-4 [&>td]:py-4 [&>td]:align-top sm:[&>td]:px-6",
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+									className: "whitespace-normal text-xs tabular-nums",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventTimestamp, {
+										value: event.receivedAtMs,
+										formatter: dateTimeFormat
+									})
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventTypeDetails, { event }) }),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventIdentity, {
+									event,
+									eventsLocation
+								}) }),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+									className: "whitespace-normal text-xs",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+										className: "flex flex-col gap-2",
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+											event.platform === "ios" ? "iOS" : "Android",
+											" ",
+											event.appVersion
+										] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "text-muted-foreground",
+											children: event.channel
+										})]
+									})
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+									className: "whitespace-normal text-xs",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventBundleTransition, { event })
+								})
+							]
+						}, event.id)) })]
+					})
+				})] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex flex-wrap items-center justify-between gap-3 px-4 pb-4 sm:px-6 sm:pb-6",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "text-sm text-muted-foreground",
+						children: hasPrevious ? "No older events in this range." : range !== void 0 ? `No events in the last ${eventRanges[range].period}.` : title === "All events" ? "No events recorded yet" : "No matching reports in this period"
+					}), hasPrevious ? null : widen]
+				}),
+				range !== void 0 && history.nextCursor === null && (history.data.length > 0 || hasPrevious) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex flex-wrap items-center justify-between gap-3 border-t px-4 py-3 sm:px-6",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Start of range reached"
+					}), widen]
+				}) : null,
+				history.data.length > 0 || hasPrevious || history.nextCursor ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsPagination, {
+					hasPrevious,
+					label: title,
+					nextCursor: history.nextCursor,
+					onNext,
+					onPrevious,
+					pageLength: history.data.length,
+					pageNumber
+				}) : null
+			] }) : null
+		})]
+	});
+}
+var getUserLabel$1 = (event) => event.userId ?? "—";
+/** A download or a failed update leaves the installation on the bundle it ran. */
+var getLastKnownBundleId$1 = (event) => "lastKnownBundleId" in event ? event.lastKnownBundleId : event.type === "UPDATE_DOWNLOADED" || event.type === "UPDATE_FAILED" ? event.fromBundleId : event.toBundleId;
+function InstallationHistoryCard({ error, history, isLoading, onNext, onPrevious, onRefresh, pageNumber, retention = DEFAULT_INSIGHTS_RETENTION, selectedEvent, selectedInstallId }) {
 	const dateTimeFormat = useInsightsTimeFormat();
 	const lastKnownBundleId = selectedEvent ? getLastKnownBundleId$1(selectedEvent) : void 0;
+	const pendingBundleId = selectedEvent && "pendingBundleId" in selectedEvent ? selectedEvent.pendingBundleId : selectedEvent && "type" in selectedEvent && selectedEvent.type === "UPDATE_DOWNLOADED" ? selectedEvent.toBundleId : null;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, {
 		className: "@container min-h-0 min-w-0 shadow-sm",
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardHeader, {
 			className: "p-4 sm:p-6",
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "flex flex-wrap items-center justify-between gap-3",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 					className: "flex min-w-0 flex-col gap-1.5",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
 						className: "text-sm font-medium",
 						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: selectedInstallId !== void 0 ? "Installation history" : "Select an installation" })
-					})
+					}), selectedInstallId !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardDescription, { children: [
+						"Bundle changes and update failures are kept for",
+						" ",
+						formatDays(retention.rawDays),
+						"; the latest report, for",
+						" ",
+						formatDays(retention.dailyDays),
+						" after the installation last reports."
+					] }) : null]
 				}), onRefresh && selectedInstallId !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
 					className: "h-11 lg:h-8",
 					size: "lg",
@@ -88,7 +527,17 @@ function InstallationHistoryCard({ error, history, isLoading, onNext, onPrevious
 									buttonClassName: "min-h-11 px-3 lg:min-h-0 lg:px-1.5"
 								}) : "—"
 							})]
-						})
+						}),
+						pendingBundleId ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "col-span-2 min-w-0",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+								className: "text-xs text-muted-foreground",
+								children: "Downloaded · Pending apply"
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+								className: "mt-1 text-xs",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HashValueDisplay, { value: pendingBundleId })
+							})]
+						}) : null
 					]
 				})]
 			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator$1, {})] }) : null, selectedInstallId !== void 0 ? isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -148,7 +597,7 @@ function InstallationHistoryCard({ error, history, isLoading, onNext, onPrevious
 										formatter: dateTimeFormat
 									})
 								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventTypeBadge, { type: event.type }) }),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventTypeDetails, { event }) }),
 								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
 									className: "whitespace-normal text-xs",
 									children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -182,7 +631,7 @@ function InstallationHistoryCard({ error, history, isLoading, onNext, onPrevious
 				})
 			] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 				className: "p-6 text-sm text-muted-foreground",
-				children: pageNumber > 1 || history?.nextCursor ? "No bundle changes on this page." : "No bundle changes recorded yet."
+				children: pageNumber > 1 ? "No older bundle changes." : "No bundle changes recorded yet."
 			}), history && (pageNumber > 1 || history.nextCursor) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsPagination, {
 				hasPrevious: pageNumber > 1,
 				label: "Installation history",
@@ -196,7 +645,7 @@ function InstallationHistoryCard({ error, history, isLoading, onNext, onPrevious
 	});
 }
 var getLastKnownBundleId = (event) => event.lastKnownBundleId;
-var getUserLabel = (event) => event.userId ?? event.username ?? "—";
+var getUserLabel = (event) => event.userId ?? "—";
 function InstallationMatchesCard({ error, onNext, onPrevious, onSelect, pageNumber, results, selectedInstallId }) {
 	const [expanded, setExpanded] = (0, import_react.useState)(false);
 	const contentId = (0, import_react.useId)();
@@ -397,25 +846,35 @@ var popCursor = (stack) => ({
 function InstallationsPage() {
 	const search = Route.useSearch();
 	const navigate = Route.useNavigate();
+	const retention = useInsightsRetention();
 	const [draftQuery, setDraftQuery] = (0, import_react.useState)(search.query ?? "");
 	const [initialEventsBefore] = (0, import_react.useState)(freshBefore);
 	const [initialHistoryBefore] = (0, import_react.useState)(freshBefore);
-	const [eventsBack, setEventsBack] = (0, import_react.useState)([]);
-	const [searchBack, setSearchBack] = (0, import_react.useState)([]);
-	const [historyBack, setHistoryBack] = (0, import_react.useState)([]);
+	const pagination = useLocation({ select: (location) => location.state.insightsPagination });
+	const eventsBack = pagination?.eventsBack ?? [];
+	const searchBack = pagination?.searchBack ?? [];
+	const historyBack = pagination?.historyBack ?? [];
 	const query = search.query?.trim() ?? "";
 	const hasSearchQuery = query.length > 0;
 	const hasSelection = search.installId !== void 0;
 	const hasLookup = hasSearchQuery || hasSelection;
 	const eventsBefore = search.eventsBefore ?? initialEventsBefore;
+	const eventsRange = search.eventsRange ?? "7d";
 	const historyBefore = search.historyBefore ?? initialHistoryBefore;
-	const updateSearch = (next, replace = false) => {
+	const updateSearch = (next, replace = false, nextPagination = {}) => {
 		navigate({
 			to: "/installations",
 			search: {
 				...search,
 				...next
 			},
+			state: (previous) => ({
+				...previous,
+				insightsPagination: {
+					...previous.insightsPagination,
+					...nextPagination
+				}
+			}),
 			replace
 		});
 	};
@@ -433,9 +892,9 @@ function InstallationsPage() {
 		search.historyBefore
 	]);
 	const events = useInsightsEventsQuery({
-		beforeReceivedAtMs: eventsBefore,
+		...eventRangeBounds(eventsRange, eventsBefore),
 		cursor: search.eventsCursor,
-		limit: EVENT_LIMIT
+		limit: 20
 	}, !hasLookup);
 	const matches = useInsightsInstallationsQuery({
 		cursor: search.searchCursor,
@@ -445,12 +904,11 @@ function InstallationsPage() {
 	(0, import_react.useEffect)(() => {
 		const firstInstallId = matches.data?.data[0]?.installId;
 		if (!hasSearchQuery || hasSelection || firstInstallId === void 0) return;
-		setHistoryBack([]);
 		updateSearch({
 			historyBefore: freshBefore(),
 			historyCursor: void 0,
 			installId: firstInstallId
-		}, true);
+		}, true, { historyBack: [] });
 	}, [
 		hasSearchQuery,
 		hasSelection,
@@ -468,7 +926,7 @@ function InstallationsPage() {
 	const scrollRef = (0, import_react.useRef)(null);
 	const scrollEntry = useElementScrollRestoration({
 		id: scrollRestorationId,
-		getKey: getInsightsScrollRestorationKey
+		getKey: installationsScrollRestorationKey
 	});
 	(0, import_react.useLayoutEffect)(() => {
 		if (!hasLookup && !events.isLoading && scrollRef.current) scrollRef.current.scrollTop = scrollEntry?.scrollY ?? 0;
@@ -480,14 +938,15 @@ function InstallationsPage() {
 	]);
 	const clearLookup = () => {
 		setDraftQuery("");
-		setHistoryBack([]);
-		setSearchBack([]);
 		updateSearch({
 			historyBefore: void 0,
 			historyCursor: void 0,
 			installId: void 0,
 			query: void 0,
 			searchCursor: void 0
+		}, false, {
+			historyBack: [],
+			searchBack: []
 		});
 	};
 	const installationLookup = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InstallationSearchPanel, {
@@ -500,14 +959,15 @@ function InstallationsPage() {
 				clearLookup();
 				return;
 			}
-			setHistoryBack([]);
-			setSearchBack([]);
 			updateSearch({
 				historyBefore: void 0,
 				historyCursor: void 0,
 				installId: void 0,
 				query: nextQuery,
 				searchCursor: void 0
+			}, false, {
+				historyBack: [],
+				searchBack: []
 			});
 		}
 	});
@@ -535,32 +995,40 @@ function InstallationsPage() {
 						}), installationLookup]
 					})
 				}) : null, !hasLookup ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventHistoryCard, {
+					description: `Downloads, applies, recoveries, and update failures, newest first, kept for ${formatDays(retention.rawDays)}. A launch without an update counts in App usage and in its installation's latest report.`,
 					error: events.error,
 					eventsLocation: {
 						eventsBefore,
-						eventsCursor: search.eventsCursor
+						eventsCursor: search.eventsCursor,
+						eventsRange: search.eventsRange
 					},
 					history: events.data,
 					isFetching: events.isFetching,
 					isLoading: events.isLoading,
 					onNext: () => {
 						if (!events.data?.nextCursor) return;
-						setEventsBack(pushCursor(eventsBack, search.eventsCursor));
-						updateSearch({ eventsCursor: events.data.nextCursor }, true);
+						updateSearch({ eventsCursor: events.data.nextCursor }, true, { eventsBack: pushCursor(eventsBack, search.eventsCursor) });
 					},
 					onPrevious: () => {
 						const previous = popCursor(eventsBack);
-						setEventsBack(previous.stack);
-						updateSearch({ eventsCursor: previous.cursor }, true);
+						updateSearch({ eventsCursor: previous.cursor }, true, { eventsBack: previous.stack });
+					},
+					onRangeChange: (range) => {
+						updateSearch({
+							eventsBefore: freshBefore(),
+							eventsCursor: void 0,
+							eventsRange: range
+						}, false, { eventsBack: [] });
 					},
 					onRefresh: () => {
-						setEventsBack([]);
 						updateSearch({
 							eventsBefore: freshBefore(),
 							eventsCursor: void 0
-						}, true);
+						}, true, { eventsBack: [] });
 					},
 					pageNumber: eventsBack.length + 1,
+					range: eventsRange,
+					rawDays: retention.rawDays,
 					children: installationLookup
 				}) : matches.isLoading && hasSearchQuery ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InstallationResultsSkeleton, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 					className: `grid min-h-0 min-w-0 items-stretch gap-4 sm:gap-6 ${hasSearchQuery ? "lg:min-h-96 lg:grid-cols-[minmax(18rem,20rem)_minmax(0,1fr)]" : "lg:grid-cols-1"}`,
@@ -568,27 +1036,24 @@ function InstallationsPage() {
 						error: matches.error,
 						onNext: () => {
 							if (!matches.data?.nextCursor) return;
-							setSearchBack(pushCursor(searchBack, search.searchCursor));
 							updateSearch({
 								installId: void 0,
 								searchCursor: matches.data.nextCursor
-							}, true);
+							}, true, { searchBack: pushCursor(searchBack, search.searchCursor) });
 						},
 						onPrevious: () => {
 							const previous = popCursor(searchBack);
-							setSearchBack(previous.stack);
 							updateSearch({
 								installId: void 0,
 								searchCursor: previous.cursor
-							}, true);
+							}, true, { searchBack: previous.stack });
 						},
 						onSelect: (installId) => {
-							setHistoryBack([]);
 							updateSearch({
 								historyBefore: freshBefore(),
 								historyCursor: void 0,
 								installId
-							});
+							}, false, { historyBack: [] });
 						},
 						pageNumber: searchBack.length + 1,
 						results: matches.data,
@@ -599,22 +1064,20 @@ function InstallationsPage() {
 						isLoading: history.isLoading || selectedInstallation.isLoading,
 						onNext: () => {
 							if (!history.data?.nextCursor) return;
-							setHistoryBack(pushCursor(historyBack, search.historyCursor));
-							updateSearch({ historyCursor: history.data.nextCursor }, true);
+							updateSearch({ historyCursor: history.data.nextCursor }, true, { historyBack: pushCursor(historyBack, search.historyCursor) });
 						},
 						onPrevious: () => {
 							const previous = popCursor(historyBack);
-							setHistoryBack(previous.stack);
-							updateSearch({ historyCursor: previous.cursor }, true);
+							updateSearch({ historyCursor: previous.cursor }, true, { historyBack: previous.stack });
 						},
 						onRefresh: () => {
-							setHistoryBack([]);
 							updateSearch({
 								historyBefore: freshBefore(),
 								historyCursor: void 0
-							}, true);
+							}, true, { historyBack: [] });
 						},
 						pageNumber: historyBack.length + 1,
+						retention,
 						selectedEvent,
 						selectedInstallId: search.installId
 					})]