@hot-updater/console 0.29.4 → 0.29.6

package/.output/server/_ssr/{api-rpc-CVBxLaGD.mjs → api-rpc-Cr26KHOK.mjs}

@@ -1,6 +1,6 @@
 import "../_libs/@radix-ui/react-alert-dialog+[...].mjs";
 import { n as createServerFn, r as TSS_SERVER_FUNCTION } from "./ssr.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/api-rpc-CVBxLaGD.js
+//#region node_modules/.nitro/vite/services/ssr/assets/api-rpc-Cr26KHOK.js
 var createServerRpc = (serverFnMeta, splitImportFn) => {
 	const url = "/_serverFn/" + serverFnMeta.id;
 	return Object.assign(splitImportFn, {
@@ -64,8 +64,10 @@ var getBundles = createServerFn({ method: "GET" }).inputValidator((input) => inp
 		const query = {
 			channel: data?.channel ?? void 0,
 			platform: data?.platform ?? void 0,
+			page: typeof data?.page === "number" && Number.isInteger(data.page) && data.page > 1 ? data.page : void 0,
 			limit: data?.limit ? Number(data.limit) : 20,
-			offset: data?.offset ? Number(data.offset) : 0
+			after: data?.after ?? void 0,
+			before: data?.before ?? void 0
 		};
 		const { databasePlugin } = await prepareConfig();
 		return await databasePlugin.getBundles({
@@ -74,13 +76,19 @@ var getBundles = createServerFn({ method: "GET" }).inputValidator((input) => inp
 				platform: query.platform
 			},
 			limit: query.limit,
-			offset: query.offset
+			page: query.page,
+			cursor: query.after || query.before ? {
+				after: query.after,
+				before: query.before
+			} : void 0
 		}) ?? {
 			data: [],
 			pagination: {
 				total: 0,
-				limit: query.limit,
-				offset: query.offset
+				hasNextPage: false,
+				hasPreviousPage: false,
+				currentPage: 1,
+				totalPages: 0
 			}
 		};
 	} catch (error) {

package/.output/server/_ssr/{router-BnX8JLYH.mjs → router-DB7WR5Zr.mjs}

@@ -8,7 +8,7 @@ import { t as QueryClient } from "../_libs/tanstack__query-core.mjs";
 import { r as QueryClientProvider } from "../_libs/tanstack__react-query.mjs";
 import { t as z } from "../_libs/next-themes.mjs";
 import { t as Toaster } from "../_libs/sonner.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/router-BnX8JLYH.js
+//#region node_modules/.nitro/vite/services/ssr/assets/router-DB7WR5Zr.js
 var import_jsx_runtime = require_jsx_runtime();
 var import_react = /* @__PURE__ */ __toESM(require_react());
 function HotUpdaterLogo({ className }) {
@@ -94,7 +94,9 @@ function AppSidebar() {
 					search: {
 						channel: void 0,
 						platform: void 0,
-						offset: void 0,
+						page: void 0,
+						after: void 0,
+						before: void 0,
 						bundleId: void 0
 					},
 					className: "flex items-center gap-3 p-1 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-2",
@@ -119,7 +121,9 @@ function AppSidebar() {
 					search: {
 						channel: void 0,
 						platform: void 0,
-						offset: void 0,
+						page: void 0,
+						after: void 0,
+						before: void 0,
 						bundleId: void 0
 					},
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Package, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Bundles" })]
@@ -136,7 +140,9 @@ function AppSidebar() {
 var homeSearch = {
 	channel: void 0,
 	platform: void 0,
-	offset: void 0,
+	page: void 0,
+	after: void 0,
+	before: void 0,
 	bundleId: void 0
 };
 function NotFoundPage() {
@@ -221,14 +227,17 @@ function RootLayout() {
 	(0, import_react.useEffect)(() => {}, []);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarProvider, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppSidebar, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarInset, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Outlet, {}) })] });
 }
-var $$splitComponentImporter = () => import("./routes-z71qW0Uy.mjs");
+var $$splitComponentImporter = () => import("./routes-FhQwSgxW.mjs");
 var rootRouteChildren = { IndexRoute: createFileRoute("/")({
 	component: lazyRouteComponent($$splitComponentImporter, "component"),
 	validateSearch: (search) => {
+		const parsedPage = typeof search.page === "number" ? search.page : typeof search.page === "string" ? Number(search.page) : void 0;
 		return {
 			channel: search.channel,
 			platform: search.platform,
-			offset: search.offset,
+			page: parsedPage !== void 0 && Number.isInteger(parsedPage) && parsedPage > 1 ? parsedPage : void 0,
+			after: search.after,
+			before: search.before,
 			bundleId: search.bundleId
 		};
 	}

package/.output/server/_ssr/{routes-z71qW0Uy.mjs → routes-FhQwSgxW.mjs}

@@ -17,75 +17,12 @@ 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-z71qW0Uy.js
+//#region node_modules/.nitro/vite/services/ssr/assets/routes-FhQwSgxW.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.`;
@@ -176,6 +113,69 @@ function getNumericCohortRolloutPosition(bundleId, cohortValue) {
 	const { offset, inverseMultiplier } = getRolloutShuffleParameters(bundleId);
 	return positiveMod(inverseMultiplier * (cohortValue - 1 - offset), NUMERIC_COHORT_SIZE);
 }
+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 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",
@@ -639,7 +639,9 @@ function useFilterParams() {
 	const filters = {
 		channel: search.channel,
 		platform: search.platform,
-		offset: search.offset
+		page: search.page,
+		after: search.after,
+		before: search.before
 	};
 	const bundleId = search.bundleId;
 	const navigateWithSearch = (nextSearch) => {
@@ -651,11 +653,17 @@ function useFilterParams() {
 	const getNextFilters = (newFilters) => {
 		const hasChannel = Object.hasOwn(newFilters, "channel");
 		const hasPlatform = Object.hasOwn(newFilters, "platform");
-		const hasOffset = Object.hasOwn(newFilters, "offset");
+		const hasPage = Object.hasOwn(newFilters, "page");
+		const hasAfter = Object.hasOwn(newFilters, "after");
+		const hasBefore = Object.hasOwn(newFilters, "before");
+		const shouldResetPagination = hasChannel || hasPlatform;
+		const nextPage = hasPage && newFilters.page !== void 0 && newFilters.page > 1 ? newFilters.page : void 0;
 		return {
 			channel: hasChannel ? newFilters.channel : filters.channel,
 			platform: hasPlatform ? newFilters.platform : filters.platform,
-			offset: hasChannel || hasPlatform ? "0" : hasOffset ? newFilters.offset : filters.offset
+			page: shouldResetPagination ? void 0 : hasPage ? nextPage : filters.page,
+			after: shouldResetPagination ? void 0 : hasAfter ? newFilters.after : filters.after,
+			before: shouldResetPagination ? void 0 : hasBefore ? newFilters.before : filters.before
 		};
 	};
 	const setFilters = (newFilters) => {
@@ -674,7 +682,9 @@ function useFilterParams() {
 		navigateWithSearch({
 			channel: void 0,
 			platform: void 0,
-			offset: void 0,
+			page: void 0,
+			after: void 0,
+			before: void 0,
 			bundleId: void 0
 		});
 	};
@@ -714,7 +724,8 @@ function PromoteChannelDialog({ bundle, open, onOpenChange, onSuccess }) {
 	const openBundleDetail = (nextBundleId, nextChannel) => {
 		setBundleId(nextBundleId, {
 			channel: nextChannel,
-			offset: "0"
+			after: void 0,
+			before: void 0
 		});
 	};
 	const handlePromote = async () => {
@@ -1638,22 +1649,37 @@ var bundleColumns = [
 		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);
+function BundlesTable({ bundles, pagination, selectedBundleId, onRowClick }) {
+	const { setFilters } = useFilterParams();
 	const table = useReactTable({
 		data: bundles,
 		columns: bundleColumns,
 		getCoreRowModel: getCoreRowModel()
 	});
+	const hasNextPage = pagination?.hasNextPage ?? false;
+	const hasPreviousPage = pagination?.hasPreviousPage ?? false;
+	const currentPage = pagination?.currentPage ?? 1;
+	const totalPages = pagination?.totalPages ?? 0;
 	const handlePreviousPage = () => {
-		setFilters({ offset: Math.max(0, currentOffset - 20).toString() });
+		const previousCursor = pagination?.previousCursor ?? bundles[0]?.id;
+		if (!previousCursor) return;
+		setFilters({
+			page: Math.max(1, currentPage - 1),
+			after: void 0,
+			before: previousCursor
+		});
 	};
 	const handleNextPage = () => {
-		setFilters({ offset: (currentOffset + 20).toString() });
+		const nextCursor = pagination?.nextCursor ?? bundles.at(-1)?.id;
+		if (!nextCursor) return;
+		setFilters({
+			page: currentPage + 1,
+			after: nextCursor,
+			before: void 0
+		});
 	};
-	const hasNextPage = bundles.length === 20;
-	const hasPreviousPage = currentOffset > 0;
+	const startEntry = bundles.length === 0 ? 0 : (currentPage - 1) * 20 + 1;
+	const endEntry = startEntry === 0 ? 0 : startEntry + bundles.length - 1;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "space-y-4",
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -1688,35 +1714,54 @@ function BundlesTable({ bundles, selectedBundleId, onRowClick }) {
 					"Showing ",
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 						className: "text-foreground",
-						children: currentOffset + 1
+						children: startEntry
 					}),
-					" ",
-					"to",
+					" to",
 					" ",
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 						className: "text-foreground",
-						children: currentOffset + bundles.length
+						children: endEntry
 					}),
-					" ",
-					"entries"
+					" 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" })]
-				})]
+				className: "flex items-center gap-3",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "text-xs text-muted-foreground font-medium",
+						children: [
+							"Page ",
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "text-foreground",
+								children: currentPage
+							}),
+							totalPages > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+								" ",
+								"of ",
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "text-foreground",
+									children: totalPages
+								})
+							] }) : null
+						]
+					}),
+					/* @__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" })]
+					})
+				]
 			})]
 		})]
 	});
@@ -1787,10 +1832,13 @@ function BundlesPage() {
 	const { data: bundlesData, isLoading } = useBundlesQuery({
 		channel: filters.channel,
 		platform: filters.platform,
-		offset: filters.offset,
+		page: filters.page,
+		after: filters.after,
+		before: filters.before,
 		limit: "20"
 	});
 	const bundles = bundlesData?.data ?? [];
+	const pagination = bundlesData?.pagination;
 	const selectedBundleFromList = activeBundleId ? bundles.find((bundle) => bundle.id === activeBundleId) ?? null : null;
 	const { data: selectedBundleFromQuery, isPending: isSelectedBundlePending } = useBundleQuery(activeBundleId);
 	const selectedBundle = selectedBundleFromQuery ?? selectedBundleFromList;
@@ -1815,6 +1863,7 @@ function BundlesPage() {
 				className: "flex-1 p-6 space-y-6 bg-muted/5",
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BundlesTable, {
 					bundles,
+					pagination,
 					selectedBundleId: bundleId,
 					onRowClick: (bundle) => setBundleId(bundle.id)
 				})

package/.output/server/_ssr/ssr.mjs

@@ -4269,7 +4269,7 @@ function getResponse() {
 	return getH3Event().res;
 }
 async function getStartManifest(matchedRoutes) {
-	const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-DTbQVOpU.mjs");
+	const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-bE9hwtzg.mjs");
 	const startManifest = tsrStartManifest();
 	const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes["__root__"] || {};
 	rootRoute.assets = rootRoute.assets || [];
@@ -4408,43 +4408,43 @@ function createMultiplexedStream(jsonStream, rawStreams) {
 var manifest = {
 	"51a34c05479a893c7d320bd4cd1604427289d667698c48b9f30a01aabf8a5e68": {
 		functionName: "getConfig_createServerFn_handler",
-		importer: () => import("./api-rpc-CVBxLaGD.mjs")
+		importer: () => import("./api-rpc-Cr26KHOK.mjs")
 	},
 	"79ada05964de8f2123bfcd62b10097d59bf8fd689ef5c7161031e5871d8396c5": {
 		functionName: "getChannels_createServerFn_handler",
-		importer: () => import("./api-rpc-CVBxLaGD.mjs")
+		importer: () => import("./api-rpc-Cr26KHOK.mjs")
 	},
 	"f8bdca3d0579adb812d6404f55d9261a89cdb025e920b1fcad82883646a5fe9e": {
 		functionName: "getConfigLoaded_createServerFn_handler",
-		importer: () => import("./api-rpc-CVBxLaGD.mjs")
+		importer: () => import("./api-rpc-Cr26KHOK.mjs")
 	},
 	"00ccacb4a0212c83ec29f4d11719046ad91ea8291cfc557d514dbf00d3bd7f5f": {
 		functionName: "getBundles_createServerFn_handler",
-		importer: () => import("./api-rpc-CVBxLaGD.mjs")
+		importer: () => import("./api-rpc-Cr26KHOK.mjs")
 	},
 	"1bd85c2a50e24785cb6abb023a247a9f048f37ddfa85cbb1c57e579563bad013": {
 		functionName: "getBundle_createServerFn_handler",
-		importer: () => import("./api-rpc-CVBxLaGD.mjs")
+		importer: () => import("./api-rpc-Cr26KHOK.mjs")
 	},
 	"e000081a14772a0496dfdf615232fbbb1a23b89191d0e32f89a05dd67a1916f7": {
 		functionName: "getBundleDownloadUrl_createServerFn_handler",
-		importer: () => import("./api-rpc-CVBxLaGD.mjs")
+		importer: () => import("./api-rpc-Cr26KHOK.mjs")
 	},
 	"67f90ce4cd10fd0226cd9d77cdcd8d0f25a59a6ac406360b655e44296bc4208b": {
 		functionName: "updateBundle_createServerFn_handler",
-		importer: () => import("./api-rpc-CVBxLaGD.mjs")
+		importer: () => import("./api-rpc-Cr26KHOK.mjs")
 	},
 	"c4ef3bbb77ea8a4410623fd18a4741e2ff0668b1a97510bcdd032a8428eaa5da": {
 		functionName: "promoteBundle_createServerFn_handler",
-		importer: () => import("./api-rpc-CVBxLaGD.mjs")
+		importer: () => import("./api-rpc-Cr26KHOK.mjs")
 	},
 	"16cc7c2f080ea5b73e0c6bba815b110dbd7727796036d248ba0d8ae819ddef08": {
 		functionName: "createBundle_createServerFn_handler",
-		importer: () => import("./api-rpc-CVBxLaGD.mjs")
+		importer: () => import("./api-rpc-Cr26KHOK.mjs")
 	},
 	"3a27ff5679228b86a346b3fe42142e7a5bf0264f73173c0dbe5f07fb37c43cf7": {
 		functionName: "deleteBundle_createServerFn_handler",
-		importer: () => import("./api-rpc-CVBxLaGD.mjs")
+		importer: () => import("./api-rpc-Cr26KHOK.mjs")
 	}
 };
 async function getServerFnById(id) {
@@ -4747,7 +4747,7 @@ var entriesPromise;
 var baseManifestPromise;
 var cachedFinalManifestPromise;
 async function loadEntries() {
-	const routerEntry = await import("./router-BnX8JLYH.mjs");
+	const routerEntry = await import("./router-DB7WR5Zr.mjs");
 	return {
 		startEntry: await import("./start-DQK0r85G.mjs"),
 		routerEntry

package/.output/server/{_tanstack-start-manifest_v-DTbQVOpU.mjs → _tanstack-start-manifest_v-bE9hwtzg.mjs}

@@ -1,17 +1,17 @@
-//#region node_modules/.nitro/vite/services/ssr/assets/_tanstack-start-manifest_v-DTbQVOpU.js
+//#region node_modules/.nitro/vite/services/ssr/assets/_tanstack-start-manifest_v-bE9hwtzg.js
 var tsrStartManifest = () => ({
 	"routes": {
 		"__root__": {
 			"filePath": "/home/runner/work/hot-updater/hot-updater/packages/console/src/routes/__root.tsx",
 			"children": ["/"],
-			"preloads": ["/assets/main-Dlx8-qN-.js"]
+			"preloads": ["/assets/main-hOHGHX7C.js"]
 		},
 		"/": {
 			"filePath": "/home/runner/work/hot-updater/hot-updater/packages/console/src/routes/index.tsx",
-			"preloads": ["/assets/routes-DB0tWmiJ.js"]
+			"preloads": ["/assets/routes-B2UPnemG.js"]
 		}
 	},
-	"clientEntry": "/assets/main-Dlx8-qN-.js"
+	"clientEntry": "/assets/main-hOHGHX7C.js"
 });
 //#endregion
 export { tsrStartManifest };