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

package/.output/server/_ssr/{installations-C5anhyP0.mjs → installations-BSCmFq8Q.mjs}

@@ -1,124 +1,19 @@
 import { i as __toESM } from "../_runtime.mjs";
-import { c as createServerFn } from "./createServerFn-B2hcXoPM.mjs";
-import { ht as require_react, mt as require_jsx_runtime } from "../_libs/@base-ui/react+[...].mjs";
-import { B as Activity, F as Check, L as ArrowUpRight, P as ChevronDown, d as RotateCcw, f as RefreshCw, l as Search, t as X, z as ArrowLeft } from "../_libs/lucide-react.mjs";
-import { C as cn, S as buttonVariants, _ as Skeleton, r as Separator$1, t as Button$1, w as createSsrRpc } from "./createSsrRpc-CdlfejmI.mjs";
-import { m as Link, s as useElementScrollRestoration } from "../_libs/@tanstack/react-router+[...].mjs";
-import { n as useQuery } from "../_libs/tanstack__react-query.mjs";
-import { a as Badge, d as CardTitle, o as Card, s as CardContent, u as CardHeader } from "./card-Bemj0dpY.mjs";
-import { a as FieldLabel, t as Field } from "./field-BrQ2u0fT.mjs";
-import { a as TableHeader, i as TableHead, n as TableBody, o as TableRow, r as TableCell, t as Table } from "./table-CTj6n-4F.mjs";
-import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "./input-group-BrGSjz4S.mjs";
-import { n as InsightsPageHeader, t as InsightsErrorAlert } from "./InsightsPageHeader-mtxVuZKK.mjs";
-import { n as getInsightsScrollRestorationKey, t as Route } from "./installations-HXMF_kKf.mjs";
-import { n as shortenIdentifier, t as HashValueDisplay } from "./HashValueDisplay-CyMmr0O9.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/installations-C5anhyP0.js
+import { _t as require_react, gt as require_jsx_runtime } from "../_libs/@base-ui/react+[...].mjs";
+import { $ as ArrowLeft, G as Check, W as ChevronDown, X as ArrowUpRight, g as RefreshCw, p as Search, t as X } from "../_libs/lucide-react.mjs";
+import { C as Skeleton, O as buttonVariants, k as cn, r as Separator$1, t as Button$1 } from "./sidebar-DJcErBMo.mjs";
+import { c as CardDescription, d as CardTitle, f as Field, g as FieldLabel, o as Card, s as CardContent, u as CardHeader } from "./field-asw83X0v.mjs";
+import { a as TableHeader, i as TableHead, n as TableBody, o as TableRow, r as TableCell, t as Table } from "./table-37Dd23TN.mjs";
+import { c as useElementScrollRestoration, h as Link, o as useLocation } from "../_libs/@tanstack/react-router+[...].mjs";
+import { a as useInsightsEventsQuery, c as useInsightsInstallationsQuery, l as useInsightsRetention, n as formatDays, o as useInsightsInstallationEventsQuery, s as useInsightsInstallationQuery, t as DEFAULT_INSIGHTS_RETENTION } from "./insights-api-sjws23WF.mjs";
+import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "./input-group-CuYJHosb.mjs";
+import { a as PeriodSelector, n as InsightsErrorAlert, r as InsightsPageHeader, s as isBuiltinBundle, t as BuiltinBundleBadge } from "./InsightsPageHeader-BSUX3Ye9.mjs";
+import { n as shortenIdentifier, t as HashValueDisplay } from "./HashValueDisplay-n1GholGS.mjs";
+import { a as HttpResponseDetails, n as EventTimestamp, o as useInsightsTimeFormat, r as EventTypeDetails, t as EventBundleTransition } from "./EventDetails-Q8kfj9Nr.mjs";
+import { a as installationsScrollRestorationKey, i as eventRanges, n as Route, o as widerEventRange, r as eventRangeBounds, t as EVENT_RANGES } from "./installations-DD1g__Nc.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/installations-BSCmFq8Q.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
-var eventTypes = {
-	UPDATE_APPLIED: {
-		label: "Update applied",
-		description: "The app started using the downloaded update.",
-		variant: "success",
-		icon: Check
-	},
-	RECOVERED: {
-		label: "Rolled back",
-		description: "The app recovered to a previous working bundle.",
-		variant: "warning",
-		icon: RotateCcw
-	},
-	UNCHANGED: {
-		label: "No change",
-		description: "The app continues using the same bundle files.",
-		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")
-		})]
-	});
-}
-function EventTypeDetails({ type }) {
-	const eventType = eventTypes[type];
-	const Icon = eventType.icon;
-	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: eventType.description
-		})]
-	});
-}
-function EventBundleTransition({ event, touch = false }) {
-	const changed = 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: "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,
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
-				className: "text-muted-foreground",
-				children: 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
-			}) })
-		]
-	});
-}
 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",
