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

package/.output/server/_ssr/insightsRecovery-CqcosG7B.mjs

@@ -0,0 +1,149 @@
+import { n as recoveryWindows, t as readRecoveryInput } from "./insights-recovery-DSFM-YTL.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/insightsRecovery-CqcosG7B.js
+async function readInsightsHistory(model, window, beforeReceivedAtMs = Date.now()) {
+	const { durationMs, intervalMs } = recoveryWindows[window];
+	const sinceMs = Math.max(0, beforeReceivedAtMs - durationMs);
+	let completeSinceMs = sinceMs;
+	let after;
+	let truncated = false;
+	const events = [];
+	while (events.length < 5e4) {
+		const limit = Math.min(100, 5e4 - events.length);
+		const rows = await model.listEvents({
+			filter: { kind: "all" },
+			sinceMs,
+			beforeReceivedAtMs,
+			after,
+			limit: limit + 1
+		});
+		const page = rows.slice(0, limit);
+		events.push(...page);
+		const last = page.at(-1);
+		if (!last || rows.length <= limit) break;
+		after = {
+			id: last.id,
+			receivedAtMs: last.received_at_ms
+		};
+		if (events.length === 5e4) {
+			truncated = true;
+			completeSinceMs = Math.floor(last.received_at_ms / intervalMs) * intervalMs + intervalMs;
+		}
+	}
+	return {
+		events: events.filter((row) => row.received_at_ms >= completeSinceMs).reverse(),
+		sinceMs: completeSinceMs,
+		beforeReceivedAtMs,
+		intervalMs,
+		truncated
+	};
+}
+async function getRecoveryReport(model, input, beforeReceivedAtMs = Date.now()) {
+	readRecoveryInput(input);
+	return buildRecoveryReport(await readInsightsHistory(model, input.window, beforeReceivedAtMs), input);
+}
+function buildRecoveryReport(history, input) {
+	const { events, sinceMs, beforeReceivedAtMs, intervalMs, truncated } = history;
+	const bucketStart = (time) => Math.floor(time / intervalMs) * intervalMs;
+	const releases = /* @__PURE__ */ new Map();
+	const ensureRelease = (id) => {
+		let release = releases.get(id);
+		if (!release) {
+			release = {
+				firstAdoptedAtMs: null,
+				recovered: /* @__PURE__ */ new Set(),
+				buckets: /* @__PURE__ */ new Map()
+			};
+			releases.set(id, release);
+		}
+		return release;
+	};
+	const latest = /* @__PURE__ */ new Map();
+	const active = /* @__PURE__ */ new Map();
+	const snapshots = /* @__PURE__ */ new Map();
+	let unattributedInstallations = 0;
+	let observed = false;
+	let eventIndex = 0;
+	for (let startMs = bucketStart(sinceMs); startMs < beforeReceivedAtMs; startMs += intervalMs) {
+		while (eventIndex < events.length && events[eventIndex].received_at_ms < startMs + intervalMs) {
+			const row = events[eventIndex++];
+			const inScope = row.platform === input.platform && row.channel === input.channel;
+			const previous = latest.get(row.install_id);
+			const releaseId = row.to_release_id ?? (row.type === "UNCHANGED" && previous?.bundleId === row.to_bundle_id && previous.inScope === inScope ? previous.releaseId : null);
+			if (previous?.inScope) if (previous.releaseId) active.set(previous.releaseId, (active.get(previous.releaseId) ?? 0) - 1);
+			else unattributedInstallations -= 1;
+			latest.set(row.install_id, {
+				releaseId,
+				bundleId: row.to_bundle_id,
+				inScope
+			});
+			if (!inScope) continue;
+			observed = true;
+			if (releaseId) {
+				ensureRelease(releaseId);
+				active.set(releaseId, (active.get(releaseId) ?? 0) + 1);
+			} else unattributedInstallations += 1;
+			if (row.from_release_id) ensureRelease(row.from_release_id);
+			const outcomeId = row.type === "RECOVERED" ? row.from_release_id : row.to_release_id;
+			if (!outcomeId || row.type !== "RECOVERED" && row.type !== "RELEASE_ADOPTED" && row.type !== "UPDATE_APPLIED") continue;
+			const release = ensureRelease(outcomeId);
+			const bucket = release.buckets.get(startMs) ?? {
+				adopted: 0,
+				recovered: 0,
+				installations: /* @__PURE__ */ new Set(),
+				lastRecoveredAtMs: -1
+			};
+			if (row.type === "RECOVERED") {
+				bucket.recovered += 1;
+				bucket.installations.add(row.install_id);
+				bucket.lastRecoveredAtMs = row.received_at_ms;
+				release.recovered.add(row.install_id);
+			} else {
+				bucket.adopted += 1;
+				release.firstAdoptedAtMs ??= row.received_at_ms;
+			}
+			release.buckets.set(startMs, bucket);
+		}
+		snapshots.set(startMs, observed ? new Map(active) : null);
+	}
+	const series = [];
+	for (const [releaseId, release] of releases) {
+		if (input.releaseId && input.releaseId !== releaseId) continue;
+		let previousRate = null;
+		const points = Array.from(snapshots, ([startMs, snapshot]) => {
+			const bucket = release.buckets.get(startMs);
+			const adopted = bucket?.adopted ?? 0;
+			const recovered = bucket?.recovered ?? 0;
+			const total = adopted + recovered;
+			const rate = total === 0 ? null : recovered / total * 100;
+			const spike = release.firstAdoptedAtMs !== null && (bucket?.lastRecoveredAtMs ?? -1) >= release.firstAdoptedAtMs && (!truncated || previousRate !== null) && rate !== null && total >= 10 && recovered >= 3 && rate >= 10 && rate - (previousRate ?? 0) >= 10;
+			if (rate !== null) previousRate = rate;
+			return {
+				startMs,
+				active: snapshot ? snapshot.get(releaseId) ?? 0 : null,
+				recoveredInstallations: bucket?.installations.size ?? 0,
+				adopted,
+				recovered,
+				rate,
+				spike
+			};
+		});
+		series.push({
+			releaseId,
+			firstAdoptedAtMs: release.firstAdoptedAtMs,
+			activeInstallations: active.get(releaseId) ?? 0,
+			recoveredInstallations: release.recovered.size,
+			points
+		});
+	}
+	series.sort((a, b) => b.releaseId.localeCompare(a.releaseId));
+	return {
+		sinceMs,
+		beforeReceivedAtMs,
+		intervalMs,
+		truncated,
+		unattributedInstallations,
+		series
+	};
+}
+//#endregion
+export { buildRecoveryReport, getRecoveryReport, readInsightsHistory as t };

