@hot-updater/console 1.0.0-rc.9 → 1.0.0

package/.output/server/_ssr/{routes-DY-vqU6R.mjs → routes-DgvnFqDy.mjs}

@@ -1,36 +1,29 @@
 import { i as __toESM } from "../_runtime.mjs";
-import { $ as DialogBackdrop, G as DialogRoot, J as DialogTitle, Q as DialogClose, X as DialogPopup, Y as DialogPortal, Z as DialogDescription, a as SliderTrack, ht as require_react, i as SliderThumb, mt as require_jsx_runtime, n as SwitchRoot, o as SliderControl, r as SliderIndicator, s as SliderRoot, t as SwitchThumb } from "../_libs/@base-ui/react+[...].mjs";
-import { D as Download, E as ExternalLink, F as Check, M as ChevronRight, N as ChevronLeft, P as ChevronDown, R as ArrowRight, T as FingerprintPattern, a as Tag, b as LoaderCircle, d as RotateCcw, h as Package, i as Tags, k as CircleOff, n as TriangleAlert, p as Plus, r as Trash2, t as X, v as Minus, w as Funnel, x 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 } from "./createSsrRpc-CdlfejmI.mjs";
-import { m as Link } from "../_libs/@tanstack/react-router+[...].mjs";
-import { n as useQuery } from "../_libs/tanstack__react-query.mjs";
-import { a as Badge, c as CardDescription, d as CardTitle, i as AlertTitle, o as Card, r as AlertDescription, s as CardContent, t as Alert, u as CardHeader } from "./card-Bemj0dpY.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-CKvQ4VIE.mjs";
-import { a as FieldLabel, i as FieldGroup, n as FieldDescription, o as Label, r as FieldError, t as Field } from "./field-BrQ2u0fT.mjs";
-import { a as TableHeader, i as TableHead, n as TableBody, o as TableRow, r as TableCell, t as Table } from "./table-CTj6n-4F.mjs";
+import { _t as require_react, a as SliderIndicator, c as SliderControl, gt as require_jsx_runtime, l as SliderRoot, o as SliderThumb, s as SliderTrack } from "../_libs/@base-ui/react+[...].mjs";
+import { C as Minus, E as List, F as Download, G as Check, H as ChevronRight, M as FingerprintPattern, P as ExternalLink, R as CircleOff, T as LoaderCircle, U as ChevronLeft, W as ChevronDown, Z as ArrowRight, _ as Plus, a as Trash2, b as Package, h as RotateCcw, i as TriangleAlert, j as Funnel, o as Tags, s as Tag, t as X } from "../_libs/lucide-react.mjs";
+import { C as Skeleton, O as buttonVariants, S as SidebarTrigger, a as SheetContent, c as SheetTitle, i as Sheet, j as useIsMobile, k as cn, n as Input, o as SheetDescription, r as Separator$1, s as SheetHeader, t as Button$1 } from "./sidebar-DJcErBMo.mjs";
+import { a as Badge, c as CardDescription, d as CardTitle, f as Field, g as FieldLabel, h as FieldGroup, i as AlertTitle, m as FieldError, o as Card, p as FieldDescription, r as AlertDescription, s as CardContent, t as Alert, u as CardHeader, y as Label } from "./field-asw83X0v.mjs";
+import { a as AlertDialogDescription, i as AlertDialogContent, l as AlertDialogTitle, n as AlertDialogAction, o as AlertDialogFooter, r as AlertDialogCancel, s as AlertDialogHeader, t as AlertDialog$1 } from "./alert-dialog-C43Doa0I.mjs";
+import { a as DialogHeader, i as DialogFooter, n as DialogContent, o as DialogTitle, r as DialogDescription, s as DialogTrigger, t as Dialog$1 } from "./dialog-BbYDMjdC.mjs";
+import { a as TableHeader, i as TableHead, n as TableBody, o as TableRow, r as TableCell, t as Table } from "./table-37Dd23TN.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-CyzPaI5v.mjs";
-import { r as extractTimestampFromUUIDv7, t as createUUIDv7 } from "./uuidv7-D0QFkPL_.mjs";
-import { a as Area, i as XAxis, r as YAxis, s as CartesianGrid, t as AreaChart } from "../_libs/recharts+[...].mjs";
-import { _ as usePromoteReleaseMutation, a as ChartTooltipContent, b as useReleasesQuery, c as useBundleChildCountsQuery, d as useChannelsQuery, f as useConfigQuery, g as usePreflightReleaseMutation, h as useDeleteReleaseMutation, i as ChartTooltip, l as useBundleChildrenQuery, m as useDeleteChannelMutation, n as ChartLegend, o as getBundleActivityRpc, p as useCreateChannelMutation, r as ChartLegendContent, s as getRecoveryReportRpc, t as ChartContainer, u as useBundleQuery, v as useReleaseCatalogDiagnosticsQuery, x as useUpdateReleaseMutation, y as useReleaseQuery } from "./api-BfCgYlj5.mjs";
-import { a as SelectItem, i as SelectGroup, n as Select$1, o as SelectTrigger, r as SelectContent, s as SelectValue, t as PlatformIcon } from "./select-DD2szs3Y.mjs";
-import { a as InputGroupText, i as InputGroupInput, n as InputGroupAddon, o as Textarea, t as InputGroup } from "./input-group-BrGSjz4S.mjs";
-import { t as HashValueDisplay } from "./HashValueDisplay-CyMmr0O9.mjs";
-import { n as updateReleaseFilters, t as Route } from "./routes-Dru3IRj0.mjs";
+import { h as Link } from "../_libs/@tanstack/react-router+[...].mjs";
+import { E as normalizeRolloutCohortCount, T as normalizeCohortValue, _ as getPatchBaseBundleId, h as getNumericCohortRolloutPosition, i as NUMERIC_COHORT_SIZE, t as INVALID_COHORT_ERROR_MESSAGE, v as getPatchBaseFileHash, w as isValidCohort, y as getPatchFileHash } from "./dist-CbQbBIw-.mjs";
+import { r as extractTimestampFromUUIDv7 } from "./uuidv7-C88s9jWF.mjs";
+import { n as normalizeRange } from "../_libs/verkit.mjs";
+import { a as SelectItem, i as SelectGroup, n as Select$1, o as SelectTrigger, r as SelectContent, s as SelectValue, t as PlatformIcon } from "./select-t3iXRwc9.mjs";
+import { a as InputGroupText, i as InputGroupInput, n as InputGroupAddon, o as Textarea, t as InputGroup } from "./input-group-CuYJHosb.mjs";
+import { a as useConfigQuery, c as useDeleteReleaseMutation, d as useReleaseCatalogDiagnosticsQuery, f as useReleaseQuery, i as useChannelsQuery, l as usePreflightReleaseMutation, m as useUpdateReleaseMutation, n as useBundleChildrenQuery, o as useCreateChannelMutation, p as useReleasesQuery, r as useBundleQuery, s as useDeleteChannelMutation, t as useBundleChildCountsQuery, u as usePromoteReleaseMutation } from "./api-oZjRn9tP.mjs";
+import { t as BundleIdDisplay } from "./BundleIdDisplay-x94o9rlU.mjs";
+import { t as HashValueDisplay } from "./HashValueDisplay-n1GholGS.mjs";
+import { n as useDialogTarget, t as Switch$1 } from "./switch-E-btwMGt.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-DY-vqU6R.js
+import { a as updateReleaseFilters, i as releaseFilterOf, n as Route, r as hasReleaseFilters, s as useReleaseColumns, t as ReleaseSections } from "./routes-V8sDybGf.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/routes-DgvnFqDy.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());
-function BundleIdDisplay({ bundleId, className }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-		translate: "no",
-		className: cn("break-all font-mono text-xs tabular-nums", className),
-		children: bundleId
-	});
-}
 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",
