@burdenoff/microfe-devportal 2026.625.3 → 2026.625.5

package/dist/devportal/pages/PublishPage.js

@@ -1,109 +1,187 @@
 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 { 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";
 //#region src/devportal/pages/PublishPage.tsx
-var D = [
+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 = [
 	"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);
+], E = () => {
+	let { appId: C } = le(), { navigate: E, basePath: D } = e(), { t: pe } = te(), O = (e, t) => {
+		let n = pe(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,
+	}, [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,
 		fetchPolicy: "network-only"
-	}), [U] = n(), W = B?.application;
+	}), [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;
 	l(() => {
-		let e = W?.name;
-		if (!O || !e) return;
+		let e = G?.name;
+		if (!C || !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(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}?tab=webhooks`, a = [
 			{
 				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: 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
 			},
 			{
 				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: 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`
 			},
 			{
 				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: 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
 			},
 			{
 				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: 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
 			},
 			{
 				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: 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
 			},
 			{
 				id: "screenshots",
-				label: M("devportal.checklistScreenshotsLabel", "Screenshots"),
-				description: M("devportal.checklistScreenshotsDesc", "At least 3 screenshots are recommended"),
+				label: O("devportal.checklistScreenshotsLabel", "Screenshots"),
+				description: O("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__ */ x(h, { 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 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: "Add OAuth endpoints →",
+			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) => {
 		switch (e) {
-			case "passed": return /* @__PURE__ */ T(m, {
+			case "passed": return /* @__PURE__ */ x(p, {
 				size: 20,
 				className: "text-status-success-text"
 			});
-			case "failed": return /* @__PURE__ */ T(S, {
+			case "failed": return /* @__PURE__ */ x(y, {
 				size: 20,
 				className: "text-status-error-text"
 			});
-			case "warning": return /* @__PURE__ */ T(p, {
+			case "warning": return /* @__PURE__ */ x(f, {
 				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__ */ x("div", { className: "h-5 w-5 rounded-full border-2 border-border-default" });
 		}
-	}, $ = (e) => {
+	}, Se = (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 +189,343 @@ 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 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", {
 			className: "flex items-center justify-center py-12",
-			children: /* @__PURE__ */ T(y, { className: "animate-spin h-8 w-8 text-text-secondary" })
+			children: /* @__PURE__ */ x(_, { 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, {
+	}) : 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, {
 			variant: "error",
-			title: M("devportal.failedToLoadApplication", "Failed to load application"),
-			children: H?.message ?? M("devportal.applicationNotFound", "Application not found")
+			title: O("devportal.failedToLoadApplication", "Failed to load application"),
+			children: z?.message ?? O("devportal.applicationNotFound", "Application not found")
 		})
-	}) : /* @__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")]
+	}) : 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")]
 			}),
 			children: [
-				G && /* @__PURE__ */ E(a, {
+				K && /* @__PURE__ */ S(o, {
 					variant: "warning",
-					title: M("devportal.alreadySubmittedTitle", "Already Submitted"),
+					title: O("devportal.alreadySubmittedTitle", "Already Submitted"),
 					children: [
-						M("devportal.alreadySubmittedMsg1", "This app is currently in"),
+						O("devportal.alreadySubmittedMsg1", "This app is currently in"),
 						" ",
-						/* @__PURE__ */ T("strong", { children: W.status }),
+						/* @__PURE__ */ x("strong", { children: G.status }),
 						" ",
-						M("devportal.alreadySubmittedMsg2", "state and cannot be re-submitted until the review process is complete or the app is rejected.")
+						O("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__ */ S("div", {
+					className: "rounded-lg border bg-card p-6",
 					children: [
-						/* @__PURE__ */ T("h2", {
+						/* @__PURE__ */ x("h2", {
 							className: "text-lg font-semibold",
-							children: M("devportal.preSubmissionChecklist", "Pre-submission Checklist")
+							children: O("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__ */ x("p", {
+							className: "mt-1 text-sm text-muted-foreground",
+							children: O("devportal.completeAllRequiredItems", "Complete all required items before submitting for review")
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ S("div", {
 							className: "mt-4 flex gap-6",
 							children: [
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ T(m, {
+									children: [/* @__PURE__ */ x(p, {
 										size: 20,
 										className: "text-status-success-text"
-									}), /* @__PURE__ */ E("span", { children: [
-										q,
+									}), /* @__PURE__ */ S("span", { children: [
+										X,
 										" ",
-										M("devportal.passed", "Passed")
+										O("devportal.passed", "Passed")
 									] })]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ T(S, {
+									children: [/* @__PURE__ */ x(y, {
 										size: 20,
 										className: "text-status-error-text"
-									}), /* @__PURE__ */ E("span", { children: [
-										J,
+									}), /* @__PURE__ */ S("span", { children: [
+										Z,
 										" ",
-										M("devportal.failed", "Failed")
+										O("devportal.failed", "Failed")
 									] })]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ T(p, {
+									children: [/* @__PURE__ */ x(f, {
 										size: 20,
 										className: "text-status-warning-text"
-									}), /* @__PURE__ */ E("span", { children: [
-										Y,
+									}), /* @__PURE__ */ S("span", { children: [
+										Q,
 										" ",
-										M("devportal.warnings", "Warnings")
+										O("devportal.warnings", "Warnings")
 									] })]
 								})
 							]
 						})
 					]
 				}),
-				/* @__PURE__ */ T(i, { children: /* @__PURE__ */ T("div", {
+				/* @__PURE__ */ x(a, { children: /* @__PURE__ */ x("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: Y.map((e) => /* @__PURE__ */ S("div", {
+						className: `flex items-center gap-4 rounded-lg border p-4 ${Se(e.status)}`,
 						children: [
-							/* @__PURE__ */ T("div", {
-								className: "rounded-lg bg-bg-surface p-2",
+							/* @__PURE__ */ x("div", {
+								className: "rounded-lg bg-background p-2",
 								children: e.icon
 							}),
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ S("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__ */ 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 })
+										]
+									})
+								]
 							}),
-							Q(e.status)
+							xe(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..."),
+				!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..."),
 						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__ */ S("p", {
+						className: "mt-1 text-xs text-muted-foreground text-right",
+						children: [P.length, "/1000"]
 					})]
 				}),
-				F && /* @__PURE__ */ T(a, {
+				j && /* @__PURE__ */ x(o, {
 					variant: "error",
-					title: M("devportal.submissionFailedTitle", "Submission Failed"),
-					children: F
+					title: O("devportal.submissionFailedTitle", "Submission Failed"),
+					children: j
 				}),
-				J > 0 && !G && /* @__PURE__ */ E(a, {
+				Z > 0 && !K && /* @__PURE__ */ S(o, {
 					variant: "error",
-					title: M("devportal.cannotSubmitTitle", "Cannot Submit"),
+					title: O("devportal.cannotSubmitTitle", "Cannot Submit Yet"),
 					children: [
-						M("devportal.pleaseFixItems1", "Please fix"),
+						O("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 →")
+						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}?tab=webhooks`),
+									className: "text-sm underline hover:no-underline",
+									children: "Add a webhook →"
+								})
+							]
 						})
 					]
 				}),
-				Y > 0 && J === 0 && !G && /* @__PURE__ */ E(a, {
+				Q > 0 && Z === 0 && !K && /* @__PURE__ */ S(o, {
 					variant: "warning",
-					title: M("devportal.warningsTitle", "Warnings"),
+					title: O("devportal.warningsTitle", "Warnings"),
 					children: [
-						M("devportal.warningsMsg1", "You have"),
+						O("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.")
+						O("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__ */ 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", {
 							className: "space-y-2 text-sm",
 							children: [
-								/* @__PURE__ */ E("li", {
+								/* @__PURE__ */ S("li", {
 									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ T(m, {
+									children: [/* @__PURE__ */ x(p, {
 										size: 16,
 										className: "mt-0.5 text-primary"
-									}), /* @__PURE__ */ T("span", { children: M("devportal.reviewProcessInfo1", "Review typically takes 3-5 business days") })]
+									}), /* @__PURE__ */ x("span", { children: O("devportal.reviewProcessInfo1", "Review typically takes 3-5 business days") })]
 								}),
-								/* @__PURE__ */ E("li", {
+								/* @__PURE__ */ S("li", {
 									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ T(m, {
+									children: [/* @__PURE__ */ x(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__ */ x("span", { children: O("devportal.reviewProcessInfo2", "You'll receive notifications about review status changes") })]
 								}),
-								/* @__PURE__ */ E("li", {
+								/* @__PURE__ */ S("li", {
 									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ T(m, {
+									children: [/* @__PURE__ */ x(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__ */ x("span", { children: O("devportal.reviewProcessInfo3", "If changes are requested, you can resubmit without losing your place in the queue") })]
 								}),
-								/* @__PURE__ */ E("li", {
+								/* @__PURE__ */ S("li", {
 									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ T(m, {
+									children: [/* @__PURE__ */ x(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__ */ x("span", { children: O("devportal.reviewProcessInfo4", "Once approved and published, your app will be visible in the marketplace") })]
 								})
 							]
 						})
 					})
 				}),
-				/* @__PURE__ */ E("div", {
+				/* @__PURE__ */ S("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__ */ 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", {
 						onClick: async () => {
-							if (O) {
-								P(!0), I(null);
+							if (C) {
+								A(!0), M(null);
 								try {
-									let e = await U({ variables: {
-										id: O,
-										notes: L.trim() || void 0
+									let e = await he({ variables: {
+										id: C,
+										notes: P.trim() || void 0
 									} });
 									if (e.error) throw e.error;
-									k?.(`${A}/apps/${O}`);
+									await ge({ variables: {
+										id: C,
+										notes: P.trim() || void 0
+									} }), N(!0);
 								} catch (e) {
-									I(e instanceof Error ? e.message : M("devportal.submitFailedDefault", "Failed to submit for review")), P(!1);
+									M(e instanceof Error ? e.message : O("devportal.submitFailedDefault", "Failed to submit for review"));
+								} finally {
+									A(!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: !$ || 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(_, {
 							size: 16,
 							className: "animate-spin"
-						}), M("devportal.submittingButton", "Submitting...")] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(b, { size: 16 }), M("devportal.submitForReviewButton", "Submit for Review")] })
+						}), O("devportal.submittingButton", "Submitting...")] }) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(se, { size: 16 }), O("devportal.submitForReviewButton", "Submit for Review")] })
 					})]
 				})
 			]
@@ -351,6 +533,6 @@ var D = [
 	});
 };
 //#endregion
-export { O as PublishPage };
+export { E as PublishPage };
 
 //# sourceMappingURL=PublishPage.js.map