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

package/.output/server/_ssr/InsightsPageHeader-Df4Brj8u.mjs

@@ -0,0 +1,484 @@
+import { r 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 { F as ChartNoAxesCombined, I as ArrowUpRight, N as ChevronDown, P as Check, d as RefreshCw, h as PackageCheck, n as TriangleAlert, u as RotateCcw, z as Activity } from "../_libs/lucide-react.mjs";
+import { S as buttonVariants, _ as Skeleton, g as SidebarTrigger, t as Button$1, w as createSsrRpc } from "./createSsrRpc-DjWNJ0uc.mjs";
+import { m as Link } from "../_libs/@tanstack/react-router+[...].mjs";
+import { n as useQuery } from "../_libs/tanstack__react-query.mjs";
+import { a as Badge, d as CardTitle, i as AlertTitle, o as Card, r as AlertDescription, s as CardContent, t as Alert, u as CardHeader } from "./card-BRiPmi0C.mjs";
+import { c as TableBody, d as TableHeader, f as TableRow, l as TableCell, s as Table, u as TableHead } from "./table-CnZmon_Z.mjs";
+import { t as HashValueDisplay } from "./HashValueDisplay-DwpGLfrl.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/InsightsPageHeader-Df4Brj8u.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+var readOverview = (input) => input;
+var readEventsPage = (input) => input;
+var readInstallationEventsPage = (input) => input;
+var readInstallationPage = (input) => input;
+var readInstallId = (input) => input;
+var getReportingInstallationsRpc = 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 useReportingInstallationsQuery = (input) => useQuery({
+	queryKey: queryKeys.reportingInstallations(input),
+	queryFn: () => getReportingInstallationsRpc({ data: input }),
+	refetchOnWindowFocus: true,
+	staleTime: STALE_TIME_MS
+});
+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 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 InsightsErrorAlert({ fallbackTitle }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, {
+		variant: "destructive",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, { "aria-hidden": "true" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: fallbackTitle }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDescription, { children: "Refresh to try again. If this keeps happening, check your Insights provider connection." })
+		]
+	});
+}
+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
+		})]
+	});
+}
+function InsightsPageHeader({ view }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
+		className: "sticky top-0 z-10 flex shrink-0 flex-wrap items-center gap-3 border-b bg-background px-3 py-3 sm:bg-card/70 sm:px-4 sm:backdrop-blur-sm",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarTrigger, { className: "-ml-1 size-11 lg:size-7" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-1.5",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartNoAxesCombined, {
+					"aria-hidden": "true",
+					className: "size-3.5 text-muted-foreground"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+					className: "text-sm font-medium",
+					children: "Insights"
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("nav", {
+				"aria-label": "Insights views",
+				className: "ml-auto flex gap-1",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
+					"aria-current": view === "overview" ? "page" : void 0,
+					className: buttonVariants({
+						className: "h-11 px-3 lg:h-8 lg:px-2.5",
+						size: "lg",
+						variant: view === "overview" ? "secondary" : "ghost"
+					}),
+					to: "/insights",
+					children: "Overview"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
+					"aria-current": view === "events" ? "page" : void 0,
+					className: buttonVariants({
+						className: "h-11 px-3 lg:h-8 lg:px-2.5",
+						size: "lg",
+						variant: view === "events" ? "secondary" : "ghost"
+					}),
+					to: "/installations",
+					children: "Events"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { EventTypeBadge as a, InsightsPagination as c, useInsightsInstallationQuery as d, useInsightsInstallationsQuery as f, EventTimestamp as i, useInsightsEventsQuery as l, useReportingInstallationsQuery as m, EventHistoryCard as n, InsightsErrorAlert as o, useInsightsTimeFormat as p, EventHistoryList as r, InsightsPageHeader as s, EventBundleTransition as t, useInsightsInstallationEventsQuery as u };

package/.output/server/_ssr/{api-keys-BnM_o2nS.mjs → api-keys-CZeTPQys.mjs}

@@ -1,15 +1,13 @@
-import { i as __toESM } from "../_runtime.mjs";
-import { at as require_react, it as require_jsx_runtime } from "../_libs/@base-ui/react+[...].mjs";
-import { E as Clipboard, N as Check, b as KeyRound, d as RefreshCw, f as Plus, n as TriangleAlert, s as ShieldOff, v as LoaderCircle } from "../_libs/lucide-react.mjs";
-import { _ as Skeleton, g as SidebarTrigger, n as Input, t as Button$1 } from "./createSsrRpc-9P0S0lJ3.mjs";
-import { a as FieldLabel, i as FieldGroup, n as FieldDescription, r as FieldError, t as Field } from "./field-DRIXKjZG.mjs";
-import { a as Card, i as AlertTitle, l as CardHeader, n as AlertAction, o as CardContent, r as AlertDescription, t as Alert, u as CardTitle } from "./alert-Dim3MGY5.mjs";
-import { a as useRevokeApiKeyMutation, i as useCreateApiKeyMutation, r as useApiKeysQuery } from "./api-keys-api-CIywsSF5.mjs";
-import { a as AlertDialogDescription, c as AlertDialogMedia, d as Dialog$1, f as DialogContent, g as DialogTitle, h as DialogHeader, i as AlertDialogContent, l as AlertDialogTitle, m as DialogFooter, n as AlertDialogAction, o as AlertDialogFooter, p as DialogDescription, r as AlertDialogCancel, s as AlertDialogHeader, t as AlertDialog$1, u as AlertDialogTrigger } from "./dialog-CQuRMNZ4.mjs";
-import { t as Badge } from "./badge-DCxbEeof.mjs";
-import { a as TableHeader, i as TableHead, n as TableBody, o as TableRow, r as TableCell, t as Table } from "./table-v1yCvYo7.mjs";
+import { r as __toESM } from "../_runtime.mjs";
+import { J as require_react, q as require_jsx_runtime } from "../_libs/@base-ui/react+[...].mjs";
+import { D as Clipboard, P as Check, d as RefreshCw, f as Plus, n as TriangleAlert, s as ShieldOff, x as KeyRound, y as LoaderCircle } from "../_libs/lucide-react.mjs";
+import { _ as Skeleton, g as SidebarTrigger, n as Input, t as Button$1 } from "./createSsrRpc-DjWNJ0uc.mjs";
+import { a as useRevokeApiKeyMutation, i as useCreateApiKeyMutation, r as useApiKeysQuery } from "./api-keys-api-BUPQVSpk.mjs";
+import { a as Badge, d as CardTitle, i as AlertTitle, n as AlertAction, o as Card, r as AlertDescription, s as CardContent, t as Alert, u as CardHeader } from "./card-BRiPmi0C.mjs";
+import { a as AlertDialogDescription, c as AlertDialogMedia, d as Dialog$1, f as DialogContent, g as DialogTitle, h as DialogHeader, i as AlertDialogContent, l as AlertDialogTitle, m as DialogFooter, n as AlertDialogAction, o as AlertDialogFooter, p as DialogDescription, r as AlertDialogCancel, s as AlertDialogHeader, t as AlertDialog$1, u as AlertDialogTrigger } from "./dialog-DS-nw-pA.mjs";
+import { a as FieldLabel, c as TableBody, d as TableHeader, f as TableRow, i as FieldGroup, l as TableCell, n as FieldDescription, r as FieldError, s as Table, t as Field, u as TableHead } from "./table-CnZmon_Z.mjs";
 import { n as toast } from "../_libs/sonner.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/api-keys-BnM_o2nS.js
+//#region node_modules/.nitro/vite/services/ssr/assets/api-keys-CZeTPQys.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
 var formatCreatedAt = (createdAt) => new Date(createdAt).toISOString().slice(0, 10);
@@ -144,7 +142,7 @@ function RevokeApiKeyDialog({ record }) {
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogDescription, { children: [
 				"Apps using ",
 				record.prefix,
-				"… will immediately lose OTA update and analytics access. This action cannot be undone."
+				"… will immediately lose OTA update and insights access. This action cannot be undone."
 			] })
 		] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogFooter, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogCancel, {
 			disabled: revoke.isPending,
@@ -284,7 +282,7 @@ function ApiKeysRoute() {
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
 					className: "basis-full pl-9 text-xs text-muted-foreground sm:basis-auto sm:pl-0",
-					children: "API keys can download OTA updates and submit analytics only."
+					children: "API keys can download OTA updates and submit insights only."
 				})
 			]
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {

package/.output/server/_ssr/{api-keys-api-CIywsSF5.mjs → api-keys-api-BUPQVSpk.mjs}

@@ -1,8 +1,8 @@
 import { c as createServerFn } from "./createServerFn-B2hcXoPM.mjs";
-import { w as createSsrRpc } from "./createSsrRpc-9P0S0lJ3.mjs";
+import { w as createSsrRpc } from "./createSsrRpc-DjWNJ0uc.mjs";
 import { g as redirect } from "../_libs/@tanstack/react-router+[...].mjs";
 import { i as useQueryClient, n as useQuery, t as useMutation } from "../_libs/tanstack__react-query.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/api-keys-api-CIywsSF5.js
+//#region node_modules/.nitro/vite/services/ssr/assets/api-keys-api-BUPQVSpk.js
 var parseName = (input) => {
 	const name = typeof input === "object" && input !== null ? Reflect.get(input, "name") : void 0;
 	if (typeof name !== "string") throw new TypeError("API key name must be a string.");

package/.output/server/_ssr/{api-keys-rpc-BSp1wkIV.mjs → api-keys-rpc-Cs7tS5_j.mjs}

@@ -1,6 +1,6 @@
 import { c as createServerFn } from "./createServerFn-B2hcXoPM.mjs";
 import { t as createServerRpc } from "./createServerRpc-DB29C_5p.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/api-keys-rpc-BSp1wkIV.js
+//#region node_modules/.nitro/vite/services/ssr/assets/api-keys-rpc-Cs7tS5_j.js
 var BASE64URL_32_PATTERN = /^[A-Za-z0-9_-]{43}$/u;
 var bytesToBase64Url = (bytes) => {
 	let binary = "";
@@ -24,7 +24,7 @@ var hashApiKey = async (apiKey) => {
 	return bytesToBase64Url(new Uint8Array(digest));
 };
 var apiKeyId = () => {
-	const bytes = new Uint8Array(16);
+	const bytes = /* @__PURE__ */ new Uint8Array(16);
 	crypto.getRandomValues(bytes);
 	return `api-${bytesToBase64Url(bytes)}`;
 };
@@ -61,7 +61,7 @@ var registerApiKey = async (input) => {
 	});
 };
 var createApiKey = (input) => {
-	const bytes = new Uint8Array(32);
+	const bytes = /* @__PURE__ */ new Uint8Array(32);
 	crypto.getRandomValues(bytes);
 	return registerApiKey({
 		apiKey: bytesToBase64Url(bytes),
@@ -81,7 +81,7 @@ var parseId = (input) => {
 	return { id };
 };
 var requireStore = async () => {
-	const { prepareConfig } = await import("./config.server-DEiLhKmy.mjs");
+	const { prepareConfig } = await import("./config.server-afDuAwaG.mjs");
 	const { apiKeyStore } = await prepareConfig();
 	if (apiKeyStore === null) throw new Error("API keys are not supported by the configured database plugin.");
 	return apiKeyStore;
@@ -92,7 +92,7 @@ var getApiKeyCapabilityRpc_createServerFn_handler = createServerRpc({
 	filename: "src/lib/api-keys-rpc.ts"
 }, (opts) => getApiKeyCapabilityRpc.__executeServer(opts));
 var getApiKeyCapabilityRpc = createServerFn({ method: "GET" }).handler(getApiKeyCapabilityRpc_createServerFn_handler, async () => {
-	const { prepareConfig } = await import("./config.server-DEiLhKmy.mjs");
+	const { prepareConfig } = await import("./config.server-afDuAwaG.mjs");
 	const { apiKeyStore } = await prepareConfig();
 	return { apiKeys: apiKeyStore !== null };
 });