@@ -259,190 +252,10 @@ function BundleChildrenPanel({ panelId, bundle, bundles, loading, onDetailClick
 		})
 	});
 }
-var config = {
-	active: {
-		label: "Active",
-		color: "var(--chart-2)"
-	},
-	recoveredInstallations: {
-		label: "Rollback",
-		color: "var(--muted-foreground)"
-	}
-};
-var formatDate = (ms) => new Intl.DateTimeFormat("en", {
-	month: "short",
-	day: "numeric",
-	hour: "numeric",
-	timeZone: "UTC"
-}).format(ms);
-function BundleActivityChart({ series }) {
-	if (!series) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-		className: "flex h-16 items-center justify-center border-t text-xs text-muted-foreground sm:h-20",
-		children: "No reports in 24 hours. Check again after the app reports activity."
-	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "border-t pt-3",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, {
-			"aria-label": "Bundle activity over 24 hours, UTC",
-			className: "h-32 w-full aspect-auto sm:h-40",
-			config,
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AreaChart, {
-				accessibilityLayer: true,
-				data: series.points,
-				margin: {
-					left: -16,
-					right: 4,
-					top: 4
-				},
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CartesianGrid, { vertical: false }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(XAxis, {
-						axisLine: false,
-						dataKey: "startMs",
-						minTickGap: 28,
-						tickFormatter: formatDate,
-						tickLine: false
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(YAxis, {
-						allowDecimals: false,
-						axisLine: false,
-						tickLine: false,
-						width: 40
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartLegend, { content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartLegendContent, {}) }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartTooltip, { content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartTooltipContent, { labelFormatter: (_, payload) => `${formatDate(payload[0]?.payload.startMs)} · UTC` }) }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Area, {
-						dataKey: "active",
-						dot: { r: 2 },
-						fill: "var(--color-active)",
-						fillOpacity: .12,
-						isAnimationActive: false,
-						stroke: "var(--color-active)",
-						strokeWidth: 2,
-						type: "linear"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Area, {
-						dataKey: "recoveredInstallations",
-						fill: "var(--color-recoveredInstallations)",
-						fillOpacity: .04,
-						isAnimationActive: false,
-						stroke: "var(--color-recoveredInstallations)",
-						strokeWidth: 1.5,
-						type: "linear"
-					})
-				]
-			})
-		})
-	});
-}
-function BundleMovementSummary({ report, loading = false }) {
-	if (!report) return loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, {
-		"aria-label": "Loading bundle activity",
-		className: "h-4 w-32"
-	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-		"aria-label": "30-day bundle activity unavailable",
-		className: "text-sm text-muted-foreground",
-		children: "—"
-	});
-	const series = report.series[0];
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		role: "group",
-		"aria-label": "Bundle activity over 30 days",
-		title: report.truncated ? "Partial history. Counts include only the available reports." : "Active: last observed ID per installation. Rollbacks: distinct installations recovered from this ID in 30 days.",
-		className: "flex min-w-[140px] items-baseline gap-3 whitespace-nowrap",
-		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: "Active"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: "text-sm font-medium tabular-nums",
-					children: series?.activeInstallations ?? 0
-				})]
-			}),
-			/* @__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: "Rollback"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: "text-sm font-medium tabular-nums",
-					children: series?.recoveredInstallations ?? 0
-				})]
-			}),
-			report.truncated ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: "text-xs text-muted-foreground",
-				children: "Partial"
-			}) : null
-		]
-	});
-}
-function BundleInsightsSummary({ input }) {
-	const activityInput = {
-		...input,
-		window: "24h"
-	};
-	const query = useQuery({
-		queryKey: ["rollout-activity", activityInput],
-		queryFn: () => getRecoveryReportRpc({ data: activityInput }),
-		staleTime: 3e4
-	});
-	const report = query.data;
-	const series = report?.series[0];
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardHeader, {
-		className: "px-4 pt-4 pb-3",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
-			className: "text-sm font-medium",
-			children: "Activity · 24 hours"
-		})
-	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, {
-		className: "flex flex-col gap-3 px-4 pb-4",
-		children: query.isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, {
-			"aria-label": "Loading bundle activity",
-			className: "h-32 w-full"
-		}) : query.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "flex items-center justify-between gap-3 text-sm text-muted-foreground",
-			children: ["Insights unavailable", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
-				variant: "outline",
-				size: "sm",
-				onClick: () => void query.refetch(),
-				children: "Retry"
-			})]
-		}) : /* @__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.jsxs)("div", {
-					className: "pr-4",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
-						className: "text-xs text-muted-foreground",
-						children: "Active"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
-						className: "mt-1 text-xl font-semibold tabular-nums",
-						children: series?.activeInstallations ?? 0
-					})]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "pl-4",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
-						className: "text-xs text-muted-foreground",
-						children: "Rollback · 24h"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
-						className: "mt-1 text-xl font-semibold tabular-nums",
-						children: series?.recoveredInstallations ?? 0
-					})]
-				})]
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleActivityChart, { series }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
-				className: "text-xs text-muted-foreground",
-				children: ["Last observed active installations · hourly rollbacks", report?.truncated ? " · Partial history" : ""]
-			})
-		] })
-	})] });
-}
 function ChannelManagementDialog({ open, onOpenChange }) {
 	const [channelName, setChannelName] = (0, import_react.useState)("");
 	const [channelToDelete, setChannelToDelete] = (0, import_react.useState)(null);
+	const shownChannelToDelete = useDialogTarget(channelToDelete);
 	const { data: channels = [], isPending: isLoadingChannels } = useChannelsQuery();
 	const createChannel = useCreateChannelMutation();
 	const deleteChannel = useDeleteChannelMutation();
@@ -451,13 +264,7 @@ function ChannelManagementDialog({ open, onOpenChange }) {
 		event.preventDefault();
 		if (!normalizedName || createChannel.isPending) return;
 		try {
-			const result = await createChannel.mutateAsync({
-				row: {
-					id: createUUIDv7(),
-					name: normalizedName
-				},
-				onConflict: "returnExisting"
-			});
+			const result = await createChannel.mutateAsync({ name: normalizedName });
 			setChannelName("");
 			if (result.inserted) toast.success(`Channel ${result.row.name} created`);
 			else toast.info(`Channel ${result.row.name} already exists`);
@@ -485,10 +292,10 @@ function ChannelManagementDialog({ 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, {
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogTitle, {
 					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 bundle uses them. Empty channels remain available until you delete them." })] }),
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription, { children: "Create deployment channels and remove them when no bundle 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, {
@@ -565,7 +372,7 @@ function ChannelManagementDialog({ open, onOpenChange }) {
 		},
 		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,
+			shownChannelToDelete?.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,
@@ -623,7 +430,7 @@ function BundleMetadata({ bundle, release }) {
 	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 || hbcPatchBaseFileHash || hbcPatchFileHash)) return null;
+	if (!(target || bundle?.gitCommitHash || bundle?.manifestFileHash || 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, {
@@ -661,11 +468,11 @@ function BundleMetadata({ bundle, release }) {
 						}) : null]
 					})
 				}) : null,
-				bundle?.fileHash ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
-					label: "Bundle hash",
+				bundle?.manifestFileHash ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
+					label: "Manifest hash",
 					value: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HashValueDisplay, {
 						maxLength: 16,
-						value: bundle.fileHash
+						value: bundle.manifestFileHash
 					})
 				}) : null,
 				hbcPatchBaseFileHash ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
@@ -779,7 +586,7 @@ function RolloutCohortsDialog({ releaseId, rolloutCohortCount, targetCohorts })
 			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: [
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle, { children: "Rolled out cohorts" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogDescription, { children: [
 						rolloutPercentage,
 						"% includes ",
 						selectedCount,
@@ -800,7 +607,7 @@ function RolloutCohortsDialog({ releaseId, rolloutCohortCount, targetCohorts })
 				})
 			]
 		}) : /* @__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: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle, { children: "Rolled out cohorts" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogDescription, { children: [
 				rolloutPercentage,
 				"% includes ",
 				selectedCount,
@@ -815,66 +622,6 @@ function RolloutCohortsDialog({ releaseId, rolloutCohortCount, targetCohorts })
 		] })
 	})] });
 }
-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, {
@@ -902,17 +649,6 @@ function Slider$1({ className, defaultValue, value, min = 0, max = 100, ...props
 		})
 	});
 }
-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"
@@ -995,7 +731,7 @@ function RolloutPercentageInput({ value, onChange }) {
 		})]
 	});
 }
-function ReleaseEditorSheet({ channels, onOpenChange, open, releaseId }) {
+function ReleaseEditorSheet({ channels, onOpenChange, onShowScope, open, releaseId }) {
 	const releaseQuery = useReleaseQuery(releaseId);
 	const release = releaseQuery.data;
 	const bundleQuery = useBundleQuery(release?.bundle_id ?? "");
@@ -1133,7 +869,7 @@ function ReleaseEditorSheet({ channels, onOpenChange, open, releaseId }) {
 											maxLength: 18
 										}), !release.bundle_id ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 											className: "text-xs text-foreground",
-											children: "Built-in app"
+											children: "Built-in bundle"
 										}) : null]
 									})]
 								}),
@@ -1174,10 +910,11 @@ function ReleaseEditorSheet({ channels, onOpenChange, open, releaseId }) {
 					}) : 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: [
-							channelName ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleInsightsSummary, { input: {
+							channelName ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReleaseSections, { release: {
 								platform: release.platform,
 								channel: channelName,
-								releaseId: release.id
+								releaseId: release.id,
+								builtIn: !release.bundle_id
 							} }) : null,
 							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
 								"aria-labelledby": "delivery-settings-heading",
@@ -1342,7 +1079,7 @@ function ReleaseEditorSheet({ channels, onOpenChange, open, releaseId }) {
 									}),
 									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
 										className: "w-full",
-										disabled: release.kind !== "BUNDLE" || busy,
+										disabled: !release.bundle_id || busy,
 										onClick: () => setShowPromote(true),
 										size: "sm",
 										variant: "outline",
@@ -1357,7 +1094,7 @@ function ReleaseEditorSheet({ channels, onOpenChange, open, releaseId }) {
 										},
 										size: "sm",
 										variant: "outline",
-										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Download, { "data-icon": "inline-start" }), "Download bundle"]
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Download, { "data-icon": "inline-start" }), "Download manifest"]
 									}) : null,
 									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
 										className: "w-full",
@@ -1396,7 +1133,7 @@ function ReleaseEditorSheet({ channels, onOpenChange, open, releaseId }) {
 												className: "sm:col-span-2",
 												children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Artifact ID" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
 													className: "mt-1 break-all font-mono text-foreground",
-													children: release.bundle_id ?? "Built-in app"
+													children: release.bundle_id ?? "Built-in bundle"
 												})]
 											}),
 											/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "Revision" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
@@ -1420,10 +1157,20 @@ function ReleaseEditorSheet({ channels, onOpenChange, open, releaseId }) {
 											})] }),
 											/* @__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
-												})]
+												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
+													}),
+													onShowScope ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+														className: "mt-1 h-auto px-0 text-xs",
+														onClick: () => onShowScope(release.scope_key),
+														size: "sm",
+														variant: "link",
+														children: "Show bundles for this target"
+													}) : null
+												]
 											})
 										]
 									}),
@@ -1482,7 +1229,7 @@ function ReleaseEditorSheet({ channels, onOpenChange, open, releaseId }) {
 			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)(DialogHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle, { children: "Promote to Channel" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription, { 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", {
@@ -1587,28 +1334,26 @@ function RolloutPercentageBadge({ percentage, className }) {
 		]
 	});
 }
-function useBundleActivityQuery(inputs) {
-	const sorted = [...inputs].sort((a, b) => a.releaseId.localeCompare(b.releaseId));
-	return useQuery({
-		queryKey: ["bundle-activity", sorted],
-		queryFn: () => getBundleActivityRpc({ data: sorted }),
-		enabled: sorted.length > 0,
-		staleTime: 3e4
-	});
-}
 var PAGE_SIZE = 20;
-var platformFilterItems = [
+var platformFilterItems = [{
+	label: "iOS",
+	value: "ios"
+}, {
+	label: "Android",
+	value: "android"
+}];
+var statusFilterItems = [
 	{
-		label: "All Platforms",
+		label: "Any Status",
 		value: "all"
 	},
 	{
-		label: "iOS",
-		value: "ios"
+		label: "Enabled",
+		value: "enabled"
 	},
 	{
-		label: "Android",
-		value: "android"
+		label: "Disabled",
+		value: "disabled"
 	}
 ];
 var dateFormatter = new Intl.DateTimeFormat(void 0, {
@@ -1616,9 +1361,17 @@ var dateFormatter = new Intl.DateTimeFormat(void 0, {
 	timeStyle: "short"
 });
 var tableDateFormatter = new Intl.DateTimeFormat(void 0, { dateStyle: "medium" });
+/**
+* Opens a bundle from a click anywhere on its row or card, except on a
+* control inside it, which keeps its own action.
+*/
+var openOutsideControls = (open) => (event) => {
+	if (event.target instanceof Element && event.target.closest("button, a, input, select, textarea")) return;
+	open();
+};
 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 hasFilters = hasReleaseFilters(search);
