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

package/.output/server/_ssr/routes-CM5KAwpB.mjs

@@ -0,0 +1,2285 @@
+import { i as __toESM } from "../_runtime.mjs";
+import { B as DialogPopup, F as DialogRoot, H as DialogClose, R as DialogTitle, U as DialogBackdrop, V as DialogDescription, _ as SelectPortal, a as SliderTrack, at as require_react, b as SelectTrigger$1, c as SelectGroup$1, d as SelectItemText, f as SelectItemIndicator, g as SelectPositioner, h as SelectPopup, i as SliderThumb, it as require_jsx_runtime, l as SelectScrollUpArrow, m as SelectList, n as SwitchRoot, o as SliderControl, p as SelectItem$1, r as SliderIndicator, s as SliderRoot, t as SwitchThumb, u as SelectScrollDownArrow, v as SelectIcon, x as SelectRoot, y as SelectValue$1, z as DialogPortal } from "../_libs/@base-ui/react+[...].mjs";
+import { A as ChevronRight, C as FingerprintPattern, D as CircleOff, F as ArrowRight, M as ChevronDown, N as Check, S as Funnel, T as Download, _ as Minus, a as Tag, f as Plus, i as Tags, j as ChevronLeft, k as ChevronUp, m as Package, n as TriangleAlert, r as Trash2, t as X, u as RotateCcw, v as LoaderCircle, w as ExternalLink, y as List } from "../_libs/lucide-react.mjs";
+import { C as cn, S as buttonVariants, T as useIsMobile, _ as Skeleton, g as SidebarTrigger, n as Input, r as Separator$1, t as Button$1, v as Tooltip$1, x as TooltipTrigger, y as TooltipContent } 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 { _ as DialogTrigger, a as AlertDialogDescription, d as Dialog$1, f as DialogContent, g as DialogTitle$1, h as DialogHeader, i as AlertDialogContent, l as AlertDialogTitle, m as DialogFooter, n as AlertDialogAction, o as AlertDialogFooter, p as DialogDescription$1, r as AlertDialogCancel, s as AlertDialogHeader, t as AlertDialog$1 } from "./dialog-C0vKUp8R.mjs";
+import { t as Badge } from "./badge-CpWXQwyF.mjs";
+import { a as FieldLabel, i as FieldGroup, n as FieldDescription, o as Label, r as FieldError, 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 toast } from "../_libs/sonner.mjs";
+import { C as normalizeCohortValue, S as isValidCohort, f as getNumericCohortRolloutPosition, g as getPatchFileHash, h as getPatchBaseFileHash, m as getPatchBaseBundleId, r as NUMERIC_COHORT_SIZE, t as INVALID_COHORT_ERROR_MESSAGE, w as normalizeRolloutCohortCount } from "./dist-BVSLTpoP.mjs";
+import { r as extractTimestampFromUUIDv7, t as createUUIDv7 } from "./uuidv7-CaKuKXrV.mjs";
+import { n as useInsightsCapability } from "./InsightsCapabilityContext-Cx8fjm2s.mjs";
+import { C as useUpdateReleaseMutation, S as useReleasesQuery, a as InputGroupText, b as useReleaseCatalogDiagnosticsQuery, c as useBundleChildrenQuery, d as useChannelsQuery, f as useConfigQuery, h as useDeleteReleaseMutation, i as InputGroupInput, l as useBundleEventInsightsQuery, m as useDeleteChannelMutation, n as InputGroupAddon, o as Textarea, p as useCreateChannelMutation, s as useBundleChildCountsQuery, t as InputGroup, u as useBundleQuery, v as usePreflightReleaseMutation, x as useReleaseQuery, y as usePromoteReleaseMutation } from "./input-group-etIsBUqv.mjs";
+import { a as InsightsErrorAlert, t as BundleActivityChart } from "./BundleActivityChart-CWcdPuUn.mjs";
+import { t as BundleIdDisplay } from "./BundleIdDisplay-BEvB3MvA.mjs";
+import { n as updateReleaseFilters, t as Route } from "./routes-BC7rn-tf.mjs";
+import { n as require_dayjs_min, t as require_relativeTime } from "../_libs/dayjs.mjs";
+import { t as normalizeRange } from "../_libs/verkit.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/routes-CM5KAwpB.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
+var import_relativeTime = /* @__PURE__ */ __toESM(require_relativeTime());
+var channelColors = {
+	production: "bg-green-500/10 text-green-700 dark:text-green-400 border-green-500/20",
+	dev: "bg-blue-500/10 text-blue-700 dark:text-blue-400 border-blue-500/20",
+	staging: "bg-yellow-500/10 text-yellow-700 dark:text-yellow-400 border-yellow-500/20"
+};
+function ChannelBadge({ channel, className }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+		variant: "outline",
+		className: cn(channelColors[channel.toLowerCase()] || "bg-gray-500/10 text-gray-700 dark:text-gray-400 border-gray-500/20", className),
+		children: channel
+	});
+}
+function EnabledStatusIcon({ enabled, className, falseIcon = "x", colorMode = "semantic" }) {
+	const iconColorClassName = colorMode === "inherit" ? "text-current" : void 0;
+	if (enabled) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: cn("h-4 w-4", iconColorClassName ?? "text-green-600 dark:text-green-400", className) });
+	if (falseIcon === "minus") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Minus, { className: cn("h-4 w-4", iconColorClassName ?? "text-muted-foreground", className) });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: cn("h-4 w-4", iconColorClassName ?? "text-red-600 dark:text-red-400", className) });
+}
+import_dayjs_min.default.extend(import_relativeTime.default);
+function TimestampDisplay({ uuid, format = "relative" }) {
+	const date = (0, import_dayjs_min.default)(extractTimestampFromUUIDv7(uuid));
+	if (format === "relative") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "text-sm text-muted-foreground",
+		children: date.fromNow()
+	});
+	if (format === "absolute") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "text-sm text-muted-foreground",
+		children: date.format("YYYY-MM-DD HH:mm:ss")
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "text-sm",
+			children: date.fromNow()
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "text-xs text-muted-foreground",
+			children: date.format("YYYY-MM-DD HH:mm:ss")
+		})]
+	});
+}
+function BundleChildrenPanel({ panelId, bundle, bundles, loading, onDetailClick }) {
+	const isMobile = useIsMobile();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"aria-live": "polite",
+		className: "border-t bg-muted/10 p-3 sm:p-4",
+		id: panelId,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col gap-4",
+			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", {
+					className: "flex min-w-0 items-start gap-2 text-sm sm:items-center",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "text-muted-foreground",
+						children: "Base bundle"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleIdDisplay, {
+						bundleId: bundle.id,
+						fullOnMobile: true,
+						maxLength: 18
+					})]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge, {
+					variant: "outline",
+					children: [
+						bundles.length,
+						" ",
+						bundles.length === 1 ? "patch" : "patches"
+					]
+				})]
+			}), loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-2",
+				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" })]
+			}) : bundles.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "text-xs font-semibold uppercase text-muted-foreground/70",
+					children: "Patch bundles from this base"
+				}), isMobile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "flex flex-col gap-2",
+					children: bundles.map((childBundle) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "rounded-md border bg-background p-3",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex flex-col gap-3",
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "space-y-1",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+										className: "text-[11px] font-medium uppercase text-muted-foreground/70",
+										children: "Patch Bundle"
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleIdDisplay, {
+										bundleId: childBundle.id,
+										fullOnMobile: true,
+										maxLength: 18
+									})]
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "space-y-1",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+										className: "text-[11px] font-medium uppercase text-muted-foreground/70",
+										children: "Relation"
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+										className: "flex flex-col items-start gap-1 text-sm",
+										children: [
+											/* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleIdDisplay, {
+												bundleId: bundle.id,
+												fullOnMobile: true,
+												maxLength: 12
+											}),
+											/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowRight, { className: "size-4 rotate-90 text-muted-foreground" }),
+											/* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleIdDisplay, {
+												bundleId: childBundle.id,
+												fullOnMobile: true,
+												maxLength: 12
+											})
+										]
+									})]
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "flex items-center justify-between gap-3",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+										className: "space-y-1",
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+											className: "text-[11px] font-medium uppercase text-muted-foreground/70",
+											children: "Artifact"
+										}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+											variant: "secondary",
+											children: "bsdiff"
+										})]
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+										className: "space-y-1 text-right",
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+											className: "text-[11px] font-medium uppercase text-muted-foreground/70",
+											children: "Created"
+										}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+											className: "text-xs tabular-nums text-foreground",
+											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TimestampDisplay, { uuid: childBundle.id })
+										})]
+									})]
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+									className: "w-full",
+									onClick: () => onDetailClick(childBundle),
+									size: "sm",
+									type: "button",
+									variant: "outline",
+									children: "Detail"
+								})
+							]
+						})
+					}, childBundle.id))
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "overflow-x-auto rounded-md border bg-background",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Table, {
+						className: "min-w-max",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, {
+							className: "hover:bg-transparent",
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Patch Bundle" }),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Relation" }),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Artifact" }),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Created" }),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+									className: "w-24 text-right",
+									children: "Detail"
+								})
+							]
+						}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableBody, { children: bundles.map((childBundle) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, { children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleIdDisplay, {
+								bundleId: childBundle.id,
+								fullOnMobile: true,
+								maxLength: 18
+							}) }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex min-w-[280px] flex-col items-start gap-1 sm:flex-row sm:items-center sm:gap-2",
+								children: [
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleIdDisplay, {
+										bundleId: bundle.id,
+										fullOnMobile: true,
+										maxLength: 12
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowRight, { className: "size-4 shrink-0 rotate-90 text-muted-foreground sm:rotate-0" }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleIdDisplay, {
+										bundleId: childBundle.id,
+										fullOnMobile: true,
+										maxLength: 12
+									})
+								]
+							}) }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+								variant: "secondary",
+								children: "bsdiff"
+							}) }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+								className: "tabular-nums",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TimestampDisplay, { uuid: childBundle.id })
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+								className: "text-right",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+									onClick: () => onDetailClick(childBundle),
+									size: "sm",
+									type: "button",
+									variant: "outline",
+									children: "Detail"
+								})
+							})
+						] }, childBundle.id)) })]
+					})
+				})]
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "text-xs font-semibold uppercase text-muted-foreground/70",
+					children: "Patch bundles from this base"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "rounded-md border bg-background p-3 text-sm text-muted-foreground",
+					children: "No direct patch bundles."
+				})]
+			})]
+		})
+	});
+}
+function ChannelManagementDialog({ open, onOpenChange }) {
+	const [channelName, setChannelName] = (0, import_react.useState)("");
+	const [channelToDelete, setChannelToDelete] = (0, import_react.useState)(null);
+	const { data: channels = [], isPending: isLoadingChannels } = useChannelsQuery();
+	const createChannel = useCreateChannelMutation();
+	const deleteChannel = useDeleteChannelMutation();
+	const normalizedName = channelName.trim();
+	const handleCreate = async (event) => {
+		event.preventDefault();
+		if (!normalizedName || createChannel.isPending) return;
+		try {
+			const result = await createChannel.mutateAsync({
+				row: {
+					id: createUUIDv7(),
+					name: normalizedName
+				},
+				onConflict: "returnExisting"
+			});
+			setChannelName("");
+			if (result.inserted) toast.success(`Channel ${result.row.name} created`);
+			else toast.info(`Channel ${result.row.name} already exists`);
+		} catch (error) {
+			toast.error("Failed to create channel");
+			console.error(error);
+		}
+	};
+	const handleDelete = async () => {
+		if (!channelToDelete || deleteChannel.isPending) return;
+		try {
+			const result = await deleteChannel.mutateAsync({ id: channelToDelete.id });
+			if (result.deleted) toast.success(`Channel ${channelToDelete.name} deleted`);
+			else if (result.reason === "not_empty") toast.error(`Channel ${channelToDelete.name} is still in use and cannot be deleted`);
+			else toast.error(`Channel ${channelToDelete.name} no longer exists`);
+			setChannelToDelete(null);
+		} catch (error) {
+			toast.error("Failed to delete channel");
+			console.error(error);
+		}
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog$1, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogContent, {
+			className: "sm:max-w-lg",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogTitle$1, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, { className: "size-4 text-muted-foreground" }), "Channels"]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription$1, { children: "Create deployment channels and remove them when no Release uses them. Empty channels remain available until you delete them." })] }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", {
+					onSubmit: handleCreate,
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldGroup, {
+						className: "gap-2",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, {
+							orientation: "horizontal",
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, {
+									htmlFor: "channel-name",
+									className: "sr-only",
+									children: "Channel name"
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+									id: "channel-name",
+									value: channelName,
+									onChange: (event) => setChannelName(event.target.value),
+									placeholder: "Channel name",
+									autoComplete: "off",
+									disabled: createChannel.isPending
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+									type: "submit",
+									disabled: !normalizedName || createChannel.isPending,
+									children: [createChannel.isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, {
+										"data-icon": "inline-start",
+										className: "animate-spin"
+									}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Plus, { "data-icon": "inline-start" }), "Create"]
+								})
+							]
+						})
+					})
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "max-h-72 overflow-y-auto rounded-lg border",
+					children: isLoadingChannels ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex h-20 items-center justify-center text-muted-foreground",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "mr-2 size-3.5 animate-spin" }), "Loading channels"]
+					}) : channels.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "flex h-20 items-center justify-center text-muted-foreground",
+						children: "No channels yet"
+					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+						className: "divide-y",
+						children: channels.map((channel) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
+							className: "flex min-h-12 items-center gap-3 px-3 py-2",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+									className: "truncate text-xs font-medium",
+									children: channel.name
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+									className: "truncate font-mono text-[10px] text-muted-foreground",
+									children: channel.id
+								})]
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+								type: "button",
+								variant: "ghost",
+								size: "icon-sm",
+								"aria-label": `Delete ${channel.name}`,
+								title: `Delete ${channel.name}`,
+								disabled: deleteChannel.isPending,
+								onClick: () => setChannelToDelete(channel),
+								className: "text-muted-foreground hover:text-destructive",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trash2, { "data-icon": "inline-start" })
+							})]
+						}, channel.id))
+					})
+				})
+			]
+		})
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialog$1, {
+		open: channelToDelete !== null,
+		onOpenChange: (nextOpen) => {
+			if (!nextOpen && !deleteChannel.isPending) setChannelToDelete(null);
+		},
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogContent, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogTitle, { children: [
+			"Delete ",
+			channelToDelete?.name,
+			"?"
+		] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogDescription, { children: "Only empty channels can be removed. The server checks this when you delete it, and the channel can be created again later with a new ID." })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogFooter, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogCancel, {
+			disabled: deleteChannel.isPending,
+			children: "Cancel"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogAction, {
+			variant: "destructive",
+			disabled: deleteChannel.isPending,
+			onClick: (event) => {
+				event.preventDefault();
+				handleDelete();
+			},
+			children: deleteChannel.isPending ? "Deleting..." : "Delete channel"
+		})] })] })
+	})] });
+}
+function Metric({ label, tone, value }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-1",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dt", {
+			className: "flex items-center gap-2 text-xs text-muted-foreground",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				"aria-hidden": "true",
+				className: tone === "applied" ? "size-2 rounded-full bg-chart-2" : "size-2 rounded-full bg-muted-foreground"
+			}), label]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+			className: "text-xl font-semibold tracking-tight tabular-nums",
+			children: value
+		})]
+	});
+}
+function SupportedBundleInsightsSummary({ bundleId }) {
+	const { data, error, isLoading } = useBundleEventInsightsQuery({
+		bundleId,
+		window: "30d",
+		limit: 1,
+		offset: 0
+	}, true);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardHeader, {
+		className: "p-4 pb-3",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
+			className: "text-sm font-medium",
+			children: "Activity · 30 days"
+		})
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, {
+		className: "flex flex-col gap-3 px-4 pb-4",
+		children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			"aria-label": "Loading reported bundle outcomes",
+			className: "flex flex-col gap-3",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "grid grid-cols-2 gap-4",
+				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-24 w-full sm:h-32" })]
+		}) : error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InsightsErrorAlert, {
+			error: error instanceof Error ? error : /* @__PURE__ */ new Error("Failed to load bundle insights."),
+			fallbackTitle: "Insights unavailable"
+		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
+			className: "grid grid-cols-2 divide-x divide-border/70",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "pr-4",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+					label: "Applied",
+					tone: "applied",
+					value: data?.summary.installed ?? 0
+				})
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "pl-4",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Metric, {
+					label: "Recovered",
+					tone: "recovered",
+					value: data?.summary.recovered ?? 0
+				})
+			})]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleActivityChart, {
+			installed: data?.series.installed ?? [],
+			recovered: data?.series.recovered ?? [],
+			window: "30d"
+		})] })
+	})] });
+}
+function BundleInsightsSummary({ bundleId }) {
+	if (useInsightsCapability().status !== "supported") return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SupportedBundleInsightsSummary, { bundleId });
+}
+function HashValueDisplay({ value, maxLength = 12, className }) {
+	const isTruncated = value.length > maxLength;
+	const truncated = isTruncated ? value.slice(0, maxLength) : value;
+	const copyValue = async () => {
+		try {
+			await navigator.clipboard.writeText(value);
+			toast.success("Copied to clipboard", { description: value });
+		} catch {
+			toast.error("Failed to copy value");
+		}
+	};
+	const handleClick = (event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		copyValue();
+	};
+	const handleKeyDown = (event) => {
+		if (event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			event.stopPropagation();
+			copyValue();
+		}
+	};
+	const content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		translate: "no",
+		className: cn("font-mono text-xs tabular-nums whitespace-nowrap", className),
+		children: truncated
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tooltip$1, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+		render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+			type: "button",
+			translate: "no",
+			className: cn("ring-ring/30 bg-muted/40 border-border/70 inline-flex min-w-0 max-w-full cursor-pointer items-center rounded-md border px-1.5 py-0.5 align-top shadow-xs outline-none transition-[background-color,border-color,transform,box-shadow]", "hover:bg-muted/70 active:scale-[0.98] active:bg-muted/85 focus-visible:ring-[2px]", "touch-manipulation select-none", !isTruncated && "cursor-copy"),
+			onClick: handleClick,
+			onKeyDown: handleKeyDown
+		}),
+		children: content
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipContent, {
+		hidden: !isTruncated,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			translate: "no",
+			className: "break-all font-mono text-xs tabular-nums",
+			children: value
+		})
+	})] });
+}
+var normalizeGitUrl = (gitUrl) => {
+	const trimmedGitUrl = gitUrl.trim();
+	if (trimmedGitUrl.startsWith("git@")) {
+		const sshMatch = trimmedGitUrl.match(/^git@([^:]+):(.+?)(?:\.git)?$/);
+		if (sshMatch) return `https://${sshMatch[1]}/${sshMatch[2]}`;
+	}
+	if (trimmedGitUrl.startsWith("ssh://")) try {
+		const url = new URL(trimmedGitUrl);
+		return `https://${url.hostname}${url.pathname}`.replace(/\/+$/, "").replace(/\.git$/, "");
+	} catch {
+		return trimmedGitUrl.replace(/\/+$/, "").replace(/\.git$/, "");
+	}
+	return trimmedGitUrl.replace(/\/+$/, "").replace(/\.git$/, "");
+};
+var getCommitUrl = (gitUrl, commitHash) => {
+	if (!gitUrl?.trim()) return null;
+	const normalizedGitUrl = normalizeGitUrl(gitUrl);
+	try {
+		const { hostname } = new URL(normalizedGitUrl);
+		if (hostname.includes("gitlab")) return `${normalizedGitUrl}/-/commit/${commitHash}`;
+		if (hostname.includes("bitbucket")) return `${normalizedGitUrl}/commits/${commitHash}`;
+	} catch {}
+	return `${normalizedGitUrl}/commit/${commitHash}`;
+};
+function Row({ label, value }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-1.5 sm:flex-row sm:items-start sm:justify-between sm:gap-4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+			className: "text-muted-foreground",
+			children: label
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+			className: "min-w-0 text-left text-sm sm:text-right",
+			children: value
+		})]
+	});
+}
+function BundleMetadata({ bundle, release }) {
+	const { data: configData, isFetched } = useConfigQuery();
+	const patchBaseBundleId = bundle ? getPatchBaseBundleId(bundle) : null;
+	const hbcPatchFileHash = bundle ? getPatchFileHash(bundle) : null;
+	const hbcPatchBaseFileHash = bundle ? getPatchBaseFileHash(bundle) : null;
+	const gitCommitUrl = bundle?.gitCommitHash && isFetched ? getCommitUrl(configData?.console.gitUrl, bundle.gitCommitHash) : null;
+	const target = release.strategy === "APP_VERSION" ? release.target_app_version : release.fingerprint_hash;
+	if (!(target || bundle?.gitCommitHash || bundle?.fileHash || patchBaseBundleId || hbcPatchBaseFileHash || hbcPatchFileHash)) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardHeader, {
+		className: "p-4 pb-3",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
+			className: "text-sm font-medium",
+			children: "Metadata"
+		})
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, {
+		className: "px-4 pb-4",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
+			className: "flex flex-col gap-3 text-sm",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
+					label: release.strategy === "APP_VERSION" ? "Target app version" : "Fingerprint target",
+					value: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "break-all font-mono text-xs",
+						translate: "no",
+						children: target ?? "—"
+					})
+				}),
+				bundle?.gitCommitHash ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
+					label: "Git commit",
+					value: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex items-center justify-start gap-1 sm:justify-end",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(HashValueDisplay, {
+							className: gitCommitUrl ? "text-primary" : void 0,
+							maxLength: 12,
+							value: bundle.gitCommitHash
+						}), gitCommitUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+							"aria-label": "Open git commit",
+							className: "shrink-0 text-primary hover:underline",
+							href: gitCommitUrl,
+							rel: "noopener noreferrer",
+							target: "_blank",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExternalLink, { "aria-hidden": "true" })
+						}) : null]
+					})
+				}) : null,
+				bundle?.fileHash ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
+					label: "Bundle hash",
+					value: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HashValueDisplay, {
+						maxLength: 16,
+						value: bundle.fileHash
+					})
+				}) : null,
+				patchBaseBundleId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
+					label: "Patch base",
+					value: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleIdDisplay, {
+						bundleId: patchBaseBundleId,
+						fullOnMobile: true,
+						maxLength: 18
+					})
+				}) : null,
+				hbcPatchBaseFileHash ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
+					label: "Base hash",
+					value: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HashValueDisplay, {
+						maxLength: 16,
+						value: hbcPatchBaseFileHash
+					})
+				}) : null,
+				hbcPatchFileHash ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
+					label: "Patch hash",
+					value: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HashValueDisplay, {
+						maxLength: 16,
+						value: hbcPatchFileHash
+					})
+				}) : null
+			]
+		})
+	})] });
+}
+var ALL_NUMERIC_COHORTS = Array.from({ length: NUMERIC_COHORT_SIZE }, (_, index) => index + 1);
+function RolloutCohortsDialog({ releaseId, rolloutCohortCount, targetCohorts }) {
+	const normalizedRolloutCount = normalizeRolloutCohortCount(rolloutCohortCount);
+	const normalizedTargetCohorts = targetCohorts ?? [];
+	const hasTargetCohorts = normalizedTargetCohorts.length > 0;
+	const isPartialRollout = normalizedRolloutCount > 0 && normalizedRolloutCount < 1e3;
+	const isFullRollout = normalizedRolloutCount === NUMERIC_COHORT_SIZE;
+	const isMobile = useIsMobile();
+	const rolloutCohorts = isFullRollout ? ALL_NUMERIC_COHORTS : isPartialRollout ? ALL_NUMERIC_COHORTS.filter((cohortValue) => getNumericCohortRolloutPosition(releaseId, cohortValue) < normalizedRolloutCount) : [];
+	const rolloutPercentage = (normalizedRolloutCount / 10).toFixed(1);
+	const selectedCount = isFullRollout ? NUMERIC_COHORT_SIZE : rolloutCohorts.length;
+	const excludedCount = NUMERIC_COHORT_SIZE - selectedCount;
+	const dialogBody = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-4",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "grid grid-cols-2 gap-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, {
+					className: "p-4",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardDescription, { children: "Selected cohorts" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
+						className: "font-mono text-2xl tabular-nums",
+						children: selectedCount
+					})]
+				}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, {
+					className: "p-4",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardDescription, { children: "Excluded cohorts" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
+						className: "font-mono text-2xl tabular-nums",
+						children: excludedCount
+					})]
+				}) })]
+			}),
+			hasTargetCohorts ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, {
+				className: "p-4 pb-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
+					className: "text-sm",
+					children: "Additional cohorts"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardDescription, { children: "Always included in addition to the percentage rollout." })]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, {
+				className: "p-4 pt-0",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "flex flex-wrap gap-2 rounded-lg border bg-muted/20 p-3",
+					children: normalizedTargetCohorts.map((cohort) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+						className: "max-w-full font-mono",
+						variant: "secondary",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "truncate",
+							children: cohort
+						})
+					}, cohort))
+				})
+			})] }) : null,
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardHeader, {
+				className: "p-4 pb-3",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
+					className: "text-sm",
+					children: "Numeric cohorts"
+				})
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, {
+				className: "p-4 pt-0",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "max-h-[50vh] overflow-y-auto overscroll-contain rounded-lg border bg-muted/20 p-3 sm:max-h-[45vh]",
+					children: rolloutCohorts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						"aria-label": "Included numeric cohorts",
+						className: "grid grid-cols-3 gap-2 sm:grid-cols-6 lg:grid-cols-8",
+						role: "list",
+						children: rolloutCohorts.map((cohortValue) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+							className: "justify-center font-mono tabular-nums",
+							role: "listitem",
+							variant: "outline",
+							children: cohortValue
+						}, cohortValue))
+					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "text-sm text-muted-foreground",
+						children: "No numeric cohorts are included."
+					})
+				})
+			})] })
+		]
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Dialog$1, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogTrigger, {
+		render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+			size: "sm",
+			type: "button",
+			variant: "outline"
+		}),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(List, { "data-icon": "inline-start" }), "Preview cohorts"]
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogContent, {
+		className: isMobile ? "top-0 left-0 h-dvh max-w-none translate-x-0 translate-y-0 rounded-none border-0 p-0" : "sm:max-w-3xl",
+		children: isMobile ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex h-full flex-col overflow-hidden",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogHeader, {
+					className: "shrink-0 border-b border-border/70 px-4 py-4",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle$1, { children: "Rolled out cohorts" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogDescription$1, { children: [
+						rolloutPercentage,
+						"% includes ",
+						selectedCount,
+						" of",
+						" ",
+						NUMERIC_COHORT_SIZE,
+						" numeric cohorts.",
+						hasTargetCohorts ? " Additional cohorts are always included." : ""
+					] })]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "flex-1 overflow-y-auto overscroll-contain px-4 py-4",
+					children: dialogBody
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogFooter, {
+					className: "shrink-0 border-t border-border/70 px-4 py-3",
+					showCloseButton: true
+				})
+			]
+		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle$1, { children: "Rolled out cohorts" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogDescription$1, { children: [
+				rolloutPercentage,
+				"% includes ",
+				selectedCount,
+				" of",
+				" ",
+				NUMERIC_COHORT_SIZE,
+				" numeric cohorts.",
+				hasTargetCohorts ? " Additional cohorts are always included." : ""
+			] })] }),
+			dialogBody,
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogFooter, { showCloseButton: true })
+		] })
+	})] });
+}
+function AppleIcon({ className }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		className,
+		fill: "currentColor",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701" })
+	});
+}
+function AndroidIcon({ className }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		className,
+		fill: "currentColor",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M18.4395 5.5586c-.675 1.1664-1.352 2.3318-2.0274 3.498-.0366-.0155-.0742-.0286-.1113-.043-1.8249-.6957-3.484-.8-4.42-.787-1.8551.0185-3.3544.4643-4.2597.8203-.084-.1494-1.7526-3.021-2.0215-3.4864a1.1451 1.1451 0 0 0-.1406-.1914c-.3312-.364-.9054-.4859-1.379-.203-.475.282-.7136.9361-.3886 1.5019 1.9466 3.3696-.0966-.2158 1.9473 3.3593.0172.031-.4946.2642-1.3926 1.0177C2.8987 12.176.452 14.772 0 18.9902h24c-.119-1.1108-.3686-2.099-.7461-3.0683-.7438-1.9118-1.8435-3.2928-2.7402-4.1836a12.1048 12.1048 0 0 0-2.1309-1.6875c.6594-1.122 1.312-2.2559 1.9649-3.3848.2077-.3615.1886-.7956-.0079-1.1191a1.1001 1.1001 0 0 0-.8515-.5332c-.5225-.0536-.9392.3128-1.0488.5449zm-.0391 8.461c.3944.5926.324 1.3306-.1563 1.6503-.4799.3197-1.188.0985-1.582-.4941-.3944-.5927-.324-1.3307.1563-1.6504.4727-.315 1.1812-.1086 1.582.4941zM7.207 13.5273c.4803.3197.5506 1.0577.1563 1.6504-.394.5926-1.1038.8138-1.584.4941-.48-.3197-.5503-1.0577-.1563-1.6504.4008-.6021 1.1087-.8106 1.584-.4941z" })
+	});
+}
+function PlatformIcon({ platform, className }) {
+	if (platform === "ios") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppleIcon, { className });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AndroidIcon, { className });
+}
+var Select$1 = SelectRoot;
+function SelectGroup({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectGroup$1, {
+		"data-slot": "select-group",
+		className: cn("scroll-my-1 p-1", className),
+		...props
+	});
+}
+function SelectValue({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue$1, {
+		"data-slot": "select-value",
+		className: cn("flex flex-1 text-left", className),
+		...props
+	});
+}
+function SelectTrigger({ className, size = "default", children, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectTrigger$1, {
+		"data-slot": "select-trigger",
+		"data-size": size,
+		className: cn("flex w-fit items-center justify-between gap-1.5 rounded-md border border-input bg-input/20 px-2 py-1.5 text-xs/relaxed whitespace-nowrap transition-colors outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-7 data-[size=sm]:h-6 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5", className),
+		...props,
+		children: [children, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectIcon, { render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "pointer-events-none size-3.5 text-muted-foreground" }) })]
+	});
+}
+function SelectContent({ className, children, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, alignItemWithTrigger = true, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPositioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		alignItemWithTrigger,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectPopup, {
+			"data-slot": "select-content",
+			"data-align-trigger": alignItemWithTrigger,
+			className: cn("dark relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+			...props,
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollUpButton, {}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectList, { children }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollDownButton, {})
+			]
+		})
+	}) });
+}
+function SelectItem({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectItem$1, {
+		"data-slot": "select-item",
+		className: cn("relative flex min-h-7 w-full cursor-default items-center gap-2 rounded-md px-2 py-1 text-xs/relaxed outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+		...props,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemText, {
+			className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
+			children
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemIndicator, {
+			render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pointer-events-none absolute right-2 flex items-center justify-center" }),
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "pointer-events-none" })
+		})]
+	});
+}
+function SelectScrollUpButton({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollUpArrow, {
+		"data-slot": "select-scroll-up-button",
+		className: cn("top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-3.5", className),
+		...props,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronUp, {})
+	});
+}
+function SelectScrollDownButton({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollDownArrow, {
+		"data-slot": "select-scroll-down-button",
+		className: cn("bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-3.5", className),
+		...props,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, {})
+	});
+}
+function Sheet({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogRoot, {
+		"data-slot": "sheet",
+		...props
+	});
+}
+function SheetPortal({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPortal, {
+		"data-slot": "sheet-portal",
+		...props
+	});
+}
+function SheetOverlay({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogBackdrop, {
+		"data-slot": "sheet-overlay",
+		className: cn("fixed inset-0 z-50 bg-black/80 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs", className),
+		...props
+	});
+}
+function SheetContent({ className, children, side = "right", showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetPortal, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetOverlay, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogPopup, {
+		"data-slot": "sheet-content",
+		"data-side": side,
+		className: cn("fixed z-50 flex flex-col bg-background bg-clip-padding text-xs/relaxed shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", className),
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogClose, {
+			"data-slot": "sheet-close",
+			render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+				variant: "ghost",
+				className: "absolute top-4 right-4",
+				size: "icon-sm"
+			}),
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+function SheetHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "sheet-header",
+		className: cn("flex flex-col gap-1.5 p-6", className),
+		...props
+	});
+}
+function SheetTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle, {
+		"data-slot": "sheet-title",
+		className: cn("text-sm font-medium text-foreground", className),
+		...props
+	});
+}
+function SheetDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription, {
+		"data-slot": "sheet-description",
+		className: cn("text-xs/relaxed text-muted-foreground", className),
+		...props
+	});
+}
+function Slider$1({ className, defaultValue, value, min = 0, max = 100, ...props }) {
+	const _values = Array.isArray(value) ? value : value !== void 0 ? [value] : Array.isArray(defaultValue) ? defaultValue : defaultValue !== void 0 ? [defaultValue] : [min];
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderRoot, {
+		className: cn("data-horizontal:w-full data-vertical:h-full", className),
+		"data-slot": "slider",
+		defaultValue,
+		value,
+		min,
+		max,
+		thumbAlignment: "edge",
+		...props,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SliderControl, {
+			className: "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderTrack, {
+				"data-slot": "slider-track",
+				className: "relative grow overflow-hidden rounded-full bg-primary/20 select-none data-horizontal:h-1.5 data-horizontal:w-full data-vertical:h-full data-vertical:w-1.5",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderIndicator, {
+					"data-slot": "slider-range",
+					className: "bg-primary select-none data-horizontal:h-full data-vertical:w-full"
+				})
+			}), Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderThumb, {
+				"data-slot": "slider-thumb",
+				className: "relative block size-4 shrink-0 rounded-full border border-primary/50 bg-background shadow transition-colors select-none after:absolute after:-inset-2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring data-disabled:pointer-events-none data-disabled:opacity-50"
+			}, index))]
+		})
+	});
+}
+function Switch$1({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchRoot, {
+		"data-slot": "switch",
+		className: cn("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background data-checked:bg-primary data-unchecked:bg-input data-disabled:cursor-not-allowed data-disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchThumb, {
+			"data-slot": "switch-thumb",
+			className: "pointer-events-none block size-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-checked:translate-x-4 data-unchecked:translate-x-0"
+		})
+	});
+}
+var promoteActionItems = [{
+	label: "Move bundle",
+	value: "move"
+}, {
+	label: "Copy bundle",
+	value: "copy"
+}];
+var draftFromRelease = (release) => ({
+	enabled: release.enabled,
+	message: release.message ?? "",
+	rolloutCohortCount: release.rollout_cohort_count,
+	shouldForceUpdate: release.should_force_update,
+	targetAppVersion: release.target_app_version ?? "",
+	targetCohorts: [...release.target_cohorts]
+});
+var patchFromDraft = (release, draft) => ({
+	enabled: draft.enabled,
+	message: draft.message.trim() || null,
+	rolloutCohortCount: draft.rolloutCohortCount,
+	shouldForceUpdate: draft.shouldForceUpdate,
+	...release.strategy === "APP_VERSION" ? { targetAppVersion: draft.targetAppVersion.trim() } : {},
+	targetCohorts: draft.targetCohorts
+});
+var formatRolloutPercentage = (count) => (count / 10).toFixed(1);
+var formatRolloutInput = (value) => {
+	const normalized = value.replace(",", ".");
+	const [integer = "", ...decimals] = normalized.split(".");
+	const integerDigits = integer.replace(/\D/g, "").slice(0, 3);
+	const decimalDigit = decimals.join("").replace(/\D/g, "").slice(0, 1);
+	return normalized.includes(".") ? `${integerDigits}.${decimalDigit}` : integerDigits;
+};
+var parseRolloutInput = (value) => {
+	const percentage = Number.parseFloat(value);
+	if (!Number.isFinite(percentage)) return null;
+	return Math.min(1e3, Math.max(0, Math.trunc(percentage * 10)));
+};
+function RolloutPercentageInput({ value, onChange }) {
+	const [inputValue, setInputValue] = (0, import_react.useState)(formatRolloutPercentage(value));
+	const [focused, setFocused] = (0, import_react.useState)(false);
+	(0, import_react.useEffect)(() => {
+		if (!focused) setInputValue(formatRolloutPercentage(value));
+	}, [focused, value]);
+	const commitInput = () => {
+		const nextValue = parseRolloutInput(inputValue) ?? value;
+		setFocused(false);
+		setInputValue(formatRolloutPercentage(nextValue));
+		onChange(nextValue);
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-3",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Slider$1, {
+			"aria-label": "Rollout percentage",
+			max: 1e3,
+			min: 0,
+			onValueChange: (nextValue) => onChange(Array.isArray(nextValue) ? nextValue[0] ?? value : nextValue),
+			step: 1,
+			value
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(InputGroup, {
+			className: "w-24 shrink-0",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputGroupInput, {
+				"aria-label": "Rollout percentage",
+				autoComplete: "off",
+				className: "text-right tabular-nums",
+				id: "release-rollout-percentage",
+				inputMode: "decimal",
+				name: "rolloutPercentage",
+				onBlur: commitInput,
+				onChange: (event) => {
+					const nextInput = formatRolloutInput(event.target.value);
+					setInputValue(nextInput);
+					const parsed = parseRolloutInput(nextInput);
+					if (parsed !== null) onChange(parsed);
+				},
+				onFocus: () => setFocused(true),
+				value: inputValue
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputGroupAddon, {
+				align: "inline-end",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputGroupText, { children: "%" })
+			})]
+		})]
+	});
+}
+function ReleaseEditorSheet({ channels, onOpenChange, open, releaseId }) {
+	const releaseQuery = useReleaseQuery(releaseId);
+	const release = releaseQuery.data;
+	const bundleQuery = useBundleQuery(release?.bundle_id ?? "");
+	const bundle = bundleQuery.data;
+	const diagnostics = useReleaseCatalogDiagnosticsQuery(release?.scope_key ?? "");
+	const update = useUpdateReleaseMutation();
+	const preflight = usePreflightReleaseMutation();
+	const remove = useDeleteReleaseMutation();
+	const promote = usePromoteReleaseMutation();
+	const [draft, setDraft] = (0, import_react.useState)(null);
+	const [newCohort, setNewCohort] = (0, import_react.useState)("");
+	const [error, setError] = (0, import_react.useState)("");
+	const [confirmDiscard, setConfirmDiscard] = (0, import_react.useState)(false);
+	const [confirmDelete, setConfirmDelete] = (0, import_react.useState)(false);
+	const [showPromote, setShowPromote] = (0, import_react.useState)(false);
+	const [targetChannel, setTargetChannel] = (0, import_react.useState)("");
+	const [promoteAction, setPromoteAction] = (0, import_react.useState)("move");
+	(0, import_react.useEffect)(() => {
+		setDraft(release ? draftFromRelease(release) : null);
+		setError("");
+	}, [release]);
+	const initialDraft = release ? draftFromRelease(release) : null;
+	const dirty = draft !== null && initialDraft !== null && JSON.stringify(draft) !== JSON.stringify(initialDraft);
+	const busy = preflight.isPending || update.isPending || remove.isPending || promote.isPending;
+	const requestClose = () => {
+		if (busy) return;
+		if (dirty) {
+			setConfirmDiscard(true);
+			return;
+		}
+		onOpenChange(false);
+	};
+	const addCohort = () => {
+		if (!draft) return;
+		const cohort = normalizeCohortValue(newCohort);
+		if (!isValidCohort(cohort)) {
+			setError(INVALID_COHORT_ERROR_MESSAGE);
+			return;
+		}
+		setDraft({
+			...draft,
+			targetCohorts: Array.from(new Set([...draft.targetCohorts, cohort]))
+		});
+		setNewCohort("");
+		setError("");
+	};
+	const save = async () => {
+		if (!release || !draft) return;
+		const cohorts = draft.targetCohorts.map(normalizeCohortValue);
+		if (cohorts.some((cohort) => !isValidCohort(cohort))) {
+			setError(INVALID_COHORT_ERROR_MESSAGE);
+			return;
+		}
+		if (release.strategy === "APP_VERSION" && !normalizeRange(draft.targetAppVersion.trim())) {
+			setError("Enter a valid target app version range.");
+			return;
+		}
+		const input = {
+			expectedRevision: release.revision,
+			patch: patchFromDraft(release, {
+				...draft,
+				targetCohorts: cohorts
+			}),
+			releaseId: release.id
+		};
+		setError("");
+		try {
+			await preflight.mutateAsync(input);
+			await update.mutateAsync(input);
+			toast.success("Bundle settings saved");
+		} catch (caught) {
+			setError(caught instanceof Error ? caught.message : "Bundle settings could not be saved.");
+		}
+	};
+	const channelName = channels.find((channel) => channel.id === release?.channel_id)?.name ?? release?.channel_id;
+	const availableChannels = channels.filter((channel) => channel.id !== release?.channel_id);
+	const availableChannelItems = availableChannels.map((channel) => ({
+		label: channel.name,
+		value: channel.name
+	}));
+	const normalizedTargetChannel = targetChannel.trim();
+	const isCopyPromotion = promoteAction === "copy";
+	const normalizedTargetAppVersion = draft ? normalizeRange(draft.targetAppVersion.trim()) : null;
+	const resetPromoteDialog = () => {
+		setTargetChannel("");
+		setPromoteAction("move");
+	};
+	const handlePromoteOpenChange = (nextOpen) => {
+		if (!nextOpen && promote.isPending) return;
+		setShowPromote(nextOpen);
+		if (!nextOpen) resetPromoteDialog();
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Sheet, {
+			onOpenChange: (nextOpen) => nextOpen ? void 0 : requestClose(),
+			open,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetContent, {
+				className: "min-w-0 overflow-hidden data-[side=right]:w-full sm:max-w-[600px]",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetHeader, {
+					className: "shrink-0 pr-12",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetTitle, { children: "Bundle Detail" }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetDescription, {
+							className: "sr-only",
+							children: "Edit bundle delivery settings."
+						}),
+						release ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "mt-1 flex min-w-0 flex-col gap-3 text-sm",
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									className: "flex flex-wrap items-center gap-2",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlatformIcon, {
+											className: "size-4",
+											platform: release.platform
+										}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "font-medium",
+											children: release.platform === "ios" ? "iOS" : "Android"
+										})]
+									})
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "flex flex-wrap items-start gap-2",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "font-medium text-muted-foreground",
+										children: "Bundle"
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "min-w-0 basis-full sm:basis-auto",
+										children: release.bundle_id ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleIdDisplay, {
+											bundleId: release.bundle_id,
+											fullOnMobile: true,
+											maxLength: 18
+										}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "text-xs text-foreground",
+											children: "Built-in app"
+										})
+									})]
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "flex flex-wrap items-center gap-2",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "font-medium text-muted-foreground",
+										children: "Channel"
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "text-xs text-foreground",
+										translate: "no",
+										children: channelName
+									})]
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "flex flex-wrap items-center gap-2",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "font-medium text-muted-foreground",
+										children: "Platform"
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "text-xs text-foreground",
+										children: release.platform === "ios" ? "iOS" : "Android"
+									})]
+								})
+							]
+						}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-12 w-full" })
+					]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "min-h-0 flex-1 overflow-y-auto overscroll-contain",
+					children: [releaseQuery.isError ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, {
+						className: "m-4 sm:m-6",
+						variant: "destructive",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, {}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: "Bundle details could not be loaded" }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDescription, { children: releaseQuery.error.message })
+						]
+					}) : null, release && draft ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex flex-col gap-6 px-4 pb-4 sm:px-6 sm:pb-6",
+						children: [
+							release.bundle_id ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleInsightsSummary, { bundleId: release.bundle_id }) : null,
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
+								"aria-labelledby": "delivery-settings-heading",
+								className: "flex flex-col gap-4",
+								children: [
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+										className: "text-sm font-medium",
+										id: "delivery-settings-heading",
+										children: "Delivery settings"
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(FieldGroup, {
+										className: "gap-6",
+										children: [
+											/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, {
+												htmlFor: "release-message",
+												children: "Message"
+											}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Textarea, {
+												autoComplete: "off",
+												id: "release-message",
+												name: "message",
+												onChange: (event) => setDraft({
+													...draft,
+													message: event.target.value
+												}),
+												rows: 3,
+												value: draft.message
+											})] }),
+											release.strategy === "APP_VERSION" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, { children: [
+												/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, {
+													htmlFor: "release-target",
+													children: "Target app version"
+												}),
+												/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+													autoComplete: "off",
+													id: "release-target",
+													name: "targetAppVersion",
+													onChange: (event) => setDraft({
+														...draft,
+														targetAppVersion: event.target.value
+													}),
+													value: draft.targetAppVersion
+												}),
+												normalizedTargetAppVersion ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldDescription, { children: normalizedTargetAppVersion }) : null
+											] }) : null,
+											/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+												className: "flex items-center justify-between gap-4",
+												children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, {
+													htmlFor: "release-enabled",
+													children: "Enabled"
+												}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch$1, {
+													"aria-label": "Enabled",
+													checked: draft.enabled,
+													id: "release-enabled",
+													name: "enabled",
+													onCheckedChange: (enabled) => setDraft({
+														...draft,
+														enabled
+													})
+												})]
+											}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldDescription, { children: "Disabling rolls devices back to the previous enabled Release on their next check, or to the built-in app when none remains." })] }),
+											/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, {
+												orientation: "horizontal",
+												children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, {
+													htmlFor: "release-force-update",
+													children: "Force update"
+												}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch$1, {
+													"aria-label": "Force update",
+													checked: draft.shouldForceUpdate,
+													id: "release-force-update",
+													name: "shouldForceUpdate",
+													onCheckedChange: (shouldForceUpdate) => setDraft({
+														...draft,
+														shouldForceUpdate
+													})
+												})]
+											}),
+											/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, {
+												htmlFor: "release-rollout-percentage",
+												children: "Rollout percentage"
+											}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RolloutPercentageInput, {
+												onChange: (rolloutCohortCount) => setDraft({
+													...draft,
+													rolloutCohortCount
+												}),
+												value: draft.rolloutCohortCount
+											})] }),
+											/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Field, { children: [
+												/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+													className: "flex flex-wrap items-center justify-between gap-2",
+													children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldLabel, {
+														htmlFor: "release-cohort",
+														children: "Additional cohorts (optional)"
+													}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RolloutCohortsDialog, {
+														releaseId: release.id,
+														rolloutCohortCount: draft.rolloutCohortCount,
+														targetCohorts: draft.targetCohorts
+													})]
+												}),
+												/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+													className: "flex gap-2",
+													children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+														autoComplete: "off",
+														id: "release-cohort",
+														name: "targetCohort",
+														onChange: (event) => setNewCohort(event.target.value),
+														onKeyDown: (event) => {
+															if (event.key === "Enter") {
+																event.preventDefault();
+																addCohort();
+															}
+														},
+														placeholder: "e.g. qa-team…",
+														value: newCohort
+													}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+														"aria-label": "Add cohort",
+														disabled: !newCohort.trim(),
+														onClick: addCohort,
+														size: "icon",
+														type: "button",
+														variant: "outline",
+														children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Plus, {})
+													})]
+												}),
+												draft.targetCohorts.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+													className: "flex flex-wrap gap-2",
+													children: draft.targetCohorts.map((cohort) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge, {
+														className: "gap-1 font-mono",
+														variant: "secondary",
+														children: [cohort, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+															"aria-label": `Remove cohort ${cohort}`,
+															className: "rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+															onClick: () => setDraft({
+																...draft,
+																targetCohorts: draft.targetCohorts.filter((value) => value !== cohort)
+															}),
+															type: "button",
+															children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "size-3" })
+														})]
+													}, cohort))
+												}) : null,
+												/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldDescription, { children: "Public names—no IDs or secrets." })
+											] })
+										]
+									}),
+									error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldError, { children: error }) : null,
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+										className: "w-full",
+										disabled: !dirty || busy,
+										onClick: save,
+										size: "lg",
+										children: preflight.isPending || update.isPending ? "Saving…" : "Save changes"
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator$1, { className: "my-2" }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
+								className: "flex flex-col gap-4",
+								children: [
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+										className: "text-sm font-medium",
+										children: "Actions"
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+										className: "w-full",
+										disabled: release.kind !== "BUNDLE" || busy,
+										onClick: () => setShowPromote(true),
+										size: "sm",
+										variant: "outline",
+										children: "Promote to channel"
+									}),
+									release.bundle_id ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+										className: "w-full",
+										disabled: busy,
+										onClick: () => {
+											window.open(`/api/bundles/${encodeURIComponent(release.bundle_id)}/download`, "_blank", "noopener,noreferrer");
+											toast.success("Bundle download started");
+										},
+										size: "sm",
+										variant: "outline",
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Download, { "data-icon": "inline-start" }), "Download bundle"]
+									}) : null,
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+										className: "w-full",
+										disabled: release.enabled || busy,
+										onClick: () => setConfirmDelete(true),
+										size: "sm",
+										variant: "destructive",
+										children: "Remove from channel"
+									})
+								]
+							}),
+							release.bundle_id && bundleQuery.isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-40 w-full" }) : null,
+							release.bundle_id && bundleQuery.isError ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, {
+								variant: "destructive",
+								children: [
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, {}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: "Build details are unavailable" }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDescription, { children: "Delivery settings are unaffected." })
+								]
+							}) : null,
+							!release.bundle_id || !bundleQuery.isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleMetadata, {
+								bundle,
+								release
+							}) : null,
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", {
+								className: "rounded-lg border bg-muted/10 p-4 text-xs",
+								children: [
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("summary", {
+										className: "cursor-pointer font-medium",
+										children: "Advanced diagnostics"
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
+										className: "mt-4 grid gap-3 text-muted-foreground sm:grid-cols-2",
+										children: [
+											/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+												className: "sm:col-span-2",
+												children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Release ID" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+													className: "mt-1 break-all font-mono text-foreground",
+													children: release.id
+												})]
+											}),
+											/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Revision" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+												className: "mt-1 font-mono text-foreground",
+												children: release.revision
+											})] }),
+											/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Catalog generation" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+												className: "mt-1 font-mono text-foreground",
+												children: diagnostics.data?.generation ?? "—"
+											})] }),
+											/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Catalog size" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+												className: "mt-1 font-mono text-foreground",
+												children: diagnostics.data ? `${diagnostics.data.byte_size} bytes` : "—"
+											})] }),
+											/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+												className: "sm:col-span-2",
+												children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Scope key" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+													className: "mt-1 break-all font-mono text-foreground",
+													children: release.scope_key
+												})]
+											})
+										]
+									}),
+									diagnostics.isError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+										className: "mt-3 text-destructive",
+										children: "Diagnostics are unavailable. Bundle settings are unaffected."
+									}) : null
+								]
+							})
+						]
+					}) : null]
+				})]
+			})
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialog$1, {
+			onOpenChange: setConfirmDiscard,
+			open: confirmDiscard,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogContent, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogTitle, { children: "Discard unsaved changes?" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogDescription, { children: "Your Bundle changes will be lost." })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogFooter, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogCancel, { children: "Keep editing" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogAction, {
+				onClick: () => {
+					setConfirmDiscard(false);
+					onOpenChange(false);
+				},
+				variant: "destructive",
+				children: "Discard changes"
+			})] })] })
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialog$1, {
+			onOpenChange: setConfirmDelete,
+			open: confirmDelete,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogContent, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogTitle, { children: [
+				"Remove this Bundle from ",
+				channelName ?? "the channel",
+				"?"
+			] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogDescription, { children: "The Bundle file stays available. This only removes it from the channel." })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogFooter, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogCancel, { children: "Cancel" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogAction, {
+				onClick: async () => {
+					if (!release) return;
+					try {
+						await remove.mutateAsync({
+							expectedRevision: release.revision,
+							releaseId: release.id
+						});
+						toast.success(`Bundle removed from ${channelName ?? "the channel"}`);
+						setConfirmDelete(false);
+						onOpenChange(false);
+					} catch (caught) {
+						setError(caught instanceof Error ? caught.message : "Bundle could not be removed from the channel.");
+					}
+				},
+				variant: "destructive",
+				children: "Remove from channel"
+			})] })] })
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog$1, {
+			onOpenChange: handlePromoteOpenChange,
+			open: showPromote,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogContent, {
+				showCloseButton: !promote.isPending,
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle$1, { children: "Promote to Channel" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription$1, { children: "Choose how to promote this Bundle, then select the target channel." })] }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "space-y-4 py-4",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+									htmlFor: "promote-action",
+									children: "Action"
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+									disabled: promote.isPending,
+									items: promoteActionItems,
+									onValueChange: (value) => setPromoteAction(value),
+									value: promoteAction,
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
+										className: "w-full",
+										id: "promote-action",
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, { placeholder: "Select an action" })
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectGroup, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+										value: "move",
+										children: "Move bundle"
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+										value: "copy",
+										children: "Copy bundle"
+									})] }) })]
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+									className: "text-xs text-muted-foreground",
+									children: isCopyPromotion ? "Make this Bundle available in the target channel and keep it in the current channel." : "Move this Bundle to the target channel. Devices in the current channel may fall back to an earlier Bundle."
+								})
+							]
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+								htmlFor: "target-channel",
+								children: "Target Channel"
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+								disabled: promote.isPending,
+								items: availableChannelItems,
+								onValueChange: (value) => setTargetChannel(value ?? ""),
+								value: targetChannel || null,
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
+									className: "w-full",
+									id: "target-channel",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, { placeholder: "Select a channel" })
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, {
+									className: "max-h-64",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectGroup, { children: availableChannels.map((channel) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+										value: channel.name,
+										children: channel.name
+									}, channel.id)) })
+								})]
+							})]
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogFooter, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+						disabled: promote.isPending,
+						onClick: () => handlePromoteOpenChange(false),
+						variant: "outline",
+						children: "Cancel"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+						disabled: !normalizedTargetChannel || promote.isPending,
+						onClick: async () => {
+							if (!release) return;
+							try {
+								await promote.mutateAsync({
+									action: promoteAction,
+									expectedRevision: release.revision,
+									releaseId: release.id,
+									targetChannel: normalizedTargetChannel
+								});
+								handlePromoteOpenChange(false);
+								toast.success(isCopyPromotion ? `Bundle copied to ${normalizedTargetChannel}` : `Bundle moved to ${normalizedTargetChannel}`, release.bundle_id ? { description: `bundleId: ${release.bundle_id}` } : void 0);
+							} catch (caught) {
+								toast.error(caught instanceof Error ? caught.message : "Bundle could not be promoted.");
+							}
+						},
+						children: promote.isPending ? isCopyPromotion ? "Copying…" : "Moving…" : isCopyPromotion ? "Copy" : "Move"
+					})] })
+				]
+			})
+		})
+	] });
+}
+function ReleaseStateBadge({ release }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge, {
+		className: "gap-1 font-normal text-muted-foreground",
+		variant: release.enabled ? "outline" : "secondary",
+		children: [release.enabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "size-3" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleOff, { className: "size-3" }), release.enabled ? "Enabled" : "Disabled"]
+	});
+}
+function RolloutPercentageBadge({ percentage, className }) {
+	const isPartialRollout = percentage < 100;
+	const formattedPercentage = percentage.toFixed(1);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge, {
+		className: cn("gap-1", className),
+		variant: isPartialRollout ? "secondary" : "default",
+		children: [
+			isPartialRollout ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, { className: "h-3 w-3" }) : null,
+			formattedPercentage,
+			"%"
+		]
+	});
+}
+var PAGE_SIZE = 20;
+var platformFilterItems = [
+	{
+		label: "All Platforms",
+		value: "all"
+	},
+	{
+		label: "iOS",
+		value: "ios"
+	},
+	{
+		label: "Android",
+		value: "android"
+	}
+];
+var dateFormatter = new Intl.DateTimeFormat(void 0, {
+	dateStyle: "medium",
+	timeStyle: "short"
+});
+var tableDateFormatter = new Intl.DateTimeFormat(void 0, { dateStyle: "medium" });
+var shortId = (id) => id.length > 18 ? `${id.slice(0, 8)}…${id.slice(-4)}` : id;
+function BundleMovementSummary({ summary }) {
+	if (summary === null) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		"aria-label": "30-day Bundle activity unavailable",
+		className: "text-sm text-muted-foreground",
+		title: "Insights are unavailable for this Bundle.",
+		children: "—"
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		"aria-label": "Bundle movement over 30 days, distinct installations",
+		className: "flex min-w-[140px] items-baseline gap-3 whitespace-nowrap",
+		role: "group",
+		title: "Distinct installations over the last 30 days.",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			className: "flex items-baseline gap-1.5",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "text-xs text-muted-foreground",
+				children: "Applied"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "text-sm font-medium tabular-nums",
+				children: summary.installed
+			})]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			className: "flex items-baseline gap-1.5",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "text-xs text-muted-foreground",
+				children: "Recovered"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "text-sm font-medium tabular-nums",
+				children: summary.recovered
+			})]
+		})]
+	});
+}
+function BundleFilterToolbar({ channels, onChange, onClear, onManageChannels, search }) {
+	const [targetAppVersion, setTargetAppVersion] = (0, import_react.useState)(search.targetAppVersion ?? "");
+	const hasFilters = Boolean(search.bundleId || search.channelId || search.enabled !== void 0 || search.platform || search.targetAppVersion);
+	const channelFilterItems = [{
+		label: "All Channels",
+		value: "all"
+	}, ...channels.map((channel) => ({
+		label: channel.name,
+		value: channel.id
+	}))];
+	const applyTargetAppVersion = () => {
+		onChange({ targetAppVersion: targetAppVersion.trim() || void 0 });
+	};
+	(0, import_react.useEffect)(() => {
+		setTargetAppVersion(search.targetAppVersion ?? "");
+	}, [search.targetAppVersion]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
+		className: "sticky top-0 z-10 flex shrink-0 flex-wrap items-center gap-2 border-b bg-background px-3 py-3 sm:h-12 sm:flex-nowrap sm:bg-card/70 sm:px-4 sm:py-0 sm:backdrop-blur-sm",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarTrigger, { className: "-ml-1" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+				className: "sr-only",
+				children: "Bundles"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "ml-1 flex items-center gap-1.5 text-muted-foreground sm:ml-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Funnel, { className: "size-3.5" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "text-xs font-medium",
+					children: "Filters"
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+				items: platformFilterItems,
+				onValueChange: (value) => onChange({ platform: value === "all" ? void 0 : value }),
+				value: search.platform ?? "all",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
+					"aria-label": "Platform",
+					className: "h-8 w-[calc(50%-0.25rem)] min-w-[132px] text-xs sm:w-[140px]",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, {})
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectGroup, { children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+						value: "all",
+						children: "All Platforms"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+						value: "ios",
+						children: "iOS"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+						value: "android",
+						children: "Android"
+					})
+				] }) })]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+				"aria-label": "Target app version",
+				className: "h-8 w-full min-w-[132px] text-xs sm:w-[160px]",
+				onBlur: applyTargetAppVersion,
+				onChange: (event) => setTargetAppVersion(event.target.value),
+				onKeyDown: (event) => {
+					if (event.key === "Enter") applyTargetAppVersion();
+				},
+				placeholder: "Target version",
+				value: targetAppVersion
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+				items: channelFilterItems,
+				onValueChange: (value) => onChange({ channelId: value === null || value === "all" ? void 0 : value }),
+				value: search.channelId ?? "all",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
+					"aria-label": "Channel",
+					className: "h-8 w-[calc(50%-0.25rem)] min-w-[132px] text-xs sm:w-[140px]",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, {})
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectGroup, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+					value: "all",
+					children: "All Channels"
+				}), channels.map((channel) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+					value: channel.id,
+					children: channel.name
+				}, channel.id))] }) })]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+				"aria-label": "Manage channels",
+				onClick: onManageChannels,
+				size: "icon-sm",
+				title: "Manage channels",
+				variant: "outline",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tags, {})
+			}),
+			search.bundleId ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge, {
+				className: "max-w-48 gap-1",
+				variant: "secondary",
+				children: [
+					"Bundle ",
+					shortId(search.bundleId),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+						"aria-label": "Clear Bundle filter",
+						className: "rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+						onClick: () => onChange({ bundleId: void 0 }),
+						type: "button",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "size-3" })
+					})
+				]
+			}) : null,
+			hasFilters ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+				className: "h-8 px-2 text-xs text-muted-foreground hover:text-foreground sm:ml-auto",
+				onClick: onClear,
+				size: "sm",
+				variant: "ghost",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { "data-icon": "inline-start" }), "Clear"]
+			}) : null
+		]
+	});
+}
+function BundleEntry({ expanded, onOpen, onToggleExpand, release }) {
+	const bundleLabel = release.bundle_id ? `bundle ${release.bundle_id}` : "the built-in app deployment";
+	const operationLabel = release.operation === "PROMOTE" ? "Promoted" : release.operation === "ROLLBACK" ? "Rollback" : null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex min-w-[240px] items-center gap-3",
+		children: [
+			release.bundle_id ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+				"aria-controls": `bundle-lineage-panel-${release.id}`,
+				"aria-expanded": expanded,
+				"aria-label": expanded ? "Hide Lineage" : "Show Lineage",
+				className: "size-8 shrink-0 touch-manipulation",
+				onClick: onToggleExpand,
+				size: "icon",
+				type: "button",
+				variant: "ghost",
+				children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, {})
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				"aria-hidden": "true",
+				className: "size-8 shrink-0"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+				"aria-label": `Open details for ${bundleLabel}`,
+				className: "min-w-0 rounded-sm text-left text-foreground transition-colors underline-offset-4 hover:text-primary hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+				onClick: onOpen,
+				title: release.bundle_id ?? release.id,
+				type: "button",
+				children: release.bundle_id ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleIdDisplay, {
+					bundleId: release.bundle_id,
+					fullOnMobile: true
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: "inline-flex items-center gap-1.5 text-sm",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RotateCcw, { className: "size-3.5" }), " Built-in app"]
+				})
+			}),
+			operationLabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+				className: "shrink-0 font-normal",
+				variant: "secondary",
+				children: operationLabel
+			}) : null,
+			release.currentlyUnreachable ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+				"aria-label": "Currently unreachable. No catalog segment or cohort selects this release first.",
+				className: "inline-flex shrink-0 items-center gap-1 text-xs text-muted-foreground",
+				title: "No catalog segment or cohort selects this release first with the current delivery settings.",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleOff, { className: "size-3.5" }), "Unreachable"]
+			}) : null
+		]
+	});
+}
+function ReleaseBundleChildrenPanel({ onDetailClick, panelId, release }) {
+	const bundleId = release.bundle_id ?? "";
+	const bundleQuery = useBundleQuery(bundleId);
+	const childrenQuery = useBundleChildrenQuery(bundleId);
+	if (bundleQuery.isError || childrenQuery.isError) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"aria-live": "polite",
+		className: "border-t bg-muted/10 p-4 text-sm text-muted-foreground",
+		id: panelId,
+		children: "Patch lineage could not be loaded."
+	});
+	if (bundleQuery.isPending) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		"aria-live": "polite",
+		className: "flex flex-col gap-2 border-t bg-muted/10 p-4",
+		id: panelId,
+		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" })]
+	});
+	if (!bundleQuery.data) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"aria-live": "polite",
+		className: "border-t bg-muted/10 p-4 text-sm text-muted-foreground",
+		id: panelId,
+		children: "Bundle details are unavailable."
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleChildrenPanel, {
+		bundle: bundleQuery.data,
+		bundles: childrenQuery.data ?? [],
+		loading: childrenQuery.isPending,
+		onDetailClick,
+		panelId
+	});
+}
+function BundlesPage() {
+	const search = Route.useSearch();
+	const navigate = Route.useNavigate();
+	const isMobile = useIsMobile();
+	const [channelsOpen, setChannelsOpen] = (0, import_react.useState)(false);
+	const [expandedReleaseId, setExpandedReleaseId] = (0, import_react.useState)();
+	const releasesQuery = useReleasesQuery({
+		afterReleaseId: search.afterReleaseId,
+		beforeReleaseId: search.beforeReleaseId,
+		bundleId: search.bundleId,
+		channelId: search.channelId,
+		enabled: search.enabled,
+		limit: PAGE_SIZE,
+		page: search.page,
+		platform: search.platform,
+		targetAppVersion: search.targetAppVersion
+	});
+	const channels = useChannelsQuery().data ?? [];
+	const releases = releasesQuery.data?.data ?? [];
+	const patchCountsByBundleId = useBundleChildCountsQuery(Array.from(new Set(releases.flatMap((release) => release.bundle_id ? [release.bundle_id] : [])))).data ?? {};
+	const pagination = releasesQuery.data?.pagination;
+	const channelNames = new Map(channels.map((channel) => [channel.id, channel.name]));
+	(0, import_react.useEffect)(() => {
+		if (expandedReleaseId && !releases.some((release) => release.id === expandedReleaseId)) setExpandedReleaseId(void 0);
+	}, [expandedReleaseId, releases]);
+	const go = (nextSearch, resetScroll = true) => void navigate({
+		resetScroll,
+		search: nextSearch,
+		to: "/"
+	});
+	const changeFilters = (filters) => go(updateReleaseFilters(search, filters));
+	const openChildBundle = (bundle) => {
+		const childRelease = releases.find((release) => release.bundle_id === bundle.id);
+		setExpandedReleaseId(void 0);
+		if (childRelease) {
+			go({
+				...search,
+				releaseId: childRelease.id
+			}, false);
+			return;
+		}
+		changeFilters({ bundleId: bundle.id });
+	};
+	const currentPage = pagination?.currentPage ?? 1;
+	const startEntry = releases.length === 0 ? 0 : (currentPage - 1) * PAGE_SIZE + 1;
+	const endEntry = startEntry === 0 ? 0 : startEntry + releases.length - 1;
+	const previousPage = currentPage - 1;
+	const firstReleaseId = releases[0]?.id;
+	const lastReleaseId = releases.at(-1)?.id;
+	const previousSearch = pagination?.hasPreviousPage && firstReleaseId ? {
+		...search,
+		afterReleaseId: firstReleaseId,
+		beforeReleaseId: void 0,
+		page: previousPage > 1 ? previousPage : void 0,
+		releaseId: void 0
+	} : null;
+	const nextSearch = pagination?.hasNextPage && lastReleaseId ? {
+		...search,
+		afterReleaseId: void 0,
+		beforeReleaseId: lastReleaseId,
+		page: currentPage + 1,
+		releaseId: void 0
+	} : null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex h-svh min-h-0 min-w-0 flex-col",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleFilterToolbar, {
+				channels,
+				onChange: changeFilters,
+				onClear: () => go({}),
+				onManageChannels: () => setChannelsOpen(true),
+				search
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex min-h-0 min-w-0 flex-1 flex-col gap-6 bg-muted/5 p-3 sm:p-6",
+				children: [releasesQuery.isError ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, {
+					variant: "destructive",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, {}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: "Bundles could not be loaded" }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDescription, { children: releasesQuery.error.message })
+					]
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "min-h-0 min-w-0 flex-1 overflow-hidden rounded-lg border bg-card text-card-foreground shadow-sm [&_[data-slot=table-container]]:h-full [&_[data-slot=table-container]]:overflow-auto",
+					children: isMobile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "h-full overflow-y-auto",
+						children: releasesQuery.isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "flex flex-col gap-3 p-4",
+							children: Array.from({ length: 5 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-44 w-full" }, index))
+						}) : releases.length ? releases.map((release) => {
+							const channelName = channelNames.get(release.channel_id) ?? release.channel_id;
+							const patchCount = release.bundle_id ? patchCountsByBundleId[release.bundle_id] : 0;
+							const isExpanded = expandedReleaseId === release.id;
+							const panelId = `bundle-lineage-panel-${release.id}`;
+							return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", {
+								className: cn("flex flex-col gap-4 border-b p-4 last:border-b-0", release.currentlyUnreachable && "bg-muted/35 saturate-50 transition-[background-color,filter] focus-within:saturate-100 motion-reduce:transition-none", isExpanded && "border-b-0 bg-primary/5"),
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "flex items-start justify-between gap-3",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleEntry, {
+										expanded: isExpanded,
+										onOpen: () => go({
+											...search,
+											releaseId: release.id
+										}, false),
+										onToggleExpand: () => setExpandedReleaseId(isExpanded ? void 0 : release.id),
+										release
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChannelBadge, {
+										channel: channelName,
+										className: "shrink-0"
+									})]
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
+									className: "grid grid-cols-2 gap-3 text-xs",
+									children: [
+										/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+											className: "rounded-md bg-muted/40 p-3",
+											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+												className: "text-muted-foreground",
+												children: "Platform"
+											}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dd", {
+												className: "mt-1 flex items-center gap-2 font-medium",
+												children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlatformIcon, {
+													className: "size-4",
+													platform: release.platform
+												}), release.platform === "ios" ? "iOS" : "Android"]
+											})]
+										}),
+										/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+											className: "rounded-md bg-muted/40 p-3",
+											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+												className: "text-muted-foreground",
+												children: "Created"
+											}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+												className: "mt-1 tabular-nums",
+												children: dateFormatter.format(release.created_at_ms)
+											})]
+										}),
+										/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+											className: "rounded-md bg-muted/40 p-3",
+											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+												className: "text-muted-foreground",
+												children: "Rollout"
+											}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+												className: "mt-1",
+												children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RolloutPercentageBadge, { percentage: release.rollout_cohort_count / 10 })
+											})]
+										}),
+										/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+											className: "rounded-md bg-muted/40 p-3",
+											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+												className: "text-muted-foreground",
+												children: "Patches"
+											}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+												className: "mt-1",
+												children: patchCount === void 0 ? "Checking" : patchCount > 0 ? `${patchCount} ${patchCount === 1 ? "patch" : "patches"}` : "—"
+											})]
+										}),
+										/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+											className: "col-span-2 rounded-md bg-muted/40 p-3",
+											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+												className: "text-muted-foreground",
+												children: "Activity · 30d"
+											}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+												className: "mt-1",
+												children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleMovementSummary, { summary: release.activity30d })
+											})]
+										}),
+										/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+											className: "col-span-2 flex flex-wrap items-center gap-2 rounded-md bg-muted/40 p-3",
+											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReleaseStateBadge, { release }), release.should_force_update ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+												variant: "secondary",
+												children: "Force update"
+											}) : null]
+										}),
+										/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+											className: "col-span-2 grid gap-2 rounded-md border bg-background/80 p-3",
+											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+												className: "flex items-start justify-between gap-3",
+												children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+													className: "text-muted-foreground",
+													children: "Target"
+												}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+													className: "min-w-0 truncate text-right font-mono",
+													children: release.target_app_version ?? release.fingerprint_hash ?? "—"
+												})]
+											}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+												className: "flex items-start justify-between gap-3",
+												children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+													className: "text-muted-foreground",
+													children: "Message"
+												}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+													className: "min-w-0 text-right text-foreground",
+													children: release.message || "—"
+												})]
+											})]
+										})
+									]
+								})]
+							}), isExpanded && release.bundle_id ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReleaseBundleChildrenPanel, {
+								onDetailClick: openChildBundle,
+								panelId,
+								release
+							}) : null] }, release.id);
+						}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+							className: "p-8 text-center text-sm text-muted-foreground",
+							children: search.bundleId || search.channelId || search.enabled !== void 0 || search.platform || search.targetAppVersion ? "No bundles match these filters." : "No bundles yet. Deploy a bundle to see it here."
+						})
+					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Table, {
+						className: "min-w-max",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHeader, {
+							className: "bg-muted/40",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, {
+								className: "border-b border-border/60 hover:bg-transparent [&>th]:h-10 [&>th]:text-xs [&>th]:font-semibold [&>th]:uppercase [&>th]:text-muted-foreground/70",
+								children: [
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Bundle ID" }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Channel" }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Platform" }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Patches" }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Target" }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Enabled" }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Force update" }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Rollout" }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+										title: "Distinct installations over the last 30 days.",
+										children: "Activity · 30d"
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Message" }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Created" })
+								]
+							})
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableBody, { children: [releasesQuery.isPending ? Array.from({ length: 7 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+							colSpan: 11,
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-8 w-full" })
+						}) }, index)) : releases.map((release) => {
+							const isExpanded = expandedReleaseId === release.id;
+							const panelId = `bundle-lineage-panel-${release.id}`;
+							return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, {
+								"aria-label": `Open bundle ${release.bundle_id ?? release.id}`,
+								className: cn("cursor-pointer transition-[background-color,filter] hover:bg-muted/10 focus-within:bg-muted/15 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring motion-reduce:transition-none data-[state=selected]:bg-muted/15 [&>td]:py-3", release.currentlyUnreachable && "bg-muted/35 saturate-50 hover:bg-muted/50 hover:saturate-100 focus-within:saturate-100", isExpanded && "bg-primary/5"),
+								"data-state": search.releaseId === release.id ? "selected" : void 0,
+								onClick: (event) => {
+									if (event.target instanceof Element && event.target.closest("button, a, input, select, textarea")) return;
+									go({
+										...search,
+										releaseId: release.id
+									}, false);
+								},
+								onKeyDown: (event) => {
+									if (event.target !== event.currentTarget || event.key !== "Enter" && event.key !== " ") return;
+									event.preventDefault();
+									go({
+										...search,
+										releaseId: release.id
+									}, false);
+								},
+								tabIndex: 0,
+								children: [
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleEntry, {
+										expanded: isExpanded,
+										onOpen: () => go({
+											...search,
+											releaseId: release.id
+										}, false),
+										onToggleExpand: () => setExpandedReleaseId(isExpanded ? void 0 : release.id),
+										release
+									}) }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChannelBadge, { channel: channelNames.get(release.channel_id) ?? release.channel_id }) }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+										className: "whitespace-nowrap",
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlatformIcon, {
+												className: "size-4",
+												platform: release.platform
+											}), release.platform === "ios" ? "iOS" : "Android"]
+										})
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: release.bundle_id && patchCountsByBundleId[release.bundle_id] === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "text-sm text-muted-foreground",
+										children: "Checking"
+									}) : release.bundle_id && patchCountsByBundleId[release.bundle_id] > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge, {
+										variant: "secondary",
+										children: [
+											patchCountsByBundleId[release.bundle_id],
+											" ",
+											patchCountsByBundleId[release.bundle_id] === 1 ? "patch" : "patches"
+										]
+									}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "text-muted-foreground",
+										children: "-"
+									}) }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: release.target_app_version ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Package, { className: "size-4 shrink-0 text-muted-foreground" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "font-medium",
+											children: release.target_app_version
+										})]
+									}) : release.fingerprint_hash ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+										className: "flex min-w-[160px] items-center gap-2",
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FingerprintPattern, { className: "size-4 shrink-0 text-muted-foreground" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HashValueDisplay, {
+											maxLength: 12,
+											value: release.fingerprint_hash
+										})]
+									}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "text-muted-foreground",
+										children: "-"
+									}) }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+										className: "flex items-center",
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(EnabledStatusIcon, { enabled: release.enabled }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "sr-only",
+											children: release.enabled ? "Enabled" : "Disabled"
+										})]
+									}) }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+										className: "flex items-center",
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(EnabledStatusIcon, {
+											enabled: release.should_force_update,
+											falseIcon: "minus"
+										}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "sr-only",
+											children: release.should_force_update ? "Required" : "Optional"
+										})]
+									}) }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RolloutPercentageBadge, { percentage: release.rollout_cohort_count / 10 }) }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleMovementSummary, { summary: release.activity30d }) }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+										className: "text-sm text-muted-foreground",
+										title: release.message ?? void 0,
+										children: release.message || "-"
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+										className: "whitespace-nowrap text-xs text-muted-foreground",
+										title: dateFormatter.format(release.created_at_ms),
+										children: tableDateFormatter.format(release.created_at_ms)
+									})
+								]
+							}), isExpanded && release.bundle_id ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableRow, {
+								className: "hover:bg-transparent",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+									className: "border-t-0 p-0",
+									colSpan: 11,
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReleaseBundleChildrenPanel, {
+										onDetailClick: openChildBundle,
+										panelId,
+										release
+									})
+								})
+							}) : null] }, release.id);
+						}), !releasesQuery.isPending && releases.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+							className: "h-40 text-center text-muted-foreground",
+							colSpan: 10,
+							children: search.bundleId || search.channelId || search.enabled !== void 0 || search.platform || search.targetAppVersion ? "No bundles match these filters." : "No bundles yet. Deploy a bundle to see it here."
+						}) }) : null] })]
+					})
+				}), !releasesQuery.isError && !releasesQuery.isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("nav", {
+					"aria-label": "Bundle pagination",
+					className: "flex flex-col gap-3 px-2 sm:flex-row sm:items-center sm:justify-between",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+						className: "text-xs font-medium text-muted-foreground",
+						children: [
+							"Showing ",
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "text-foreground",
+								children: startEntry
+							}),
+							" to",
+							" ",
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "text-foreground",
+								children: endEntry
+							}),
+							" entries"
+						]
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex flex-wrap items-center gap-3 sm:justify-end",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+								className: "text-xs font-medium text-muted-foreground",
+								children: ["Page ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "text-foreground",
+									children: currentPage
+								})]
+							}),
+							previousSearch ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
+								className: buttonVariants({
+									className: "h-8 flex-1 px-3 text-xs sm:flex-none",
+									size: "sm",
+									variant: "outline"
+								}),
+								search: previousSearch,
+								to: "/",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronLeft, { "data-icon": "inline-start" }), "Previous"]
+							}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+								className: "h-8 flex-1 px-3 text-xs sm:flex-none",
+								disabled: true,
+								size: "sm",
+								variant: "outline",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronLeft, { "data-icon": "inline-start" }), "Previous"]
+							}),
+							nextSearch ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
+								className: buttonVariants({
+									className: "h-8 flex-1 px-3 text-xs sm:flex-none",
+									size: "sm",
+									variant: "outline"
+								}),
+								search: nextSearch,
+								to: "/",
+								children: ["Next", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { "data-icon": "inline-end" })]
+							}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+								className: "h-8 flex-1 px-3 text-xs sm:flex-none",
+								disabled: true,
+								size: "sm",
+								variant: "outline",
+								children: ["Next", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { "data-icon": "inline-end" })]
+							})
+						]
+					})]
+				}) : null]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReleaseEditorSheet, {
+				channels,
+				onOpenChange: (open) => !open && go({
+					...search,
+					releaseId: void 0
+				}, false),
+				open: Boolean(search.releaseId),
+				releaseId: search.releaseId ?? ""
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChannelManagementDialog, {
+				onOpenChange: setChannelsOpen,
+				open: channelsOpen
+			})
+		]
+	});
+}
+//#endregion
+export { BundlesPage as component };