@burdenoff/microfe-devportal 2026.1112.2 → 2026.1113.2

package/dist/devportal/pages/AdminReviewPage.js

@@ -3,43 +3,44 @@ import { EmptyState as n } from "../components/EmptyState.js";
 import { useApproveApplicationMutation as r, useApproveApplicationVersionMutation as i, useGetApplicationForReviewQuery as a, useGetApplicationsQuery as o, useGetApplicationsWithPendingVersionsQuery as s, useRejectApplicationMutation as c, useRejectApplicationVersionMutation as l } from "../../generated/global-operations.js";
 import { getErrorMessage as u } from "../hooks/useGraphQL.js";
 import { useDevportal as d } from "../providers/DevportalProvider.js";
+import "../components/index.js";
 import { PermissionGuard as f } from "../components/PermissionGuard.js";
 import { ManifestViewer as p } from "../components/ManifestViewer.js";
 import { PackageValidationPanel as m } from "../components/PackageValidationPanel.js";
-import "../components/index.js";
-import { useDevportalPermission as h } from "../hooks/usePermission.js";
-import { DEVPORTAL_PERMISSIONS as g } from "../constants/permissions.js";
+import { DEVPORTAL_PERMISSIONS as h } from "../constants/permissions.js";
+import { useDevportalPermission as g } from "../hooks/usePermission.js";
 import "../hooks/index.js";