+	const channelSelected = search.channelId !== void 0;
 	const channelFilterItems = [{
 		label: "All Channels",
 		value: "all"
@@ -1626,12 +1379,6 @@ function BundleFilterToolbar({ channels, onChange, onClear, onManageChannels, se
 		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: [
@@ -1647,40 +1394,6 @@ function BundleFilterToolbar({ channels, onChange, onClear, onManageChannels, se
 					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 }),
@@ -1697,6 +1410,48 @@ function BundleFilterToolbar({ channels, onChange, onClear, onManageChannels, se
 					children: channel.name
 				}, channel.id))] }) })]
 			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+				disabled: !channelSelected,
+				items: platformFilterItems,
+				onValueChange: (value) => onChange({ platform: value === "android" ? "android" : "ios" }),
+				value: search.platform ?? "ios",
+				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]",
+					title: channelSelected ? void 0 : "Choose a channel first",
+					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: "ios",
+					children: "iOS"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+					value: "android",
+					children: "Android"
+				})] }) })]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+				disabled: !channelSelected && search.scopeKey === void 0,
+				items: statusFilterItems,
+				onValueChange: (value) => onChange({ enabled: value === "enabled" ? true : value === "disabled" ? false : void 0 }),
+				value: search.enabled === void 0 ? "all" : search.enabled ? "enabled" : "disabled",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
+					"aria-label": "Status",
+					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: "Any Status"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+						value: "enabled",
+						children: "Enabled"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+						value: "disabled",
+						children: "Disabled"
+					})
+				] }) })]
+			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
 				"aria-label": "Manage channels",
 				onClick: onManageChannels,