@@ -131,7 +26,7 @@ function EventHistoryList({ events, formatter, renderIdentity }) {
 			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, { type: event.type }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					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,
@@ -208,6 +103,8 @@ function InsightsPagination({ hasPrevious, label, nextCursor, onNext, onPrevious
 		})]
 	});
 }
+/** 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",
@@ -223,10 +120,11 @@ function EventIdentity({ event, eventsLocation, touch = false }) {
 				query: event.installId || void 0,
 				installId: event.installId
 			},
-			"aria-label": `View history for ${event.userId ?? event.username ?? "anonymous installation"} (${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 ?? event.username ?? "Anonymous installation"
+				children: event.userId ?? "Anonymous installation"
 			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowUpRight, {
 				"aria-hidden": "true",
 				"data-icon": "inline-end"
@@ -238,27 +136,51 @@ function EventIdentity({ event, eventsLocation, touch = false }) {
 		})]
 	});
 }
-function EventHistoryCard({ children, error, eventsLocation, history, isFetching, isLoading, onNext, onPrevious, onRefresh, pageNumber, title = "All events" }) {
+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-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)(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"]
-				})]
+				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",
@@ -277,113 +199,136 @@ function EventHistoryCard({ children, error, eventsLocation, history, isFetching
 					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
+			}) : 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)("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)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventTypeDetails, { type: event.type }) }),
-							/* @__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)(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 })
 								})
-							}),
-							/* @__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.jsx)("div", {
-				className: "px-6 pb-6 text-sm text-muted-foreground",
-				children: hasPrevious || history.nextCursor ? "No events on this page" : title === "All events" ? "No events recorded yet" : "No matching reports in this period"
-			}), 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
+							]
+						}, 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 ?? 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 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",
@@ -401,51 +346,68 @@ function InstallationHistoryCard({ error, history, isLoading, onNext, onPrevious
 			children: [selectedInstallId !== void 0 && selectedEvent ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
 				"aria-labelledby": "latest-installation-state",
 				className: "px-4 pb-4 sm:px-6 sm:pb-6",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-					className: "sr-only",
-					id: "latest-installation-state",
-					children: "Latest reported state"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
-					className: "grid grid-cols-2 gap-4 @[36rem]:grid-cols-3",
-					children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-							className: "col-span-2 min-w-0 @[36rem]:col-span-1",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
-								className: "text-xs text-muted-foreground",
-								children: "User ID"
-							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
-								className: "mt-1 text-sm font-medium wrap-anywhere",
-								children: getUserLabel$1(selectedEvent)
-							})]
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-							className: "min-w-0",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
-								className: "text-xs text-muted-foreground",
-								children: "Install ID"
-							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
-								className: "mt-1 font-mono text-xs",
-								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HashValueDisplay, {
-									value: selectedInstallId,
-									buttonClassName: "min-h-11 px-3 lg:min-h-0 lg:px-1.5"
-								})
-							})]
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-							className: "min-w-0",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
-								className: "text-xs text-muted-foreground",
-								children: "Last known bundle"
-							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
-								className: "mt-1 font-mono text-xs",
-								children: lastKnownBundleId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HashValueDisplay, {
-									value: lastKnownBundleId,
-									buttonClassName: "min-h-11 px-3 lg:min-h-0 lg:px-1.5"
-								}) : "—"
-							})]
-						})
-					]
-				})]
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+						className: "sr-only",
+						id: "latest-installation-state",
+						children: "Latest reported state"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
+						className: "grid grid-cols-2 gap-4 @[36rem]:grid-cols-3",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "col-span-2 min-w-0 @[36rem]:col-span-1",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+									className: "text-xs text-muted-foreground",
+									children: "User ID"
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+									className: "mt-1 text-sm font-medium wrap-anywhere",
+									children: getUserLabel$1(selectedEvent)
+								})]
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+									className: "text-xs text-muted-foreground",
+									children: "Install ID"
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+									className: "mt-1 font-mono text-xs",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HashValueDisplay, {
+										value: selectedInstallId,
+										buttonClassName: "min-h-11 px-3 lg:min-h-0 lg:px-1.5"
+									})
+								})]
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+									className: "text-xs text-muted-foreground",
+									children: "Last known bundle"
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dd", {
+									className: "mt-1 flex min-w-0 flex-wrap items-center gap-2 font-mono text-xs",
+									children: [lastKnownBundleId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HashValueDisplay, {
+										value: lastKnownBundleId,
+										buttonClassName: "min-h-11 px-3 lg:min-h-0 lg:px-1.5"
+									}) : "—", isBuiltinBundle(lastKnownBundleId, selectedEvent.minBundleId) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BuiltinBundleBadge, {}) : null]
+								})]
+							}),
+							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 · Not launched yet"
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+									className: "mt-1 text-xs",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HashValueDisplay, { value: pendingBundleId })
+								})]
+							}) : null
+						]
+					}),
+					selectedEvent.httpResponse ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "mt-4",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HttpResponseDetails, { event: selectedEvent })
+					}) : null
+				]
 			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator$1, {})] }) : null, selectedInstallId !== void 0 ? isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "flex flex-col gap-3 p-6",
 				role: "status",
@@ -503,7 +465,7 @@ function InstallationHistoryCard({ error, history, isLoading, onNext, onPrevious
 										formatter: dateTimeFormat
 									})
 								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventTypeDetails, { 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", {
@@ -537,7 +499,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",
@@ -551,7 +513,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)();
@@ -741,70 +703,6 @@ function InstallationResultsSkeleton() {
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-64 w-full lg:h-full" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-64 w-full lg:h-full" })]
 	});
 }
-var readOverview = (input) => input;
-var readEventsPage = (input) => input;
-var readInstallationEventsPage = (input) => input;
-var readInstallationPage = (input) => input;
-var readInstallId = (input) => input;
-createServerFn({ method: "GET" }).validator(readOverview).handler(createSsrRpc("ff00311d412c8cdfa8ad5b0ba1eb6aa7471d0cc12170e6cc645deb91603d42dd"));
-var listInsightsEventsRpc = createServerFn({ method: "GET" }).validator(readEventsPage).handler(createSsrRpc("d4c50f40701055145f24873dc90f3c55a5494457a6a03a743339b2ac4545eb19"));
-var listInsightsInstallationEventsRpc = createServerFn({ method: "GET" }).validator(readInstallationEventsPage).handler(createSsrRpc("3c04bc6624be6dfdd80cf96819f9c6d0455e59a7bb4c0374b6afb0162ffd15b0"));
-var getInsightsInstallationRpc = createServerFn({ method: "GET" }).validator(readInstallId).handler(createSsrRpc("6726f1ed9eda1f0cb4c1f1ad1023faee435ddcfd0b7c55ef08ca7f2f7f577370"));
-var findInsightsInstallationsRpc = createServerFn({ method: "GET" }).validator(readInstallationPage).handler(createSsrRpc("735c501f6d5ea81a445ff2b6b2ea6a1b589e3c6f63a465a881822c80ae71e7d1"));
-var STALE_TIME_MS = 3e4;
-var queryKeys = {
-	reportingInstallations: (input) => [
-		"insights",
-		"reporting-installations",
-		input
-	],
-	events: (input) => [
-		"insights",
-		"events",
-		input
-	],
-	installations: (input) => [
-		"insights",
-		"installations",
-		input
-	],
-	installation: (installId) => [
-		"insights",
-		"installation",
-		installId
-	],
-	installationEvents: (input) => [
-		"insights",
-		"installation-events",
-		input
-	]
-};
-var useInsightsEventsQuery = (input, enabled) => useQuery({
-	queryKey: queryKeys.events(input),
-	queryFn: () => listInsightsEventsRpc({ data: input }),
-	enabled,
-	refetchOnWindowFocus: true,
-	staleTime: STALE_TIME_MS
-});
-var useInsightsInstallationsQuery = (input, enabled) => useQuery({
-	queryKey: queryKeys.installations(input),
-	queryFn: () => findInsightsInstallationsRpc({ data: input }),
-	enabled: enabled && input.identity.length > 0,
-	staleTime: STALE_TIME_MS
-});
-var useInsightsInstallationQuery = (installId, enabled) => useQuery({
-	queryKey: queryKeys.installation(installId),
-	queryFn: () => getInsightsInstallationRpc({ data: { installId } }),
-	enabled: enabled && installId.length > 0,
-	staleTime: STALE_TIME_MS
-});
-var useInsightsInstallationEventsQuery = (input, enabled) => useQuery({
-	queryKey: queryKeys.installationEvents(input),
-	queryFn: () => listInsightsInstallationEventsRpc({ data: input }),
-	enabled: enabled && input.installId.length > 0,
-	refetchOnWindowFocus: true,
-	staleTime: STALE_TIME_MS
-});
 var SEARCH_LIMIT = 20;
 var EVENT_LIMIT = 50;
 var freshBefore = () => Date.now();
@@ -816,25 +714,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
 		});
 	};
@@ -852,7 +760,7 @@ function InstallationsPage() {
 		search.historyBefore
 	]);
 	const events = useInsightsEventsQuery({
-		beforeReceivedAtMs: eventsBefore,
+		...eventRangeBounds(eventsRange, eventsBefore),
 		cursor: search.eventsCursor,
 		limit: 20
 	}, !hasLookup);
@@ -864,12 +772,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,
@@ -887,7 +794,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;
@@ -899,14 +806,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, {
@@ -919,14 +827,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: []
 			});
 		}
 	});
@@ -954,32 +863,40 @@ function InstallationsPage() {
 						}), installationLookup]
 					})
 				}) : null, !hasLookup ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventHistoryCard, {
+					description: `Downloads, launches, crashes, update failures, and other changes to what an installation runs, newest first, kept for ${formatDays(retention.rawDays)}. Launches that change nothing aren't listed.`,
 					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"}`,
@@ -987,27 +904,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,
@@ -1018,22 +932,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
 					})]