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

package/.output/server/_ssr/{routes-D7Yh_jfj.mjs → routes-C6LstNp8.mjs}

@@ -1,22 +1,23 @@
-import { r as __toESM } from "../_runtime.mjs";
-import { c as createServerFn } from "./createServerFn-B2hcXoPM.mjs";
-import { A as DialogDescription, D as DialogTitle, J as require_react, M as DialogBackdrop, O as DialogPortal, _ as SelectPortal, a as SliderTrack, b as SelectTrigger$1, c as SelectGroup$1, d as SelectItemText, f as SelectItemIndicator, g as SelectPositioner, h as SelectPopup, i as SliderThumb, j as DialogClose, k as DialogPopup, l as SelectScrollUpArrow, m as SelectList, n as SwitchRoot, o as SliderControl, p as SelectItem$1, q as require_jsx_runtime, r as SliderIndicator, s as SliderRoot, t as SwitchThumb, u as SelectScrollDownArrow, v as SelectIcon, w as DialogRoot, x as SelectRoot, y as SelectValue$1 } from "../_libs/@base-ui/react+[...].mjs";
-import { A as ChevronUp, C as Funnel, E as Download, L as ArrowRight, M as ChevronLeft, N as ChevronDown, O as CircleOff, P as Check, T as ExternalLink, a as Tag, b as List, f as Plus, i as Tags, j as ChevronRight, m as Package, n as TriangleAlert, r as Trash2, t as X, u as RotateCcw, v as Minus, w as FingerprintPattern, y as LoaderCircle } 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, w as createSsrRpc } from "./createSsrRpc-DjWNJ0uc.mjs";
-import { m as Link } from "../_libs/@tanstack/react-router+[...].mjs";
-import { i as useQueryClient, n as useQuery, t as useMutation } 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-BRiPmi0C.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-DS-nw-pA.mjs";
-import { a as FieldLabel, c as TableBody, d as TableHeader, f as TableRow, i as FieldGroup, l as TableCell, n as FieldDescription, o as Label, r as FieldError, s as Table, t as Field, u as TableHead } from "./table-CnZmon_Z.mjs";
+import { i as __toESM } from "../_runtime.mjs";
+import { a as SliderTrack, i as SliderThumb, mt as require_react, n as SwitchRoot, o as SliderControl, pt as require_jsx_runtime, r as SliderIndicator, s as SliderRoot, t as SwitchThumb } from "../_libs/@base-ui/react+[...].mjs";
+import { C as Funnel, E as Download, F as Check, M as ChevronRight, N as ChevronLeft, O as CircleOff, P as ChevronDown, R as ArrowRight, T as ExternalLink, _ as Minus, a as Tag, b as List, f as Plus, i as Tags, m as Package, n as TriangleAlert, r as Trash2, t as X, u as RotateCcw, w as FingerprintPattern, y as LoaderCircle } from "../_libs/lucide-react.mjs";
+import { A as useIsMobile, D as buttonVariants, O as cn, S as Skeleton, a as SheetContent, c as SheetTitle, i as Sheet, n as Input, o as SheetDescription, r as Separator$1, s as SheetHeader, t as Button$1, x as SidebarTrigger } from "./sidebar-DKbx2ach.mjs";
+import { h as Link } from "../_libs/@tanstack/react-router+[...].mjs";
+import { a as CardHeader, n as CardContent, o as CardTitle, r as CardDescription, t as Card } from "./card-CPAEKx0w.mjs";
+import { a as Badge, c as FieldError, d as Label, i as AlertTitle, l as FieldGroup, o as Field, r as AlertDescription, s as FieldDescription, t as Alert, u as FieldLabel } from "./field-QCDBVpXA.mjs";
+import { _ as DialogTrigger, a as AlertDialogDescription, d as Dialog$1, f as DialogContent, g as DialogTitle, h as DialogHeader, i as AlertDialogContent, l as AlertDialogTitle, m as DialogFooter, n as AlertDialogAction, o as AlertDialogFooter, p as DialogDescription, r as AlertDialogCancel, s as AlertDialogHeader, t as AlertDialog$1 } from "./dialog-q__BJ7mQ.mjs";
+import { a as TableHeader, i as TableHead, n as TableBody, o as TableRow, r as TableCell, t as Table } from "./table-NGWV8B-S.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 { t as HashValueDisplay } from "./HashValueDisplay-DwpGLfrl.mjs";
-import { a as InputGroupText, i as InputGroupInput, n as InputGroupAddon, o as Textarea, t as InputGroup } from "./input-group-BpsnmvZw.mjs";
-import { n as updateReleaseFilters, t as Route } from "./routes-CKrrS2q2.mjs";
-import { n as require_dayjs_min, t as require_relativeTime } from "../_libs/dayjs.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-Cxo9ghYv.mjs";
+import { r as extractTimestampFromUUIDv7 } from "./uuidv7-C8bwiZr8.mjs";
 import { t as normalizeRange } from "../_libs/verkit.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/routes-D7Yh_jfj.js