@@ -1716,6 +1471,17 @@ function BundleFilterToolbar({ channels, onChange, onClear, onManageChannels, se
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "size-3" })
 				})]
 			}) : null,
+			search.scopeKey ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge, {
+				className: "max-w-48 gap-1",
+				variant: "secondary",
+				children: ["Target filter", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					"aria-label": "Clear target filter",
+					className: "rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+					onClick: () => onChange({ scopeKey: 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,
@@ -1757,7 +1523,7 @@ function BundleEntry({ expanded, onOpen, onToggleExpand, release }) {
 					fullOnMobile: true
 				}), !release.bundle_id ? /* @__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"]
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RotateCcw, { className: "size-3.5" }), " Built-in bundle"]
 				}) : null]
 			}),
 			operationLabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
@@ -1766,9 +1532,9 @@ function BundleEntry({ expanded, onOpen, onToggleExpand, release }) {
 				children: operationLabel
 			}) : null,
 			release.currentlyUnreachable ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-				"aria-label": "Currently unreachable. No catalog segment or cohort selects this bundle first.",
+				"aria-label": "Unreachable: no device gets this bundle with the current delivery settings.",
 				className: "inline-flex shrink-0 items-center gap-1 text-xs text-muted-foreground",
-				title: "No catalog segment or cohort selects this bundle first with the current delivery settings.",
+				title: "No device gets this bundle with the current delivery settings.",
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleOff, { className: "size-3.5" }), "Unreachable"]
 			}) : null
 		]
@@ -1813,26 +1579,25 @@ function BundlesPage() {
 	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
+		filter: releaseFilterOf(search),
+		limit: PAGE_SIZE
 	});
 	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 activityQuery = useBundleActivityQuery(releases.flatMap((release) => {
+	const nextCursor = releasesQuery.data?.next;
+	const previousCursor = releasesQuery.data?.previous;
+	const slotReleases = releases.flatMap((release) => {
 		const channel = channels.find((item) => item.id === release.channel_id)?.name;
 		return channel ? [{
 			releaseId: release.id,
 			platform: release.platform,
-			channel
+			channel,
+			builtIn: !release.bundle_id
 		}] : [];
-	}));
+	});
+	const featureColumns = useReleaseColumns();
+	const columnCount = 10 + featureColumns.length;
 	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);
@@ -1855,26 +1620,25 @@ function BundlesPage() {
 		}
 		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 ? {
+	const onLaterPage = search.afterReleaseId !== void 0 || search.beforeReleaseId !== void 0;
+	const previousSearch = previousCursor ? {
 		...search,
-		afterReleaseId: firstReleaseId,
+		afterReleaseId: previousCursor,
 		beforeReleaseId: void 0,
-		page: previousPage > 1 ? previousPage : void 0,
 		releaseId: void 0
 	} : null;
-	const nextSearch = pagination?.hasNextPage && lastReleaseId ? {
+	const nextSearch = nextCursor ? {
 		...search,
 		afterReleaseId: void 0,
-		beforeReleaseId: lastReleaseId,
-		page: currentPage + 1,
+		beforeReleaseId: nextCursor,
 		releaseId: void 0
 	} : null;
+	const newestSearch = {
+		...search,
+		afterReleaseId: void 0,
+		beforeReleaseId: void 0,
+		releaseId: void 0
+	};
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "flex h-svh min-h-0 min-w-0 flex-col",
 		children: [
@@ -1907,7 +1671,13 @@ function BundlesPage() {
 							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"),
+								"aria-label": `Bundle ${release.id}`,
+								className: cn("flex cursor-pointer touch-manipulation flex-col gap-4 border-b p-4 transition-[background-color,filter] last:border-b-0 hover:bg-muted/10 active:bg-muted/20 motion-reduce:transition-none data-[state=selected]:bg-muted/15", release.currentlyUnreachable && "bg-muted/35 saturate-50 hover:bg-muted/50 hover:saturate-100 focus-within:saturate-100", isExpanded && "border-b-0 bg-primary/5"),
+								"data-state": search.releaseId === release.id ? "selected" : void 0,
+								onClick: openOutsideControls(() => go({
+									...search,
+									releaseId: release.id
+								}, false)),
 								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 									className: "flex items-start justify-between gap-3",
 									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleEntry, {
@@ -1968,16 +1738,16 @@ function BundlesPage() {
 												children: patchCount === void 0 ? "Checking" : patchCount > 0 ? `${patchCount} ${patchCount === 1 ? "patch" : "patches"}` : "—"
 											})]
 										}),
-										/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+										featureColumns.map(({ Cell, feature, label }) => /* @__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: "mb-2 text-muted-foreground",
-												children: "Activity · 30d"
-											}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleMovementSummary, {
-												report: activityQuery.data?.[release.id],
-												loading: activityQuery.isFetching
+												children: label
+											}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Cell, {
+												releaseId: release.id,
+												releases: slotReleases
 											}) })]
-										}),
+										}, feature)),
 										/* @__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, {
@@ -1986,7 +1756,7 @@ function BundlesPage() {
 											}) : null]
 										}),
 										/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-											className: "col-span-2 grid gap-2 rounded-md border bg-background/80 p-3",
+											className: "col-span-2 grid grid-cols-1 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", {
@@ -2016,7 +1786,7 @@ function BundlesPage() {
 							}) : 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 an update to see it here."
+							children: onLaterPage ? "No more bundles on this side." : hasReleaseFilters(search) ? "No bundles match these filters." : "No bundles yet. Deploy an update to see it here."
 						})
 					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Table, {
 						className: "min-w-max",
@@ -2033,13 +1803,13 @@ function BundlesPage() {
 									/* @__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, { children: "Activity · 30d" }),
+									featureColumns.map(({ feature, label }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: label }, feature)),
 									/* @__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,
+							colSpan: columnCount,
 							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-8 w-full" })
 						}) }, index)) : releases.map((release) => {
 							const isExpanded = expandedReleaseId === release.id;
@@ -2048,13 +1818,10 @@ function BundlesPage() {
 								"aria-label": `Open bundle ${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);
-								},
+								onClick: openOutsideControls(() => go({
+									...search,
+									releaseId: release.id
+								}, false)),
 								onKeyDown: (event) => {
 									if (event.target !== event.currentTarget || event.key !== "Enter" && event.key !== " ") return;
 									event.preventDefault();
@@ -2133,10 +1900,10 @@ function BundlesPage() {
 										})]
 									}) }),
 									/* @__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, {
-										report: activityQuery.data?.[release.id],
-										loading: activityQuery.isFetching
-									}) }),
+									featureColumns.map(({ Cell, feature }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Cell, {
+										releaseId: release.id,
+										releases: slotReleases
+									}) }, feature)),
 									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
 										className: "text-sm text-muted-foreground",
 										title: release.message ?? void 0,
@@ -2152,7 +1919,7 @@ function BundlesPage() {
 								className: "hover:bg-transparent",
 								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
 									className: "border-t-0 p-0",
-									colSpan: 11,
+									colSpan: columnCount,
 									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReleaseBundleChildrenPanel, {
 										onDetailClick: openChildBundle,
 										panelId,
@@ -2162,8 +1929,8 @@ function BundlesPage() {
 							}) : 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: 11,
-							children: search.bundleId || search.channelId || search.enabled !== void 0 || search.platform || search.targetAppVersion ? "No bundles match these filters." : "No bundles yet. Deploy an update to see it here."
+							colSpan: columnCount,
+							children: onLaterPage ? "No more bundles on this side." : hasReleaseFilters(search) ? "No bundles match these filters." : "No bundles yet. Deploy an update to see it here."
 						}) }) : null] })]
 					})
 				}), !releasesQuery.isError && !releasesQuery.isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("nav", {
@@ -2172,29 +1939,27 @@ function BundlesPage() {
 					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
+								children: releases.length
 							}),
-							" to",
 							" ",
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-								className: "text-foreground",
-								children: endEntry
-							}),
-							" entries"
+							releases.length === 1 ? "entry" : "entries",
+							", newest first"
 						]
 					}), /* @__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
-								})]
-							}),
+							onLaterPage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
+								className: buttonVariants({
+									className: "h-8 flex-1 px-3 text-xs sm:flex-none",
+									size: "sm",
+									variant: "ghost"
+								}),
+								search: newestSearch,
+								to: "/",
+								children: "Newest"
+							}) : null,
 							previousSearch ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
 								className: buttonVariants({
 									className: "h-8 flex-1 px-3 text-xs sm:flex-none",
@@ -2237,6 +2002,7 @@ function BundlesPage() {
 					...search,
 					releaseId: void 0
 				}, false),
+				onShowScope: (scopeKey) => changeFilters({ scopeKey }),
 				open: Boolean(search.releaseId),
 				releaseId: search.releaseId ?? ""
 			}),