@hot-updater/console 0.36.7 → 1.0.0-rc.1

package/.output/server/_ssr/installations-DqRT1QTd.mjs

@@ -0,0 +1,535 @@
+import { i as __toESM } from "../_runtime.mjs";
+import { at as require_react, it as require_jsx_runtime } from "../_libs/@base-ui/react+[...].mjs";
+import { I as ArrowLeft, N as Check, l as Search, n as TriangleAlert, t as X } from "../_libs/lucide-react.mjs";
+import { S as buttonVariants, _ as Skeleton, g as SidebarTrigger, r as Separator$1, t as Button$1 } from "./createSsrRpc-DhfrxEjg.mjs";
+import { p as Link } from "../_libs/@tanstack/react-router+[...].mjs";
+import { a as Card, i as AlertTitle, l as CardHeader, o as CardContent, r as AlertDescription, s as CardDescription, t as Alert, u as CardTitle } from "./card-Bsc8mRis.mjs";
+import { t as Badge } from "./badge-CpWXQwyF.mjs";
+import { a as FieldLabel, i as FieldGroup, n as FieldDescription, t as Field } from "./field-DASCh-5d.mjs";
+import { a as TableHeader, i as TableHead, n as TableBody, o as TableRow, r as TableCell, t as Table } from "./table-CU58HeI7.mjs";
+import { n as useInsightsCapability } from "./InsightsCapabilityContext-Cx8fjm2s.mjs";
+import { r as isInsightsQueryEnabled } from "./insights-api-C1F7UreR.mjs";
+import { _ as useInstallationSearchQuery, g as useInstallationHistoryQuery, i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "./input-group-etIsBUqv.mjs";
+import { t as Route } from "./installations-K8TCYTYh.mjs";
+import { t as BundleIdDisplay } from "./BundleIdDisplay-BEvB3MvA.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/installations-DqRT1QTd.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+function InstallationPagination({ label, limit, offset, pageLength, total, onOffsetChange }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("nav", {
+		"aria-label": `${label} pagination`,
+		className: "flex items-center justify-between gap-4 border-t px-5 py-5",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			className: "text-xs text-muted-foreground",
+			children: [
+				offset + 1,
+				"–",
+				Math.min(offset + pageLength, total),
+				" of ",
+				total
+			]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+				disabled: offset === 0,
+				onClick: () => onOffsetChange(Math.max(0, offset - limit)),
+				size: "sm",
+				type: "button",
+				variant: "outline",
+				children: "Previous"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+				disabled: offset + pageLength >= total,
+				onClick: () => onOffsetChange(offset + limit),
+				size: "sm",
+				type: "button",
+				variant: "outline",
+				children: "Next"
+			})]
+		})]
+	});
+}
+var formatDateTime = (value) => {
+	if (!value) return "—";
+	const date = value instanceof Date ? value : new Date(value);
+	if (Number.isNaN(date.getTime())) return "—";
+	return new Intl.DateTimeFormat(void 0, {
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit",
+		hour: "2-digit",
+		minute: "2-digit",
+		second: "2-digit",
+		hour12: false,
+		timeZone: "UTC"
+	}).format(date);
+};
+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, limit, offset, onOffsetChange, selectedEvent, selectedInstallId }) {
+	const lastKnownBundleId = selectedEvent ? getLastKnownBundleId$1(selectedEvent) : void 0;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, {
+		className: "min-h-0 min-w-0",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardHeader, {
+			className: "p-6 pb-5",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-start justify-between gap-4",
+				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, {
+						className: "text-sm font-medium",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: selectedInstallId ? "Installation history" : "Select an installation" })
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardDescription, { children: selectedInstallId ? "Recorded bundle changes for this installation." : "Choose a match to view its recorded bundle changes." })]
+				}), history && history.pagination.total > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge, {
+					variant: "outline",
+					children: [history.pagination.total, " events"]
+				}) : null]
+			})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, {
+			className: "min-h-0 p-0",
+			children: selectedInstallId ? isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-3 p-5",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-10 w-full" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-10 w-full" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-10 w-full" })
+				]
+			}) : history && history.data.length > 0 ? /* @__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-6 pb-6",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+						className: "text-xs font-medium",
+						id: "latest-installation-state",
+						children: "Latest reported state"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
+						className: "mt-4 grid gap-6 xl:grid-cols-3",
+						children: [
+							/* @__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: "Installation"
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+									className: "mt-1 font-mono text-xs",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleIdDisplay, { bundleId: selectedInstallId })
+								})]
+							}),
+							/* @__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: "User ID"
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+									className: "mt-1 truncate text-xs font-medium",
+									children: selectedEvent ? 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: "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)(BundleIdDisplay, { bundleId: lastKnownBundleId }) : "—"
+								})]
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator$1, {}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Table, {
+					className: "min-w-3xl table-fixed",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, {
+						className: "hover:bg-transparent [&>th]:h-12 [&>th]:px-5",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+								className: "w-1/5 whitespace-normal",
+								children: "Reported (UTC)"
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+								className: "w-1/6 whitespace-normal",
+								children: "App version"
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+								className: "w-1/5 whitespace-normal",
+								children: "Change"
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+								className: "whitespace-normal",
+								children: "Bundle transition"
+							})
+						]
+					}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableBody, { children: history.data.map((event) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, {
+						className: "[&>td]:px-5 [&>td]:py-4",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+								className: "whitespace-normal align-top text-sm text-muted-foreground",
+								children: formatDateTime(event.receivedAtMs)
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+								className: "whitespace-normal align-top font-mono text-xs",
+								children: event.appVersion
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+								className: "whitespace-normal align-top",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+									variant: "secondary",
+									children: event.type === "UPDATE_APPLIED" ? "Bundle applied" : "Recovered"
+								})
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+								className: "whitespace-normal align-top",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "grid grid-cols-[2rem_minmax(0,1fr)] gap-x-3 gap-y-3",
+									children: [
+										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "text-muted-foreground",
+											children: "From"
+										}),
+										event.fromBundleId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleIdDisplay, { bundleId: event.fromBundleId }) : "—",
+										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "text-muted-foreground",
+											children: "To"
+										}),
+										event.toBundleId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleIdDisplay, { bundleId: event.toBundleId }) : "—"
+									]
+								})
+							})
+						]
+					}, event.id)) })]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InstallationPagination, {
+					label: "Installation history",
+					limit,
+					offset,
+					pageLength: history.data.length,
+					total: history.pagination.total,
+					onOffsetChange
+				})
+			] }) : error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "p-5 pt-0",
+				children: /* @__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: "Installation history unavailable" }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDescription, { children: error instanceof Error ? error.message : "Failed to load installation history." })
+					]
+				})
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "p-5 pt-0 text-sm text-muted-foreground",
+				children: "No history is available for this installation."
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "p-5 pt-0 text-sm text-muted-foreground",
+				children: "Choose an installation to inspect its update history."
+			})
+		})]
+	});
+}
+var getLastKnownBundleId = (event) => event.lastKnownBundleId;
+var getUserLabel = (event) => event.userId ?? event.username ?? "—";
+function InstallationMatchesCard({ error, limit, offset, onOffsetChange, onSelect, results, selectedInstallId }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, {
+		className: "min-h-0 min-w-0",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardHeader, {
+			className: "p-6 pb-5",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-start justify-between gap-4",
+				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, {
+						className: "text-sm font-medium",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: "Matching installations" })
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardDescription, { children: "Select a row to review its bundle history." })]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+					variant: "outline",
+					children: results?.pagination.total ?? 0
+				})]
+			})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
+			className: "min-h-0 p-0",
+			children: [results && results.data.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+				"aria-label": "Matching installations",
+				className: "divide-y",
+				children: results.data.map((event) => {
+					const currentBundleId = getLastKnownBundleId(event);
+					const isSelected = event.installId === selectedInstallId;
+					return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+						"aria-pressed": isSelected,
+						className: "group flex w-full min-w-0 flex-col gap-4 border-l-2 border-transparent px-6 py-5 text-left outline-none transition-colors hover:bg-muted/40 focus-visible:border-ring focus-visible:bg-muted/40 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring/30 aria-pressed:border-primary aria-pressed:bg-muted/60",
+						onClick: () => onSelect(event.installId),
+						type: "button",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+								className: "flex w-full min-w-0 items-center justify-between gap-3",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "min-w-0 truncate text-sm font-medium",
+									children: getUserLabel(event)
+								}), isSelected ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+									className: "flex shrink-0 items-center gap-1 text-xs font-medium text-primary",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, {
+										"aria-hidden": "true",
+										className: "size-3.5"
+									}), "Selected"]
+								}) : null]
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleIdDisplay, {
+								bundleId: event.installId,
+								className: "block text-muted-foreground"
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "mb-1 block text-xs text-muted-foreground",
+									children: "Last known bundle"
+								}), currentBundleId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleIdDisplay, { bundleId: currentBundleId }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "text-sm text-muted-foreground",
+									children: "—"
+								})]
+							})
+						]
+					}) }, event.installId);
+				})
+			}) : error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "p-5",
+				children: /* @__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: "Installation search unavailable" }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDescription, { children: error instanceof Error ? error.message : "Failed to load installations." })
+					]
+				})
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "p-5 text-sm text-muted-foreground",
+				children: "No installations matched that query."
+			}), results && results.pagination.total > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InstallationPagination, {
+				label: "Installation results",
+				limit,
+				offset,
+				pageLength: results.data.length,
+				total: results.pagination.total,
+				onOffsetChange
+			}) : null]
+		})]
+	});
+}
+function InstallationPageHeader() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
+		className: "sticky top-0 z-10 flex shrink-0 flex-wrap items-center gap-x-2 gap-y-1 border-b bg-background px-3 py-3 sm:min-h-12 sm:flex-nowrap sm:bg-card/70 sm:px-4 sm:backdrop-blur-sm",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarTrigger, { className: "-ml-1" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
+				className: buttonVariants({
+					size: "sm",
+					variant: "ghost"
+				}),
+				to: "/insights",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowLeft, {
+					"aria-hidden": "true",
+					"data-icon": "inline-start"
+				}), "Back to Insights"]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator$1, {
+				className: "mx-1 hidden h-4 sm:block",
+				orientation: "vertical"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "basis-full pl-9 sm:basis-auto sm:pl-0",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+					className: "text-sm font-medium",
+					children: "Installation history"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "text-xs text-muted-foreground",
+					children: "Review the last known bundle and recorded changes."
+				})]
+			})
+		]
+	});
+}
+function InstallationSearchPanel({ draftQuery, onDraftQueryChange, onSubmit, onClear, hasQuery }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
+		className: "grid gap-4 p-4 lg:grid-cols-[minmax(12rem,0.45fr)_minmax(0,1.55fr)] lg:items-start",
+		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, {
+				className: "text-sm font-medium",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: "Find an installation" })
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardDescription, { children: "Search by either identifier to inspect its bundle history." })]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", {
+			onSubmit: (event) => {
+				event.preventDefault();
+				onSubmit();
+			},
+			role: "search",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, { children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, {
+					htmlFor: "installation-history-search",
+					children: "User ID or install ID"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col gap-2 sm:flex-row",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(InputGroup, {
+						className: "h-8",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputGroupAddon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Search, { "aria-hidden": "true" }) }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputGroupInput, {
+								id: "installation-history-search",
+								onChange: (event) => onDraftQueryChange(event.target.value),
+								placeholder: "Enter a user ID or install ID",
+								type: "search",
+								value: draftQuery
+							}),
+							draftQuery.length > 0 || hasQuery ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputGroupAddon, {
+								align: "inline-end",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputGroupButton, {
+									"aria-label": "Clear search",
+									onClick: onClear,
+									size: "icon-xs",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { "aria-hidden": "true" })
+								})
+							}) : null
+						]
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+						className: "w-full sm:w-auto",
+						disabled: draftQuery.trim().length === 0,
+						size: "lg",
+						type: "submit",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Search, {
+							"aria-hidden": "true",
+							"data-icon": "inline-start"
+						}), "Search history"]
+					})]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldDescription, { children: "A user ID may return more than one installation. An install ID opens one installation directly." })
+			] }) })
+		})]
+	}) });
+}
+function InstallationResultsSkeleton() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "grid items-stretch gap-6 lg:min-h-96 lg:grid-cols-[minmax(18rem,20rem)_minmax(0,1fr)]",
+		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 SEARCH_LIMIT = 20;
+var HISTORY_LIMIT = 50;
+function InstallationsPage() {
+	const insightsQueriesEnabled = isInsightsQueryEnabled(useInsightsCapability());
+	const search = Route.useSearch();
+	const navigate = Route.useNavigate();
+	const [draftQuery, setDraftQuery] = (0, import_react.useState)(search.query ?? "");
+	(0, import_react.useEffect)(() => {
+		setDraftQuery(search.query ?? "");
+	}, [search.query]);
+	const query = search.query?.trim() ?? "";
+	const { data: results, error: searchError, isLoading: isSearchLoading } = useInstallationSearchQuery({
+		query,
+		limit: SEARCH_LIMIT,
+		offset: search.searchOffset
+	}, insightsQueriesEnabled);
+	const selectedInstallId = search.installId ?? "";
+	const firstMatchingInstallId = results?.data[0]?.installId;
+	(0, import_react.useEffect)(() => {
+		if (selectedInstallId || !firstMatchingInstallId) return;
+		navigate({
+			to: "/installations",
+			search: {
+				query: search.query,
+				installId: firstMatchingInstallId,
+				searchOffset: search.searchOffset,
+				historyOffset: 0
+			},
+			replace: true
+		});
+	}, [
+		firstMatchingInstallId,
+		navigate,
+		search.query,
+		search.searchOffset,
+		selectedInstallId
+	]);
+	const { data: history, error: historyError, isLoading: isHistoryLoading } = useInstallationHistoryQuery({
+		installId: selectedInstallId,
+		limit: HISTORY_LIMIT,
+		offset: search.historyOffset
+	}, insightsQueriesEnabled);
+	const selectedEvent = (0, import_react.useMemo)(() => results?.data.find((event) => event.installId === selectedInstallId) ?? null, [results?.data, selectedInstallId]) ?? history?.data[0];
+	const updateSearch = (nextSearch, replace = false) => {
+		navigate({
+			to: "/installations",
+			search: {
+				query: nextSearch.query,
+				installId: nextSearch.installId,
+				searchOffset: nextSearch.searchOffset ?? 0,
+				historyOffset: nextSearch.historyOffset ?? 0
+			},
+			replace
+		});
+	};
+	const hasQuery = query.length > 0 || selectedInstallId.length > 0;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex h-svh min-h-0 flex-col",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InstallationPageHeader, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "min-h-0 min-w-0 flex-1 overflow-y-auto bg-muted/5 p-3 sm:p-6",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mx-auto flex w-full max-w-7xl flex-col gap-6",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InstallationSearchPanel, {
+					draftQuery,
+					hasQuery,
+					onClear: () => {
+						setDraftQuery("");
+						updateSearch({
+							query: void 0,
+							installId: void 0
+						});
+					},
+					onDraftQueryChange: setDraftQuery,
+					onSubmit: () => {
+						updateSearch({
+							query: draftQuery.trim() || void 0,
+							installId: void 0
+						});
+					}
+				}), !hasQuery ? null : isSearchLoading ? /* @__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-6 lg:min-h-96 lg:grid-cols-[minmax(18rem,20rem)_minmax(0,1fr)]",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InstallationMatchesCard, {
+						error: searchError,
+						limit: SEARCH_LIMIT,
+						offset: search.searchOffset,
+						results,
+						selectedInstallId,
+						onOffsetChange: (searchOffset) => updateSearch({
+							query: search.query,
+							installId: void 0,
+							searchOffset,
+							historyOffset: 0
+						}),
+						onSelect: (installId) => updateSearch({
+							query: search.query,
+							installId,
+							searchOffset: search.searchOffset
+						})
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InstallationHistoryCard, {
+						error: historyError,
+						history,
+						isLoading: isHistoryLoading,
+						limit: HISTORY_LIMIT,
+						offset: search.historyOffset,
+						selectedEvent,
+						selectedInstallId,
+						onOffsetChange: (historyOffset) => updateSearch({
+							query: search.query,
+							installId: selectedInstallId,
+							searchOffset: search.searchOffset,
+							historyOffset
+						})
+					})]
+				})]
+			})
+		})]
+	});
+}
+//#endregion
+export { InstallationsPage as component };

package/.output/server/_ssr/installations-K8TCYTYh.mjs

@@ -0,0 +1,19 @@
+import { d as createFileRoute, u as lazyRouteComponent } from "../_libs/@tanstack/react-router+[...].mjs";
+import { t as ensureInsightsRouteAccess } from "./insights-api-C1F7UreR.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/installations-K8TCYTYh.js
+function validateInstallationsSearch(search) {
+	return {
+		query: typeof search.query === "string" ? search.query : void 0,
+		installId: typeof search.installId === "string" ? search.installId : void 0,
+		searchOffset: typeof search.searchOffset === "number" && Number.isSafeInteger(search.searchOffset) && search.searchOffset >= 0 ? search.searchOffset : 0,
+		historyOffset: typeof search.historyOffset === "number" && Number.isSafeInteger(search.historyOffset) && search.historyOffset >= 0 ? search.historyOffset : 0
+	};
+}
+var $$splitComponentImporter = () => import("./installations-DqRT1QTd.mjs");
+var Route = createFileRoute("/installations")({
+	beforeLoad: ({ context }) => ensureInsightsRouteAccess(context.queryClient),
+	component: lazyRouteComponent($$splitComponentImporter, "component"),
+	validateSearch: validateInstallationsSearch
+});
+//#endregion
+export { Route as t };