@hot-updater/console 0.28.0 → 0.29.0

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

@@ -0,0 +1,1833 @@
+import { r as __toESM } from "../_runtime.mjs";
+import { A as Slot, P as require_jsx_runtime, a as Overlay2, c as Title2, d as Description, f as Overlay, g as Trigger, h as Title, i as Description2, l as Close, m as Root, n as Cancel, o as Portal2, p as Portal, r as Content2, s as Root2, t as Action, u as Content } from "../_libs/@radix-ui/react-alert-dialog+[...].mjs";
+import { d as useNavigate, f as useSearch } from "../_libs/@tanstack/react-router+[...].mjs";
+import { u as require_react } from "../_libs/@floating-ui/react-dom+[...].mjs";
+import { n as useStore, t as useForm } from "../_libs/@tanstack/react-form+[...].mjs";
+import { n as createServerFn, r as TSS_SERVER_FUNCTION, t as getServerFnById } from "./ssr.mjs";
+import { n as extractTimestampFromUUIDv7, t as createUUIDv7 } from "./extract-timestamp-from-uuidv7-B90UBADU.mjs";
+import { S as Check, b as ChevronLeft, d as List, g as Download, h as ExternalLink, i as Plus, l as Minus, m as FingerprintPattern, n as TriangleAlert, o as Package, p as Funnel, t as X, v as ChevronUp, x as ChevronDown, y as ChevronRight } from "../_libs/lucide-react.mjs";
+import { t as cva } from "../_libs/class-variance-authority+clsx.mjs";
+import { a as ItemText, c as ScrollDownButton, d as Value, f as Viewport, i as ItemIndicator, l as ScrollUpButton, n as Icon, o as Portal$1, r as Item, s as Root2$1, t as Content2$1, u as Trigger$1 } from "../_libs/@radix-ui/react-select+[...].mjs";
+import { t as Root$1 } from "../_libs/radix-ui__react-label.mjs";
+import { i as Track, n as Root$2, r as Thumb, t as Range } from "../_libs/radix-ui__react-slider.mjs";
+import { n as Thumb$1, t as Root$3 } from "../_libs/radix-ui__react-switch.mjs";
+import { C as Tooltip$1, D as cn, E as TooltipTrigger, S as Skeleton, T as TooltipProvider, 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, w as TooltipContent, x as SidebarTrigger } from "./sidebar-DXng0IOP.mjs";
+import { i as useQueryClient, n as useQuery, t as useMutation } from "../_libs/tanstack__react-query.mjs";
+import { n as toast } from "../_libs/sonner.mjs";
+import { t as require_semver } from "../_libs/semver.mjs";
+import { i as getCoreRowModel, n as useReactTable, r as createColumnHelper, t as flexRender } from "../_libs/@tanstack/react-table+[...].mjs";
+import { n as require_dayjs_min, t as require_relativeTime } from "../_libs/dayjs.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/routes-PqTTQSoI.js
+var import_jsx_runtime = require_jsx_runtime();
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_semver = /* @__PURE__ */ __toESM(require_semver());
+var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
+var import_relativeTime = /* @__PURE__ */ __toESM(require_relativeTime());
+function AppleIcon({ className }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+		role: "img",
+		"aria-label": "iOS",
+		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", {
+		role: "img",
+		"aria-label": "Android",
+		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 });
+}
+function BundleBasicInfo({ bundle }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-3 text-sm mt-1",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlatformIcon, {
+					platform: bundle.platform,
+					className: "h-4 w-4"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "font-medium",
+					children: bundle.platform === "ios" ? "iOS" : "Android"
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "font-medium text-muted-foreground",
+					children: "Bundle ID"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "text-xs text-foreground",
+					children: bundle.id
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "font-medium text-muted-foreground",
+					children: "Channel"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "text-xs text-foreground",
+					children: bundle.channel
+				})]
+			})
+		]
+	});
+}
+var NUMERIC_COHORT_SIZE = 1e3;
+var DEFAULT_ROLLOUT_COHORT_COUNT = NUMERIC_COHORT_SIZE;
+var INVALID_COHORT_ERROR_MESSAGE = `Invalid cohort. Use 1-1000 or a lowercase slug without spaces, up to 64 characters.`;
+var CUSTOM_COHORT_PATTERN = /^[a-z0-9-]+$/;
+function parseNumericCohortValue(cohort) {
+	if (!/^\d+$/.test(cohort)) return null;
+	const parsed = Number.parseInt(cohort, 10);
+	if (Number.isNaN(parsed) || parsed < 1 || parsed > 1e3) return null;
+	return parsed;
+}
+function positiveMod(value, modulus) {
+	return (value % modulus + modulus) % modulus;
+}
+function hashString(value) {
+	let hash = 0;
+	for (let i = 0; i < value.length; i++) {
+		const char = value.charCodeAt(i);
+		hash = (hash << 5) - hash + char;
+		hash |= 0;
+	}
+	return hash;
+}
+function gcd(a, b) {
+	let x = Math.abs(a);
+	let y = Math.abs(b);
+	while (y !== 0) {
+		const next = x % y;
+		x = y;
+		y = next;
+	}
+	return x;
+}
+function modularInverse(value, modulus) {
+	let t = 0;
+	let newT = 1;
+	let r = modulus;
+	let newR = positiveMod(value, modulus);
+	while (newR !== 0) {
+		const quotient = Math.floor(r / newR);
+		[t, newT] = [newT, t - quotient * newT];
+		[r, newR] = [newR, r - quotient * newR];
+	}
+	if (r > 1) throw new Error(`No modular inverse for ${value} mod ${modulus}`);
+	return positiveMod(t, modulus);
+}
+function getRolloutShuffleParameters(bundleId) {
+	let multiplier = positiveMod(hashString(`${bundleId}:multiplier`), 997);
+	if (multiplier === 0) multiplier = 1;
+	while (gcd(multiplier, NUMERIC_COHORT_SIZE) !== 1) {
+		multiplier = positiveMod(multiplier + 1, NUMERIC_COHORT_SIZE);
+		if (multiplier === 0) multiplier = 1;
+	}
+	const offset = positiveMod(hashString(`${bundleId}:offset`), NUMERIC_COHORT_SIZE);
+	return {
+		multiplier,
+		offset,
+		inverseMultiplier: modularInverse(multiplier, NUMERIC_COHORT_SIZE)
+	};
+}
+function normalizeRolloutCohortCount(rolloutCohortCount) {
+	if (rolloutCohortCount === null || rolloutCohortCount === void 0) return DEFAULT_ROLLOUT_COHORT_COUNT;
+	if (rolloutCohortCount <= 0) return 0;
+	if (rolloutCohortCount >= 1e3) return NUMERIC_COHORT_SIZE;
+	return Math.floor(rolloutCohortCount);
+}
+function normalizeCohortValue(cohort) {
+	const normalized = cohort.trim().toLowerCase();
+	const numericCohort = parseNumericCohortValue(normalized);
+	if (numericCohort !== null) return String(numericCohort);
+	return normalized;
+}
+function getNumericCohortValue(cohort) {
+	return parseNumericCohortValue(normalizeCohortValue(cohort));
+}
+function isNumericCohort(cohort) {
+	return getNumericCohortValue(cohort) !== null;
+}
+function isCustomCohort(cohort) {
+	const normalized = normalizeCohortValue(cohort);
+	return normalized.length > 0 && normalized.length <= 64 && !/^\d+$/.test(normalized) && CUSTOM_COHORT_PATTERN.test(normalized);
+}
+function isValidCohort(cohort) {
+	const normalized = normalizeCohortValue(cohort);
+	return isNumericCohort(normalized) || isCustomCohort(normalized);
+}
+function getNumericCohortRolloutPosition(bundleId, cohortValue) {
+	if (cohortValue < 1 || cohortValue > 1e3) throw new Error(`Invalid numeric cohort: ${cohortValue}`);
+	const { offset, inverseMultiplier } = getRolloutShuffleParameters(bundleId);
+	return positiveMod(inverseMultiplier * (cohortValue - 1 - offset), NUMERIC_COHORT_SIZE);
+}
+var badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+	variants: { variant: {
+		default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+		secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+		destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+		outline: "text-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Badge({ className, variant = "default", asChild = false, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(asChild ? Slot : "span", {
+		"data-slot": "badge",
+		"data-variant": variant,
+		className: cn(badgeVariants({ variant }), className),
+		...props
+	});
+}
+function Label$1({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root$1, {
+		"data-slot": "label",
+		className: cn("gap-2 text-xs/relaxed leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed", className),
+		...props
+	});
+}
+function Slider$1({ className, defaultValue, value, min = 0, max = 100, ...props }) {
+	const _values = import_react.useMemo(() => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max], [
+		value,
+		defaultValue,
+		min,
+		max
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Root$2, {
+		"data-slot": "slider",
+		defaultValue,
+		value,
+		min,
+		max,
+		className: cn("relative flex w-full touch-none select-none items-center", className),
+		...props,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Track, {
+			"data-slot": "slider-track",
+			className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Range, {
+				"data-slot": "slider-range",
+				className: "absolute h-full bg-primary"
+			})
+		}), Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Thumb, {
+			"data-slot": "slider-thumb",
+			className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
+		}, index))]
+	});
+}
+function Switch$1({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root$3, {
+		"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 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className),
+		...props,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Thumb$1, {
+			"data-slot": "switch-thumb",
+			className: "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+		})
+	});
+}
+function Textarea({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
+		"data-slot": "textarea",
+		className: cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props
+	});
+}
+var createSsrRpc = (functionId, importer) => {
+	const url = "/_serverFn/" + functionId;
+	const serverFnMeta = { id: functionId };
+	const fn = async (...args) => {
+		return (importer ? await importer() : await getServerFnById(functionId))(...args);
+	};
+	return Object.assign(fn, {
+		url,
+		serverFnMeta,
+		[TSS_SERVER_FUNCTION]: true
+	});
+};
+var getConfig = createServerFn().handler(createSsrRpc("51a34c05479a893c7d320bd4cd1604427289d667698c48b9f30a01aabf8a5e68"));
+var getChannels = createServerFn().handler(createSsrRpc("79ada05964de8f2123bfcd62b10097d59bf8fd689ef5c7161031e5871d8396c5"));
+createServerFn().handler(createSsrRpc("f8bdca3d0579adb812d6404f55d9261a89cdb025e920b1fcad82883646a5fe9e"));
+var getBundles = createServerFn({ method: "GET" }).inputValidator((input) => input).handler(createSsrRpc("00ccacb4a0212c83ec29f4d11719046ad91ea8291cfc557d514dbf00d3bd7f5f"));
+var getBundle = createServerFn({ method: "GET" }).inputValidator((input) => input).handler(createSsrRpc("1bd85c2a50e24785cb6abb023a247a9f048f37ddfa85cbb1c57e579563bad013"));
+var getBundleDownloadUrl = createServerFn({ method: "GET" }).inputValidator((input) => input).handler(createSsrRpc("e000081a14772a0496dfdf615232fbbb1a23b89191d0e32f89a05dd67a1916f7"));
+var updateBundle = createServerFn({ method: "POST" }).inputValidator((input) => input).handler(createSsrRpc("67f90ce4cd10fd0226cd9d77cdcd8d0f25a59a6ac406360b655e44296bc4208b"));
+var promoteBundle = createServerFn({ method: "POST" }).inputValidator((input) => input).handler(createSsrRpc("c4ef3bbb77ea8a4410623fd18a4741e2ff0668b1a97510bcdd032a8428eaa5da"));
+createServerFn({ method: "POST" }).inputValidator((input) => input).handler(createSsrRpc("16cc7c2f080ea5b73e0c6bba815b110dbd7727796036d248ba0d8ae819ddef08"));
+var deleteBundle = createServerFn({ method: "POST" }).inputValidator((input) => input).handler(createSsrRpc("3a27ff5679228b86a346b3fe42142e7a5bf0264f73173c0dbe5f07fb37c43cf7"));
+var bundleListQueryKey = ["bundles"];
+var queryKeys = {
+	config: ["config"],
+	channels: ["channels"],
+	configLoaded: ["config-loaded"],
+	bundles: {
+		all: bundleListQueryKey,
+		list: (filters) => [...bundleListQueryKey, filters ?? {}]
+	},
+	bundle: (bundleId) => ["bundle", bundleId]
+};
+function replaceBundleInQueryData(data, updatedBundle) {
+	if (!data) return data;
+	return {
+		...data,
+		data: data.data.map((bundle) => bundle.id === updatedBundle.id ? updatedBundle : bundle)
+	};
+}
+function useConfigQuery() {
+	return useQuery({
+		queryKey: queryKeys.config,
+		queryFn: () => getConfig(),
+		staleTime: Infinity
+	});
+}
+function useChannelsQuery() {
+	return useQuery({
+		queryKey: queryKeys.channels,
+		queryFn: () => getChannels(),
+		staleTime: Infinity
+	});
+}
+function useBundlesQuery(filters) {
+	return useQuery({
+		queryKey: queryKeys.bundles.list(filters),
+		queryFn: () => getBundles({ data: filters }),
+		staleTime: Infinity,
+		placeholderData: (previousData) => previousData
+	});
+}
+function useBundleQuery(bundleId) {
+	return useQuery({
+		queryKey: queryKeys.bundle(bundleId),
+		queryFn: () => getBundle({ data: { bundleId } }),
+		staleTime: Infinity,
+		enabled: !!bundleId
+	});
+}
+function useBundleDownloadUrlMutation() {
+	return useMutation({ mutationFn: (params) => getBundleDownloadUrl({ data: params }) });
+}
+function useUpdateBundleMutation() {
+	const queryClient = useQueryClient();
+	return useMutation({
+		mutationFn: (params) => updateBundle({ data: params }),
+		onSuccess: async ({ bundle: updatedBundle }, vars) => {
+			queryClient.setQueryData(queryKeys.bundle(vars.bundleId), updatedBundle);
+			queryClient.setQueriesData({ queryKey: queryKeys.bundles.all }, (data) => replaceBundleInQueryData(data, updatedBundle));
+			await Promise.all([
+				queryClient.invalidateQueries({ queryKey: queryKeys.bundles.all }),
+				queryClient.invalidateQueries({ queryKey: queryKeys.bundle(vars.bundleId) }),
+				queryClient.invalidateQueries({ queryKey: queryKeys.channels })
+			]);
+		}
+	});
+}
+function usePromoteBundleMutation() {
+	const queryClient = useQueryClient();
+	return useMutation({
+		mutationFn: (params) => promoteBundle({ data: params }),
+		onSuccess: async ({ bundle }) => {
+			queryClient.setQueryData(queryKeys.bundle(bundle.id), bundle);
+			await Promise.all([
+				queryClient.invalidateQueries({ queryKey: queryKeys.bundles.all }),
+				queryClient.invalidateQueries({ queryKey: queryKeys.channels }),
+				queryClient.invalidateQueries({ queryKey: queryKeys.bundle(bundle.id) })
+			]);
+		}
+	});
+}
+function useDeleteBundleMutation() {
+	const queryClient = useQueryClient();
+	return useMutation({
+		mutationFn: (params) => deleteBundle({ data: params }),
+		onSuccess: async (_, vars) => {
+			queryClient.removeQueries({ queryKey: queryKeys.bundle(vars.bundleId) });
+			await Promise.all([queryClient.invalidateQueries({ queryKey: queryKeys.bundles.all }), queryClient.invalidateQueries({ queryKey: queryKeys.channels })]);
+		}
+	});
+}
+function AlertDialog$1({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root2, {
+		"data-slot": "alert-dialog",
+		...props
+	});
+}
+function AlertDialogPortal({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Portal2, {
+		"data-slot": "alert-dialog-portal",
+		...props
+	});
+}
+function AlertDialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Overlay2, {
+		"data-slot": "alert-dialog-overlay",
+		className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/80 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", className),
+		...props
+	});
+}
+function AlertDialogContent({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogPortal, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogOverlay, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Content2, {
+		"data-slot": "alert-dialog-content",
+		"data-size": size,
+		className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-background ring-foreground/10 gap-3 rounded-xl p-4 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-64 data-[size=default]:sm:max-w-sm group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 outline-none", className),
+		...props
+	})] });
+}
+function AlertDialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "alert-dialog-header",
+		className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className),
+		...props
+	});
+}
+function AlertDialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "alert-dialog-footer",
+		className: cn("flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", className),
+		...props
+	});
+}
+function AlertDialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title2, {
+		"data-slot": "alert-dialog-title",
+		className: cn("text-sm font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className),
+		...props
+	});
+}
+function AlertDialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description2, {
+		"data-slot": "alert-dialog-description",
+		className: cn("text-muted-foreground *:[a]:hover:text-foreground text-xs/relaxed text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3", className),
+		...props
+	});
+}
+function AlertDialogAction({ className, variant = "default", size = "default", ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+		variant,
+		size,
+		asChild: true,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Action, {
+			"data-slot": "alert-dialog-action",
+			className: cn(className),
+			...props
+		})
+	});
+}
+function AlertDialogCancel({ className, variant = "outline", size = "default", ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+		variant,
+		size,
+		asChild: true,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Cancel, {
+			"data-slot": "alert-dialog-cancel",
+			className: cn(className),
+			...props
+		})
+	});
+}
+function DeleteBundleDialog({ bundle, open, onOpenChange, onSuccess }) {
+	const deleteBundleMutation = useDeleteBundleMutation();
+	const handleDelete = async () => {
+		try {
+			await deleteBundleMutation.mutateAsync({ bundleId: bundle.id });
+			toast.success("Bundle deleted successfully");
+			onOpenChange(false);
+			onSuccess();
+		} catch (error) {
+			toast.error("Failed to delete bundle");
+			console.error(error);
+		}
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialog$1, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogContent, { children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogTitle, { children: "Are you sure?" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogDescription, { children: "This action cannot be undone. This will permanently delete the bundle and remove it from storage." })] }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "my-4 p-4 bg-muted rounded-lg",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "text-sm font-medium mb-1",
+						children: "Bundle ID:"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "text-xs font-mono text-muted-foreground break-all",
+						children: bundle.id
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "text-sm font-medium mt-3 mb-1",
+						children: "Channel:"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "text-xs text-muted-foreground",
+						children: bundle.channel
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogFooter, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogCancel, { children: "Cancel" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogAction, {
+				onClick: handleDelete,
+				className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+				disabled: deleteBundleMutation.isPending,
+				children: deleteBundleMutation.isPending ? "Deleting..." : "Delete"
+			})] })
+		] })
+	});
+}
+function Dialog$1({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root, {
+		"data-slot": "dialog",
+		...props
+	});
+}
+function DialogTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+}
+function DialogPortal({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Overlay, {
+		"data-slot": "dialog-overlay",
+		className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/80 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50", className),
+		...props
+	});
+}
+function DialogContent({ className, children, showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogPortal, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogOverlay, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Content, {
+		"data-slot": "dialog-content",
+		className: cn("bg-background data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-xs/relaxed ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2", className),
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Close, {
+			"data-slot": "dialog-close",
+			asChild: true,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+				variant: "ghost",
+				className: "absolute top-2 right-2",
+				size: "icon-sm",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})
+		})]
+	})] });
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "dialog-header",
+		className: cn("gap-1 flex flex-col", className),
+		...props
+	});
+}
+function DialogFooter({ className, showCloseButton = false, children, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		"data-slot": "dialog-footer",
+		className: cn("gap-2 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Close, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+				variant: "outline",
+				children: "Close"
+			})
+		})]
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, {
+		"data-slot": "dialog-title",
+		className: cn("text-sm font-medium", className),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description, {
+		"data-slot": "dialog-description",
+		className: cn("text-muted-foreground *:[a]:hover:text-foreground text-xs/relaxed *:[a]:underline *:[a]:underline-offset-3", className),
+		...props
+	});
+}
+function Select$1({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root2$1, {
+		"data-slot": "select",
+		...props
+	});
+}
+function SelectValue({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Value, {
+		"data-slot": "select-value",
+		...props
+	});
+}
+function SelectTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Trigger$1, {
+		"data-slot": "select-trigger",
+		className: cn("flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className),
+		...props,
+		children: [children, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "h-4 w-4 opacity-50" })
+		})]
+	});
+}
+function SelectContent({ className, children, position = "item-aligned", align = "center", ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Portal$1, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Content2$1, {
+		"data-slot": "select-content",
+		className: cn("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 border border-border min-w-32 rounded-lg shadow-md duration-100 relative z-50 max-h-(--radix-select-content-available-height) origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+		position,
+		align,
+		...props,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollUpButton, {}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Viewport, {
+				"data-position": position,
+				className: cn("data-[position=popper]:h-[var(--radix-select-trigger-height)] data-[position=popper]:w-full data-[position=popper]:min-w-[var(--radix-select-trigger-width)]", position === "popper" && ""),
+				children
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollDownButton, {})
+		]
+	}) });
+}
+function SelectItem({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Item, {
+		"data-slot": "select-item",
+		className: cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+		...props,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "h-4 w-4" }) })
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemText, { children })]
+	});
+}
+function SelectScrollUpButton({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollUpButton, {
+		"data-slot": "select-scroll-up-button",
+		className: cn("bg-popover z-10 flex cursor-default items-center justify-center 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)(ScrollDownButton, {
+		"data-slot": "select-scroll-down-button",
+		className: cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-3.5", className),
+		...props,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, {})
+	});
+}
+function useFilterParams() {
+	const search = useSearch({ from: "/" });
+	const navigate = useNavigate();
+	const filters = {
+		channel: search.channel,
+		platform: search.platform,
+		offset: search.offset
+	};
+	const bundleId = search.bundleId;
+	const navigateWithSearch = (nextSearch) => {
+		navigate({
+			to: "/",
+			search: nextSearch
+		});
+	};
+	const getNextFilters = (newFilters) => {
+		const hasChannel = Object.hasOwn(newFilters, "channel");
+		const hasPlatform = Object.hasOwn(newFilters, "platform");
+		const hasOffset = Object.hasOwn(newFilters, "offset");
+		return {
+			channel: hasChannel ? newFilters.channel : filters.channel,
+			platform: hasPlatform ? newFilters.platform : filters.platform,
+			offset: hasChannel || hasPlatform ? "0" : hasOffset ? newFilters.offset : filters.offset
+		};
+	};
+	const setFilters = (newFilters) => {
+		navigateWithSearch({
+			...getNextFilters(newFilters),
+			bundleId: void 0
+		});
+	};
+	const setBundleId = (nextBundleId, newFilters = {}) => {
+		navigateWithSearch({
+			...getNextFilters(newFilters),
+			bundleId: nextBundleId
+		});
+	};
+	const resetFilters = () => {
+		navigateWithSearch({
+			channel: void 0,
+			platform: void 0,
+			offset: void 0,
+			bundleId: void 0
+		});
+	};
+	return {
+		filters,
+		bundleId,
+		setFilters,
+		setBundleId,
+		resetFilters
+	};
+}
+function PromoteChannelDialog({ bundle, open, onOpenChange, onSuccess }) {
+	const [targetChannel, setTargetChannel] = (0, import_react.useState)("");
+	const [action, setAction] = (0, import_react.useState)("move");
+	const [copyBundleId, setCopyBundleId] = (0, import_react.useState)("");
+	const { setBundleId } = useFilterParams();
+	const { data: channels = [] } = useChannelsQuery();
+	const promoteBundleMutation = usePromoteBundleMutation();
+	const availableChannels = channels.filter((c) => c !== bundle.channel);
+	const isCopy = action === "copy";
+	const normalizedTargetChannel = targetChannel.trim();
+	const isSameChannel = normalizedTargetChannel === bundle.channel;
+	const displayedCopyBundleId = copyBundleId || "Generating bundle ID...";
+	const handleOpenChange = (nextOpen) => {
+		onOpenChange(nextOpen);
+		if (!nextOpen) {
+			setTargetChannel("");
+			setAction("move");
+			setCopyBundleId("");
+		}
+	};
+	const handleActionChange = (value) => {
+		const nextAction = value;
+		setAction(nextAction);
+		if (nextAction === "copy") setCopyBundleId((current) => current || createUUIDv7());
+	};
+	const openBundleDetail = (nextBundleId, nextChannel) => {
+		setBundleId(nextBundleId, {
+			channel: nextChannel,
+			offset: "0"
+		});
+	};
+	const handlePromote = async () => {
+		if (!normalizedTargetChannel) {
+			toast.error("Please select a target channel");
+			return;
+		}
+		if (isSameChannel) {
+			toast.error("Target channel must be different from the current channel");
+			return;
+		}
+		try {
+			const nextBundleId = isCopy ? copyBundleId || createUUIDv7() : void 0;
+			const { bundle: promotedBundle } = await promoteBundleMutation.mutateAsync({
+				action,
+				bundleId: bundle.id,
+				nextBundleId,
+				targetChannel: normalizedTargetChannel
+			});
+			const promotedBundleId = promotedBundle.id;
+			handleOpenChange(false);
+			onSuccess?.();
+			toast.success(isCopy ? `Bundle copied to ${normalizedTargetChannel}` : `Bundle moved to ${normalizedTargetChannel}`, {
+				description: `bundleId: ${promotedBundleId}`,
+				action: {
+					label: "Show Detail",
+					onClick: () => openBundleDetail(promotedBundleId, normalizedTargetChannel)
+				}
+			});
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : "Failed to promote bundle");
+			console.error(error);
+		}
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog$1, {
+		open,
+		onOpenChange: handleOpenChange,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogContent, { children: [
+			/* @__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", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label$1, {
+								htmlFor: "promote-action",
+								children: "Action"
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+								value: action,
+								onValueChange: handleActionChange,
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
+									id: "promote-action",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, { placeholder: "Select an action" })
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectContent, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+									value: "move",
+									children: "Move bundle"
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+									value: "copy",
+									children: "Copy bundle"
+								})] })]
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+								className: "text-xs text-muted-foreground",
+								children: isCopy ? "Create a new bundle in the target channel and keep the original in the current channel." : "Move the current bundle to the target channel without creating a new bundle ID."
+							})
+						]
+					}),
+					isCopy && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label$1, {
+								htmlFor: "copy-bundle-id",
+								children: "New Bundle ID"
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+								id: "copy-bundle-id",
+								value: displayedCopyBundleId,
+								readOnly: true
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+								className: "font-mono text-xs text-muted-foreground",
+								children: displayedCopyBundleId
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label$1, {
+								htmlFor: "target-channel",
+								children: "Target Channel"
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+								id: "target-channel",
+								value: targetChannel,
+								onChange: (event) => setTargetChannel(event.target.value),
+								placeholder: "Enter a channel name",
+								list: "available-channels",
+								"aria-invalid": isSameChannel
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("datalist", {
+								id: "available-channels",
+								children: availableChannels.map((channel) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: channel }, channel))
+							}),
+							availableChannels.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								className: "flex flex-wrap gap-2",
+								children: availableChannels.map((channel) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+									type: "button",
+									variant: "outline",
+									size: "xs",
+									onClick: () => setTargetChannel(channel),
+									children: channel
+								}, channel))
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Choose an existing channel or enter a new one."
+							}),
+							isSameChannel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+								className: "text-xs text-destructive",
+								role: "alert",
+								children: "Target channel must be different from the current channel."
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogFooter, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+				variant: "outline",
+				onClick: () => handleOpenChange(false),
+				children: "Cancel"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+				onClick: handlePromote,
+				disabled: !normalizedTargetChannel || isCopy && !copyBundleId || isSameChannel || promoteBundleMutation.isPending,
+				children: isCopy ? "Copy" : "Move"
+			})] })
+		] })
+	});
+}
+function Card({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "card",
+		className: cn("rounded-xl border bg-card text-card-foreground shadow", className),
+		...props
+	});
+}
+function CardHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "card-header",
+		className: cn("flex flex-col space-y-1.5 p-6", className),
+		...props
+	});
+}
+function CardTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "card-title",
+		className: cn("font-semibold leading-none tracking-tight", className),
+		...props
+	});
+}
+function CardDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "card-description",
+		className: cn("text-sm text-muted-foreground", className),
+		...props
+	});
+}
+function CardContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "card-content",
+		className: cn("p-6 pt-0", className),
+		...props
+	});
+}
+function RolloutCohortsDialog({ bundleId, rolloutCohortCount, targetCohorts, triggerLabel = "View Cohorts", triggerVariant = "outline", triggerSize = "sm", triggerClassName }) {
+	const normalizedRolloutCount = normalizeRolloutCohortCount(rolloutCohortCount);
+	const hasTargetCohortOverride = (targetCohorts?.length ?? 0) > 0;
+	if (!(normalizedRolloutCount > 0 && normalizedRolloutCount < 1e3 && !hasTargetCohortOverride)) return null;
+	const rolloutCohorts = Array.from({ length: NUMERIC_COHORT_SIZE }, (_, index) => index + 1).filter((cohortValue) => getNumericCohortRolloutPosition(bundleId, cohortValue) < normalizedRolloutCount);
+	const rolloutPercentage = (normalizedRolloutCount / 10).toFixed(1);
+	const excludedCount = NUMERIC_COHORT_SIZE - rolloutCohorts.length;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Dialog$1, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+			type: "button",
+			variant: triggerVariant,
+			size: triggerSize,
+			className: triggerClassName,
+			onClick: (event) => event.stopPropagation(),
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(List, { className: "h-3.5 w-3.5" }), triggerLabel]
+		})
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogContent, {
+		className: "sm:max-w-3xl",
+		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,
+				"% rollout currently targets",
+				" ",
+				rolloutCohorts.length,
+				" of ",
+				NUMERIC_COHORT_SIZE,
+				" numeric cohorts. The selected set stays stable for this bundle as you expand or shrink rollout."
+			] })] }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "grid gap-3 sm:grid-cols-3",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, {
+						className: "p-4",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardDescription, { children: "Selected Cohorts" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
+							className: "font-mono text-xl",
+							children: rolloutCohorts.length
+						})]
+					}) }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, {
+						className: "p-4",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardDescription, { children: "Excluded Cohorts" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
+							className: "font-mono text-xl",
+							children: excludedCount
+						})]
+					}) }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, {
+						className: "p-4",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardDescription, { children: "Bundle ID" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
+							className: "font-mono text-xs break-all leading-relaxed",
+							children: bundleId
+						})]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, {
+				className: "p-4 pb-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
+					className: "text-sm",
+					children: "Numeric Cohorts"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardDescription, { children: "Listed in ascending order for readability." })]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, {
+				className: "p-4 pt-0",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "max-h-[50vh] overflow-y-auto rounded-lg border bg-muted/20 p-3",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "grid grid-cols-4 gap-2 sm:grid-cols-6 lg:grid-cols-8",
+						children: rolloutCohorts.map((cohortValue) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+							variant: "outline",
+							className: "justify-center font-mono",
+							children: cohortValue
+						}, cohortValue))
+					})
+				})
+			})] }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogFooter, { showCloseButton: true })
+		]
+	})] });
+}
+function getTargetAppVersionValidation(value) {
+	const normalizedValue = value.trim();
+	if (normalizedValue.length === 0) return {
+		error: "Invalid target app version",
+		normalizedRange: null
+	};
+	const normalizedRange = import_semver.default.validRange(normalizedValue);
+	if (!normalizedRange) return {
+		error: "Invalid target app version",
+		normalizedRange: null
+	};
+	return {
+		error: void 0,
+		normalizedRange
+	};
+}
+function getDefaultValues(bundle) {
+	return {
+		message: bundle.message || "",
+		targetAppVersion: bundle.targetAppVersion || "",
+		enabled: bundle.enabled,
+		shouldForceUpdate: bundle.shouldForceUpdate,
+		rolloutCohortCount: bundle.rolloutCohortCount ?? 1e3,
+		targetCohorts: bundle.targetCohorts ?? []
+	};
+}
+var formatRolloutPercentage = (rolloutCohortCount) => (rolloutCohortCount / 10).toFixed(1);
+function BundleEditorForm({ bundle, onClose }) {
+	const bundleDownloadUrlMutation = useBundleDownloadUrlMutation();
+	const updateBundleMutation = useUpdateBundleMutation();
+	const [showPromoteDialog, setShowPromoteDialog] = (0, import_react.useState)(false);
+	const [showDeleteDialog, setShowDeleteDialog] = (0, import_react.useState)(false);
+	const [newCohort, setNewCohort] = (0, import_react.useState)("");
+	const shouldEditTargetAppVersion = Boolean(bundle.targetAppVersion);
+	const form = useForm({
+		defaultValues: getDefaultValues(bundle),
+		onSubmit: async ({ value }) => {
+			const targetAppVersion = value.targetAppVersion.trim();
+			const { error } = shouldEditTargetAppVersion ? getTargetAppVersionValidation(targetAppVersion) : { error: void 0 };
+			if (error) {
+				toast.error(error);
+				return;
+			}
+			const normalizedTargetCohorts = Array.from(new Set(value.targetCohorts.map((cohort) => normalizeCohortValue(cohort))));
+			if (normalizedTargetCohorts.find((cohort) => !isValidCohort(cohort))) {
+				toast.error(INVALID_COHORT_ERROR_MESSAGE);
+				return;
+			}
+			try {
+				await updateBundleMutation.mutateAsync({
+					bundleId: bundle.id,
+					bundle: {
+						message: value.message,
+						targetAppVersion: targetAppVersion || void 0,
+						enabled: value.enabled,
+						shouldForceUpdate: value.shouldForceUpdate,
+						rolloutCohortCount: value.rolloutCohortCount,
+						targetCohorts: normalizedTargetCohorts.length > 0 ? normalizedTargetCohorts : null
+					}
+				});
+				toast.success("Bundle updated successfully");
+				onClose();
+			} catch (error) {
+				toast.error("Failed to update bundle");
+				console.error(error);
+			}
+		}
+	});
+	const hasChanges = useStore(form.store, (state) => !state.isDefaultValue);
+	const isSubmitting = useStore(form.store, (state) => state.isSubmitting);
+	const targetAppVersion = useStore(form.store, (state) => state.values.targetAppVersion);
+	const targetCohorts = useStore(form.store, (state) => state.values.targetCohorts);
+	const isSaving = isSubmitting || updateBundleMutation.isPending;
+	const targetAppVersionValidation = shouldEditTargetAppVersion ? getTargetAppVersionValidation(targetAppVersion) : {
+		error: void 0,
+		normalizedRange: null
+	};
+	const hasTargetAppVersionError = Boolean(targetAppVersionValidation.error);
+	const isDownloading = bundleDownloadUrlMutation.isPending;
+	const handleAddCohort = () => {
+		const normalizedCohort = normalizeCohortValue(newCohort);
+		if (!normalizedCohort) return;
+		if (!isValidCohort(normalizedCohort)) {
+			toast.error(INVALID_COHORT_ERROR_MESSAGE);
+			return;
+		}
+		const currentCohorts = form.getFieldValue("targetCohorts");
+		if (currentCohorts.includes(normalizedCohort)) {
+			toast.error("Cohort already exists");
+			return;
+		}
+		form.setFieldValue("targetCohorts", [...currentCohorts, normalizedCohort]);
+		setNewCohort("");
+	};
+	const handleRemoveCohort = (cohortToRemove) => {
+		const currentCohorts = form.getFieldValue("targetCohorts");
+		form.setFieldValue("targetCohorts", currentCohorts.filter((cohort) => cohort !== cohortToRemove));
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter") {
+			e.preventDefault();
+			handleAddCohort();
+		}
+	};
+	const handleDownloadBundle = async () => {
+		const downloadWindow = window.open("", "_blank");
+		try {
+			const { fileUrl } = await bundleDownloadUrlMutation.mutateAsync({ bundleId: bundle.id });
+			if (!fileUrl) throw new Error("Bundle download URL is empty");
+			if (downloadWindow) {
+				downloadWindow.opener = null;
+				downloadWindow.location.href = fileUrl;
+			} else window.open(fileUrl, "_blank", "noopener,noreferrer");
+			toast.success("Bundle download started");
+		} catch (error) {
+			downloadWindow?.close();
+			const message = error instanceof Error ? error.message : "Failed to download bundle";
+			toast.error(message);
+			console.error(error);
+		}
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", {
+				onSubmit: (e) => {
+					e.preventDefault();
+					e.stopPropagation();
+					if (form.state.isDefaultValue || isSaving || hasTargetAppVersionError) return;
+					form.handleSubmit();
+				},
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(form.Field, {
+						name: "message",
+						children: (field) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label$1, {
+								htmlFor: "message",
+								children: "Message"
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Textarea, {
+								id: "message",
+								value: field.state.value,
+								onChange: (e) => field.handleChange(e.target.value),
+								placeholder: "Update message...",
+								rows: 3
+							})]
+						})
+					}),
+					shouldEditTargetAppVersion && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(form.Field, {
+						name: "targetAppVersion",
+						children: (field) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label$1, {
+									htmlFor: "targetAppVersion",
+									children: "Target App Version"
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+									id: "targetAppVersion",
+									value: field.state.value,
+									onChange: (e) => field.handleChange(e.target.value),
+									placeholder: "1.0.0",
+									"aria-invalid": hasTargetAppVersionError
+								}),
+								hasTargetAppVersionError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+									className: "text-xs text-destructive",
+									role: "alert",
+									children: targetAppVersionValidation.error
+								}) : targetAppVersionValidation.normalizedRange && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+									className: "text-xs text-muted-foreground",
+									children: targetAppVersionValidation.normalizedRange
+								})
+							]
+						})
+					}),
+					bundle.fingerprintHash && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label$1, { children: "Fingerprint Hash" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+							value: bundle.fingerprintHash,
+							disabled: true,
+							className: "font-mono text-xs"
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(form.Field, {
+						name: "enabled",
+						children: (field) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label$1, {
+								htmlFor: "enabled",
+								children: "Enabled"
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch$1, {
+								id: "enabled",
+								checked: field.state.value,
+								onCheckedChange: field.handleChange
+							})]
+						})
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(form.Field, {
+						name: "shouldForceUpdate",
+						children: (field) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label$1, {
+								htmlFor: "shouldForceUpdate",
+								children: "Force Update"
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch$1, {
+								id: "shouldForceUpdate",
+								checked: field.state.value,
+								onCheckedChange: field.handleChange
+							})]
+						})
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(form.Field, {
+						name: "rolloutCohortCount",
+						children: (field) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label$1, {
+									htmlFor: "rolloutCohortCount",
+									children: "Rollout Percentage"
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+										className: "text-sm font-medium",
+										children: [formatRolloutPercentage(field.state.value), "%"]
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RolloutCohortsDialog, {
+										bundleId: bundle.id,
+										rolloutCohortCount: field.state.value,
+										targetCohorts,
+										triggerLabel: "Preview Cohorts",
+										triggerVariant: "outline",
+										triggerSize: "sm"
+									})]
+								})]
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Slider$1, {
+								id: "rolloutCohortCount",
+								value: [field.state.value],
+								onValueChange: ([value]) => field.handleChange(value),
+								min: 0,
+								max: 1e3,
+								step: 1,
+								className: "mt-2"
+							})]
+						})
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(form.Field, {
+						name: "targetCohorts",
+						children: (field) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label$1, { children: "Target Cohorts (optional)" }),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "flex gap-2",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+										value: newCohort,
+										onChange: (e) => setNewCohort(e.target.value),
+										onKeyDown: handleKeyDown,
+										placeholder: "Enter cohort...",
+										className: "font-mono text-xs"
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+										type: "button",
+										variant: "outline",
+										size: "icon",
+										onClick: handleAddCohort,
+										disabled: !newCohort.trim(),
+										"aria-label": "Add cohort",
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Plus, { className: "h-4 w-4" })
+									})]
+								}),
+								field.state.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									className: "flex flex-wrap gap-2 mt-2",
+									children: field.state.value.map((cohort) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge, {
+										variant: "secondary",
+										className: "font-mono text-xs gap-1 pr-1",
+										children: [cohort.length > 20 ? `${cohort.slice(0, 20)}...` : cohort, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+											type: "button",
+											onClick: () => handleRemoveCohort(cohort),
+											"aria-label": `Remove cohort ${cohort}`,
+											className: "ml-1 rounded-full hover:bg-muted-foreground/20 p-0.5",
+											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "h-3 w-3" })
+										})]
+									}, cohort))
+								}),
+								field.state.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+									className: "text-xs text-muted-foreground mt-2",
+									children: [
+										field.state.value.length,
+										" cohort",
+										field.state.value.length !== 1 ? "s" : "",
+										" targeted"
+									]
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "pt-2",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+							type: "submit",
+							size: "lg",
+							className: "w-full",
+							disabled: !hasChanges || isSaving || hasTargetAppVersionError,
+							children: isSaving ? "Saving..." : "Save Changes"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator$1, { className: "my-8" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+						className: "text-sm font-medium",
+						children: "Actions"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+						variant: "outline",
+						size: "sm",
+						className: "w-full",
+						onClick: () => setShowPromoteDialog(true),
+						children: "Promote to Channel"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+						variant: "outline",
+						size: "sm",
+						className: "w-full",
+						onClick: handleDownloadBundle,
+						disabled: isDownloading,
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Download, { className: "h-4 w-4" }), isDownloading ? "Preparing Download..." : "Download Bundle"]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+						variant: "destructive",
+						size: "sm",
+						className: "w-full",
+						onClick: () => setShowDeleteDialog(true),
+						children: "Delete Bundle"
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PromoteChannelDialog, {
+				bundle,
+				open: showPromoteDialog,
+				onOpenChange: setShowPromoteDialog,
+				onSuccess: onClose
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DeleteBundleDialog, {
+				bundle,
+				open: showDeleteDialog,
+				onOpenChange: setShowDeleteDialog,
+				onSuccess: onClose
+			})
+		]
+	});
+}
+var normalizeGitUrl = (gitUrl) => {
+	const trimmedGitUrl = gitUrl.trim();
+	if (trimmedGitUrl.startsWith("git@")) {
+		const sshMatch = trimmedGitUrl.match(/^git@([^:]+):(.+?)(?:\.git)?$/);
+		if (sshMatch) return `https://${sshMatch[1]}/${sshMatch[2]}`;
+	}
+	if (trimmedGitUrl.startsWith("ssh://")) try {
+		const url = new URL(trimmedGitUrl);
+		return `https://${url.hostname}${url.pathname}`.replace(/\/+$/, "").replace(/\.git$/, "");
+	} catch {
+		return trimmedGitUrl.replace(/\/+$/, "").replace(/\.git$/, "");
+	}
+	return trimmedGitUrl.replace(/\/+$/, "").replace(/\.git$/, "");
+};
+var getCommitUrl = (gitUrl, commitHash) => {
+	if (!gitUrl?.trim()) return null;
+	const normalizedGitUrl = normalizeGitUrl(gitUrl);
+	try {
+		const { hostname } = new URL(normalizedGitUrl);
+		if (hostname.includes("gitlab")) return `${normalizedGitUrl}/-/commit/${commitHash}`;
+		if (hostname.includes("bitbucket")) return `${normalizedGitUrl}/commits/${commitHash}`;
+	} catch {}
+	return `${normalizedGitUrl}/commit/${commitHash}`;
+};
+function BundleMetadata({ bundle }) {
+	const { data: configData, isFetched } = useConfigQuery();
+	const hasMetadata = bundle.targetAppVersion || bundle.fingerprintHash || bundle.gitCommitHash || bundle.fileHash;
+	const gitCommitUrl = bundle.gitCommitHash && isFetched ? getCommitUrl(configData?.console.gitUrl, bundle.gitCommitHash) : null;
+	if (!hasMetadata) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
+		className: "text-sm font-medium",
+		children: "Metadata"
+	}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
+		className: "space-y-3 text-sm",
+		children: [
+			bundle.targetAppVersion && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "text-muted-foreground",
+					children: "App Version"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "font-mono",
+					children: bundle.targetAppVersion
+				})]
+			}),
+			bundle.fingerprintHash && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "text-muted-foreground",
+					children: "Fingerprint"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: "font-mono text-xs",
+					children: [bundle.fingerprintHash.slice(0, 16), "..."]
+				})]
+			}),
+			bundle.gitCommitHash && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "text-muted-foreground",
+					children: "Git Commit"
+				}), gitCommitUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
+					href: gitCommitUrl,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					className: "flex items-center gap-1 text-primary hover:underline font-mono text-xs",
+					children: [bundle.gitCommitHash.slice(0, 8), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExternalLink, { className: "h-3 w-3" })]
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "font-mono text-xs",
+					children: bundle.gitCommitHash.slice(0, 8)
+				})]
+			}),
+			bundle.fileHash && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "text-muted-foreground",
+					children: "File Hash"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: "font-mono text-xs",
+					children: [bundle.fileHash.slice(0, 16), "..."]
+				})]
+			})
+		]
+	})] });
+}
+function BundleEditorSheet({ bundleId, bundle, loading = false, open, onOpenChange }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Sheet, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetContent, {
+			className: "w-[600px] sm:max-w-[600px] overflow-y-auto",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetTitle, { children: bundle ? "Edit Bundle" : "Bundle Details" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetDescription, { children: bundle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleBasicInfo, { bundle }) : loading ? bundleId ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+				className: "font-mono text-xs",
+				children: ["Loading ", bundleId]
+			}) : "Loading bundle details" : bundleId ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+				className: "font-mono text-xs",
+				children: ["Bundle not found: ", bundleId]
+			}) : "Bundle details unavailable" })] }), bundle ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "px-6 pb-6 space-y-6",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleEditorForm, {
+					bundle,
+					onClose: () => onOpenChange(false)
+				}, bundle.id), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleMetadata, { bundle })]
+			}) : loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "px-6 pb-6 space-y-4",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-10 w-full" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-28 w-full" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-10 w-full" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-10 w-full" })
+				]
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "px-6 pb-6 text-sm text-muted-foreground",
+				children: "The requested bundle could not be loaded."
+			})]
+		})
+	});
+}
+function Table({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "table-container",
+		className: "relative w-full overflow-x-auto",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("table", {
+			"data-slot": "table",
+			className: cn("w-full caption-bottom text-xs", className),
+			...props
+		})
+	});
+}
+function TableHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", {
+		"data-slot": "table-header",
+		className: cn("[&_tr]:border-b", className),
+		...props
+	});
+}
+function TableBody({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", {
+		"data-slot": "table-body",
+		className: cn("[&_tr:last-child]:border-0", className),
+		...props
+	});
+}
+function TableRow({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", {
+		"data-slot": "table-row",
+		className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
+		...props
+	});
+}
+function TableHead({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+		"data-slot": "table-head",
+		className: cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
+		...props
+	});
+}
+function TableCell({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+		"data-slot": "table-cell",
+		className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
+		...props
+	});
+}
+function BundleIdDisplay({ bundleId, maxLength = 12 }) {
+	const truncated = bundleId.length > maxLength ? bundleId.slice(-maxLength) : bundleId;
+	if (bundleId.length <= maxLength) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "font-mono text-xs",
+		children: bundleId
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tooltip$1, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "font-mono text-xs cursor-help",
+			children: truncated
+		})
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+		className: "font-mono text-xs",
+		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",
+	staging: "bg-yellow-500/10 text-yellow-700 dark:text-yellow-400 border-yellow-500/20"
+};
+function ChannelBadge({ channel, className }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+		variant: "outline",
+		className: cn(channelColors[channel.toLowerCase()] || "bg-gray-500/10 text-gray-700 dark:text-gray-400 border-gray-500/20", className),
+		children: channel
+	});
+}
+function EnabledStatusIcon({ enabled, className, falseIcon = "x" }) {
+	if (enabled) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: cn("h-4 w-4 text-green-600 dark:text-green-400", className) });
+	if (falseIcon === "minus") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Minus, { className: cn("h-4 w-4 text-muted-foreground", className) });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: cn("h-4 w-4 text-red-600 dark:text-red-400", className) });
+}
+function RolloutPercentageBadge({ percentage, className }) {
+	const isPartialRollout = percentage < 100;
+	const formattedPercentage = percentage.toFixed(1);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge, {
+		variant: isPartialRollout ? "secondary" : "default",
+		className: cn("gap-1", className),
+		children: [
+			isPartialRollout && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, { className: "h-3 w-3" }),
+			formattedPercentage,
+			"%"
+		]
+	});
+}
+import_dayjs_min.default.extend(import_relativeTime.default);
+function TimestampDisplay({ uuid, format = "relative" }) {
+	const date = (0, import_dayjs_min.default)(extractTimestampFromUUIDv7(uuid));
+	if (format === "relative") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "text-sm text-muted-foreground",
+		children: date.fromNow()
+	});
+	if (format === "absolute") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "text-sm text-muted-foreground",
+		children: date.format("YYYY-MM-DD HH:mm:ss")
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "text-sm",
+			children: date.fromNow()
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "text-xs text-muted-foreground",
+			children: date.format("YYYY-MM-DD HH:mm:ss")
+		})]
+	});
+}
+var columnHelper = createColumnHelper();
+var bundleColumns = [
+	columnHelper.accessor("id", {
+		header: "Bundle ID",
+		cell: (info) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleIdDisplay, { bundleId: info.getValue() })
+	}),
+	columnHelper.accessor("channel", {
+		header: "Channel",
+		cell: (info) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChannelBadge, { channel: info.getValue() })
+	}),
+	columnHelper.accessor("platform", {
+		header: "Platform",
+		cell: (info) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlatformIcon, {
+				platform: info.getValue(),
+				className: "h-4 w-4"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: info.getValue() === "ios" ? "iOS" : "Android" })]
+		})
+	}),
+	columnHelper.display({
+		id: "target",
+		header: "Target",
+		cell: (info) => {
+			const row = info.row.original;
+			if (row.fingerprintHash) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tooltip$1, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-2 cursor-help",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FingerprintPattern, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "font-mono text-xs",
+						children: row.fingerprintHash.slice(0, 8)
+					})]
+				})
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "font-mono text-xs",
+				children: row.fingerprintHash
+			}) })] });
+			if (row.targetAppVersion) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Package, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "text-sm",
+					children: row.targetAppVersion
+				})]
+			});
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "text-sm text-muted-foreground",
+				children: "-"
+			});
+		}
+	}),
+	columnHelper.accessor("enabled", {
+		header: "Enabled",
+		cell: (info) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EnabledStatusIcon, { enabled: info.getValue() })
+	}),
+	columnHelper.accessor("shouldForceUpdate", {
+		header: "Force Update",
+		cell: (info) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EnabledStatusIcon, {
+			enabled: info.getValue(),
+			falseIcon: "minus"
+		})
+	}),
+	columnHelper.accessor("rolloutCohortCount", {
+		header: "Rollout",
+		cell: (info) => {
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RolloutPercentageBadge, { percentage: (info.getValue() ?? 1e3) / 10 });
+		}
+	}),
+	columnHelper.accessor("message", {
+		header: "Message",
+		cell: (info) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "text-sm text-muted-foreground",
+			children: info.getValue() || "-"
+		})
+	}),
+	columnHelper.accessor("id", {
+		id: "created",
+		header: "Created",
+		cell: (info) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TimestampDisplay, { uuid: info.getValue() })
+	})
+];
+function BundlesTable({ bundles, selectedBundleId, onRowClick }) {
+	const { filters, setFilters } = useFilterParams();
+	const currentOffset = Number(filters.offset || 0);
+	const table = useReactTable({
+		data: bundles,
+		columns: bundleColumns,
+		getCoreRowModel: getCoreRowModel()
+	});
+	const handlePreviousPage = () => {
+		setFilters({ offset: Math.max(0, currentOffset - 20).toString() });
+	};
+	const handleNextPage = () => {
+		setFilters({ offset: (currentOffset + 20).toString() });
+	};
+	const hasNextPage = bundles.length === 20;
+	const hasPreviousPage = currentOffset > 0;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "space-y-4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "rounded-lg border bg-card text-card-foreground shadow-sm overflow-hidden",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Table, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHeader, {
+				className: "bg-muted/40",
+				children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableRow, {
+					className: "hover:bg-transparent border-b border-border/60",
+					children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+						className: "h-10 text-xs font-semibold uppercase text-muted-foreground/70",
+						children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())
+					}, header.id))
+				}, headerGroup.id))
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableRow, {
+				"data-state": row.original.id === selectedBundleId ? "selected" : void 0,
+				onClick: () => onRowClick(row.original),
+				className: "cursor-pointer hover:bg-muted/30 transition-colors data-[state=selected]:bg-muted",
+				children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+					className: "py-3",
+					children: flexRender(cell.column.columnDef.cell, cell.getContext())
+				}, cell.id))
+			}, row.id)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+				colSpan: bundleColumns.length,
+				className: "h-32 text-center text-muted-foreground",
+				children: "No bundles found matching your filters."
+			}) }) })] })
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex items-center justify-between px-2",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "text-xs text-muted-foreground font-medium",
+				children: [
+					"Showing ",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "text-foreground",
+						children: currentOffset + 1
+					}),
+					" ",
+					"to",
+					" ",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "text-foreground",
+						children: currentOffset + bundles.length
+					}),
+					" ",
+					"entries"
+				]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+					variant: "outline",
+					size: "sm",
+					onClick: handlePreviousPage,
+					disabled: !hasPreviousPage,
+					className: "h-8 px-3 text-xs",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronLeft, { className: "h-3.5 w-3.5 mr-1" }), "Previous"]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+					variant: "outline",
+					size: "sm",
+					onClick: handleNextPage,
+					disabled: !hasNextPage,
+					className: "h-8 px-3 text-xs",
+					children: ["Next", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: "h-3.5 w-3.5 ml-1" })]
+				})]
+			})]
+		})]
+	});
+}
+function FilterToolbar() {
+	const { filters, setFilters, resetFilters } = useFilterParams();
+	const { data: channels = [] } = useChannelsQuery();
+	const hasActiveFilters = filters.channel || filters.platform;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
+		className: "flex h-12 shrink-0 items-center gap-2 border-b px-4 bg-card/50 backdrop-blur-sm sticky top-0 z-10",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarTrigger, { className: "-ml-1" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-1.5 text-muted-foreground ml-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Funnel, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "text-xs font-medium",
+					children: "Filters"
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+				value: filters.platform || "all",
+				onValueChange: (value) => setFilters({ platform: value === "all" ? void 0 : value }),
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
+					className: "w-[140px] h-8 text-xs",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, { placeholder: "All Platforms" })
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectContent, { 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.jsxs)(Select$1, {
+				value: filters.channel || "all",
+				onValueChange: (value) => setFilters({ channel: value === "all" ? void 0 : value }),
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
+					className: "w-[140px] h-8 text-xs",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, { placeholder: "All Channels" })
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectContent, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+					value: "all",
+					children: "All Channels"
+				}), channels.map((channel) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+					value: channel,
+					children: channel
+				}, channel))] })]
+			}),
+			hasActiveFilters && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+				variant: "ghost",
+				size: "sm",
+				onClick: resetFilters,
+				className: "h-8 px-2 text-xs text-muted-foreground hover:text-foreground",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "h-3.5 w-3.5 mr-1" }), "Clear"]
+			})
+		]
+	});
+}
+function BundlesPage() {
+	const { filters, bundleId, setBundleId } = useFilterParams();
+	const activeBundleId = bundleId ?? "";
+	const { data: bundlesData, isLoading } = useBundlesQuery({
+		channel: filters.channel,
+		platform: filters.platform,
+		offset: filters.offset,
+		limit: "20"
+	});
+	const bundles = bundlesData?.data ?? [];
+	const selectedBundleFromList = activeBundleId ? bundles.find((bundle) => bundle.id === activeBundleId) ?? null : null;
+	const { data: selectedBundleFromQuery, isPending: isSelectedBundlePending } = useBundleQuery(activeBundleId);
+	const selectedBundle = selectedBundleFromQuery ?? selectedBundleFromList;
+	const isSelectedBundleLoading = Boolean(activeBundleId) && !selectedBundle && isSelectedBundlePending;
+	if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col h-full",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterToolbar, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex-1 p-6 space-y-4 bg-muted/5",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-12 w-full" }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-12 w-full" }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-12 w-full" }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-12 w-full" })
+			]
+		})]
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col h-full",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterToolbar, {}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex-1 p-6 space-y-6 bg-muted/5",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundlesTable, {
+					bundles,
+					selectedBundleId: bundleId,
+					onRowClick: (bundle) => setBundleId(bundle.id)
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundleEditorSheet, {
+				bundleId,
+				bundle: selectedBundle,
+				loading: isSelectedBundleLoading,
+				open: Boolean(bundleId),
+				onOpenChange: (open) => !open && setBundleId(void 0)
+			})
+		]
+	});
+}
+//#endregion
+export { BundlesPage as component };