@burdenoff/microfe-devportal 2026.625.8 → 2026.625.10

package/dist/devportal/pages/PublishPage.js

@@ -1,187 +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 l, useMemo as u, useState as d } from "react";
-import { useI18n as te } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertTriangle as f, ArrowRight as ne, CheckCircle as p, Eye as re, FileText as m, Globe as ie, Image as h, KeyRound as ae, Link as g, Loader2 as _, PartyPopper as oe, Send as se, Shield as v, Webhook as ce, XCircle as y } from "lucide-react";
-import { useParams as le } from "react-router-dom";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { gql as C } from "@apollo/client";
-import { useQuery as w } from "@apollo/client/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 T = C`query PublishPagePublisher { myPublisher { id } }`, ue = C`
-  query PublishPageProducts($publisherId: String!) {
-    products(filter: { publisherId: $publisherId }) { id productId }
-  }
-`, de = C`
-  query PublishPageWebhooks($applicationId: ID!) {
-    webhooks(applicationId: $applicationId) { id }
-  }
-`, fe = [
+var D = [
 	"SUBMITTED",
 	"IN_REVIEW",
 	"APPROVED",
 	"PUBLISHED"
-], E = () => {
-	let { appId: C } = le(), { navigate: E, basePath: D } = e(), { t: pe } = te(), O = (e, t) => {
-		let n = pe(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;
-	}, [k, A] = d(!1), [j, M] = d(null), [me, N] = d(!1), [P, F] = d(""), I = ee(c.APP_SUBMIT), { data: L, loading: R, error: z } = t({
-		variables: { id: C },
-		skip: !C,
+	}, [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"
-	}), [he] = r(), [ge] = n(), { data: _e } = w(T, { fetchPolicy: "cache-first" }), B = _e?.myPublisher?.id ?? null, { data: ve } = w(ue, {
-		variables: { publisherId: B ?? "" },
-		skip: !B,
-		fetchPolicy: "cache-first"
-	});
-	ve?.products?.find((e) => e.productId === C)?.id;
-	let V = L?.application?.appType === "API_INTEGRATION", H = L?.application?.manifest?.oauth, U = !!(H?.authorizationUrl && H?.tokenUrl && H?.clientId), { data: ye } = w(de, {
-		variables: { applicationId: C },
-		skip: !C || !V,
-		fetchPolicy: "network-only"
-	}), W = ye?.webhooks?.length ?? 0, G = L?.application;
+	}), [U] = n(), W = B?.application;
 	l(() => {
-		let e = G?.name;
-		if (!C || !e) return;
+		let e = W?.name;
+		if (!O || !e) return;
 		let t = window.__breadcrumbRegistry;
-		return t?.register(C, e), () => t?.unregister(C);
-	}, [C, G?.name]);
-	let K = fe.includes(G?.status ?? ""), q = G?.appType === "NODE" || G?.appType === "WORKFLOW", J = G?.versions?.totalCount ?? 0, Y = u(() => {
-		if (!G) return [];
-		let e = G.screenshots?.length ?? 0, t = `/apps/${C}?tab=store-listing`, n = `/apps/${C}/versions`, r = `/apps/${C}/edit`, i = `/apps/${C}/webhooks`, a = [
+		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: O("devportal.checklistNameLabel", "Name & Short Description"),
-				description: O("devportal.checklistNameDesc", "Name and short description are required for the store card"),
-				status: G.name && G.shortDescription ? "passed" : "failed",
-				icon: /* @__PURE__ */ x(m, { 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: O("devportal.checklistCategoryLabel", "Category"),
-				description: O("devportal.checklistCategoryDesc", "A category helps users find your item in the marketplace"),
-				status: G.category ? "passed" : "failed",
-				icon: /* @__PURE__ */ x(ie, { size: 20 }),
-				actionLabel: "Edit app info →",
-				actionPath: `/apps/${C}/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: O("devportal.checklistPrivacyLabel", "Privacy Policy"),
-				description: O("devportal.checklistPrivacyDesc", "Privacy policy URL is required for store submission"),
-				status: G.privacyPolicyUrl ? "passed" : "failed",
-				icon: /* @__PURE__ */ x(v, { 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: O("devportal.checklistTermsLabel", "Terms of Service"),
-				description: O("devportal.checklistTermsDesc", "Terms of service URL is required for store submission"),
-				status: G.termsOfServiceUrl ? "passed" : "failed",
-				icon: /* @__PURE__ */ x(m, { 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: O("devportal.checklistIconLabel", "App Icon"),
-				description: O("devportal.checklistIconDesc", "An icon makes your listing stand out in the marketplace"),
-				status: G.iconUrl ? "passed" : "warning",
-				icon: /* @__PURE__ */ x(h, { 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: O("devportal.checklistScreenshotsLabel", "Screenshots"),
-				description: O("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__ */ x(h, { 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 q && a.push({
-			id: "version",
-			label: O("devportal.checklistVersionLabel", "Published Version"),
-			description: O("devportal.checklistVersionDesc", G?.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: J > 0 ? "passed" : "failed",
-			icon: /* @__PURE__ */ x(p, { size: 20 }),
-			actionLabel: "Create a version →",
-			actionPath: n
-		}), G.appType === "API_INTEGRATION" && (a.push({
-			id: "oauth",
-			label: O("devportal.checklistOAuthLabel", "OAuth Configuration"),
-			description: O("devportal.checklistOAuthDesc", "Authorization URL, Token URL and Client ID are required so users can connect their accounts. Without these the Connect button does not work."),
-			status: U ? "passed" : "failed",
-			icon: /* @__PURE__ */ x(ae, { size: 20 }),
-			actionLabel: "Configure in Edit App →",
-			actionPath: r
-		}), a.push({
-			id: "webhook",
-			label: O("devportal.checklistWebhookLabel", "Webhook Endpoint"),
-			description: O("devportal.checklistWebhookDesc", "At least one webhook endpoint must be configured so your server receives platform events after users connect. Without this the integration does nothing."),
-			status: W > 0 ? "passed" : "failed",
-			icon: /* @__PURE__ */ x(ce, { size: 20 }),
-			actionLabel: "Add a webhook →",
-			actionPath: i
-		}), a.push({
-			id: "documentation",
-			label: O("devportal.checklistDocsLabel", "Documentation URL"),
-			description: O("devportal.checklistDocsDesc", "Users need to know how to use and configure this integration. A documentation link is required for API integrations."),
-			status: G.documentationUrl ? "passed" : "failed",
-			icon: /* @__PURE__ */ x(m, { size: 20 }),
-			actionLabel: "Add documentation URL →",
-			actionPath: r
-		}), a.push({
-			id: "website",
-			label: O("devportal.checklistWebsiteLabel", "Website URL"),
-			description: O("devportal.checklistWebsiteDesc", "Users need to verify who built this integration. A website URL is required so users know where to get support."),
-			status: G.websiteUrl ? "passed" : "failed",
-			icon: /* @__PURE__ */ x(g, { size: 20 }),
-			actionLabel: "Add website URL →",
-			actionPath: r
-		})), a.push({
-			id: "status",
-			label: O("devportal.checklistStatusLabel", "App Status"),
-			description: O("devportal.checklistStatusDesc", "App must be in DRAFT or REJECTED state to submit"),
-			status: ["DRAFT", "REJECTED"].includes(G.status ?? "") ? "passed" : "warning",
-			icon: /* @__PURE__ */ x(p, { size: 20 })
-		}), a;
-	}, [
-		G,
-		q,
-		J,
-		W,
-		U,
-		C
-	]), X = Y.filter((e) => e.status === "passed").length, Z = Y.filter((e) => e.status === "failed").length, Q = Y.filter((e) => e.status === "warning").length, be = ["DRAFT", "REJECTED"].includes(G?.status ?? ""), $ = !R && !z && Z === 0 && !!G && !K && be, xe = (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__ */ x(p, {
+			case "passed": return /* @__PURE__ */ T(m, {
 				size: 20,
 				className: "text-status-success-text"
 			});
-			case "failed": return /* @__PURE__ */ x(y, {
+			case "failed": return /* @__PURE__ */ T(S, {
 				size: 20,
 				className: "text-status-error-text"
 			});
-			case "warning": return /* @__PURE__ */ x(f, {
+			case "warning": return /* @__PURE__ */ T(p, {
 				size: 20,
 				className: "text-status-warning-text"
 			});
-			default: return /* @__PURE__ */ x("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" });
 		}
-	}, Se = (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";
@@ -189,343 +111,240 @@ var T = C`query PublishPagePublisher { myPublisher { id } }`, ue = C`
 			default: return "bg-bg-canvas border-border-subtle";
 		}
 	};
-	return R ? /* @__PURE__ */ x(i, {
-		title: O("devportal.publishToStoreTitle", "Publish to Store"),
-		description: O("devportal.loadingApplicationDetails", "Loading application details..."),
-		backLink: `/apps/${C}`,
-		backLabel: O("devportal.backToApplication", "Back to Application"),
-		children: /* @__PURE__ */ x("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__ */ x(_, { className: "animate-spin h-8 w-8 text-muted-foreground" })
+			children: /* @__PURE__ */ T(y, { className: "animate-spin h-8 w-8 text-text-secondary" })
 		})
-	}) : z || !G ? /* @__PURE__ */ x(i, {
-		title: O("devportal.publishToStoreTitle", "Publish to Store"),
-		description: O("devportal.couldNotLoadApplication", "Could not load application"),
-		backLink: `/apps/${C}`,
-		backLabel: O("devportal.backToApplication", "Back to Application"),
-		children: /* @__PURE__ */ x(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: O("devportal.failedToLoadApplication", "Failed to load application"),
-			children: z?.message ?? O("devportal.applicationNotFound", "Application not found")
+			title: M("devportal.failedToLoadApplication", "Failed to load application"),
+			children: H?.message ?? M("devportal.applicationNotFound", "Application not found")
 		})
-	}) : me ? /* @__PURE__ */ x(s, {
-		permission: c.APP_SUBMIT,
-		children: /* @__PURE__ */ x(i, {
-			title: O("devportal.publishToStoreTitle", "Publish to Store"),
-			backLink: `/apps/${C}`,
-			backLabel: O("devportal.backToApplication", "Back to Application"),
-			children: /* @__PURE__ */ S("div", {
-				className: "flex flex-col items-center justify-center py-16 gap-6 text-center",
-				children: [
-					/* @__PURE__ */ x("div", {
-						className: "rounded-full bg-status-success-bg p-4",
-						children: /* @__PURE__ */ x(oe, {
-							size: 40,
-							className: "text-status-success-text"
-						})
-					}),
-					/* @__PURE__ */ S("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ x("h2", {
-							className: "text-2xl font-bold",
-							children: O("devportal.submittedSuccessTitle", "Submitted for Review!")
-						}), /* @__PURE__ */ x("p", {
-							className: "text-muted-foreground max-w-md",
-							children: O("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__ */ S("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__ */ x("p", {
-							className: "font-medium",
-							children: "What happens next:"
-						}), /* @__PURE__ */ S("ul", {
-							className: "space-y-1 text-muted-foreground list-none",
-							children: [
-								/* @__PURE__ */ S("li", {
-									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ x(p, {
-										size: 14,
-										className: "mt-0.5 text-status-success-text shrink-0"
-									}), " Our team reviews your submission"]
-								}),
-								/* @__PURE__ */ S("li", {
-									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ x(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__ */ S("li", {
-									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ x(p, {
-										size: 14,
-										className: "mt-0.5 text-status-success-text shrink-0"
-									}), " Once approved, your app goes live in the marketplace"]
-								})
-							]
-						})]
-					}),
-					/* @__PURE__ */ x("button", {
-						onClick: () => E?.(`${D}/apps/${C}`),
-						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__ */ x(s, {
-		permission: c.APP_SUBMIT,
-		children: /* @__PURE__ */ S(i, {
-			title: O("devportal.publishToStoreTitle", "Publish to Store"),
-			description: `${O("devportal.submitAppForReview", "Submit")} "${G.name}" ${O("devportal.forReviewAndPublication", "for review and publication")}`,
-			backLink: `/apps/${C}`,
-			backLabel: O("devportal.backToApplication", "Back to Application"),
-			actions: /* @__PURE__ */ S("button", {
-				onClick: () => E?.(`${D}/apps/${C}/listing`),
-				className: "inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-muted",
-				children: [/* @__PURE__ */ x(re, { size: 16 }), O("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")}`,
+			purpose: M("devportal.publishPurpose", "Submitting sends your app to the review team, who check it against the marketplace guidelines before it goes live to users. Make sure the listing, screenshots, and permissions are final — preview the listing first, since changes after approval need another review."),
+			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: [
-				K && /* @__PURE__ */ S(o, {
+				G && /* @__PURE__ */ E(a, {
 					variant: "warning",
-					title: O("devportal.alreadySubmittedTitle", "Already Submitted"),
+					title: M("devportal.alreadySubmittedTitle", "Already Submitted"),
 					children: [
-						O("devportal.alreadySubmittedMsg1", "This app is currently in"),
+						M("devportal.alreadySubmittedMsg1", "This app is currently in"),
 						" ",
-						/* @__PURE__ */ x("strong", { children: G.status }),
+						/* @__PURE__ */ T("strong", { children: W.status }),
 						" ",
-						O("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__ */ S("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__ */ x("h2", {
+						/* @__PURE__ */ T("h2", {
 							className: "text-lg font-semibold",
-							children: O("devportal.preSubmissionChecklist", "Pre-submission Checklist")
+							children: M("devportal.preSubmissionChecklist", "Pre-submission Checklist")
 						}),
-						/* @__PURE__ */ x("p", {
-							className: "mt-1 text-sm text-muted-foreground",
-							children: O("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__ */ S("div", {
+						/* @__PURE__ */ E("div", {
 							className: "mt-4 flex gap-6",
 							children: [
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ x(p, {
+									children: [/* @__PURE__ */ T(m, {
 										size: 20,
 										className: "text-status-success-text"
-									}), /* @__PURE__ */ S("span", { children: [
-										X,
+									}), /* @__PURE__ */ E("span", { children: [
+										q,
 										" ",
-										O("devportal.passed", "Passed")
+										M("devportal.passed", "Passed")
 									] })]
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ x(y, {
+									children: [/* @__PURE__ */ T(S, {
 										size: 20,
 										className: "text-status-error-text"
-									}), /* @__PURE__ */ S("span", { children: [
-										Z,
+									}), /* @__PURE__ */ E("span", { children: [
+										J,
 										" ",
-										O("devportal.failed", "Failed")
+										M("devportal.failed", "Failed")
 									] })]
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ x(f, {
+									children: [/* @__PURE__ */ T(p, {
 										size: 20,
 										className: "text-status-warning-text"
-									}), /* @__PURE__ */ S("span", { children: [
-										Q,
+									}), /* @__PURE__ */ E("span", { children: [
+										Y,
 										" ",
-										O("devportal.warnings", "Warnings")
+										M("devportal.warnings", "Warnings")
 									] })]
 								})
 							]
 						})
 					]
 				}),
-				/* @__PURE__ */ x(a, { children: /* @__PURE__ */ x("div", {
+				/* @__PURE__ */ T(i, { children: /* @__PURE__ */ T("div", {
 					className: "space-y-3",
-					children: Y.map((e) => /* @__PURE__ */ S("div", {
-						className: `flex items-center gap-4 rounded-lg border p-4 ${Se(e.status)}`,
+					children: K.map((e) => /* @__PURE__ */ E("div", {
+						className: `flex items-center gap-4 rounded-lg border p-4 ${$(e.status)}`,
 						children: [
-							/* @__PURE__ */ x("div", {
-								className: "rounded-lg bg-background p-2",
+							/* @__PURE__ */ T("div", {
+								className: "rounded-lg bg-bg-surface p-2",
 								children: e.icon
 							}),
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ E("div", {
 								className: "flex-1",
-								children: [
-									/* @__PURE__ */ x("p", {
-										className: "font-medium",
-										children: e.label
-									}),
-									/* @__PURE__ */ x("p", {
-										className: "text-sm text-muted-foreground",
-										children: e.description
-									}),
-									e.status !== "passed" && e.actionPath && /* @__PURE__ */ S("button", {
-										type: "button",
-										onClick: () => E?.(`${D}${e.actionPath}`),
-										className: "mt-1 inline-flex items-center gap-1 text-xs text-primary hover:underline",
-										children: [
-											e.actionLabel ?? "Fix this",
-											" ",
-											/* @__PURE__ */ x(ne, { size: 11 })
-										]
-									})
-								]
+								children: [/* @__PURE__ */ T("p", {
+									className: "font-medium",
+									children: e.label
+								}), /* @__PURE__ */ T("p", {
+									className: "text-sm text-text-secondary",
+									children: e.description
+								})]
 							}),
-							xe(e.status)
+							Q(e.status)
 						]
 					}, e.id))
 				}) }),
-				!K && /* @__PURE__ */ S(a, {
-					title: O("devportal.notesForReviewerTitle", "Notes for Reviewer"),
-					description: O("devportal.notesForReviewerDesc", "Optional message to the review team"),
-					children: [/* @__PURE__ */ x("textarea", {
-						value: P,
-						onChange: (e) => F(e.target.value),
-						placeholder: O("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__ */ S("p", {
-						className: "mt-1 text-xs text-muted-foreground text-right",
-						children: [P.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"]
 					})]
 				}),
-				j && /* @__PURE__ */ x(o, {
+				F && /* @__PURE__ */ T(a, {
 					variant: "error",
-					title: O("devportal.submissionFailedTitle", "Submission Failed"),
-					children: j
+					title: M("devportal.submissionFailedTitle", "Submission Failed"),
+					children: F
 				}),
-				Z > 0 && !K && /* @__PURE__ */ S(o, {
+				J > 0 && !G && /* @__PURE__ */ E(a, {
 					variant: "error",
-					title: O("devportal.cannotSubmitTitle", "Cannot Submit Yet"),
+					title: M("devportal.cannotSubmitTitle", "Cannot Submit"),
 					children: [
-						O("devportal.pleaseFixItems1", "Please fix"),
+						M("devportal.pleaseFixItems1", "Please fix"),
 						" ",
-						Z,
+						J,
 						" ",
-						O("devportal.pleaseFixItems2", "required item(s) before submitting for review."),
-						/* @__PURE__ */ S("div", {
-							className: "mt-2 flex flex-wrap gap-3",
-							children: [
-								/* @__PURE__ */ x("button", {
-									onClick: () => E?.(`${D}/apps/${C}`),
-									className: "text-sm underline hover:no-underline",
-									children: O("devportal.goToMarketplaceListing", "Update marketplace listing →")
-								}),
-								q && J === 0 && /* @__PURE__ */ x("button", {
-									onClick: () => E?.(`${D}/apps/${C}/versions`),
-									className: "text-sm underline hover:no-underline",
-									children: O("devportal.goToVersions", "Add a published version →")
-								}),
-								V && !U && /* @__PURE__ */ x("button", {
-									onClick: () => E?.(`${D}/apps/${C}/edit`),
-									className: "text-sm underline hover:no-underline",
-									children: "Configure OAuth endpoints →"
-								}),
-								V && W === 0 && /* @__PURE__ */ x("button", {
-									onClick: () => E?.(`${D}/apps/${C}/webhooks`),
-									className: "text-sm underline hover:no-underline",
-									children: "Add a webhook →"
-								})
-							]
+						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 && !K && /* @__PURE__ */ S(o, {
+				Y > 0 && J === 0 && !G && /* @__PURE__ */ E(a, {
 					variant: "warning",
-					title: O("devportal.warningsTitle", "Warnings"),
+					title: M("devportal.warningsTitle", "Warnings"),
 					children: [
-						O("devportal.warningsMsg1", "You have"),
+						M("devportal.warningsMsg1", "You have"),
 						" ",
-						Q,
+						Y,
 						" ",
-						O("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__ */ x(a, {
-					title: O("devportal.reviewProcessTitle", "Review Process"),
-					children: /* @__PURE__ */ x("div", {
-						className: "rounded-lg border bg-muted/50 p-4",
-						children: /* @__PURE__ */ S("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__ */ S("li", {
+								/* @__PURE__ */ E("li", {
 									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ x(p, {
+									children: [/* @__PURE__ */ T(m, {
 										size: 16,
 										className: "mt-0.5 text-primary"
-									}), /* @__PURE__ */ x("span", { children: O("devportal.reviewProcessInfo1", "Review typically takes 3-5 business days") })]
+									}), /* @__PURE__ */ T("span", { children: M("devportal.reviewProcessInfo1", "Review typically takes 3-5 business days") })]
 								}),
-								/* @__PURE__ */ S("li", {
+								/* @__PURE__ */ E("li", {
 									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ x(p, {
+									children: [/* @__PURE__ */ T(m, {
 										size: 16,
 										className: "mt-0.5 text-primary"
-									}), /* @__PURE__ */ x("span", { children: O("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__ */ S("li", {
+								/* @__PURE__ */ E("li", {
 									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ x(p, {
+									children: [/* @__PURE__ */ T(m, {
 										size: 16,
 										className: "mt-0.5 text-primary"
-									}), /* @__PURE__ */ x("span", { children: O("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__ */ S("li", {
+								/* @__PURE__ */ E("li", {
 									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ x(p, {
+									children: [/* @__PURE__ */ T(m, {
 										size: 16,
 										className: "mt-0.5 text-primary"
-									}), /* @__PURE__ */ x("span", { children: O("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__ */ S("div", {
+				/* @__PURE__ */ E("div", {
 					className: "flex gap-3",
-					children: [/* @__PURE__ */ x("button", {
-						onClick: () => E?.(`${D}/apps/${C}`),
-						className: "rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted",
-						children: O("devportal.cancelButton", "Cancel")
-					}), /* @__PURE__ */ x("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 (C) {
-								A(!0), M(null);
+							if (O) {
+								P(!0), I(null);
 								try {
-									let e = await he({ variables: {
-										id: C,
-										notes: P.trim() || void 0
+									let e = await U({ variables: {
+										id: O,
+										notes: L.trim() || void 0
 									} });
 									if (e.error) throw e.error;
-									await ge({ variables: {
-										id: C,
-										notes: P.trim() || void 0
-									} }), N(!0);
+									k?.(`${A}/apps/${O}`);
 								} catch (e) {
-									M(e instanceof Error ? e.message : O("devportal.submitFailedDefault", "Failed to submit for review"));
-								} finally {
-									A(!1);
+									I(e instanceof Error ? e.message : M("devportal.submitFailedDefault", "Failed to submit for review")), P(!1);
 								}
 							}
 						},
-						disabled: !$ || k || !I.allowed,
-						"aria-disabled": !$ || k || !I.allowed,
-						title: I.allowed ? void 0 : O("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: k ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(_, {
+						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"
-						}), O("devportal.submittingButton", "Submitting...")] }) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(se, { size: 16 }), O("devportal.submitForReviewButton", "Submit for Review")] })
+						}), M("devportal.submittingButton", "Submitting...")] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(b, { size: 16 }), M("devportal.submitForReviewButton", "Submit for Review")] })
 					})]
 				})
 			]
@@ -533,6 +352,6 @@ var T = C`query PublishPagePublisher { myPublisher { id } }`, ue = C`
 	});
 };
 //#endregion
-export { E as PublishPage };
+export { O as PublishPage };
 
 //# sourceMappingURL=PublishPage.js.map