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

package/.output/server/_ssr/insights-BdS364Xu.mjs

@@ -1,460 +0,0 @@
-import { r as __toESM } from "../_runtime.mjs";
-import { C as Toggle, J as require_react, S as ToggleGroup, q as require_jsx_runtime } from "../_libs/@base-ui/react+[...].mjs";
-import { I as ArrowUpRight } from "../_libs/lucide-react.mjs";
-import { t as cva } from "../_libs/class-variance-authority+clsx.mjs";
-import { C as cn, S as buttonVariants, _ as Skeleton, n as Input, t as Button$1 } from "./createSsrRpc-DjWNJ0uc.mjs";
-import { m as Link } from "../_libs/@tanstack/react-router+[...].mjs";
-import { c as CardDescription, d as CardTitle, l as CardFooter, o as Card, s as CardContent, u as CardHeader } from "./card-BRiPmi0C.mjs";
-import { a as FieldLabel, i as FieldGroup, t as Field } from "./table-CnZmon_Z.mjs";
-import { i as EventTimestamp, l as useInsightsEventsQuery, m as useReportingInstallationsQuery, n as EventHistoryCard, o as InsightsErrorAlert, p as useInsightsTimeFormat, s as InsightsPageHeader } from "./InsightsPageHeader-Df4Brj8u.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/insights-BdS364Xu.js
-var import_react = /* @__PURE__ */ __toESM(require_react());
-var import_jsx_runtime = require_jsx_runtime();
-var outcomeLabels = {
-	applied: "Applied reports",
-	recovered: "Recovered-from reports",
-	adopted: "Adopted reports"
-};
-function InsightsBundleReports({ selection }) {
-	const [cursors, setCursors] = (0, import_react.useState)([void 0]);
-	const events = useInsightsEventsQuery({
-		...selection,
-		cursor: cursors.at(-1),
-		limit: 50
-	}, true);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventHistoryCard, {
-		title: outcomeLabels[selection.bundle.outcome],
-		error: events.error,
-		eventsLocation: { eventsBefore: selection.beforeReceivedAtMs },
-		history: events.data,
-		isFetching: events.isFetching,
-		isLoading: events.isLoading,
-		onNext: () => {
-			const cursor = events.data?.nextCursor;
-			if (cursor) setCursors((previous) => [...previous, cursor]);
-		},
-		onPrevious: () => setCursors((previous) => previous.slice(0, -1)),
-		onRefresh: () => {
-			events.refetch();
-		},
-		pageNumber: cursors.length,
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-			className: "text-sm text-muted-foreground",
-			children: "Reports for the selected bundle and the measured period. New reports appear after refreshing the overview."
-		})
-	});
-}
-var toggleVariants = cva("group/toggle inline-flex items-center justify-center gap-1 rounded-md text-xs font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
-	variants: {
-		variant: {
-			default: "bg-transparent",
-			outline: "border border-input bg-transparent hover:bg-muted"
-		},
-		size: {
-			default: "h-7 min-w-7 px-2 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
-			sm: "h-6 min-w-6 rounded-[min(var(--radius-md),8px)] px-2 text-[0.625rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-			lg: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-});
-var ToggleGroupContext = import_react.createContext({
-	size: "default",
-	variant: "default",
-	spacing: 2,
-	orientation: "horizontal"
-});
-function ToggleGroup$1({ className, variant, size, spacing = 2, orientation = "horizontal", children, ...props }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroup, {
-		"data-slot": "toggle-group",
-		"data-variant": variant,
-		"data-size": size,
-		"data-spacing": spacing,
-		"data-orientation": orientation,
-		style: { "--gap": spacing },
-		className: cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-[size=sm]:rounded-[min(var(--radius-md),8px)] data-vertical:flex-col data-vertical:items-stretch", className),
-		...props,
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupContext.Provider, {
-			value: {
-				variant,
-				size,
-				spacing,
-				orientation
-			},
-			children
-		})
-	});
-}
-function ToggleGroupItem({ className, children, variant = "default", size = "default", ...props }) {
-	const context = import_react.useContext(ToggleGroupContext);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toggle, {
-		"data-slot": "toggle-group-item",
-		"data-variant": context.variant || variant,
-		"data-size": context.size || size,
-		"data-spacing": context.spacing,
-		className: cn("shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", toggleVariants({
-			variant: context.variant || variant,
-			size: context.size || size
-		}), className),
-		...props,
-		children
-	});
-}
-var windows = [
-	{
-		value: "24h",
-		label: "24 hours",
-		shortLabel: "24h"
-	},
-	{
-		value: "7d",
-		label: "7 days",
-		shortLabel: "7d"
-	},
-	{
-		value: "30d",
-		label: "30 days",
-		shortLabel: "30d"
-	}
-];
-function InsightsControls({ onWindowChange, onScopeChange, scope, window }) {
-	const [platform, setPlatform] = (0, import_react.useState)(scope.platform);
-	const [channel, setChannel] = (0, import_react.useState)(scope.channel);
-	const [bundleId, setBundleId] = (0, import_react.useState)(scope.bundleId ?? "");
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
-		"aria-label": "Insights controls",
-		className: "flex flex-col gap-4",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", {
-			onSubmit: (event) => {
-				event.preventDefault();
-				onScopeChange({
-					platform,
-					channel,
-					bundleId: bundleId || void 0
-				});
-			},
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(FieldGroup, {
-				className: "items-end sm:flex-row",
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, {
-						className: "w-full sm:w-auto",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, { children: "Platform" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ToggleGroup$1, {
-							"aria-label": "Platform",
-							value: [platform],
-							onValueChange: (value) => {
-								if (value[0] === "ios" || value[0] === "android") setPlatform(value[0]);
-							},
-							spacing: 0,
-							variant: "outline",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItem, {
-								className: "h-11 lg:h-8",
-								value: "ios",
-								children: "iOS"
-							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItem, {
-								className: "h-11 lg:h-8",
-								value: "android",
-								children: "Android"
-							})]
-						})]
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, {
-						htmlFor: "insights-channel",
-						children: "Channel"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
-						className: "h-11 lg:h-8",
-						id: "insights-channel",
-						value: channel,
-						onChange: (event) => setChannel(event.target.value),
-						required: true,
-						maxLength: 1024
-					})] }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, {
-						htmlFor: "insights-bundle",
-						children: "Bundle ID (optional)"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
-						className: "h-11 lg:h-8",
-						id: "insights-bundle",
-						placeholder: "Select a bundle by ID",
-						value: bundleId,
-						onChange: (event) => setBundleId(event.target.value),
-						maxLength: 1024
-					})] }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
-						className: "h-11 w-full sm:w-auto lg:h-8",
-						type: "submit",
-						variant: "outline",
-						children: "Apply filters"
-					})
-				]
-			})
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, {
-			orientation: "horizontal",
-			className: "w-full",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, {
-				className: "sr-only",
-				children: "Reporting period"
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroup$1, {
-				"aria-label": "Reporting period",
-				className: "w-full sm:w-fit",
-				onValueChange: (value) => {
-					if (value[0]) onWindowChange(value[0]);
-				},
-				spacing: 0,
-				size: "lg",
-				value: [window],
-				variant: "outline",
-				children: windows.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItem, {
-					"aria-label": item.label,
-					className: "h-11 flex-1 px-4 sm:flex-none lg:h-8 lg:px-2.5",
-					value: item.value,
-					children: item.shortLabel
-				}, item.value))
-			})]
-		})]
-	});
-}
-var windowCopy = {
-	"24h": "the last 24 hours",
-	"7d": "the last 7 days",
-	"30d": "the last 30 days"
-};
-function InsightsOverview(props) {
-	const dateTimeFormat = useInsightsTimeFormat();
-	if (props.status === "loading") return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, {
-		"aria-label": "Loading reporting installations",
-		className: "shadow-sm",
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, {
-				className: "px-4 pt-4 pb-2 sm:px-6 sm:pt-6",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-4 w-40" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-3 w-full max-w-md" })]
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, {
-				className: "px-4 pb-6 sm:px-6",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-12 w-28" })
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardFooter, {
-				className: "border-t px-4 py-3 sm:px-6",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-8 w-full max-w-sm" })
-			})
-		]
-	});
-	if (props.status === "error") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsErrorAlert, {
-		error: props.error,
-		fallbackTitle: "Reporting installations unavailable"
-	});
-	const { active } = props;
-	const bundle = active.bundle;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
-		"aria-labelledby": "reporting-installations-heading",
-		className: "flex flex-col gap-4",
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, {
-				className: "min-w-0 overflow-hidden shadow-sm",
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, {
-						className: "gap-2 px-4 pt-4 pb-2 sm:px-6 sm:pt-6",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
-							className: "text-sm font-medium",
-							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
-								id: "reporting-installations-heading",
-								children: "Reporting installations"
-							})
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardDescription, { children: [
-							active.platform === "ios" ? "iOS" : "Android",
-							" · ",
-							active.channel,
-							" ·",
-							" ",
-							windowCopy[active.window],
-							". Installations are counted by their last report received."
-						] })]
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, {
-						className: "px-4 pt-2 pb-5 sm:px-6 sm:pb-6",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-							className: "text-4xl font-semibold tracking-tight tabular-nums sm:text-5xl",
-							children: active.reportingInstallations.count.toLocaleString()
-						})
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardFooter, {
-						className: "flex flex-wrap items-center justify-between gap-3 border-t bg-muted/15 px-4 py-3 sm:px-6",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
-							className: "min-w-0 text-xs",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
-								className: "text-muted-foreground",
-								children: "Measured at"
-							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
-								className: "font-medium tabular-nums",
-								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventTimestamp, {
-									formatter: dateTimeFormat,
-									touch: true,
-									value: active.reportingInstallations.measuredAtMs
-								})
-							})]
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
-							className: buttonVariants({
-								className: "h-11 px-3 lg:h-8",
-								variant: "outline"
-							}),
-							to: "/installations",
-							children: ["View events", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowUpRight, {
-								"aria-hidden": "true",
-								"data-icon": "inline-end"
-							})]
-						})]
-					})
-				]
-			}),
-			bundle ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, {
-				className: "min-w-0 overflow-hidden shadow-sm",
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, { children: "Selected bundle" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardDescription, {
-						className: "break-all",
-						children: bundle.bundleId
-					})] }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
-						className: "flex flex-col gap-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.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
-								className: "text-sm",
-								children: "Selected bundle installations"
-							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
-								className: "mt-1 text-2xl font-semibold tabular-nums",
-								children: bundle.reportingInstallations.count.toLocaleString()
-							})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "text-xs text-muted-foreground",
-								children: [
-									"Measured at",
-									" ",
-									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventTimestamp, {
-										formatter: dateTimeFormat,
-										touch: true,
-										value: bundle.reportingInstallations.measuredAtMs
-									})
-								]
-							})]
-						}), [
-							["applied", bundle.appliedReports],
-							["recovered", bundle.recoveredReports],
-							["adopted", bundle.adoptedReports]
-						].map(([outcome, measurement]) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-							className: "flex flex-wrap items-center justify-between gap-3",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
-									className: "text-sm",
-									children: outcomeLabels[outcome]
-								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
-									className: "mt-1 text-2xl font-semibold tabular-nums",
-									children: measurement.count.toLocaleString()
-								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-									className: "mt-1 text-xs text-muted-foreground",
-									children: [
-										"Measured at",
-										" ",
-										/* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventTimestamp, {
-											formatter: dateTimeFormat,
-											touch: true,
-											value: measurement.measuredAtMs
-										})
-									]
-								})
-							] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
-								className: "h-11 lg:h-8",
-								variant: "outline",
-								onClick: () => props.onOutcomeSelect({
-									bundle: {
-										platform: active.platform,
-										channel: active.channel,
-										bundleId: bundle.bundleId,
-										outcome
-									},
-									sinceMs: active.sinceMs,
-									beforeReceivedAtMs: active.beforeReceivedAtMs
-								}),
-								children: [
-									"View ",
-									outcome,
-									" reports",
-									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowUpRight, {
-										"aria-hidden": "true",
-										"data-icon": "inline-end"
-									})
-								]
-							})]
-						}, outcome))]
-					}) }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-						className: "text-xs text-muted-foreground",
-						children: "Installation counts are independent live measurements. Outcome counts are accepted reports, not unique devices or update attempts. Recovery reports identify the bundle recovered from."
-					}) })
-				]
-			}) : null,
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-				className: "text-xs text-muted-foreground",
-				children: "Offline installations, opt-outs, and reports that did not reach the server are absent."
-			})
-		]
-	});
-}
-function InsightsPage() {
-	const [window, setWindow] = (0, import_react.useState)("30d");
-	const [scope, setScope] = (0, import_react.useState)({
-		platform: "ios",
-		channel: "production"
-	});
-	const [selection, setSelection] = (0, import_react.useState)(null);
-	const active = useReportingInstallationsQuery({
-		...scope,
-		window
-	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "flex h-svh min-h-0 flex-col",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsPageHeader, { view: "overview" }), /* @__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-4xl flex-col gap-4 sm:gap-6",
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsControls, {
-						scope,
-						onScopeChange: (next) => {
-							setScope(next);
-							setSelection(null);
-						},
-						onWindowChange: (next) => {
-							setWindow(next);
-							setSelection(null);
-						},
-						window
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
-						className: "h-11 self-end lg:h-8",
-						variant: "outline",
-						disabled: active.isFetching,
-						onClick: () => {
-							setSelection(null);
-							active.refetch();
-						},
-						children: "Refresh overview"
-					}),
-					active.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsOverview, { status: "loading" }) : active.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsOverview, {
-						status: "error",
-						error: active.error
-					}) : active.data ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsOverview, {
-						status: "success",
-						active: active.data,
-						onOutcomeSelect: setSelection
-					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsOverview, { status: "loading" }),
-					selection ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsBundleReports, { selection }, JSON.stringify(selection)) : null
-				]
-			})
-		})]
-	});
-}
-//#endregion
-export { InsightsPage as component };