+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-BEiVs0H7.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-CUlInmjk.mjs";
+import { a as InputGroupText, i as InputGroupInput, n as InputGroupAddon, o as Textarea, t as InputGroup } from "./input-group-hCk2nUoU.mjs";
+import { t as HashValueDisplay } from "./HashValueDisplay-GQvFkXoi.mjs";
+import { a as updateReleaseFilters, i as releaseFilterOf, n as Route, r as hasReleaseFilters, s as useReleaseColumns, t as ReleaseSections } from "./routes-Q3Uhmwwz.mjs";
+import { n as require_dayjs_min, t as require_relativeTime } from "../_libs/dayjs.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/routes-C6LstNp8.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
 var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
@@ -256,175 +257,6 @@ function BundleChildrenPanel({ panelId, bundle, bundles, loading, onDetailClick
 		})
 	});
 }
-var getReleases = createServerFn({ method: "GET" }).inputValidator((input) => input).handler(createSsrRpc("206547cb1526f961070a989818ca7b9e34f6b2b0e4ab851698c3807fe9fb5e0c"));
-var getRelease = createServerFn({ method: "GET" }).inputValidator((input) => input).handler(createSsrRpc("a6f23116eeaf76166d405e28a95213123025613c6603030894e519015bf48032"));
-var updateRelease = createServerFn({ method: "POST" }).inputValidator((input) => input).handler(createSsrRpc("7ea0186f19f9f2bc2ca4b26e3c59636891cf046957f84287b6783f8d88bd8cb7"));
-var preflightRelease = createServerFn({ method: "POST" }).inputValidator((input) => input).handler(createSsrRpc("b46c95dba95a6a3e8fa5c9d100e3622fa5ae7af4f38e10fb1ed2fa48289a3a8f"));
-var deleteRelease = createServerFn({ method: "POST" }).inputValidator((input) => input).handler(createSsrRpc("d5b58722ce514e3b63a377f736b4823c2011782495442ae4870ed547e392c70b"));
-var promoteRelease = createServerFn({ method: "POST" }).inputValidator((input) => input).handler(createSsrRpc("956539a300d79a7efa191c1cc2d529d62fc4bfd940442548fdbc1404e0d53078"));
-var getReleaseCatalogDiagnostics = createServerFn({ method: "GET" }).inputValidator((input) => input).handler(createSsrRpc("e8c24b7247936f045a145ffd5c177fd0e3df3b52769d67dfbd8d1de491d66396"));
-var getConfig = createServerFn().handler(createSsrRpc("51a34c05479a893c7d320bd4cd1604427289d667698c48b9f30a01aabf8a5e68"));
-var getChannels = createServerFn().handler(createSsrRpc("79ada05964de8f2123bfcd62b10097d59bf8fd689ef5c7161031e5871d8396c5"));
-var createChannel = createServerFn({ method: "POST" }).inputValidator((input) => input).handler(createSsrRpc("2b9b8d1f49f79a511589617d8d4bfc6094a3acf5264f33651b9569ba66d3f321"));
-var deleteChannel = createServerFn({ method: "POST" }).inputValidator((input) => input).handler(createSsrRpc("52756dde414919a906bfe83d1ab6d29910c63bcafdb47653d6f1df562d958920"));
-createServerFn().handler(createSsrRpc("f8bdca3d0579adb812d6404f55d9261a89cdb025e920b1fcad82883646a5fe9e"));
-createServerFn({ method: "GET" }).inputValidator((input) => input).handler(createSsrRpc("00ccacb4a0212c83ec29f4d11719046ad91ea8291cfc557d514dbf00d3bd7f5f"));
-var getBundle = createServerFn({ method: "GET" }).inputValidator((input) => input).handler(createSsrRpc("1bd85c2a50e24785cb6abb023a247a9f048f37ddfa85cbb1c57e579563bad013"));
-var getBundleChildren = createServerFn({ method: "GET" }).inputValidator((input) => input).handler(createSsrRpc("4370f1bf70b91f1168d85379d3008449a1bedb915e9878ca4ef89d5f3a80fa7f"));
-var getBundleChildCounts = createServerFn({ method: "GET" }).inputValidator((input) => input).handler(createSsrRpc("4ca367070b00f58179a572f0bb8196a4ccdd3881e9b1dbfe33deee0cb6e1f549"));
-createServerFn({ method: "POST" }).inputValidator((input) => input).handler(createSsrRpc("16cc7c2f080ea5b73e0c6bba815b110dbd7727796036d248ba0d8ae819ddef08"));
-createServerFn({ method: "POST" }).inputValidator((input) => input).handler(createSsrRpc("3a27ff5679228b86a346b3fe42142e7a5bf0264f73173c0dbe5f07fb37c43cf7"));
-createServerFn({ method: "POST" }).inputValidator((input) => input).handler(createSsrRpc("61de3b69779c5ce2a5f5d3c27e2cfaca8fba8f14c8803559b9cd733c456494fa"));
-var bundleListQueryKey = ["bundles"];
-var releaseListQueryKey = ["releases"];
-var queryKeys = {
-	config: ["config"],
-	channels: ["channels"],
-	configLoaded: ["config-loaded"],
-	bundles: {
-		all: bundleListQueryKey,
-		list: (filters) => [...bundleListQueryKey, filters ?? {}]
-	},
-	releases: {
-		all: releaseListQueryKey,
-		list: (filters) => [...releaseListQueryKey, filters ?? {}]
-	},
-	release: (releaseId) => ["release", releaseId],
-	releaseCatalog: (scopeKey) => ["release-catalog", scopeKey],
-	bundleChildren: {
-		all: ["bundle-children"],
-		list: (baseBundleId) => ["bundle-children", baseBundleId],
-		counts: (bundleIds) => [
-			"bundle-children",
-			"counts",
-			...bundleIds
-		]
-	},
-	bundle: (bundleId) => ["bundle", bundleId]
-};
-function useConfigQuery() {
-	return useQuery({
-		queryKey: queryKeys.config,
-		queryFn: () => getConfig(),
-		staleTime: Infinity
-	});
-}
-function useChannelsQuery() {
-	return useQuery({
-		queryKey: queryKeys.channels,
-		queryFn: () => getChannels(),
-		staleTime: Infinity
-	});
-}
-function useReleasesQuery(filters) {
-	return useQuery({
-		queryKey: queryKeys.releases.list(filters),
-		queryFn: () => getReleases({ data: filters }),
-		placeholderData: (previousData) => previousData
-	});
-}
-function useReleaseQuery(releaseId) {
-	return useQuery({
-		enabled: releaseId.length > 0,
-		queryFn: () => getRelease({ data: { releaseId } }),
-		queryKey: queryKeys.release(releaseId)
-	});
-}
-function useReleaseCatalogDiagnosticsQuery(scopeKey) {
-	return useQuery({
-		enabled: scopeKey.length > 0,
-		queryFn: () => getReleaseCatalogDiagnostics({ data: { scopeKey } }),
-		queryKey: queryKeys.releaseCatalog(scopeKey)
-	});
-}
-function useBundleQuery(bundleId) {
-	return useQuery({
-		queryKey: queryKeys.bundle(bundleId),
-		queryFn: () => getBundle({ data: { bundleId } }),
-		staleTime: Infinity,
-		enabled: !!bundleId
-	});
-}
-function useBundleChildrenQuery(baseBundleId) {
-	return useQuery({
-		queryKey: queryKeys.bundleChildren.list(baseBundleId),
-		queryFn: () => getBundleChildren({ data: { baseBundleId } }),
-		staleTime: Infinity,
-		enabled: !!baseBundleId
-	});
-}
-function useBundleChildCountsQuery(bundleIds) {
-	const normalizedBundleIds = [...bundleIds].sort((left, right) => left.localeCompare(right));
-	return useQuery({
-		queryKey: queryKeys.bundleChildren.counts(normalizedBundleIds),
-		queryFn: () => getBundleChildCounts({ data: { bundleIds: normalizedBundleIds } }),
-		staleTime: Infinity,
-		enabled: normalizedBundleIds.length > 0
-	});
-}
-function useCreateChannelMutation() {
-	const queryClient = useQueryClient();
-	return useMutation({
-		mutationFn: (input) => createChannel({ data: input }).then((response) => response.data),
-		onSuccess: async () => {
-			await queryClient.invalidateQueries({ queryKey: queryKeys.channels });
-		}
-	});
-}
-function useDeleteChannelMutation() {
-	const queryClient = useQueryClient();
-	return useMutation({
-		mutationFn: (input) => deleteChannel({ data: input }).then((response) => response.data),
-		onSettled: async () => {
-			await queryClient.invalidateQueries({ queryKey: queryKeys.channels });
-		}
-	});
-}
-function useUpdateReleaseMutation() {
-	const queryClient = useQueryClient();
-	return useMutation({
-		mutationFn: (input) => updateRelease({ data: input }),
-		onSuccess: async (_, input) => {
-			await Promise.all([
-				queryClient.invalidateQueries({ queryKey: queryKeys.releases.all }),
-				queryClient.invalidateQueries({ queryKey: queryKeys.release(input.releaseId) }),
-				queryClient.invalidateQueries({ queryKey: ["release-catalog"] }),
-				queryClient.invalidateQueries({ queryKey: queryKeys.channels })
-			]);
-		}
-	});
-}
-function usePreflightReleaseMutation() {
-	return useMutation({ mutationFn: (input) => preflightRelease({ data: input }) });
-}
-function useDeleteReleaseMutation() {
-	const queryClient = useQueryClient();
-	return useMutation({
-		mutationFn: (input) => deleteRelease({ data: input }),
-		onSuccess: async (_, input) => {
-			queryClient.removeQueries({ queryKey: queryKeys.release(input.releaseId) });
-			await Promise.all([
-				queryClient.invalidateQueries({ queryKey: queryKeys.releases.all }),
-				queryClient.invalidateQueries({ queryKey: ["release-catalog"] }),
-				queryClient.invalidateQueries({ queryKey: queryKeys.channels })
-			]);
-		}
-	});
-}
-function usePromoteReleaseMutation() {
-	const queryClient = useQueryClient();
-	return useMutation({
-		mutationFn: (input) => promoteRelease({ data: input }),
-		onSuccess: async () => {
-			await Promise.all([
-				queryClient.invalidateQueries({ queryKey: queryKeys.releases.all }),
-				queryClient.invalidateQueries({ queryKey: ["release"] }),
-				queryClient.invalidateQueries({ queryKey: ["release-catalog"] }),
-				queryClient.invalidateQueries({ queryKey: queryKeys.channels })
-			]);
-		}
-	});
-}
 function ChannelManagementDialog({ open, onOpenChange }) {
 	const [channelName, setChannelName] = (0, import_react.useState)("");
 	const [channelToDelete, setChannelToDelete] = (0, import_react.useState)(null);
@@ -436,13 +268,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`);
@@ -470,10 +296,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, {
@@ -608,7 +434,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, {
@@ -646,11 +472,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, {
@@ -764,7 +590,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,
@@ -785,7 +611,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,
@@ -800,165 +626,6 @@ function RolloutCohortsDialog({ releaseId, rolloutCohortCount, targetCohorts })
 		] })
 	})] });
 }
-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, {
@@ -1079,7 +746,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 ?? "");
@@ -1258,6 +925,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)(ReleaseSections, { release: {
+								platform: release.platform,
+								channel: channelName,
+								releaseId: release.id
+							} }) : null,
 							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
 								"aria-labelledby": "delivery-settings-heading",
 								className: "flex flex-col gap-4",
@@ -1436,7 +1108,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",
@@ -1499,10 +1171,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
+												]
 											})
 										]
 									}),
@@ -1561,7 +1243,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", {
@@ -1667,18 +1349,25 @@ function RolloutPercentageBadge({ percentage, className }) {
 	});
 }
 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, {
@@ -1687,8 +1376,8 @@ var dateFormatter = new Intl.DateTimeFormat(void 0, {
 });
 var tableDateFormatter = new Intl.DateTimeFormat(void 0, { dateStyle: "medium" });
 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"
@@ -1696,12 +1385,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: [
@@ -1717,40 +1400,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 }),
@@ -1767,6 +1416,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,
@@ -1786,6 +1477,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,
@@ -1883,18 +1585,24 @@ 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 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
+		}] : [];
+	});
+	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);
@@ -1917,26 +1625,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: [
@@ -2030,6 +1737,16 @@ function BundlesPage() {
 												children: patchCount === void 0 ? "Checking" : patchCount > 0 ? `${patchCount} ${patchCount === 1 ? "patch" : "patches"}` : "—"
 											})]
 										}),
+										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: 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, {
@@ -2068,7 +1785,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",
@@ -2085,12 +1802,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" }),
+									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: 10,
+							colSpan: columnCount,
 							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-8 w-full" })
 						}) }, index)) : releases.map((release) => {
 							const isExpanded = expandedReleaseId === release.id;
@@ -2184,6 +1902,10 @@ function BundlesPage() {
 										})]
 									}) }),
 									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RolloutPercentageBadge, { percentage: release.rollout_cohort_count / 10 }) }),
+									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,
@@ -2199,7 +1921,7 @@ function BundlesPage() {
 								className: "hover:bg-transparent",
 								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
 									className: "border-t-0 p-0",
-									colSpan: 10,
+									colSpan: columnCount,
 									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReleaseBundleChildrenPanel, {
 										onDetailClick: openChildBundle,
 										panelId,
@@ -2209,8 +1931,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: 10,
-							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", {
@@ -2219,29 +1941,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",
@@ -2284,6 +2004,7 @@ function BundlesPage() {
 					...search,
 					releaseId: void 0
 				}, false),
+				onShowScope: (scopeKey) => changeFilters({ scopeKey }),
 				open: Boolean(search.releaseId),
 				releaseId: search.releaseId ?? ""
 			}),