@burdenoff/microfe-devportal 2026.625.1 → 2026.625.2

package/dist/devportal/pages/PublishPage.js

@@ -1,144 +1,109 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
-import { useGetApplicationQuery as t, useSubmitApplicationForReviewMutation as n, useSubmitApplicationMutation as r } from "../../generated/global-operations.js";
-import { PageLayout as i, PageSection as a } from "../components/PageLayout.js";
-import { Alert as o } from "../components/ConfirmDialog.js";
-import { PermissionGuard as s } from "../components/PermissionGuard.js";
+import { useGetApplicationQuery as t, useSubmitApplicationMutation as n } from "../../generated/global-operations.js";
+import { PageLayout as r, PageSection as i } from "../components/PageLayout.js";
+import { Alert as a } from "../components/ConfirmDialog.js";
+import { PermissionGuard as o } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { DEVPORTAL_PERMISSIONS as c } from "../constants/permissions.js";
-import { useDevportalPermission as ee } from "../hooks/usePermission.js";
+import { DEVPORTAL_PERMISSIONS as s } from "../constants/permissions.js";
+import { useDevportalPermission as c } from "../hooks/usePermission.js";
 import "../hooks/index.js";
-import { useEffect as te, useMemo as l, useState as u } from "react";
-import { useI18n as ne } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertTriangle as d, ArrowRight as f, CheckCircle as p, Eye as m, FileText as h, Globe as re, Image as g, Loader2 as _, PartyPopper as ie, Send as ae, Shield as oe, XCircle as v } from "lucide-react";
-import { useParams as se } from "react-router-dom";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { gql as S } from "@apollo/client";
-import { useQuery as C } from "@apollo/client/react";
+import { useEffect as l, useMemo as u, useState as d } from "react";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertTriangle as p, CheckCircle as m, Eye as h, FileText as g, Globe as _, Image as v, Loader2 as y, Send as b, Shield as x, XCircle as S } from "lucide-react";
+import { useParams as C } from "react-router-dom";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region src/devportal/pages/PublishPage.tsx
-var w = S`query PublishPagePublisher { myPublisher { id } }`, T = S`
-  query PublishPageProducts($publisherId: String!) {
-    products(filter: { publisherId: $publisherId }) { id productId }
-  }
-`, E = [
+var D = [
 	"SUBMITTED",
 	"IN_REVIEW",
 	"APPROVED",
 	"PUBLISHED"
-], D = () => {
-	let { appId: S } = se(), { navigate: D, basePath: O } = e(), { t: ce } = ne(), k = (e, t) => {
-		let n = ce(e);
+], O = () => {
+	let { appId: O } = C(), { navigate: k, basePath: A } = e(), { t: j } = f(), M = (e, t) => {
+		let n = j(e);
 		return n === e ? t : n;
-	}, [A, j] = u(!1), [M, N] = u(null), [P, F] = u(!1), [I, L] = u(""), R = ee(c.APP_SUBMIT), { data: z, loading: B, error: V } = t({
-		variables: { id: S },
-		skip: !S,
+	}, [N, P] = d(!1), [F, I] = d(null), [L, R] = d(""), z = c(s.APP_SUBMIT), { data: B, loading: V, error: H } = t({
+		variables: { id: O },
+		skip: !O,
 		fetchPolicy: "network-only"
-	}), [H] = r(), [U] = n(), { data: W } = C(w, { fetchPolicy: "cache-first" }), G = W?.myPublisher?.id ?? null, { data: le } = C(T, {
-		variables: { publisherId: G ?? "" },
-		skip: !G,
-		fetchPolicy: "cache-first"
-	});
-	le?.products?.find((e) => e.productId === S)?.id;
-	let K = z?.application;
-	te(() => {
-		let e = K?.name;
-		if (!S || !e) return;
+	}), [U] = n(), W = B?.application;
+	l(() => {
+		let e = W?.name;
+		if (!O || !e) return;
 		let t = window.__breadcrumbRegistry;
-		return t?.register(S, e), () => t?.unregister(S);
-	}, [S, K?.name]);
-	let q = E.includes(K?.status ?? ""), J = K?.appType === "NODE" || K?.appType === "WORKFLOW", Y = K?.versions?.totalCount ?? 0, X = l(() => {
-		if (!K) return [];
-		let e = K.screenshots?.length ?? 0, t = `/apps/${S}?tab=store-listing`, n = `/apps/${S}/versions`, r = [
+		return t?.register(O, e), () => t?.unregister(O);
+	}, [O, W?.name]);
+	let G = D.includes(W?.status ?? ""), K = u(() => {
+		if (!W) return [];
+		let e = W.screenshots?.length ?? 0;
+		return [
 			{
 				id: "name",
-				label: k("devportal.checklistNameLabel", "Name & Short Description"),
-				description: k("devportal.checklistNameDesc", "Name and short description are required for the store card"),
-				status: K.name && K.shortDescription ? "passed" : "failed",
-				icon: /* @__PURE__ */ b(h, { size: 20 }),
-				actionLabel: "Edit store listing →",
-				actionPath: t
+				label: M("devportal.checklistNameLabel", "App Name & Description"),
+				description: M("devportal.checklistNameDesc", "Name and short description are required"),
+				status: W.name && W.shortDescription ? "passed" : "failed",
+				icon: /* @__PURE__ */ T(g, { size: 20 })
 			},
 			{
 				id: "category",
-				label: k("devportal.checklistCategoryLabel", "Category"),
-				description: k("devportal.checklistCategoryDesc", "A category helps users find your item in the marketplace"),
-				status: K.category ? "passed" : "failed",
-				icon: /* @__PURE__ */ b(re, { size: 20 }),
-				actionLabel: "Edit app info →",
-				actionPath: `/apps/${S}/edit`
+				label: M("devportal.checklistCategoryLabel", "Category"),
+				description: M("devportal.checklistCategoryDesc", "A category must be selected"),
+				status: W.category ? "passed" : "failed",
+				icon: /* @__PURE__ */ T(_, { size: 20 })
 			},
 			{
 				id: "privacy",
-				label: k("devportal.checklistPrivacyLabel", "Privacy Policy"),
-				description: k("devportal.checklistPrivacyDesc", "Privacy policy URL is required for store submission"),
-				status: K.privacyPolicyUrl ? "passed" : "failed",
-				icon: /* @__PURE__ */ b(oe, { size: 20 }),
-				actionLabel: "Edit store listing →",
-				actionPath: t
+				label: M("devportal.checklistPrivacyLabel", "Privacy Policy"),
+				description: M("devportal.checklistPrivacyDesc", "Privacy policy URL is required"),
+				status: W.privacyPolicyUrl ? "passed" : "failed",
+				icon: /* @__PURE__ */ T(x, { size: 20 })
 			},
 			{
 				id: "terms",
-				label: k("devportal.checklistTermsLabel", "Terms of Service"),
-				description: k("devportal.checklistTermsDesc", "Terms of service URL is required for store submission"),
-				status: K.termsOfServiceUrl ? "passed" : "failed",
-				icon: /* @__PURE__ */ b(h, { size: 20 }),
-				actionLabel: "Edit store listing →",
-				actionPath: t
+				label: M("devportal.checklistTermsLabel", "Terms of Service"),
+				description: M("devportal.checklistTermsDesc", "Terms of service URL is required"),
+				status: W.termsOfServiceUrl ? "passed" : "failed",
+				icon: /* @__PURE__ */ T(g, { size: 20 })
 			},
 			{
 				id: "icon",
-				label: k("devportal.checklistIconLabel", "App Icon"),
-				description: k("devportal.checklistIconDesc", "An icon makes your listing stand out in the marketplace"),
-				status: K.iconUrl ? "passed" : "warning",
-				icon: /* @__PURE__ */ b(g, { size: 20 }),
-				actionLabel: "Edit store listing →",
-				actionPath: t
+				label: M("devportal.checklistIconLabel", "App Icon"),
+				description: M("devportal.checklistIconDesc", "An icon URL is recommended"),
+				status: W.iconUrl ? "passed" : "warning",
+				icon: /* @__PURE__ */ T(v, { size: 20 })
 			},
 			{
 				id: "screenshots",
-				label: k("devportal.checklistScreenshotsLabel", "Screenshots"),
-				description: k("devportal.checklistScreenshotsDesc", "At least 3 screenshots are recommended"),
+				label: M("devportal.checklistScreenshotsLabel", "Screenshots"),
+				description: M("devportal.checklistScreenshotsDesc", "At least 3 screenshots are recommended"),
 				status: e >= 3 ? "passed" : "warning",
-				icon: /* @__PURE__ */ b(g, { size: 20 }),
-				actionLabel: "Edit store listing →",
-				actionPath: t
+				icon: /* @__PURE__ */ T(v, { size: 20 })
+			},
+			{
+				id: "status",
+				label: M("devportal.checklistStatusLabel", "App Status"),
+				description: M("devportal.checklistStatusDesc", "App must be in DRAFT or REJECTED state to submit"),
+				status: ["DRAFT", "REJECTED"].includes(W.status ?? "") ? "passed" : "warning",
+				icon: /* @__PURE__ */ T(m, { size: 20 })
 			}
 		];
-		return J && r.push({
-			id: "version",
-			label: k("devportal.checklistVersionLabel", "Published Version"),
-			description: k("devportal.checklistVersionDesc", K?.appType === "WORKFLOW" ? "At least one published version (manifest JSON) is required before submitting to the store" : "At least one published version (ZIP + manifest) is required before submitting to the store"),
-			status: Y > 0 ? "passed" : "failed",
-			icon: /* @__PURE__ */ b(p, { size: 20 }),
-			actionLabel: "Create a version →",
-			actionPath: n
-		}), r.push({
-			id: "status",
-			label: k("devportal.checklistStatusLabel", "App Status"),
-			description: k("devportal.checklistStatusDesc", "App must be in DRAFT or REJECTED state to submit"),
-			status: ["DRAFT", "REJECTED"].includes(K.status ?? "") ? "passed" : "warning",
-			icon: /* @__PURE__ */ b(p, { size: 20 })
-		}), r;
-	}, [
-		K,
-		J,
-		Y
-	]), ue = X.filter((e) => e.status === "passed").length, Z = X.filter((e) => e.status === "failed").length, Q = X.filter((e) => e.status === "warning").length, de = ["DRAFT", "REJECTED"].includes(K?.status ?? ""), $ = !B && !V && Z === 0 && !!K && !q && de, fe = (e) => {
+	}, [W]), q = K.filter((e) => e.status === "passed").length, J = K.filter((e) => e.status === "failed").length, Y = K.filter((e) => e.status === "warning").length, X = ["DRAFT", "REJECTED"].includes(W?.status ?? ""), Z = !V && !H && J === 0 && !!W && !G && X, Q = (e) => {
 		switch (e) {
-			case "passed": return /* @__PURE__ */ b(p, {
+			case "passed": return /* @__PURE__ */ T(m, {
 				size: 20,
 				className: "text-status-success-text"
 			});
-			case "failed": return /* @__PURE__ */ b(v, {
+			case "failed": return /* @__PURE__ */ T(S, {
 				size: 20,
 				className: "text-status-error-text"
 			});
-			case "warning": return /* @__PURE__ */ b(d, {
+			case "warning": return /* @__PURE__ */ T(p, {
 				size: 20,
 				className: "text-status-warning-text"
 			});
-			default: return /* @__PURE__ */ b("div", { className: "h-5 w-5 rounded-full border-2 border-border-default" });
+			default: return /* @__PURE__ */ T("div", { className: "h-5 w-5 rounded-full border-2 border-border-default" });
 		}
-	}, pe = (e) => {
+	}, $ = (e) => {
 		switch (e) {
 			case "passed": return "bg-status-success-bg-subtle border-border-subtle";
 			case "failed": return "bg-status-error-bg-subtle border-border-subtle";
@@ -146,330 +111,239 @@ var w = S`query PublishPagePublisher { myPublisher { id } }`, T = S`
 			default: return "bg-bg-canvas border-border-subtle";
 		}
 	};
-	return B ? /* @__PURE__ */ b(i, {
-		title: k("devportal.publishToStoreTitle", "Publish to Store"),
-		description: k("devportal.loadingApplicationDetails", "Loading application details..."),
-		backLink: `/apps/${S}`,
-		backLabel: k("devportal.backToApplication", "Back to Application"),
-		children: /* @__PURE__ */ b("div", {
+	return V ? /* @__PURE__ */ T(r, {
+		title: M("devportal.publishToStoreTitle", "Publish to Store"),
+		description: M("devportal.loadingApplicationDetails", "Loading application details..."),
+		backLink: `/apps/${O}`,
+		backLabel: M("devportal.backToApplication", "Back to Application"),
+		children: /* @__PURE__ */ T("div", {
 			className: "flex items-center justify-center py-12",
-			children: /* @__PURE__ */ b(_, { className: "animate-spin h-8 w-8 text-muted-foreground" })
+			children: /* @__PURE__ */ T(y, { className: "animate-spin h-8 w-8 text-text-secondary" })
 		})
-	}) : V || !K ? /* @__PURE__ */ b(i, {
-		title: k("devportal.publishToStoreTitle", "Publish to Store"),
-		description: k("devportal.couldNotLoadApplication", "Could not load application"),
-		backLink: `/apps/${S}`,
-		backLabel: k("devportal.backToApplication", "Back to Application"),
-		children: /* @__PURE__ */ b(o, {
+	}) : H || !W ? /* @__PURE__ */ T(r, {
+		title: M("devportal.publishToStoreTitle", "Publish to Store"),
+		description: M("devportal.couldNotLoadApplication", "Could not load application"),
+		backLink: `/apps/${O}`,
+		backLabel: M("devportal.backToApplication", "Back to Application"),
+		children: /* @__PURE__ */ T(a, {
 			variant: "error",
-			title: k("devportal.failedToLoadApplication", "Failed to load application"),
-			children: V?.message ?? k("devportal.applicationNotFound", "Application not found")
-		})
-	}) : P ? /* @__PURE__ */ b(s, {
-		permission: c.APP_SUBMIT,
-		children: /* @__PURE__ */ b(i, {
-			title: k("devportal.publishToStoreTitle", "Publish to Store"),
-			backLink: `/apps/${S}`,
-			backLabel: k("devportal.backToApplication", "Back to Application"),
-			children: /* @__PURE__ */ x("div", {
-				className: "flex flex-col items-center justify-center py-16 gap-6 text-center",
-				children: [
-					/* @__PURE__ */ b("div", {
-						className: "rounded-full bg-status-success-bg p-4",
-						children: /* @__PURE__ */ b(ie, {
-							size: 40,
-							className: "text-status-success-text"
-						})
-					}),
-					/* @__PURE__ */ x("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ b("h2", {
-							className: "text-2xl font-bold",
-							children: k("devportal.submittedSuccessTitle", "Submitted for Review!")
-						}), /* @__PURE__ */ b("p", {
-							className: "text-muted-foreground max-w-md",
-							children: k("devportal.submittedSuccessMsg", "Your app has been submitted to the marketplace review queue. You'll receive email notifications as the review progresses — typically 3–5 business days.")
-						})]
-					}),
-					/* @__PURE__ */ x("div", {
-						className: "rounded-lg border bg-muted/40 px-6 py-4 text-sm text-left space-y-2 max-w-md w-full",
-						children: [/* @__PURE__ */ b("p", {
-							className: "font-medium",
-							children: "What happens next:"
-						}), /* @__PURE__ */ x("ul", {
-							className: "space-y-1 text-muted-foreground list-none",
-							children: [
-								/* @__PURE__ */ x("li", {
-									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ b(p, {
-										size: 14,
-										className: "mt-0.5 text-status-success-text shrink-0"
-									}), " Our team reviews your submission"]
-								}),
-								/* @__PURE__ */ x("li", {
-									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ b(p, {
-										size: 14,
-										className: "mt-0.5 text-status-success-text shrink-0"
-									}), " You'll get an email on approval or if changes are needed"]
-								}),
-								/* @__PURE__ */ x("li", {
-									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ b(p, {
-										size: 14,
-										className: "mt-0.5 text-status-success-text shrink-0"
-									}), " Once approved, your app goes live in the marketplace"]
-								})
-							]
-						})]
-					}),
-					/* @__PURE__ */ b("button", {
-						onClick: () => D?.(`${O}/apps/${S}`),
-						className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted",
-						children: "Back to App"
-					})
-				]
-			})
+			title: M("devportal.failedToLoadApplication", "Failed to load application"),
+			children: H?.message ?? M("devportal.applicationNotFound", "Application not found")
 		})
-	}) : /* @__PURE__ */ b(s, {
-		permission: c.APP_SUBMIT,
-		children: /* @__PURE__ */ x(i, {
-			title: k("devportal.publishToStoreTitle", "Publish to Store"),
-			description: `${k("devportal.submitAppForReview", "Submit")} "${K.name}" ${k("devportal.forReviewAndPublication", "for review and publication")}`,
-			backLink: `/apps/${S}`,
-			backLabel: k("devportal.backToApplication", "Back to Application"),
-			actions: /* @__PURE__ */ x("button", {
-				onClick: () => D?.(`${O}/apps/${S}/listing`),
-				className: "inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-muted",
-				children: [/* @__PURE__ */ b(m, { size: 16 }), k("devportal.previewListing", "Preview Listing")]
+	}) : /* @__PURE__ */ T(o, {
+		permission: s.APP_SUBMIT,
+		children: /* @__PURE__ */ E(r, {
+			title: M("devportal.publishToStoreTitle", "Publish to Store"),
+			description: `${M("devportal.submitAppForReview", "Submit")} "${W.name}" ${M("devportal.forReviewAndPublication", "for review and publication")}`,
+			backLink: `/apps/${O}`,
+			backLabel: M("devportal.backToApplication", "Back to Application"),
+			actions: /* @__PURE__ */ E("button", {
+				onClick: () => k?.(`${A}/apps/${O}/listing`),
+				className: "inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-bg-sunken",
+				children: [/* @__PURE__ */ T(h, { size: 16 }), M("devportal.previewListing", "Preview Listing")]
 			}),
 			children: [
-				q && /* @__PURE__ */ x(o, {
+				G && /* @__PURE__ */ E(a, {
 					variant: "warning",
-					title: k("devportal.alreadySubmittedTitle", "Already Submitted"),
+					title: M("devportal.alreadySubmittedTitle", "Already Submitted"),
 					children: [
-						k("devportal.alreadySubmittedMsg1", "This app is currently in"),
+						M("devportal.alreadySubmittedMsg1", "This app is currently in"),
 						" ",
-						/* @__PURE__ */ b("strong", { children: K.status }),
+						/* @__PURE__ */ T("strong", { children: W.status }),
 						" ",
-						k("devportal.alreadySubmittedMsg2", "state and cannot be re-submitted until the review process is complete or the app is rejected.")
+						M("devportal.alreadySubmittedMsg2", "state and cannot be re-submitted until the review process is complete or the app is rejected.")
 					]
 				}),
-				/* @__PURE__ */ x("div", {
-					className: "rounded-lg border bg-card p-6",
+				/* @__PURE__ */ E("div", {
+					className: "rounded-card border border-border-seam bg-bg-surface p-6",
 					children: [
-						/* @__PURE__ */ b("h2", {
+						/* @__PURE__ */ T("h2", {
 							className: "text-lg font-semibold",
-							children: k("devportal.preSubmissionChecklist", "Pre-submission Checklist")
+							children: M("devportal.preSubmissionChecklist", "Pre-submission Checklist")
 						}),
-						/* @__PURE__ */ b("p", {
-							className: "mt-1 text-sm text-muted-foreground",
-							children: k("devportal.completeAllRequiredItems", "Complete all required items before submitting for review")
+						/* @__PURE__ */ T("p", {
+							className: "mt-1 text-sm text-text-secondary",
+							children: M("devportal.completeAllRequiredItems", "Complete all required items before submitting for review")
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ E("div", {
 							className: "mt-4 flex gap-6",
 							children: [
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ b(p, {
+									children: [/* @__PURE__ */ T(m, {
 										size: 20,
 										className: "text-status-success-text"
-									}), /* @__PURE__ */ x("span", { children: [
-										ue,
+									}), /* @__PURE__ */ E("span", { children: [
+										q,
 										" ",
-										k("devportal.passed", "Passed")
+										M("devportal.passed", "Passed")
 									] })]
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ b(v, {
+									children: [/* @__PURE__ */ T(S, {
 										size: 20,
 										className: "text-status-error-text"
-									}), /* @__PURE__ */ x("span", { children: [
-										Z,
+									}), /* @__PURE__ */ E("span", { children: [
+										J,
 										" ",
-										k("devportal.failed", "Failed")
+										M("devportal.failed", "Failed")
 									] })]
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ b(d, {
+									children: [/* @__PURE__ */ T(p, {
 										size: 20,
 										className: "text-status-warning-text"
-									}), /* @__PURE__ */ x("span", { children: [
-										Q,
+									}), /* @__PURE__ */ E("span", { children: [
+										Y,
 										" ",
-										k("devportal.warnings", "Warnings")
+										M("devportal.warnings", "Warnings")
 									] })]
 								})
 							]
 						})
 					]
 				}),
-				/* @__PURE__ */ b(a, { children: /* @__PURE__ */ b("div", {
+				/* @__PURE__ */ T(i, { children: /* @__PURE__ */ T("div", {
 					className: "space-y-3",
-					children: X.map((e) => /* @__PURE__ */ x("div", {
-						className: `flex items-center gap-4 rounded-lg border p-4 ${pe(e.status)}`,
+					children: K.map((e) => /* @__PURE__ */ E("div", {
+						className: `flex items-center gap-4 rounded-lg border p-4 ${$(e.status)}`,
 						children: [
-							/* @__PURE__ */ b("div", {
-								className: "rounded-lg bg-background p-2",
+							/* @__PURE__ */ T("div", {
+								className: "rounded-lg bg-bg-surface p-2",
 								children: e.icon
 							}),
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ E("div", {
 								className: "flex-1",
-								children: [
-									/* @__PURE__ */ b("p", {
-										className: "font-medium",
-										children: e.label
-									}),
-									/* @__PURE__ */ b("p", {
-										className: "text-sm text-muted-foreground",
-										children: e.description
-									}),
-									e.status !== "passed" && e.actionPath && /* @__PURE__ */ x("button", {
-										type: "button",
-										onClick: () => D?.(`${O}${e.actionPath}`),
-										className: "mt-1 inline-flex items-center gap-1 text-xs text-primary hover:underline",
-										children: [
-											e.actionLabel ?? "Fix this",
-											" ",
-											/* @__PURE__ */ b(f, { size: 11 })
-										]
-									})
-								]
+								children: [/* @__PURE__ */ T("p", {
+									className: "font-medium",
+									children: e.label
+								}), /* @__PURE__ */ T("p", {
+									className: "text-sm text-text-secondary",
+									children: e.description
+								})]
 							}),
-							fe(e.status)
+							Q(e.status)
 						]
 					}, e.id))
 				}) }),
-				!q && /* @__PURE__ */ x(a, {
-					title: k("devportal.notesForReviewerTitle", "Notes for Reviewer"),
-					description: k("devportal.notesForReviewerDesc", "Optional message to the review team"),
-					children: [/* @__PURE__ */ b("textarea", {
-						value: I,
-						onChange: (e) => L(e.target.value),
-						placeholder: k("devportal.notesForReviewerPlaceholder", "Describe what your app does, any special review considerations, or testing instructions..."),
+				!G && /* @__PURE__ */ E(i, {
+					title: M("devportal.notesForReviewerTitle", "Notes for Reviewer"),
+					description: M("devportal.notesForReviewerDesc", "Optional message to the review team"),
+					children: [/* @__PURE__ */ T("textarea", {
+						value: L,
+						onChange: (e) => R(e.target.value),
+						placeholder: M("devportal.notesForReviewerPlaceholder", "Describe what your app does, any special review considerations, or testing instructions..."),
 						rows: 4,
 						maxLength: 1e3,
-						className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring resize-none"
-					}), /* @__PURE__ */ x("p", {
-						className: "mt-1 text-xs text-muted-foreground text-right",
-						children: [I.length, "/1000"]
+						className: "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__ */ E("p", {
+						className: "mt-1 text-xs text-text-secondary text-right",
+						children: [L.length, "/1000"]
 					})]
 				}),
-				M && /* @__PURE__ */ b(o, {
+				F && /* @__PURE__ */ T(a, {
 					variant: "error",
-					title: k("devportal.submissionFailedTitle", "Submission Failed"),
-					children: M
+					title: M("devportal.submissionFailedTitle", "Submission Failed"),
+					children: F
 				}),
-				Z > 0 && !q && /* @__PURE__ */ x(o, {
+				J > 0 && !G && /* @__PURE__ */ E(a, {
 					variant: "error",
-					title: k("devportal.cannotSubmitTitle", "Cannot Submit Yet"),
+					title: M("devportal.cannotSubmitTitle", "Cannot Submit"),
 					children: [
-						k("devportal.pleaseFixItems1", "Please fix"),
+						M("devportal.pleaseFixItems1", "Please fix"),
 						" ",
-						Z,
+						J,
 						" ",
-						k("devportal.pleaseFixItems2", "required item(s) before submitting for review."),
-						/* @__PURE__ */ x("div", {
-							className: "mt-2 flex flex-wrap gap-3",
-							children: [/* @__PURE__ */ b("button", {
-								onClick: () => D?.(`${O}/apps/${S}`),
-								className: "text-sm underline hover:no-underline",
-								children: k("devportal.goToMarketplaceListing", "Update marketplace listing →")
-							}), J && Y === 0 && /* @__PURE__ */ b("button", {
-								onClick: () => D?.(`${O}/apps/${S}/versions`),
-								className: "text-sm underline hover:no-underline",
-								children: k("devportal.goToVersions", "Add a published version →")
-							})]
+						M("devportal.pleaseFixItems2", "failed item(s) before submitting for review."),
+						/* @__PURE__ */ T("button", {
+							onClick: () => k?.(`${A}/apps/${O}/edit`),
+							className: "mt-2 block text-sm underline hover:no-underline",
+							children: M("devportal.editApplicationToFix", "Edit application to fix issues →")
 						})
 					]
 				}),
-				Q > 0 && Z === 0 && !q && /* @__PURE__ */ x(o, {
+				Y > 0 && J === 0 && !G && /* @__PURE__ */ E(a, {
 					variant: "warning",
-					title: k("devportal.warningsTitle", "Warnings"),
+					title: M("devportal.warningsTitle", "Warnings"),
 					children: [
-						k("devportal.warningsMsg1", "You have"),
+						M("devportal.warningsMsg1", "You have"),
 						" ",
-						Q,
+						Y,
 						" ",
-						k("devportal.warningsMsg2", "warning(s). While you can submit, addressing these may improve your app's chances of approval.")
+						M("devportal.warningsMsg2", "warning(s). While you can submit, addressing these may improve your app's chances of approval.")
 					]
 				}),
-				/* @__PURE__ */ b(a, {
-					title: k("devportal.reviewProcessTitle", "Review Process"),
-					children: /* @__PURE__ */ b("div", {
-						className: "rounded-lg border bg-muted/50 p-4",
-						children: /* @__PURE__ */ x("ul", {
+				/* @__PURE__ */ T(i, {
+					title: M("devportal.reviewProcessTitle", "Review Process"),
+					children: /* @__PURE__ */ T("div", {
+						className: "rounded-lg border bg-bg-sunken/50 p-4",
+						children: /* @__PURE__ */ E("ul", {
 							className: "space-y-2 text-sm",
 							children: [
-								/* @__PURE__ */ x("li", {
+								/* @__PURE__ */ E("li", {
 									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ b(p, {
+									children: [/* @__PURE__ */ T(m, {
 										size: 16,
 										className: "mt-0.5 text-primary"
-									}), /* @__PURE__ */ b("span", { children: k("devportal.reviewProcessInfo1", "Review typically takes 3-5 business days") })]
+									}), /* @__PURE__ */ T("span", { children: M("devportal.reviewProcessInfo1", "Review typically takes 3-5 business days") })]
 								}),
-								/* @__PURE__ */ x("li", {
+								/* @__PURE__ */ E("li", {
 									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ b(p, {
+									children: [/* @__PURE__ */ T(m, {
 										size: 16,
 										className: "mt-0.5 text-primary"
-									}), /* @__PURE__ */ b("span", { children: k("devportal.reviewProcessInfo2", "You'll receive notifications about review status changes") })]
+									}), /* @__PURE__ */ T("span", { children: M("devportal.reviewProcessInfo2", "You'll receive notifications about review status changes") })]
 								}),
-								/* @__PURE__ */ x("li", {
+								/* @__PURE__ */ E("li", {
 									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ b(p, {
+									children: [/* @__PURE__ */ T(m, {
 										size: 16,
 										className: "mt-0.5 text-primary"
-									}), /* @__PURE__ */ b("span", { children: k("devportal.reviewProcessInfo3", "If changes are requested, you can resubmit without losing your place in the queue") })]
+									}), /* @__PURE__ */ T("span", { children: M("devportal.reviewProcessInfo3", "If changes are requested, you can resubmit without losing your place in the queue") })]
 								}),
-								/* @__PURE__ */ x("li", {
+								/* @__PURE__ */ E("li", {
 									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ b(p, {
+									children: [/* @__PURE__ */ T(m, {
 										size: 16,
 										className: "mt-0.5 text-primary"
-									}), /* @__PURE__ */ b("span", { children: k("devportal.reviewProcessInfo4", "Once approved and published, your app will be visible in the marketplace") })]
+									}), /* @__PURE__ */ T("span", { children: M("devportal.reviewProcessInfo4", "Once approved and published, your app will be visible in the marketplace") })]
 								})
 							]
 						})
 					})
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ E("div", {
 					className: "flex gap-3",
-					children: [/* @__PURE__ */ b("button", {
-						onClick: () => D?.(`${O}/apps/${S}`),
-						className: "rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted",
-						children: k("devportal.cancelButton", "Cancel")
-					}), /* @__PURE__ */ b("button", {
+					children: [/* @__PURE__ */ T("button", {
+						onClick: () => k?.(`${A}/apps/${O}`),
+						className: "rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken",
+						children: M("devportal.cancelButton", "Cancel")
+					}), /* @__PURE__ */ T("button", {
 						onClick: async () => {
-							if (S) {
-								j(!0), N(null);
+							if (O) {
+								P(!0), I(null);
 								try {
-									let e = await H({ variables: {
-										id: S,
-										notes: I.trim() || void 0
+									let e = await U({ variables: {
+										id: O,
+										notes: L.trim() || void 0
 									} });
 									if (e.error) throw e.error;
-									await U({ variables: {
-										id: S,
-										notes: I.trim() || void 0
-									} }), F(!0);
+									k?.(`${A}/apps/${O}`);
 								} catch (e) {
-									N(e instanceof Error ? e.message : k("devportal.submitFailedDefault", "Failed to submit for review"));
-								} finally {
-									j(!1);
+									I(e instanceof Error ? e.message : M("devportal.submitFailedDefault", "Failed to submit for review")), P(!1);
 								}
 							}
 						},
-						disabled: !$ || A || !R.allowed,
-						"aria-disabled": !$ || A || !R.allowed,
-						title: R.allowed ? void 0 : k("devportal.common.noPermission", "You do not have permission to perform this action"),
-						className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/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: A ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(_, {
+						disabled: !Z || N || !z.allowed,
+						"aria-disabled": !Z || N || !z.allowed,
+						title: z.allowed ? void 0 : M("devportal.common.noPermission", "You do not have permission to perform this action"),
+						className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-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: N ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(y, {
 							size: 16,
 							className: "animate-spin"
-						}), k("devportal.submittingButton", "Submitting...")] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(ae, { size: 16 }), k("devportal.submitForReviewButton", "Submit for Review")] })
+						}), M("devportal.submittingButton", "Submitting...")] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(b, { size: 16 }), M("devportal.submitForReviewButton", "Submit for Review")] })
 					})]
 				})
 			]
@@ -477,6 +351,6 @@ var w = S`query PublishPagePublisher { myPublisher { id } }`, T = S`
 	});
 };
 //#endregion
-export { D as PublishPage };
+export { O as PublishPage };
 
 //# sourceMappingURL=PublishPage.js.map