@burdenoff/microfe-devportal 2026.625.3 → 2026.625.4

package/dist/devportal/pages/PublishPage.js

@@ -1,109 +1,144 @@
 import { useDevportal as e } from "../providers/DevportalProvider.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 { 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 "../components/index.js";
-import { DEVPORTAL_PERMISSIONS as s } from "../constants/permissions.js";
-import { useDevportalPermission as c } from "../hooks/usePermission.js";
+import { DEVPORTAL_PERMISSIONS as c } from "../constants/permissions.js";
+import { useDevportalPermission as ee } from "../hooks/usePermission.js";
 import "../hooks/index.js";
-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";
+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";
 //#region src/devportal/pages/PublishPage.tsx
-var D = [
+var w = S`query PublishPagePublisher { myPublisher { id } }`, T = S`
+  query PublishPageProducts($publisherId: String!) {
+    products(filter: { publisherId: $publisherId }) { id productId }
+  }
+`, E = [
 	"SUBMITTED",
 	"IN_REVIEW",
 	"APPROVED",
 	"PUBLISHED"
-], O = () => {
-	let { appId: O } = C(), { navigate: k, basePath: A } = e(), { t: j } = f(), M = (e, t) => {
-		let n = j(e);
+], D = () => {
+	let { appId: S } = se(), { navigate: D, basePath: O } = e(), { t: ce } = ne(), k = (e, t) => {
+		let n = ce(e);
 		return n === e ? t : n;
-	}, [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,
+	}, [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,
 		fetchPolicy: "network-only"
-	}), [U] = n(), W = B?.application;
-	l(() => {
-		let e = W?.name;
-		if (!O || !e) return;
+	}), [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;
 		let t = window.__breadcrumbRegistry;
-		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 [
+		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 = [
 			{
 				id: "name",
-				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 })
+				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
 			},
 			{
 				id: "category",
-				label: M("devportal.checklistCategoryLabel", "Category"),
-				description: M("devportal.checklistCategoryDesc", "A category must be selected"),
-				status: W.category ? "passed" : "failed",
-				icon: /* @__PURE__ */ T(_, { size: 20 })
+				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`
 			},
 			{
 				id: "privacy",
-				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 })
+				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
 			},
 			{
 				id: "terms",
-				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 })
+				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
 			},
 			{
 				id: "icon",
-				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 })
+				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
 			},
 			{
 				id: "screenshots",
-				label: M("devportal.checklistScreenshotsLabel", "Screenshots"),
-				description: M("devportal.checklistScreenshotsDesc", "At least 3 screenshots are recommended"),
+				label: k("devportal.checklistScreenshotsLabel", "Screenshots"),
+				description: k("devportal.checklistScreenshotsDesc", "At least 3 screenshots are recommended"),
 				status: e >= 3 ? "passed" : "warning",
-				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 })
+				icon: /* @__PURE__ */ b(g, { size: 20 }),
+				actionLabel: "Edit store listing →",
+				actionPath: t
 			}
 		];
-	}, [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) => {
+		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) => {
 		switch (e) {
-			case "passed": return /* @__PURE__ */ T(m, {
+			case "passed": return /* @__PURE__ */ b(p, {
 				size: 20,
 				className: "text-status-success-text"
 			});
-			case "failed": return /* @__PURE__ */ T(S, {
+			case "failed": return /* @__PURE__ */ b(v, {
 				size: 20,
 				className: "text-status-error-text"
 			});
-			case "warning": return /* @__PURE__ */ T(p, {
+			case "warning": return /* @__PURE__ */ b(d, {
 				size: 20,
 				className: "text-status-warning-text"
 			});
-			default: return /* @__PURE__ */ T("div", { className: "h-5 w-5 rounded-full border-2 border-border-default" });
+			default: return /* @__PURE__ */ b("div", { className: "h-5 w-5 rounded-full border-2 border-border-default" });
 		}
-	}, $ = (e) => {
+	}, pe = (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";
@@ -111,239 +146,330 @@ var D = [
 			default: return "bg-bg-canvas border-border-subtle";
 		}
 	};
-	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", {
+	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", {
 			className: "flex items-center justify-center py-12",
-			children: /* @__PURE__ */ T(y, { className: "animate-spin h-8 w-8 text-text-secondary" })
+			children: /* @__PURE__ */ b(_, { className: "animate-spin h-8 w-8 text-muted-foreground" })
 		})
-	}) : 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, {
+	}) : 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, {
 			variant: "error",
-			title: M("devportal.failedToLoadApplication", "Failed to load application"),
-			children: H?.message ?? M("devportal.applicationNotFound", "Application not found")
+			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"
+					})
+				]
+			})
 		})
-	}) : /* @__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")]
+	}) : /* @__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")]
 			}),
 			children: [
-				G && /* @__PURE__ */ E(a, {
+				q && /* @__PURE__ */ x(o, {
 					variant: "warning",
-					title: M("devportal.alreadySubmittedTitle", "Already Submitted"),
+					title: k("devportal.alreadySubmittedTitle", "Already Submitted"),
 					children: [
-						M("devportal.alreadySubmittedMsg1", "This app is currently in"),
+						k("devportal.alreadySubmittedMsg1", "This app is currently in"),
 						" ",
-						/* @__PURE__ */ T("strong", { children: W.status }),
+						/* @__PURE__ */ b("strong", { children: K.status }),
 						" ",
-						M("devportal.alreadySubmittedMsg2", "state and cannot be re-submitted until the review process is complete or the app is rejected.")
+						k("devportal.alreadySubmittedMsg2", "state and cannot be re-submitted until the review process is complete or the app is rejected.")
 					]
 				}),
-				/* @__PURE__ */ E("div", {
-					className: "rounded-card border border-border-seam bg-bg-surface p-6",
+				/* @__PURE__ */ x("div", {
+					className: "rounded-lg border bg-card p-6",
 					children: [
-						/* @__PURE__ */ T("h2", {
+						/* @__PURE__ */ b("h2", {
 							className: "text-lg font-semibold",
-							children: M("devportal.preSubmissionChecklist", "Pre-submission Checklist")
+							children: k("devportal.preSubmissionChecklist", "Pre-submission Checklist")
 						}),
-						/* @__PURE__ */ T("p", {
-							className: "mt-1 text-sm text-text-secondary",
-							children: M("devportal.completeAllRequiredItems", "Complete all required items before submitting for review")
+						/* @__PURE__ */ b("p", {
+							className: "mt-1 text-sm text-muted-foreground",
+							children: k("devportal.completeAllRequiredItems", "Complete all required items before submitting for review")
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ x("div", {
 							className: "mt-4 flex gap-6",
 							children: [
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ x("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ T(m, {
+									children: [/* @__PURE__ */ b(p, {
 										size: 20,
 										className: "text-status-success-text"
-									}), /* @__PURE__ */ E("span", { children: [
-										q,
+									}), /* @__PURE__ */ x("span", { children: [
+										ue,
 										" ",
-										M("devportal.passed", "Passed")
+										k("devportal.passed", "Passed")
 									] })]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ x("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ T(S, {
+									children: [/* @__PURE__ */ b(v, {
 										size: 20,
 										className: "text-status-error-text"
-									}), /* @__PURE__ */ E("span", { children: [
-										J,
+									}), /* @__PURE__ */ x("span", { children: [
+										Z,
 										" ",
-										M("devportal.failed", "Failed")
+										k("devportal.failed", "Failed")
 									] })]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ x("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ T(p, {
+									children: [/* @__PURE__ */ b(d, {
 										size: 20,
 										className: "text-status-warning-text"
-									}), /* @__PURE__ */ E("span", { children: [
-										Y,
+									}), /* @__PURE__ */ x("span", { children: [
+										Q,
 										" ",
-										M("devportal.warnings", "Warnings")
+										k("devportal.warnings", "Warnings")
 									] })]
 								})
 							]
 						})
 					]
 				}),
-				/* @__PURE__ */ T(i, { children: /* @__PURE__ */ T("div", {
+				/* @__PURE__ */ b(a, { children: /* @__PURE__ */ b("div", {
 					className: "space-y-3",
-					children: K.map((e) => /* @__PURE__ */ E("div", {
-						className: `flex items-center gap-4 rounded-lg border p-4 ${$(e.status)}`,
+					children: X.map((e) => /* @__PURE__ */ x("div", {
+						className: `flex items-center gap-4 rounded-lg border p-4 ${pe(e.status)}`,
 						children: [
-							/* @__PURE__ */ T("div", {
-								className: "rounded-lg bg-bg-surface p-2",
+							/* @__PURE__ */ b("div", {
+								className: "rounded-lg bg-background p-2",
 								children: e.icon
 							}),
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ x("div", {
 								className: "flex-1",
-								children: [/* @__PURE__ */ T("p", {
-									className: "font-medium",
-									children: e.label
-								}), /* @__PURE__ */ T("p", {
-									className: "text-sm text-text-secondary",
-									children: e.description
-								})]
+								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 })
+										]
+									})
+								]
 							}),
-							Q(e.status)
+							fe(e.status)
 						]
 					}, e.id))
 				}) }),
-				!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..."),
+				!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..."),
 						rows: 4,
 						maxLength: 1e3,
-						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"]
+						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"]
 					})]
 				}),
-				F && /* @__PURE__ */ T(a, {
+				M && /* @__PURE__ */ b(o, {
 					variant: "error",
-					title: M("devportal.submissionFailedTitle", "Submission Failed"),
-					children: F
+					title: k("devportal.submissionFailedTitle", "Submission Failed"),
+					children: M
 				}),
-				J > 0 && !G && /* @__PURE__ */ E(a, {
+				Z > 0 && !q && /* @__PURE__ */ x(o, {
 					variant: "error",
-					title: M("devportal.cannotSubmitTitle", "Cannot Submit"),
+					title: k("devportal.cannotSubmitTitle", "Cannot Submit Yet"),
 					children: [
-						M("devportal.pleaseFixItems1", "Please fix"),
+						k("devportal.pleaseFixItems1", "Please fix"),
 						" ",
-						J,
+						Z,
 						" ",
-						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 →")
+						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 →")
+							})]
 						})
 					]
 				}),
-				Y > 0 && J === 0 && !G && /* @__PURE__ */ E(a, {
+				Q > 0 && Z === 0 && !q && /* @__PURE__ */ x(o, {
 					variant: "warning",
-					title: M("devportal.warningsTitle", "Warnings"),
+					title: k("devportal.warningsTitle", "Warnings"),
 					children: [
-						M("devportal.warningsMsg1", "You have"),
+						k("devportal.warningsMsg1", "You have"),
 						" ",
-						Y,
+						Q,
 						" ",
-						M("devportal.warningsMsg2", "warning(s). While you can submit, addressing these may improve your app's chances of approval.")
+						k("devportal.warningsMsg2", "warning(s). While you can submit, addressing these may improve your app's chances of approval.")
 					]
 				}),
-				/* @__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", {
+				/* @__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", {
 							className: "space-y-2 text-sm",
 							children: [
-								/* @__PURE__ */ E("li", {
+								/* @__PURE__ */ x("li", {
 									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ T(m, {
+									children: [/* @__PURE__ */ b(p, {
 										size: 16,
 										className: "mt-0.5 text-primary"
-									}), /* @__PURE__ */ T("span", { children: M("devportal.reviewProcessInfo1", "Review typically takes 3-5 business days") })]
+									}), /* @__PURE__ */ b("span", { children: k("devportal.reviewProcessInfo1", "Review typically takes 3-5 business days") })]
 								}),
-								/* @__PURE__ */ E("li", {
+								/* @__PURE__ */ x("li", {
 									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ T(m, {
+									children: [/* @__PURE__ */ b(p, {
 										size: 16,
 										className: "mt-0.5 text-primary"
-									}), /* @__PURE__ */ T("span", { children: M("devportal.reviewProcessInfo2", "You'll receive notifications about review status changes") })]
+									}), /* @__PURE__ */ b("span", { children: k("devportal.reviewProcessInfo2", "You'll receive notifications about review status changes") })]
 								}),
-								/* @__PURE__ */ E("li", {
+								/* @__PURE__ */ x("li", {
 									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ T(m, {
+									children: [/* @__PURE__ */ b(p, {
 										size: 16,
 										className: "mt-0.5 text-primary"
-									}), /* @__PURE__ */ T("span", { children: M("devportal.reviewProcessInfo3", "If changes are requested, you can resubmit without losing your place in the queue") })]
+									}), /* @__PURE__ */ b("span", { children: k("devportal.reviewProcessInfo3", "If changes are requested, you can resubmit without losing your place in the queue") })]
 								}),
-								/* @__PURE__ */ E("li", {
+								/* @__PURE__ */ x("li", {
 									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ T(m, {
+									children: [/* @__PURE__ */ b(p, {
 										size: 16,
 										className: "mt-0.5 text-primary"
-									}), /* @__PURE__ */ T("span", { children: M("devportal.reviewProcessInfo4", "Once approved and published, your app will be visible in the marketplace") })]
+									}), /* @__PURE__ */ b("span", { children: k("devportal.reviewProcessInfo4", "Once approved and published, your app will be visible in the marketplace") })]
 								})
 							]
 						})
 					})
 				}),
-				/* @__PURE__ */ E("div", {
+				/* @__PURE__ */ x("div", {
 					className: "flex gap-3",
-					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", {
+					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", {
 						onClick: async () => {
-							if (O) {
-								P(!0), I(null);
+							if (S) {
+								j(!0), N(null);
 								try {
-									let e = await U({ variables: {
-										id: O,
-										notes: L.trim() || void 0
+									let e = await H({ variables: {
+										id: S,
+										notes: I.trim() || void 0
 									} });
 									if (e.error) throw e.error;
-									k?.(`${A}/apps/${O}`);
+									await U({ variables: {
+										id: S,
+										notes: I.trim() || void 0
+									} }), F(!0);
 								} catch (e) {
-									I(e instanceof Error ? e.message : M("devportal.submitFailedDefault", "Failed to submit for review")), P(!1);
+									N(e instanceof Error ? e.message : k("devportal.submitFailedDefault", "Failed to submit for review"));
+								} finally {
+									j(!1);
 								}
 							}
 						},
-						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, {
+						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(_, {
 							size: 16,
 							className: "animate-spin"
-						}), M("devportal.submittingButton", "Submitting...")] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(b, { size: 16 }), M("devportal.submitForReviewButton", "Submit for Review")] })
+						}), k("devportal.submittingButton", "Submitting...")] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(ae, { size: 16 }), k("devportal.submitForReviewButton", "Submit for Review")] })
 					})]
 				})
 			]
@@ -351,6 +477,6 @@ var D = [
 	});
 };
 //#endregion
-export { O as PublishPage };
+export { D as PublishPage };
 
 //# sourceMappingURL=PublishPage.js.map