@hot-updater/console 1.1.4 → 1.2.0-rc.1

package/.output/server/_ssr/native-builds-CdlyAldW.mjs

@@ -0,0 +1,569 @@
+import { yt as require_jsx_runtime } from "../_libs/@base-ui/react+[...].mjs";
+import { B as Download, J as ChevronLeft, L as FileUp, M as HardDrive, N as HardDriveDownload, _ as RefreshCw, i as TriangleAlert, q as ChevronRight, tt as ArrowUpRight } from "../_libs/lucide-react.mjs";
+import { C as Skeleton, O as buttonVariants, S as SidebarTrigger, t as Button$1 } from "./sidebar-DB2YQlok.mjs";
+import { a as Badge, i as AlertTitle, n as AlertAction, o as Card, r as AlertDescription, s as CardContent, t as Alert } from "./badge-CEdVRgyl.mjs";
+import { a as DialogHeader, n as DialogContent, o as DialogTitle, r as DialogDescription, s as DialogTrigger, t as Dialog$1 } from "./dialog-C8CS8RMt.mjs";
+import { a as TableHeader, i as TableHead, n as TableBody, o as TableRow, r as TableCell, t as Table } from "./table-P4TnAZhl.mjs";
+import { g as useNavigate, h as Link } from "../_libs/@tanstack/react-router+[...].mjs";
+import { c as nativeBuildFileName, d as platformLabel, i as nativeBuildArtifacts, o as nativeBuildChannel, r as formatByteSize, s as nativeBuildDownloadPath, u as nativeBuildTarget } from "./native-builds-DhXL5zf_.mjs";
+import { t as PlatformIcon } from "./PlatformIcon-CFLiTjh1.mjs";
+import { a as SelectTrigger, i as SelectItem, n as SelectContent, o as SelectValue, r as SelectGroup, t as Select$1 } from "./select-DM1uwtk9.mjs";
+import { f as useNativeBuildsQuery, i as useChannelsQuery } from "./api-0vtwA5vY.mjs";
+import { t as Route } from "./native-builds-CSCgFB21.mjs";
+import { t as TimestampDisplay } from "./git-CTA8Aqr0.mjs";
+import { i as StoreSubmissionBadge, n as CopyableText, r as ShortHash, t as CommitLink } from "./StoreSubmission-JZ2Zltak.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/native-builds-CdlyAldW.js
+var import_jsx_runtime = require_jsx_runtime();
+/** The command that tracks a build made elsewhere. */
+var IMPORT_COMMAND = "npx hot-updater native-build import <path-to-.ipa|.aab|.apk|.app|.app.zip>";
+/** `native-build import`'s section of the native build guide. */
+var IMPORT_GUIDE_URL = "https://hot-updater.dev/docs/guides/native-build#import-a-build-made-elsewhere";
+/**
+* How to track a build made elsewhere: the CLI command, which reads the
+* artifact on the machine that has it. The Console uploads nothing, since a
+* host may cap a request's body far below an `.ipa`.
+*/
+function ImportBuildSteps() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex min-w-0 flex-col gap-2",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					"Track an ",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+						className: "font-mono",
+						children: ".ipa"
+					}),
+					",",
+					" ",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+						className: "font-mono",
+						children: ".aab"
+					}),
+					",",
+					" ",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+						className: "font-mono",
+						children: ".apk"
+					}),
+					" or simulator",
+					" ",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+						className: "font-mono",
+						children: ".app"
+					}),
+					" (or its",
+					" ",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+						className: "font-mono",
+						children: ".app.zip"
+					}),
+					") built elsewhere, such as by EAS, Xcode Cloud or Fastlane, so the OTAs you deploy after it patch from its built-in bundle. Run in the app's project:"
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyableText, {
+				label: "the import command",
+				value: IMPORT_COMMAND,
+				wrap: true
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					"Add ",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+						className: "font-mono",
+						children: "-c <channel>"
+					}),
+					" (",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+						className: "font-mono",
+						children: "--channel"
+					}),
+					") when the app reports another channel than the one it was built with, such as one its code sets or switches to at runtime."
+				]
+			})
+		]
+	});
+}
+/** The toolbar's "Import a build" button and the command it shows. */
+function ImportBuildDialog() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Dialog$1, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogTrigger, {
+		render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+			"aria-label": "Import a build",
+			className: "min-h-11 sm:min-h-7",
+			size: "sm",
+			variant: "outline"
+		}),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileUp, { "data-icon": "inline-start" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "hidden sm:inline",
+			children: "Import a build"
+		})]
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogContent, {
+		className: "sm:max-w-lg",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogHeader, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle, { children: "Import a build" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription, { children: "The build appears here once the command tracks it." })] }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImportBuildSteps, {}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
+				className: buttonVariants({
+					className: "min-h-11 w-full sm:min-h-8 sm:w-fit",
+					variant: "outline"
+				}),
+				href: IMPORT_GUIDE_URL,
+				rel: "noreferrer",
+				target: "_blank",
+				children: ["Import guide", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowUpRight, { "data-icon": "inline-end" })]
+			})
+		]
+	})] });
+}
+var NATIVE_BUILD_GUIDE_URL = "https://hot-updater.dev/docs/guides/native-build#register-a-build";
+var COLUMNS = 6;
+function EmptyRow({ channel, paged, onClearChannel, onNewest }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+		className: "h-44 text-center text-muted-foreground",
+		colSpan: COLUMNS,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "mx-auto flex max-w-sm flex-col items-center gap-2 whitespace-normal",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(HardDriveDownload, {
+				"aria-hidden": "true",
+				className: "size-5"
+			}), paged ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "font-medium text-foreground",
+				children: "No more native builds"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+				className: "mt-1 min-h-11 sm:min-h-8",
+				onClick: onNewest,
+				variant: "outline",
+				children: "Show the newest builds"
+			})] }) : channel !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+					className: "font-medium text-foreground",
+					children: ["No native build embeds ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						translate: "no",
+						children: channel
+					})]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "A build embeds the channel it was built on. Build one on this channel, or list every channel's builds." }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+					className: "mt-1 min-h-11 sm:min-h-8",
+					onClick: onClearChannel,
+					variant: "outline",
+					children: "Show all channels"
+				})
+			] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "font-medium text-foreground",
+					children: "No native builds"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
+					"Build a release app with",
+					" ",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+						className: "font-mono text-xs",
+						children: "hot-updater native-build android"
+					}),
+					" ",
+					"or ",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+						className: "font-mono text-xs",
+						children: "native-build ios"
+					}),
+					", which tracks it here, or import one built elsewhere:"
+				] }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "w-full text-left",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyableText, {
+						label: "the import command",
+						value: IMPORT_COMMAND,
+						wrap: true
+					})
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
+					className: buttonVariants({
+						className: "mt-1 min-h-11 sm:min-h-8",
+						variant: "outline"
+					}),
+					href: NATIVE_BUILD_GUIDE_URL,
+					rel: "noreferrer",
+					target: "_blank",
+					children: ["Native build guide", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowUpRight, { "data-icon": "inline-end" })]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
+					className: buttonVariants({
+						className: "min-h-11 sm:min-h-8",
+						variant: "outline"
+					}),
+					href: IMPORT_GUIDE_URL,
+					rel: "noreferrer",
+					target: "_blank",
+					children: ["Import guide", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowUpRight, { "data-icon": "inline-end" })]
+				})
+			] })]
+		})
+	}) });
+}
+function LoadingRows() {
+	return Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, { children: [
+		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableCell, {
+			className: "space-y-2 py-3",
+			children: [
+				index === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "sr-only",
+					children: "Loading native builds"
+				}) : null,
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-3.5 w-40" }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-3 w-24" })
+			]
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+			className: "hidden md:table-cell",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-5 w-20" })
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+			className: "hidden xl:table-cell",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-3.5 w-28" })
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+			className: "hidden xl:table-cell",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-3.5 w-14" })
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+			className: "hidden sm:table-cell",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-3.5 w-20" })
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "ml-auto h-6 w-16" }) })
+	] }, index));
+}
+function BuildRow({ build, onChannel }) {
+	const navigate = useNavigate();
+	const target = nativeBuildTarget(build);
+	const channel = nativeBuildChannel(build);
+	const title = `${platformLabel(build.platform)} ${nativeBuildArtifacts[build.artifact_kind].label}`;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, {
+		className: "cursor-pointer",
+		onClick: () => void navigate({
+			to: "/native-builds/$buildId",
+			params: { buildId: build.id }
+		}),
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+				className: "py-3 whitespace-normal",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex min-w-0 flex-col gap-1",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex flex-wrap items-center gap-1.5",
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlatformIcon, {
+									className: "size-3.5 shrink-0 text-muted-foreground",
+									platform: build.platform
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
+									className: "font-medium underline-offset-4 hover:underline",
+									onClick: (event) => event.stopPropagation(),
+									params: { buildId: build.id },
+									to: "/native-builds/$buildId",
+									children: title
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "text-xs text-muted-foreground tabular-nums",
+									children: formatByteSize(build.byte_size)
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StoreSubmissionBadge, {
+									build,
+									withTime: true
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex min-w-0 flex-wrap items-center gap-x-1.5 text-xs text-muted-foreground",
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: target.label }),
+								build.fingerprint_hash === null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "font-mono text-foreground",
+									translate: "no",
+									children: target.value
+								}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ShortHash, {
+									label: "fingerprint",
+									length: 12,
+									value: build.fingerprint_hash
+								}),
+								!build.build_number ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+									className: "tabular-nums",
+									translate: "no",
+									children: ["· build ", build.build_number]
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+									className: "md:hidden",
+									translate: "no",
+									children: ["· ", channel]
+								}),
+								build.git_commit_hash === null ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+									className: "inline-flex items-center gap-1 xl:hidden",
+									children: ["· commit ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommitLink, { hash: build.git_commit_hash })]
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "text-xs text-muted-foreground xl:hidden",
+							children: [
+								"Built-in bundle",
+								" ",
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "font-mono [overflow-wrap:anywhere] text-foreground",
+									translate: "no",
+									children: build.min_bundle_id
+								})
+							]
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+				className: "hidden md:table-cell",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					"aria-label": `Show the builds that embed ${channel}`,
+					className: "rounded-md text-left focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none",
+					onClick: (event) => {
+						event.stopPropagation();
+						onChannel(channel);
+					},
+					type: "button",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+						className: "whitespace-nowrap",
+						translate: "no",
+						variant: "outline",
+						children: channel
+					})
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+				className: "hidden xl:table-cell",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "font-mono text-xs text-muted-foreground",
+					translate: "no",
+					children: build.min_bundle_id
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+				className: "hidden xl:table-cell",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommitLink, { hash: build.git_commit_hash })
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+				className: "hidden sm:table-cell",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TimestampDisplay, { uuid: build.id })
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+				className: "text-right",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
+					"aria-label": `Download ${nativeBuildFileName(build)}`,
+					className: buttonVariants({
+						className: "min-h-11 sm:min-h-7",
+						size: "sm",
+						variant: "outline"
+					}),
+					download: true,
+					href: nativeBuildDownloadPath(build.id),
+					onClick: (event) => event.stopPropagation(),
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Download, { "data-icon": "inline-start" }), "Download"]
+				})
+			})
+		]
+	});
+}
+/**
+* The registered native builds, newest first, one page at a time. A row
+* opens the build's page; its channel filters the list by that channel.
+*/
+function NativeBuildsTable({ builds, channel, paged, onChannel, onPage }) {
+	const rows = builds.data?.data;
+	const { next, previous } = builds.data ?? {};
+	if (builds.isError) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "p-4",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, {
+			variant: "destructive",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, {}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: "Native builds couldn't be loaded" }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDescription, { children: "Check your connection and try again." }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertAction, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+					onClick: () => void builds.refetch(),
+					size: "xs",
+					variant: "outline",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RefreshCw, { "data-icon": "inline-start" }), "Retry"]
+				}) })
+			]
+		})
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Table, {
+		"aria-busy": builds.isPlaceholderData,
+		"aria-label": "Native builds",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, { children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Build" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+				className: "hidden md:table-cell",
+				children: "Channel"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+				className: "hidden xl:table-cell",
+				children: "Built-in bundle"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+				className: "hidden xl:table-cell",
+				children: "Commit"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+				className: "hidden sm:table-cell",
+				children: "Created"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+				className: "text-right",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "sr-only",
+					children: "Actions"
+				})
+			})
+		] }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableBody, { children: builds.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingRows, {}) : rows?.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyRow, {
+			channel,
+			onClearChannel: () => onChannel(void 0),
+			onNewest: () => onPage({}),
+			paged
+		}) : rows?.map((build) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BuildRow, {
+			build,
+			onChannel
+		}, build.id)) })]
+	}), next !== void 0 || previous !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("nav", {
+		"aria-label": "Native build pages",
+		className: "flex items-center justify-end gap-2 border-t px-4 py-2",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+			className: "min-h-11 sm:min-h-7",
+			disabled: previous === void 0 || builds.isPlaceholderData,
+			onClick: () => onPage({ after: previous }),
+			size: "sm",
+			variant: "ghost",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronLeft, { "data-icon": "inline-start" }), "Newer"]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+			className: "min-h-11 sm:min-h-7",
+			disabled: next === void 0 || builds.isPlaceholderData,
+			onClick: () => onPage({ before: next }),
+			size: "sm",
+			variant: "ghost",
+			children: ["Older", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { "data-icon": "inline-end" })]
+		})]
+	}) : null] });
+}
+/**
+* The filter's values: a channel's is its name behind a prefix, so no channel
+* name, `all` included, can be taken for "All channels".
+*/
+var ALL_CHANNELS = "all";
+var CHANNEL_VALUE_PREFIX = "channel:";
+var channelValue = (name) => `${CHANNEL_VALUE_PREFIX}${name}`;
+/**
+* The native builds Hot Updater tracks: one page at a time, newest first,
+* optionally only those that embed one channel. The page and the channel
+* are in the URL, so a pull request links to its channel's builds.
+*/
+function NativeBuildsPage({ search, onSearchChange }) {
+	const { channel, before, after } = search;
+	const builds = useNativeBuildsQuery(search);
+	const channels = useChannelsQuery();
+	const channelNames = channels.data?.map(({ name }) => name) ?? [];
+	const choices = channel === void 0 || channelNames.includes(channel) ? channelNames : [channel, ...channelNames];
+	const filterBy = (next) => onSearchChange(next === void 0 ? {} : { channel: next });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex h-svh min-h-0 flex-col",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
+			className: "sticky top-0 z-10 flex shrink-0 flex-wrap items-center gap-x-3 gap-y-1 border-b bg-background px-3 py-3 sm:min-h-12 sm:flex-nowrap sm:bg-card/70 sm:px-4 sm:backdrop-blur-sm",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarTrigger, { className: "-ml-1 size-11 lg:size-7" }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-1.5",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(HardDrive, {
+						"aria-hidden": "true",
+						className: "size-3.5 text-muted-foreground"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+						className: "text-sm font-medium",
+						children: "Native builds"
+					})]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "basis-full pl-12 text-xs text-muted-foreground sm:basis-auto sm:pl-0",
+					children: "Store and test builds, each the built-in bundle its OTAs patch from."
+				})
+			]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "min-h-0 min-w-0 flex-1 overflow-y-auto bg-muted/5 p-3 sm:p-6",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, {
+				className: "mx-auto w-full max-w-6xl overflow-hidden shadow-sm",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-2 border-b px-4 py-3",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+							items: [{
+								label: "All channels",
+								value: ALL_CHANNELS
+							}, ...choices.map((name) => ({
+								label: name,
+								value: channelValue(name)
+							}))],
+							onOpenChange: (open) => {
+								if (open) channels.refetch();
+							},
+							onValueChange: (value) => filterBy(value?.startsWith(CHANNEL_VALUE_PREFIX) ? value.slice(8) : void 0),
+							value: channel === void 0 ? ALL_CHANNELS : channelValue(channel),
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
+								"aria-label": "Channel",
+								className: "h-11 min-w-0 flex-1 text-xs sm:h-8 sm:w-48 sm:flex-none",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, {})
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectGroup, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+								value: ALL_CHANNELS,
+								children: "All channels"
+							}), choices.map((name) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+								translate: "no",
+								value: channelValue(name),
+								children: name
+							}, name))] }) })]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "ml-auto",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImportBuildDialog, {})
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+							"aria-label": "Refresh native builds",
+							className: "size-11 sm:size-7",
+							disabled: builds.isLoading,
+							onClick: () => void builds.refetch(),
+							size: "icon-sm",
+							variant: "ghost",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RefreshCw, { "aria-hidden": "true" })
+						})
+					]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, {
+					className: "p-0",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NativeBuildsTable, {
+						builds,
+						channel,
+						onChannel: filterBy,
+						onPage: (page) => onSearchChange({
+							...channel === void 0 ? {} : { channel },
+							...page
+						}),
+						paged: before !== void 0 || after !== void 0
+					})
+				})]
+			})
+		})]
+	});
+}
+function NativeBuildsRoute() {
+	const search = Route.useSearch();
+	const navigate = Route.useNavigate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NativeBuildsPage, {
+		onSearchChange: (next) => void navigate({ search: next }),
+		search
+	});
+}
+//#endregion
+export { NativeBuildsRoute as component };