-import { useState as _ } from "react";
-import { AlertCircle as v, CheckCircle as y, ChevronDown as b, ChevronUp as x, Clock as S, Download as C, Eye as w, GitBranch as T, Loader2 as E, Package as D, Search as O, XCircle as k } from "lucide-react";
-import { jsx as A, jsxs as j } from "react/jsx-runtime";
-import { useI18n as M } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { StoreImage as _ } from "../components/StoreImage.js";
+import { useState as v } from "react";
+import { AlertCircle as y, CheckCircle as b, ChevronDown as x, ChevronUp as S, Clock as C, Download as w, Eye as T, GitBranch as E, Loader2 as D, Package as O, Search as k, XCircle as A } from "lucide-react";
+import { jsx as j, jsxs as M } from "react/jsx-runtime";
+import { useI18n as N } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 // src/devportal/pages/AdminReviewPage.tsx
-var N = {
+var P = {
 	NODE: "Node package",
 	WORKFLOW: "Workflow bundle"
-}, P = ({ appType: e, packageUrl: t, packageSize: n, tr: r }) => {
-	let i = N[e];
-	return i ? /* @__PURE__ */ j("div", {
+}, F = ({ appType: e, packageUrl: t, packageSize: n, tr: r }) => {
+	let i = P[e];
+	return i ? /* @__PURE__ */ M("div", {
 		className: "rounded-lg border border-status-warning-bg bg-status-warning-bg-subtle p-3 space-y-2",
-		children: [/* @__PURE__ */ j("div", {
+		children: [/* @__PURE__ */ M("div", {
 			className: "flex items-center gap-2 text-xs font-medium text-status-warning-text",
-			children: [/* @__PURE__ */ A(D, {
+			children: [/* @__PURE__ */ j(O, {
 				size: 13,
 				className: "flex-shrink-0"
 			}), r("devportal.zipVerificationRequired", "ZIP verification required — download and test before approving")]
-		}), t ? /* @__PURE__ */ j("a", {
+		}), t ? /* @__PURE__ */ M("a", {
 			href: t,
 			download: !0,
 			target: "_blank",
 			rel: "noopener noreferrer",
 			className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
 			children: [
-				/* @__PURE__ */ A(C, { size: 14 }),
+				/* @__PURE__ */ j(w, { size: 14 }),
 				r("devportal.download", "Download"),
 				" ",
 				i,
-				n && /* @__PURE__ */ j("span", {
+				n && /* @__PURE__ */ M("span", {
 					className: "opacity-70 text-xs",
 					children: [
 						"(",
@@ -48,61 +49,62 @@ var N = {
 					]
 				})
 			]
-		}) : /* @__PURE__ */ j("p", {
+		}) : /* @__PURE__ */ M("p", {
 			className: "text-xs text-status-error-text flex items-center gap-1.5",
-			children: [/* @__PURE__ */ A(v, { size: 12 }), r("devportal.noZipUploaded", "No ZIP uploaded — developer must upload before this can be approved")]
+			children: [/* @__PURE__ */ j(y, { size: 12 }), r("devportal.noZipUploaded", "No ZIP uploaded — developer must upload before this can be approved")]
 		})]
 	}) : null;
-}, F = ({ app: e, onApprove: t, onReject: n, processing: r, hasPendingVersions: i }) => {
-	let { navigate: o, basePath: s } = d(), { t: c } = M(), l = (e, t) => {
+}, I = ({ app: e, onApprove: t, onReject: n, processing: r, hasPendingVersions: i }) => {
+	let { navigate: o, basePath: s } = d(), { t: c } = N(), l = (e, t) => {
 		let n = c(e);
 		return n === e ? t : n;
-	}, [u, f] = _(!1), [m, v] = _(""), S = h(g.APP_APPROVE), D = h(g.APP_REJECT), { data: O } = a({
+	}, [u, f] = v(!1), [m, y] = v(""), C = g(h.APP_APPROVE), O = g(h.APP_REJECT), { data: k } = a({
 		variables: { id: e.id },
 		skip: !u,
 		fetchPolicy: "cache-first"
-	}), F = O?.application?.versions?.edges?.[0]?.node;
-	return /* @__PURE__ */ j("div", {
+	}), I = k?.application?.versions?.edges?.[0]?.node;
+	return /* @__PURE__ */ M("div", {
 		className: "rounded-card border border-border-seam bg-bg-surface overflow-hidden",
-		children: [/* @__PURE__ */ j("div", {
+		children: [/* @__PURE__ */ M("div", {
 			className: "flex items-center gap-4 p-4",
 			children: [
-				e.iconUrl ? /* @__PURE__ */ A("img", {
+				/* @__PURE__ */ j(_, {
 					src: e.iconUrl,
 					alt: e.name,
-					className: "h-12 w-12 rounded-lg object-cover flex-shrink-0"
-				}) : /* @__PURE__ */ A("div", {
-					className: "h-12 w-12 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0",
-					children: /* @__PURE__ */ A("span", {
-						className: "text-lg font-bold text-text-secondary",
-						children: e.name.charAt(0).toUpperCase()
+					className: "h-12 w-12 rounded-lg object-cover flex-shrink-0",
+					fallback: /* @__PURE__ */ j("div", {
+						className: "h-12 w-12 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0",
+						children: /* @__PURE__ */ j("span", {
+							className: "text-lg font-bold text-text-secondary",
+							children: e.name.charAt(0).toUpperCase()
+						})
 					})
 				}),
-				/* @__PURE__ */ j("div", {
+				/* @__PURE__ */ M("div", {
 					className: "flex-1 min-w-0",
 					children: [
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ M("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ A("h3", {
+								/* @__PURE__ */ j("h3", {
 									className: "font-semibold truncate",
 									children: e.name
 								}),
-								/* @__PURE__ */ A("span", {
+								/* @__PURE__ */ j("span", {
 									className: "inline-flex items-center rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text",
 									children: e.status
 								}),
-								/* @__PURE__ */ A("span", {
+								/* @__PURE__ */ j("span", {
 									className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
 									children: e.appType.replace(/_/g, " ")
 								})
 							]
 						}),
-						/* @__PURE__ */ A("p", {
+						/* @__PURE__ */ j("p", {
 							className: "text-sm text-text-secondary truncate",
 							children: e.shortDescription ?? e.description ?? l("devportal.noDescription", "No description")
 						}),
-						/* @__PURE__ */ j("p", {
+						/* @__PURE__ */ M("p", {
 							className: "text-xs text-text-secondary mt-0.5",
 							children: [
 								l("devportal.submitted", "Submitted"),
@@ -117,183 +119,183 @@ var N = {
 						})
 					]
 				}),
-				/* @__PURE__ */ j("div", {
+				/* @__PURE__ */ M("div", {
 					className: "flex items-center gap-2 flex-shrink-0",
-					children: [/* @__PURE__ */ j("button", {
+					children: [/* @__PURE__ */ M("button", {
 						onClick: () => o?.(`${s}/apps/${e.id}`),
 						className: "inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm hover:bg-bg-sunken",
 						title: l("devportal.viewAppDetails", "View app details"),
-						children: [/* @__PURE__ */ A(w, { size: 14 }), l("devportal.view", "View")]
-					}), /* @__PURE__ */ j("button", {
+						children: [/* @__PURE__ */ j(T, { size: 14 }), l("devportal.view", "View")]
+					}), /* @__PURE__ */ M("button", {
 						onClick: () => f((e) => !e),
 						className: "inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm hover:bg-bg-sunken",
-						children: [A(u ? x : b, { size: 14 }), l("devportal.review", "Review")]
+						children: [j(u ? S : x, { size: 14 }), l("devportal.review", "Review")]
 					})]
 				})
 			]
-		}), u && /* @__PURE__ */ j("div", {
+		}), u && /* @__PURE__ */ M("div", {
 			className: "border-t bg-bg-sunken/30 p-4 space-y-4",
 			children: [
-				i && /* @__PURE__ */ j("div", {
+				i && /* @__PURE__ */ M("div", {
 					className: "flex items-start gap-2 rounded-md border border-status-warning-bg bg-status-warning-bg-subtle px-3 py-2.5 text-xs text-status-warning-text",
-					children: [/* @__PURE__ */ A(T, {
+					children: [/* @__PURE__ */ j(E, {
 						size: 14,
 						className: "mt-0.5 shrink-0",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ j("span", { children: [
+					}), /* @__PURE__ */ M("span", { children: [
 						"This app has a pending version. Approve the version in the",
 						" ",
-						/* @__PURE__ */ A("strong", { children: "Version Updates" }),
+						/* @__PURE__ */ j("strong", { children: "Version Updates" }),
 						" section below before approving the app — the version must be live before the app can go public."
 					] })]
 				}),
-				e.reviewNotes && /* @__PURE__ */ j("div", {
+				e.reviewNotes && /* @__PURE__ */ M("div", {
 					className: "rounded-md border bg-bg-surface p-3",
-					children: [/* @__PURE__ */ A("p", {
+					children: [/* @__PURE__ */ j("p", {
 						className: "text-xs font-medium text-text-secondary mb-1",
 						children: l("devportal.developerNotes", "Developer Notes")
-					}), /* @__PURE__ */ A("p", {
+					}), /* @__PURE__ */ j("p", {
 						className: "text-sm",
 						children: e.reviewNotes
 					})]
 				}),
-				/* @__PURE__ */ j("div", {
+				/* @__PURE__ */ M("div", {
 					className: "grid grid-cols-2 gap-3 text-sm",
 					children: [
-						/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ j("span", {
+						/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("span", {
 							className: "text-text-secondary",
 							children: [
 								l("devportal.category", "Category"),
 								":",
 								" "
 							]
-						}), /* @__PURE__ */ A("span", { children: e.category ?? "—" })] }),
-						/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ j("span", {
+						}), /* @__PURE__ */ j("span", { children: e.category ?? "—" })] }),
+						/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("span", {
 							className: "text-text-secondary",
 							children: [
 								l("devportal.pricing", "Pricing"),
 								":",
 								" "
 							]
-						}), /* @__PURE__ */ A("span", { children: e.pricingType ?? "FREE" })] }),
-						/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ j("span", {
+						}), /* @__PURE__ */ j("span", { children: e.pricingType ?? "FREE" })] }),
+						/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("span", {
 							className: "text-text-secondary",
 							children: [
 								l("devportal.website", "Website"),
 								":",
 								" "
 							]
-						}), e.websiteUrl ? /* @__PURE__ */ A("a", {
+						}), e.websiteUrl ? /* @__PURE__ */ j("a", {
 							href: e.websiteUrl,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							className: "text-primary underline hover:no-underline",
 							children: l("devportal.link", "Link")
-						}) : /* @__PURE__ */ A("span", { children: "—" })] }),
-						/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ j("span", {
+						}) : /* @__PURE__ */ j("span", { children: "—" })] }),
+						/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("span", {
 							className: "text-text-secondary",
 							children: [
 								l("devportal.privacyPolicy", "Privacy Policy"),
 								":",
 								" "
 							]
-						}), e.privacyPolicyUrl ? /* @__PURE__ */ A("a", {
+						}), e.privacyPolicyUrl ? /* @__PURE__ */ j("a", {
 							href: e.privacyPolicyUrl,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							className: "text-primary underline hover:no-underline",
 							children: l("devportal.link", "Link")
-						}) : /* @__PURE__ */ A("span", {
+						}) : /* @__PURE__ */ j("span", {
 							className: "text-status-error-text",
 							children: l("devportal.missing", "Missing")
 						})] })
 					]
 				}),
-				F && /* @__PURE__ */ j("div", {
+				I && /* @__PURE__ */ M("div", {
 					className: "rounded-md border bg-bg-surface p-3 space-y-3",
 					children: [
-						/* @__PURE__ */ j("p", {
+						/* @__PURE__ */ M("p", {
 							className: "text-xs font-medium text-text-secondary",
 							children: [
 								l("devportal.latestVersion", "Latest Version"),
 								":",
 								" ",
-								/* @__PURE__ */ A("span", {
+								/* @__PURE__ */ j("span", {
 									className: "font-mono text-text-primary",
-									children: F.version
+									children: I.version
 								})
 							]
 						}),
-						N[e.appType] ? /* @__PURE__ */ A(P, {
+						P[e.appType] ? /* @__PURE__ */ j(F, {
 							appType: e.appType,
-							packageUrl: F.packageUrl,
-							packageSize: F.packageSize,
+							packageUrl: I.packageUrl,
+							packageSize: I.packageSize,
 							tr: l
-						}) : F.packageUrl && /* @__PURE__ */ A("div", {
+						}) : I.packageUrl && /* @__PURE__ */ j("div", {
 							className: "flex flex-wrap gap-2",
-							children: /* @__PURE__ */ j("a", {
-								href: F.packageUrl,
+							children: /* @__PURE__ */ M("a", {
+								href: I.packageUrl,
 								download: !0,
 								target: "_blank",
 								rel: "noopener noreferrer",
 								className: "inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm hover:bg-bg-sunken",
 								children: [
-									/* @__PURE__ */ A(C, { size: 14 }),
+									/* @__PURE__ */ j(w, { size: 14 }),
 									l("devportal.downloadPackage", "Download Package"),
-									F.packageSize && /* @__PURE__ */ j("span", {
+									I.packageSize && /* @__PURE__ */ M("span", {
 										className: "text-text-secondary text-xs ml-1",
 										children: [
 											"(",
-											F.packageSize,
+											I.packageSize,
 											")"
 										]
 									})
 								]
 							})
 						}),
-						F.manifest && /* @__PURE__ */ A(p, {
-							manifest: F.manifest,
+						I.manifest && /* @__PURE__ */ j(p, {
+							manifest: I.manifest,
 							tr: l
 						})
 					]
 				}),
-				/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("label", {
+				/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("label", {
 					className: "text-sm font-medium",
 					children: l("devportal.reviewNotes", "Review Notes")
-				}), /* @__PURE__ */ A("textarea", {
+				}), /* @__PURE__ */ j("textarea", {
 					value: m,
-					onChange: (e) => v(e.target.value),
+					onChange: (e) => y(e.target.value),
 					placeholder: l("devportal.reviewNotesPlaceholder", "Add feedback for the developer (required for rejection)..."),
 					rows: 3,
 					className: "mt-1 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm ring-offset-background placeholder:text-text-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] resize-none"
 				})] }),
-				/* @__PURE__ */ j("div", {
+				/* @__PURE__ */ M("div", {
 					className: "flex gap-3",
-					children: [/* @__PURE__ */ j("button", {
+					children: [/* @__PURE__ */ M("button", {
 						onClick: () => t(e.id, m),
-						disabled: r || !S.allowed,
-						"aria-disabled": r || !S.allowed,
-						title: S.allowed ? void 0 : l("devportal.common.noPermission", "You do not have permission to perform this action"),
+						disabled: r || !C.allowed,
+						"aria-disabled": r || !C.allowed,
+						title: C.allowed ? void 0 : l("devportal.common.noPermission", "You do not have permission to perform this action"),
 						className: "inline-flex items-center gap-2 rounded-md bg-status-success-bg px-4 py-2 text-sm font-medium text-white hover:bg-status-success-bg/90 disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-						children: [r ? /* @__PURE__ */ A(E, {
+						children: [r ? /* @__PURE__ */ j(D, {
 							size: 14,
 							className: "animate-spin",
 							"aria-hidden": "true"
-						}) : /* @__PURE__ */ A(y, {
+						}) : /* @__PURE__ */ j(b, {
 							size: 14,
 							"aria-hidden": "true"
 						}), l("devportal.approve", "Approve")]
-					}), /* @__PURE__ */ j("button", {
+					}), /* @__PURE__ */ M("button", {
 						onClick: () => n(e.id, m),
-						disabled: r || !m.trim() || !D.allowed,
-						"aria-disabled": r || !m.trim() || !D.allowed,
+						disabled: r || !m.trim() || !O.allowed,
+						"aria-disabled": r || !m.trim() || !O.allowed,
 						className: "inline-flex items-center gap-2 rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/90 disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-						title: D.allowed ? m.trim() ? void 0 : l("devportal.notesRequiredForRejection", "Notes required for rejection") : l("devportal.common.noPermission", "You do not have permission to perform this action"),
-						children: [r ? /* @__PURE__ */ A(E, {
+						title: O.allowed ? m.trim() ? void 0 : l("devportal.notesRequiredForRejection", "Notes required for rejection") : l("devportal.common.noPermission", "You do not have permission to perform this action"),
+						children: [r ? /* @__PURE__ */ j(D, {
 							size: 14,
 							className: "animate-spin",
 							"aria-hidden": "true"
-						}) : /* @__PURE__ */ A(k, {
+						}) : /* @__PURE__ */ j(A, {
 							size: 14,
 							"aria-hidden": "true"
 						}), l("devportal.reject", "Reject")]
@@ -302,35 +304,36 @@ var N = {
 			]
 		})]
 	});
-}, I = ({ app: e, onApproveVersion: t, onRejectVersion: n, processingVersionIds: r }) => {
-	let { navigate: i, basePath: a } = d(), { t: o } = M(), s = (e, t) => {
+}, L = ({ app: e, onApproveVersion: t, onRejectVersion: n, processingVersionIds: r }) => {
+	let { navigate: i, basePath: a } = d(), { t: o } = N(), s = (e, t) => {
 		let n = o(e);
 		return n === e ? t : n;
-	}, [c, l] = _(!1), u = e.versions.edges.map((e) => e.node).filter((e) => e.status === "pending_review");
-	return u.length === 0 ? null : /* @__PURE__ */ j("div", {
+	}, [c, l] = v(!1), u = e.versions.edges.map((e) => e.node).filter((e) => e.status === "pending_review");
+	return u.length === 0 ? null : /* @__PURE__ */ M("div", {
 		className: "rounded-card border border-border-seam bg-bg-surface overflow-hidden",
-		children: [/* @__PURE__ */ j("div", {
+		children: [/* @__PURE__ */ M("div", {
 			className: "flex items-center gap-4 p-4",
 			children: [
-				e.iconUrl ? /* @__PURE__ */ A("img", {
+				/* @__PURE__ */ j(_, {
 					src: e.iconUrl,
 					alt: e.name,
-					className: "h-12 w-12 rounded-lg object-cover flex-shrink-0"
-				}) : /* @__PURE__ */ A("div", {
-					className: "h-12 w-12 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0",
-					children: /* @__PURE__ */ A("span", {
-						className: "text-lg font-bold text-text-secondary",
-						children: e.name.charAt(0).toUpperCase()
+					className: "h-12 w-12 rounded-lg object-cover flex-shrink-0",
+					fallback: /* @__PURE__ */ j("div", {
+						className: "h-12 w-12 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0",
+						children: /* @__PURE__ */ j("span", {
+							className: "text-lg font-bold text-text-secondary",
+							children: e.name.charAt(0).toUpperCase()
+						})
 					})
 				}),
-				/* @__PURE__ */ j("div", {
+				/* @__PURE__ */ M("div", {
 					className: "flex-1 min-w-0",
-					children: [/* @__PURE__ */ j("div", {
+					children: [/* @__PURE__ */ M("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ A("h3", {
+						children: [/* @__PURE__ */ j("h3", {
 							className: "font-semibold truncate",
 							children: e.name
-						}), /* @__PURE__ */ j("span", {
+						}), /* @__PURE__ */ M("span", {
 							className: "inline-flex items-center rounded-full bg-status-info-bg-subtle px-2 py-0.5 text-xs font-medium text-status-info-text",
 							children: [
 								u.length,
@@ -339,27 +342,27 @@ var N = {
 								" pending"
 							]
 						})]
-					}), /* @__PURE__ */ A("p", {
+					}), /* @__PURE__ */ j("p", {
 						className: "text-sm text-text-secondary truncate",
 						children: e.shortDescription ?? e.description ?? s("devportal.noDescription", "No description")
 					})]
 				}),
-				/* @__PURE__ */ j("div", {
+				/* @__PURE__ */ M("div", {
 					className: "flex items-center gap-2 flex-shrink-0",
-					children: [/* @__PURE__ */ j("button", {
+					children: [/* @__PURE__ */ M("button", {
 						onClick: () => i?.(`${a}/apps/${e.id}`),
 						className: "inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm hover:bg-bg-sunken",
-						children: [/* @__PURE__ */ A(w, { size: 14 }), s("devportal.view", "View")]
-					}), /* @__PURE__ */ j("button", {
+						children: [/* @__PURE__ */ j(T, { size: 14 }), s("devportal.view", "View")]
+					}), /* @__PURE__ */ M("button", {
 						onClick: () => l((e) => !e),
 						className: "inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm hover:bg-bg-sunken",
-						children: [A(c ? x : b, { size: 14 }), s("devportal.review", "Review")]
+						children: [j(c ? S : x, { size: 14 }), s("devportal.review", "Review")]
 					})]
 				})
 			]
-		}), c && /* @__PURE__ */ A("div", {
+		}), c && /* @__PURE__ */ j("div", {
 			className: "border-t bg-bg-sunken/30 p-4 space-y-4",
-			children: u.map((i) => /* @__PURE__ */ A(L, {
+			children: u.map((i) => /* @__PURE__ */ j(R, {
 				version: i,
 				appId: e.id,
 				appType: e.appType,
@@ -370,27 +373,27 @@ var N = {
 			}, i.id))
 		})]
 	});
-}, L = ({ version: e, appId: t, appType: n, onApprove: r, onReject: i, processing: a, tr: o }) => {
-	let [s, c] = _(""), l = h(g.APP_APPROVE), u = h(g.APP_REJECT);
-	return /* @__PURE__ */ j("div", {
+}, R = ({ version: e, appId: t, appType: n, onApprove: r, onReject: i, processing: a, tr: o }) => {
+	let [s, c] = v(""), l = g(h.APP_APPROVE), u = g(h.APP_REJECT);
+	return /* @__PURE__ */ M("div", {
 		className: "rounded-md border bg-bg-surface p-4 space-y-3",
 		children: [
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "flex items-center gap-3",
 				children: [
-					/* @__PURE__ */ A(T, {
+					/* @__PURE__ */ j(E, {
 						size: 14,
 						className: "text-text-secondary flex-shrink-0"
 					}),
-					/* @__PURE__ */ A("span", {
+					/* @__PURE__ */ j("span", {
 						className: "font-mono font-semibold text-sm",
 						children: e.version
 					}),
-					e.isLatest && /* @__PURE__ */ A("span", {
+					e.isLatest && /* @__PURE__ */ j("span", {
 						className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
 						children: "Latest"
 					}),
-					/* @__PURE__ */ j("span", {
+					/* @__PURE__ */ M("span", {
 						className: "text-xs text-text-secondary ml-auto",
 						children: [
 							o("devportal.submitted", "Submitted"),
@@ -405,27 +408,27 @@ var N = {
 					})
 				]
 			}),
-			e.releaseNotes && /* @__PURE__ */ A("p", {
+			e.releaseNotes && /* @__PURE__ */ j("p", {
 				className: "text-sm text-text-secondary",
 				children: e.releaseNotes
 			}),
-			N[n] ? /* @__PURE__ */ A(P, {
+			P[n] ? /* @__PURE__ */ j(F, {
 				appType: n,
 				packageUrl: e.packageUrl,
 				packageSize: e.packageSize,
 				tr: o
-			}) : e.packageUrl && /* @__PURE__ */ A("div", {
+			}) : e.packageUrl && /* @__PURE__ */ j("div", {
 				className: "flex flex-wrap gap-2",
-				children: /* @__PURE__ */ j("a", {
+				children: /* @__PURE__ */ M("a", {
 					href: e.packageUrl,
 					download: !0,
 					target: "_blank",
 					rel: "noopener noreferrer",
 					className: "inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm hover:bg-bg-sunken",
 					children: [
-						/* @__PURE__ */ A(C, { size: 14 }),
+						/* @__PURE__ */ j(w, { size: 14 }),
 						o("devportal.downloadPackage", "Download Package"),
-						e.packageSize && /* @__PURE__ */ j("span", {
+						e.packageSize && /* @__PURE__ */ M("span", {
 							className: "text-text-secondary text-xs ml-1",
 							children: [
 								"(",
@@ -436,62 +439,62 @@ var N = {
 					]
 				})
 			}),
-			n === "NODE" && /* @__PURE__ */ j("div", {
+			n === "NODE" && /* @__PURE__ */ M("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ A("p", {
+				children: [/* @__PURE__ */ j("p", {
 					className: "text-sm font-medium",
 					children: o("devportal.packageValidation.title", "Package validation")
-				}), /* @__PURE__ */ A(m, {
+				}), /* @__PURE__ */ j(m, {
 					metadata: e.metadata,
 					defaultExpanded: !0
 				})]
 			}),
-			e.manifest && /* @__PURE__ */ A(p, {
+			e.manifest && /* @__PURE__ */ j(p, {
 				manifest: e.manifest,
 				tr: o
 			}),
-			/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("label", {
+			/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("label", {
 				className: "text-sm font-medium",
 				children: o("devportal.reviewNotes", "Review Notes")
-			}), /* @__PURE__ */ A("textarea", {
+			}), /* @__PURE__ */ j("textarea", {
 				value: s,
 				onChange: (e) => c(e.target.value),
 				placeholder: o("devportal.reviewNotesPlaceholder", "Add feedback for the developer (required for rejection)..."),
 				rows: 2,
 				className: "mt-1 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm ring-offset-background placeholder:text-text-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] resize-none"
 			})] }),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "flex gap-3",
-				children: [/* @__PURE__ */ j("button", {
+				children: [/* @__PURE__ */ M("button", {
 					onClick: () => r(e.id, t, s),
 					disabled: a || !l.allowed,
 					"aria-disabled": a || !l.allowed,
 					className: "inline-flex items-center gap-2 rounded-md bg-status-success-bg px-4 py-2 text-sm font-medium text-white hover:bg-status-success-bg/90 disabled:opacity-50 disabled:cursor-not-allowed",
-					children: [a ? /* @__PURE__ */ A(E, {
+					children: [a ? /* @__PURE__ */ j(D, {
 						size: 14,
 						className: "animate-spin"
-					}) : /* @__PURE__ */ A(y, { size: 14 }), o("devportal.approveVersion", "Approve Version")]
-				}), /* @__PURE__ */ j("button", {
+					}) : /* @__PURE__ */ j(b, { size: 14 }), o("devportal.approveVersion", "Approve Version")]
+				}), /* @__PURE__ */ M("button", {
 					onClick: () => i(e.id, t, s),
 					disabled: a || !s.trim() || !u.allowed,
 					"aria-disabled": a || !s.trim() || !u.allowed,
 					className: "inline-flex items-center gap-2 rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/90 disabled:opacity-50 disabled:cursor-not-allowed",
-					children: [a ? /* @__PURE__ */ A(E, {
+					children: [a ? /* @__PURE__ */ j(D, {
 						size: 14,
 						className: "animate-spin"
-					}) : /* @__PURE__ */ A(k, { size: 14 }), o("devportal.rejectVersion", "Reject Version")]
+					}) : /* @__PURE__ */ j(A, { size: 14 }), o("devportal.rejectVersion", "Reject Version")]
 				})]
 			})
 		]
 	});
-}, R = () => {
-	let { t: a } = M(), d = (e, t) => {
+}, z = () => {
+	let { t: a } = N(), d = (e, t) => {
 		let n = a(e);
 		return n === e ? t : n;
-	}, [p, m] = _(""), [h, b] = _(/* @__PURE__ */ new Set()), [x, C] = _(/* @__PURE__ */ new Set()), [w, D] = _(null), [k, N] = _(null), P = (e) => b((t) => new Set(t).add(e)), L = (e) => b((t) => {
+	}, [p, m] = v(""), [g, _] = v(/* @__PURE__ */ new Set()), [x, S] = v(/* @__PURE__ */ new Set()), [w, T] = v(null), [O, A] = v(null), P = (e) => _((t) => new Set(t).add(e)), F = (e) => _((t) => {
 		let n = new Set(t);
 		return n.delete(e), n;
-	}), R = (e) => C((t) => new Set(t).add(e)), z = (e) => C((t) => {
+	}), R = (e) => S((t) => new Set(t).add(e)), z = (e) => S((t) => {
 		let n = new Set(t);
 		return n.delete(e), n;
 	}), { data: B, loading: V, error: H, refetch: U } = o({
@@ -504,98 +507,98 @@ var N = {
 		variables: { limit: 100 },
 		fetchPolicy: "cache-and-network"
 	}), [K] = r(), [q] = c(), [J] = i(), [Y] = l(), X = B?.applications?.edges?.map((e) => e.node) ?? [], Z = W?.applicationsWithPendingVersions?.edges?.map((e) => e.node) ?? [], Q = new Set(Z.map((e) => e.id)), $ = p ? X.filter((e) => e.name.toLowerCase().includes(p.toLowerCase()) || (e.shortDescription ?? "").toLowerCase().includes(p.toLowerCase())) : X, ee = async (e, t) => {
-		P(e), D(null), N(null);
+		P(e), T(null), A(null);
 		try {
 			let n = await K({ variables: {
 				id: e,
 				notes: t || void 0
 			} });
 			if (n.error) throw n.error;
-			N(d("devportal.applicationApprovedSuccess", "Application approved successfully.")), await U();
+			A(d("devportal.applicationApprovedSuccess", "Application approved successfully.")), await U();
 		} catch (e) {
-			D(e instanceof Error ? e.message : d("devportal.failedToApproveApplication", "Failed to approve application"));
+			T(e instanceof Error ? e.message : d("devportal.failedToApproveApplication", "Failed to approve application"));
 		} finally {
-			L(e);
+			F(e);
 		}
 	}, te = async (e, t) => {
 		if (t.trim()) {
-			P(e), D(null), N(null);
+			P(e), T(null), A(null);
 			try {
 				let n = await q({ variables: {
 					id: e,
 					notes: t
 				} });
 				if (n.error) throw n.error;
-				N(d("devportal.applicationRejected", "Application rejected.")), await U();
+				A(d("devportal.applicationRejected", "Application rejected.")), await U();
 			} catch (e) {
-				D(e instanceof Error ? e.message : d("devportal.failedToRejectApplication", "Failed to reject application"));
+				T(e instanceof Error ? e.message : d("devportal.failedToRejectApplication", "Failed to reject application"));
 			} finally {
-				L(e);
+				F(e);
 			}
 		}
 	}, ne = async (e, t, n) => {
-		R(e), D(null), N(null);
+		R(e), T(null), A(null);
 		try {
 			let t = await J({ variables: {
 				id: e,
 				notes: n || void 0
 			} });
 			if (t.error) throw t.error;
-			N(d("devportal.versionApprovedSuccess", "Version approved and published.")), await G();
+			A(d("devportal.versionApprovedSuccess", "Version approved and published.")), await G();
 		} catch (e) {
-			D(e instanceof Error ? e.message : d("devportal.failedToApproveVersion", "Failed to approve version"));
+			T(e instanceof Error ? e.message : d("devportal.failedToApproveVersion", "Failed to approve version"));
 		} finally {
 			z(e);
 		}
 	}, re = async (e, t, n) => {
 		if (n.trim()) {
-			R(e), D(null), N(null);
+			R(e), T(null), A(null);
 			try {
 				let t = await Y({ variables: {
 					id: e,
 					reason: n
 				} });
 				if (t.error) throw t.error;
-				N(d("devportal.versionRejectedSuccess", "Version rejected and returned to draft.")), await G();
+				A(d("devportal.versionRejectedSuccess", "Version rejected and returned to draft.")), await G();
 			} catch (e) {
-				D(e instanceof Error ? e.message : d("devportal.failedToRejectVersion", "Failed to reject version"));
+				T(e instanceof Error ? e.message : d("devportal.failedToRejectVersion", "Failed to reject version"));
 			} finally {
 				z(e);
 			}
 		}
 	};
-	return V && !B ? /* @__PURE__ */ A(e, {
+	return V && !B ? /* @__PURE__ */ j(e, {
 		title: d("devportal.appReviewQueue", "App Review Queue"),
 		description: d("devportal.appReviewQueueDescription", "Review submitted applications for approval"),
-		children: /* @__PURE__ */ A("div", {
+		children: /* @__PURE__ */ j("div", {
 			className: "flex items-center justify-center py-12",
-			children: /* @__PURE__ */ A(E, { className: "h-8 w-8 animate-spin text-text-secondary" })
+			children: /* @__PURE__ */ j(D, { className: "h-8 w-8 animate-spin text-text-secondary" })
 		})
-	}) : H ? /* @__PURE__ */ A(e, {
+	}) : H ? /* @__PURE__ */ j(e, {
 		title: d("devportal.appReviewQueue", "App Review Queue"),
 		description: d("devportal.appReviewQueueDescription", "Review submitted applications for approval"),
-		children: /* @__PURE__ */ j("div", {
+		children: /* @__PURE__ */ M("div", {
 			className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center",
 			children: [
-				/* @__PURE__ */ A(v, { className: "mx-auto h-8 w-8 text-status-error-text" }),
-				/* @__PURE__ */ A("p", {
+				/* @__PURE__ */ j(y, { className: "mx-auto h-8 w-8 text-status-error-text" }),
+				/* @__PURE__ */ j("p", {
 					className: "mt-2 text-sm text-text-secondary",
 					children: u(H)
 				}),
-				/* @__PURE__ */ A("button", {
+				/* @__PURE__ */ j("button", {
 					onClick: () => U(),
 					className: "mt-4 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
 					children: d("devportal.retry", "Retry")
 				})
 			]
 		})
-	}) : /* @__PURE__ */ A(f, {
-		permission: g.REVIEW_MANAGE,
-		children: /* @__PURE__ */ j(e, {
+	}) : /* @__PURE__ */ j(f, {
+		permission: h.REVIEW_MANAGE,
+		children: /* @__PURE__ */ M(e, {
 			title: d("devportal.appReviewQueue", "App Review Queue"),
 			description: d("devportal.appReviewQueueFullDescription", "Review submitted applications for approval or rejection"),
 			purpose: d("devportal.appReviewQueuePurpose", "The moderation queue for apps developers have submitted to the marketplace. Open each submission to check its listing, permissions, and behaviour against the guidelines, then approve it to go live or reject it with feedback."),
-			actions: /* @__PURE__ */ A("button", {
+			actions: /* @__PURE__ */ j("button", {
 				onClick: () => {
 					U(), G();
 				},
@@ -603,15 +606,15 @@ var N = {
 				children: d("devportal.refresh", "Refresh")
 			}),
 			children: [
-				/* @__PURE__ */ j("div", {
+				/* @__PURE__ */ M("div", {
 					className: "flex items-center gap-6 rounded-card border border-border-seam bg-bg-surface p-4",
 					children: [
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ M("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ A(S, {
+							children: [/* @__PURE__ */ j(C, {
 								size: 18,
 								className: "text-status-warning-text"
-							}), /* @__PURE__ */ j("span", {
+							}), /* @__PURE__ */ M("span", {
 								className: "text-sm font-medium",
 								children: [
 									X.length,
@@ -620,12 +623,12 @@ var N = {
 								]
 							})]
 						}),
-						Z.length > 0 && /* @__PURE__ */ j("div", {
+						Z.length > 0 && /* @__PURE__ */ M("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ A(T, {
+							children: [/* @__PURE__ */ j(E, {
 								size: 18,
 								className: "text-status-info-text"
-							}), /* @__PURE__ */ j("span", {
+							}), /* @__PURE__ */ M("span", {
 								className: "text-sm font-medium",
 								children: [
 									Z.length,
@@ -634,29 +637,29 @@ var N = {
 								]
 							})]
 						}),
-						(h.size > 0 || x.size > 0) && /* @__PURE__ */ j("div", {
+						(g.size > 0 || x.size > 0) && /* @__PURE__ */ M("div", {
 							className: "flex items-center gap-2 text-sm text-text-secondary",
-							children: [/* @__PURE__ */ A(E, {
+							children: [/* @__PURE__ */ j(D, {
 								size: 14,
 								className: "animate-spin"
 							}), d("devportal.processing", "Processing...")]
 						})
 					]
 				}),
-				k && /* @__PURE__ */ j("div", {
+				O && /* @__PURE__ */ M("div", {
 					className: "flex items-center gap-2 rounded-lg border border-border-subtle bg-status-success-bg-subtle px-4 py-3 text-sm text-status-success-text",
-					children: [/* @__PURE__ */ A(y, { size: 16 }), k]
+					children: [/* @__PURE__ */ j(b, { size: 16 }), O]
 				}),
-				w && /* @__PURE__ */ j("div", {
+				w && /* @__PURE__ */ M("div", {
 					className: "flex items-center gap-2 rounded-lg border border-status-error-border/50 bg-status-error-bg/10 px-4 py-3 text-sm text-status-error-text",
-					children: [/* @__PURE__ */ A(v, { size: 16 }), w]
+					children: [/* @__PURE__ */ j(y, { size: 16 }), w]
 				}),
-				X.length > 0 && /* @__PURE__ */ j("div", {
+				X.length > 0 && /* @__PURE__ */ M("div", {
 					className: "relative max-w-sm",
-					children: [/* @__PURE__ */ A(O, {
+					children: [/* @__PURE__ */ j(k, {
 						size: 14,
 						className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
-					}), /* @__PURE__ */ A("input", {
+					}), /* @__PURE__ */ j("input", {
 						type: "text",
 						placeholder: d("devportal.searchSubmittedApps", "Search submitted apps..."),
 						value: p,
@@ -664,34 +667,34 @@ var N = {
 						className: "w-full rounded-md border bg-bg-surface pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
 					})]
 				}),
-				/* @__PURE__ */ A(t, {
+				/* @__PURE__ */ j(t, {
 					title: d("devportal.newAppSubmissions", "New App Submissions"),
-					children: $.length === 0 ? /* @__PURE__ */ A(n, {
+					children: $.length === 0 ? /* @__PURE__ */ j(n, {
 						illustration: "empty-data",
-						icon: /* @__PURE__ */ A(y, { size: 32 }),
+						icon: /* @__PURE__ */ j(b, { size: 32 }),
 						title: d("devportal.noAppsPendingReview", "No apps pending review"),
 						description: p ? d("devportal.noAppsMatchSearch", "No apps match your search") : d("devportal.allApplicationsReviewed", "All submitted applications have been reviewed")
-					}) : /* @__PURE__ */ A("div", {
+					}) : /* @__PURE__ */ j("div", {
 						className: "space-y-3",
-						children: $.map((e) => /* @__PURE__ */ A(F, {
+						children: $.map((e) => /* @__PURE__ */ j(I, {
 							app: e,
 							onApprove: ee,
 							onReject: te,
-							processing: h.has(e.id),
+							processing: g.has(e.id),
 							hasPendingVersions: Q.has(e.id)
 						}, e.id))
 					})
 				}),
-				/* @__PURE__ */ A(t, {
+				/* @__PURE__ */ j(t, {
 					title: d("devportal.versionUpdates", "Version Updates (Published Apps)"),
-					children: Z.length === 0 ? /* @__PURE__ */ A(n, {
+					children: Z.length === 0 ? /* @__PURE__ */ j(n, {
 						illustration: "empty-data",
-						icon: /* @__PURE__ */ A(T, { size: 32 }),
+						icon: /* @__PURE__ */ j(E, { size: 32 }),
 						title: d("devportal.noPendingVersions", "No pending version updates"),
 						description: d("devportal.allVersionsReviewed", "All version updates from published apps have been reviewed")
-					}) : /* @__PURE__ */ A("div", {
+					}) : /* @__PURE__ */ j("div", {
 						className: "space-y-3",
-						children: Z.map((e) => /* @__PURE__ */ A(I, {
+						children: Z.map((e) => /* @__PURE__ */ j(L, {
 							app: e,
 							onApproveVersion: ne,
 							onRejectVersion: re,
@@ -703,6 +706,6 @@ var N = {
 		})
 	});
 };
-export { R as AdminReviewPage };
+export { z as AdminReviewPage };
 
 //# sourceMappingURL=AdminReviewPage.js.map