package/.output/server/_ssr/{installations-CtA59MQG.mjs → installations-BQrppti7.mjs}

@@ -1,5 +1,5 @@
 import { d as lazyRouteComponent, f as createFileRoute } from "../_libs/@tanstack/react-router+[...].mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/installations-CtA59MQG.js
+//#region node_modules/.nitro/vite/services/ssr/assets/installations-BQrppti7.js
 var readCursor = (value) => typeof value === "string" && value.length > 0 ? value : void 0;
 var readTimestamp = (value) => typeof value === "number" && Number.isSafeInteger(value) && value >= 0 ? value : void 0;
 function getInsightsScrollRestorationKey(location) {
@@ -20,7 +20,7 @@ function validateInstallationsSearch(search) {
 		historyBefore: readTimestamp(search.historyBefore)
 	};
 }
-var $$splitComponentImporter = () => import("./installations-DiVKEF5T.mjs");
+var $$splitComponentImporter = () => import("./installations-YumqpNpa.mjs");
 var Route = createFileRoute("/installations")({
 	component: lazyRouteComponent($$splitComponentImporter, "component"),
 	validateSearch: validateInstallationsSearch

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

@@ -1,17 +1,368 @@
-import { r as __toESM } from "../_runtime.mjs";
+import { i as __toESM } from "../_runtime.mjs";
+import { c as createServerFn } from "./createServerFn-B2hcXoPM.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 { B as Activity, F as Check, L as ArrowUpRight, P as ChevronDown, d as RotateCcw, f as RefreshCw, g as PackageCheck, 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-NHF2PxuK.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 Card, l as CardHeader, o as CardContent, u as CardTitle } from "./card-DrbxCPtG.mjs";
+import { t as Badge } from "./badge-BgsCP9Dp.mjs";
+import { a as FieldLabel, t as Field } from "./field-CqNUlqUq.mjs";
+import { a as TableHeader, i as TableHead, n as TableBody, o as TableRow, r as TableCell, t as Table } from "./table-D1mL8fJu.mjs";
+import { n as InsightsPageHeader, t as InsightsErrorAlert } from "./InsightsPageHeader-C5Has8Ry.mjs";
+import { n as getInsightsScrollRestorationKey, t as Route } from "./installations-BQrppti7.mjs";
+import { a as InputGroupInput, c as shortenIdentifier, i as InputGroupButton, n as InputGroup, r as InputGroupAddon, t as HashValueDisplay } from "./input-group-Bb8ueylQ.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/installations-YumqpNpa.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
+var eventTypes = {
+	UPDATE_APPLIED: {
+		label: "Bundle applied",
+		variant: "success",
+		icon: Check
+	},
+	RECOVERED: {
+		label: "Recovered",
+		variant: "warning",
+		icon: RotateCcw
+	},
+	RELEASE_ADOPTED: {
+		label: "Bundle adopted",
+		variant: "success",
+		icon: PackageCheck
+	},
+	UNCHANGED: {
+		label: "Activity reported",
+		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 EventTypeBadge({ type }) {
+	const eventType = eventTypes[type];
+	const Icon = eventType.icon;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge, {
+		variant: eventType.variant,
+		className: "gap-1 whitespace-nowrap [&_svg]:size-3",
+		title: type === "UNCHANGED" ? "App activity reported on the current bundle without a bundle transition." : type === "RELEASE_ADOPTED" ? "A different release was adopted without changing the bundle." : void 0,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { "aria-hidden": "true" }), eventType.label]
+	});
+}
+function EventBundleTransition({ event, touch = false }) {
+	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 ? /* @__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: event.type === "UNCHANGED" ? "Current" : "To"
+			}),
+			/* @__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",
+		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)(EventTypeBadge, { type: event.type }), /* @__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"
+			})]
+		})]
+	});
+}
+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
+			},
+			"aria-label": `View history for ${event.userId ?? event.username ?? "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"
+			}), /* @__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, error, eventsLocation, history, isFetching, isLoading, onNext, onPrevious, onRefresh, pageNumber, title = "All events" }) {
+	const dateTimeFormat = useInsightsTimeFormat();
+	const hasPrevious = pageNumber > 1;
+	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"]
+				})]
+			}), 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)(EventTypeBadge, { 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)(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
+		})]
+	});
+}
 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 }) {
@@ -386,6 +737,70 @@ 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();