@burdenoff/microfe-devportal 2026.629.11 → 2026.702.1

package/dist/devportal/pages/ApplicationDetailPage.js

@@ -2,28 +2,28 @@ import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { cn as t } from "../utils/cn.js";
 import { LoadingState as n } from "../components/LoadingState.js";
 import { EmptyState as r } from "../components/EmptyState.js";
-import { useCurrentUserDelegationsQuery as i, useDeactivateAppMutation as a, useGetApplicationAnalyticsQuery as o, useGetApplicationQuery as s, useGetWebhooksQuery as c, useGetWorkspaceInstallationQuery as l, useInstallApplicationMutation as u, useRevokeDelegationMutation as d, useRotateAppSecretMutation as f, useSubmitApplicationMutation as p, useUninstallApplicationMutation as m, useUpdateApplicationMutation as h } from "../../generated/global-operations.js";
-import { PageLayout as g, PageSection as _ } from "../components/PageLayout.js";
-import { APP_TYPE_LABELS as v } from "../utils/constants.js";
-import { FeaturedBadge as y, StatusBadge as b, VerifiedBadge as x } from "../components/StatusBadge.js";
-import { SelectionCheckbox as S } from "../components/SelectionCheckbox.js";
-import { nativeNotify as C } from "../../utils/nativeBridge.js";
+import { useCurrentUserDelegationsQuery as i, useDeactivateAppMutation as a, useGetApplicationAnalyticsQuery as o, useGetApplicationQuery as s, useGetApplicationVersionsQuery as c, useGetOrganizationQuery as l, useGetWebhooksQuery as u, useGetWorkspaceInstallationQuery as d, useInstallApplicationMutation as f, useRevokeDelegationMutation as p, useRotateAppSecretMutation as m, useSubmitApplicationMutation as h, useUninstallApplicationMutation as g, useUpdateApplicationMutation as _ } from "../../generated/global-operations.js";
+import { PageLayout as v, PageSection as y } from "../components/PageLayout.js";
+import { APP_TYPE_LABELS as b } from "../utils/constants.js";
+import { FeaturedBadge as x, StatusBadge as S, VerifiedBadge as C } from "../components/StatusBadge.js";
+import { SelectionCheckbox as w } from "../components/SelectionCheckbox.js";
+import { nativeNotify as T } from "../../utils/nativeBridge.js";
 import { NewSecretAlert as ee } from "../components/SecretDisplay.js";
-import { DataTable as w, DetailList as T } from "../components/DataTable.js";
-import { InputField as E, SelectField as D, TextareaField as O } from "../components/FormField.js";
-import { ConfirmDialog as k } from "../components/ConfirmDialog.js";
-import { GrantDelegationModal as te } from "../components/GrantDelegationModal.js";
-import { DEVPORTAL_PERMISSIONS as ne } from "../constants/permissions.js";
-import { useDevportalPermission as re } from "../hooks/usePermission.js";
+import { DataTable as E, DetailList as D } from "../components/DataTable.js";
+import { InputField as O, SelectField as k, TextareaField as te } from "../components/FormField.js";
+import { ConfirmDialog as ne } from "../components/ConfirmDialog.js";
+import { GrantDelegationModal as re } from "../components/GrantDelegationModal.js";
+import { DEVPORTAL_PERMISSIONS as ie } from "../constants/permissions.js";
+import { useDevportalPermission as ae } from "../hooks/usePermission.js";
 import { usePackageUpload as A } from "../hooks/usePackageUpload.js";
-import { useCallback as j, useEffect as ie, useMemo as M, useRef as ae, useState as N } from "react";
+import { useCallback as j, useEffect as oe, useMemo as M, useRef as se, useState as N } from "react";
 import { useI18n as P } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as oe, AppWindow as se, BarChart3 as F, CheckCircle as I, Clock as L, Edit as ce, ExternalLink as R, FlaskConical as le, Info as ue, Key as z, Loader2 as B, MoreHorizontal as de, Plus as V, Power as fe, RefreshCw as pe, SendHorizontal as me, Shield as H, Store as he, Upload as U, Users as W, Webhook as ge, X as _e, XCircle as ve } from "lucide-react";
-import { useNavigate as ye, useParams as be } from "react-router-dom";
-import { Fragment as G, jsx as K, jsxs as q } from "react/jsx-runtime";
-import { CTAOverflowMenu as xe, EmphasisPanel as Se, GlassCard as J, NextSteps as Ce } from "@burdenoff/fe-libs/ui";
+import { AlertCircle as ce, AppWindow as le, BarChart3 as F, Check as I, CheckCircle as ue, ChevronRight as de, CircleDollarSign as L, Clock as fe, Edit as pe, ExternalLink as R, FlaskConical as me, Gift as he, Info as ge, Key as _e, Loader2 as z, MoreHorizontal as ve, Package as ye, Plus as be, Power as xe, RefreshCw as Se, SendHorizontal as Ce, Shield as we, Store as Te, TrendingUp as Ee, Upload as B, Users as De, Wallet as Oe, Webhook as ke, X as Ae, XCircle as je } from "lucide-react";
+import { useParams as Me } from "react-router-dom";
+import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
+import { CTAOverflowMenu as Ne, EmphasisPanel as W, GlassCard as Pe } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/ApplicationDetailPage.tsx
-function we(e) {
+function Fe(e) {
 	return e ? {
 		id: e.id,
 		name: e.name,
@@ -73,7 +73,7 @@ function we(e) {
 		updatedAt: e.updatedAt
 	} : null;
 }
-function Te(e) {
+function Ie(e) {
 	return {
 		id: e.id,
 		applicationId: e.applicationId,
@@ -97,7 +97,7 @@ function Te(e) {
 		updatedAt: e.updatedAt
 	};
 }
-function Y(e) {
+function G(e) {
 	return {
 		id: e.id,
 		applicationId: e.applicationId,
@@ -113,7 +113,7 @@ function Y(e) {
 		createdAt: e.createdAt
 	};
 }
-function Ee(e) {
+function Le(e) {
 	return {
 		id: e.id,
 		appId: e.appId,
@@ -135,367 +135,1125 @@ function Ee(e) {
 		revokedBy: e.revokedBy || void 0
 	};
 }
-var De = [
+var Re = [
 	{
 		id: "overview",
 		label: "Overview",
-		icon: se
+		icon: le
+	},
+	{
+		id: "analytics",
+		label: "Analytics",
+		icon: F
+	},
+	{
+		id: "store-listing",
+		label: "Store Listing",
+		icon: Te
+	},
+	{
+		id: "versions",
+		label: "Versions",
+		icon: ye
+	},
+	{
+		id: "pricing",
+		label: "Pricing",
+		icon: L
 	},
 	{
 		id: "permissions",
 		label: "Permissions",
-		icon: H
+		icon: we
 	},
 	{
 		id: "webhooks",
 		label: "Webhooks",
-		icon: ge
+		icon: ke
 	},
 	{
 		id: "delegations",
 		label: "Delegations",
-		icon: W
-	},
-	{
-		id: "analytics",
-		label: "Analytics",
-		icon: F
+		icon: De
 	},
 	{
 		id: "playground",
 		label: "API Playground",
 		icon: R
-	},
-	{
-		id: "store-listing",
-		label: "Store Listing",
-		icon: he
 	}
-], Oe = {
+], ze = {
 	ACTIVE: "bg-status-success-bg-subtle text-status-success-text",
 	REVOKED: "bg-status-error-bg-subtle text-status-error-text",
 	EXPIRED: "bg-bg-sunken text-text-secondary"
-}, ke = ({ message: e = "Loading..." }) => /* @__PURE__ */ q("div", {
+}, K = ({ message: e = "Loading..." }) => /* @__PURE__ */ U("div", {
 	className: "flex items-center justify-center gap-3 py-12",
-	children: [/* @__PURE__ */ K(B, {
+	children: [/* @__PURE__ */ H(z, {
 		size: 20,
 		className: "animate-spin text-text-secondary"
-	}), /* @__PURE__ */ K("p", {
+	}), /* @__PURE__ */ H("p", {
 		className: "text-sm text-text-secondary",
 		children: e
 	})]
-}), Ae = ({ message: e }) => /* @__PURE__ */ q("div", {
+}), Be = ({ message: e }) => /* @__PURE__ */ U("div", {
 	className: "flex flex-col items-center justify-center gap-2 py-12 text-center",
-	children: [/* @__PURE__ */ K(oe, {
+	children: [/* @__PURE__ */ H(ce, {
 		size: 32,
 		className: "text-status-error-text"
-	}), /* @__PURE__ */ K("p", {
+	}), /* @__PURE__ */ H("p", {
 		className: "text-sm text-text-secondary",
 		children: e
 	})]
-}), X = () => {
-	let { navigate: i, basePath: o, workspaceId: c } = e(), { t: d } = P(), p = (e, t) => {
-		let n = d(e);
+}), Ve = () => {
+	let { navigate: i, basePath: o, workspaceId: c } = e(), { t: u } = P(), p = (e, t) => {
+		let n = u(e);
 		return n === e ? t : n;
-	}, { allowed: h } = re(ne.APP_UPDATE), { allowed: _ } = re(ne.APP_DELETE), { appId: S } = be(), [w, T] = N("overview"), [E, D] = N(!1), [O, A] = N(!1), [ie, M] = N(null), [ae, F] = N(!1), { data: I, loading: ue, error: z } = s({
-		variables: { id: S },
-		skip: !S
-	}), [B, { loading: de }] = f(), [V, { loading: U }] = a(), [W, { loading: _e }] = u(), [ye, { loading: G }] = m(), { data: Se, refetch: J } = l({
+	}, { allowed: _ } = ae(ie.APP_UPDATE), { allowed: y } = ae(ie.APP_DELETE), { appId: w } = Me(), [E, D] = N("overview"), [O, k] = N(!1), [te, A] = N(!1), [oe, M] = N(null), [se, F] = N(!1), { data: L, loading: R, error: he, refetch: ge } = s({
+		variables: { id: w },
+		skip: !w
+	}), [_e, { loading: ve }] = m(), [ye, { loading: be }] = a(), [we, { loading: Ee }] = h(), [B, { loading: De }] = f(), [Oe, { loading: ke }] = g(), { data: Ae, refetch: W } = d({
 		variables: {
-			applicationId: S,
+			applicationId: w,
 			workspaceId: c ?? void 0
 		},
-		skip: !c || !S,
+		skip: !c || !w,
 		fetchPolicy: "cache-and-network"
-	}), Te = Se?.appInstallations?.edges?.[0]?.node ?? null, Y = j((e) => {
+	}), Pe = Ae?.appInstallations?.edges?.[0]?.node ?? null, { data: Ie } = l({
+		variables: { id: L?.application?.developerOrganizationId ?? "" },
+		skip: !L?.application?.developerOrganizationId,
+		fetchPolicy: "cache-first"
+	}), G = j((e) => {
 		i?.(`${o}${e}`);
-	}, [i, o]), Ee = j(async () => {
-		let e = I?.application?.appId;
+	}, [i, o]), Le = j(async () => {
+		let e = L?.application?.appId;
 		if (e) try {
-			let t = (await B({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
-			t && M(t), D(!1);
+			let t = (await _e({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
+			t && M(t), k(!1);
 		} catch {}
-	}, [I?.application?.appId, B]), Oe = j(async () => {
-		if (S) try {
-			await V({ variables: { id: S } }), A(!1), Y("/apps");
+	}, [L?.application?.appId, _e]), ze = j(async () => {
+		if (w) try {
+			await ye({ variables: { id: w } }), A(!1), G("/apps");
 		} catch {}
 	}, [
-		S,
-		V,
-		Y
-	]), ke = j(async () => {
-		if (!(!S || !c)) try {
-			await W({ variables: { input: {
-				applicationId: S,
+		w,
+		ye,
+		G
+	]), K = j(async () => {
+		if (!(!w || !c)) try {
+			await B({ variables: { input: {
+				applicationId: w,
 				scope: "WORKSPACE",
 				workspaceId: c,
 				autoUpdate: !1
-			} } }), J(), C("success");
+			} } }), W(), T("success");
 		} catch (e) {
-			console.error("[DevPortal] Test in Workspace failed:", e), C("error");
+			console.error("[DevPortal] Test in Workspace failed:", e), T("error");
 		}
 	}, [
-		S,
+		w,
 		c,
-		W,
-		J
-	]), Ae = j(async (e) => {
+		B,
+		W
+	]), Be = j(async (e) => {
 		try {
-			await ye({ variables: { id: e } }), J(), C("success");
+			await Oe({ variables: { id: e } }), W(), T("success");
 		} catch {
-			C("error");
+			T("error");
+		}
+	}, [Oe, W]), Ve = j(async () => {
+		if (w) try {
+			await we({ variables: { id: w } }), T("success");
+		} catch (e) {
+			console.error("[DevPortal] Submit failed:", e), T("error");
+		} finally {
+			ge();
 		}
-	}, [ye, J]);
-	if (ue && !I) return /* @__PURE__ */ K(n, { message: p("devportal.loadingApplication", "Loading application...") });
-	if (z) return /* @__PURE__ */ K(g, {
+	}, [
+		w,
+		we,
+		ge
+	]);
+	if (R && !L) return /* @__PURE__ */ H(n, { message: p("devportal.loadingApplication", "Loading application...") });
+	if (he) return /* @__PURE__ */ H(v, {
 		title: p("devportal.error", "Error"),
 		backLink: `${o}/apps`,
 		backLabel: p("devportal.backToApplications", "Back to Applications"),
-		children: /* @__PURE__ */ q("div", {
+		children: /* @__PURE__ */ U("div", {
 			className: "flex flex-col items-center justify-center py-12 text-center",
 			children: [
-				/* @__PURE__ */ K(oe, {
+				/* @__PURE__ */ H(ce, {
 					size: 48,
 					className: "text-status-error-text mb-4"
 				}),
-				/* @__PURE__ */ K("h3", {
+				/* @__PURE__ */ H("h3", {
 					className: "text-lg font-semibold mb-2",
 					children: p("devportal.failedToLoadApplication", "Failed to load application")
 				}),
-				/* @__PURE__ */ K("p", {
+				/* @__PURE__ */ H("p", {
 					className: "text-sm text-text-secondary",
-					children: z.message
+					children: he.message
 				})
 			]
 		})
 	});
-	let X = we(I?.application);
-	if (!X) return /* @__PURE__ */ K(g, {
+	let q = Fe(L?.application);
+	if (!q) return /* @__PURE__ */ H(v, {
 		title: p("devportal.notFound", "Not Found"),
 		backLink: `${o}/apps`,
 		backLabel: p("devportal.backToApplications", "Back to Applications"),
-		children: /* @__PURE__ */ K(r, {
+		children: /* @__PURE__ */ H(r, {
 			illustration: "empty-generic",
-			icon: /* @__PURE__ */ K(se, { size: 48 }),
+			icon: /* @__PURE__ */ H(le, { size: 48 }),
 			title: p("devportal.applicationNotFound", "Application not found"),
 			description: p("devportal.applicationNotFoundDescription", "The application you're looking for doesn't exist or you don't have access to it.")
 		})
 	});
-	let Z = X.appType === "NODE" || X.appType === "WORKFLOW", Fe = X.status !== "PUBLISHED" && (!Z || (I?.application?.versions?.totalCount ?? 0) > 0), Ie = [
-		...Z ? [] : [{
+	let J = q.appType === "NODE" || q.appType === "WORKFLOW", Y = L?.application?.versions?.totalCount ?? 0, Je = q.pricingType === "PAID", Ye = Ie?.developerOrganization, Xe = Ye?.platformFeeRate ?? .3, Ze = !!Ye?.billingAccountId, $e = q.pricingDetails ?? {}, X = q.pricingType === "FREE" || q.pricingType === "PAID" && typeof $e.price == "number" && $e.price > 0, Z = !!q.description?.trim() && !!q.category && !!q.iconUrl && (q.visibility === "PUBLIC" || q.visibility === "UNLISTED") && (!J || Y > 0) && (!Je || Ze) && X, et = Z && q.status !== "PUBLISHED" && q.status !== "SUBMITTED", tt = [
+		...J ? [] : [{
 			label: p("devportal.rotateSecret", "Rotate Secret"),
-			icon: /* @__PURE__ */ K(pe, { size: 16 }),
-			disabled: !X.appId,
-			onSelect: () => D(!0)
+			icon: /* @__PURE__ */ H(Se, { size: 16 }),
+			disabled: !q.appId,
+			onSelect: () => k(!0)
 		}],
-		{
-			label: p("devportal.versions", "Versions"),
-			icon: /* @__PURE__ */ K(L, { size: 16 }),
-			onSelect: () => Y(`/apps/${X.id}/versions`)
-		},
-		...X.status === "SUBMITTED" ? [{
-			label: p("devportal.viewSubmissionStatus", "View Submission Status"),
-			icon: /* @__PURE__ */ K(R, { size: 16 }),
-			onSelect: () => Y(`/apps/${X.id}/store-submission`)
-		}] : Fe ? [{
-			label: p("devportal.submitForReview", "Submit for Review"),
-			icon: /* @__PURE__ */ K(me, { size: 16 }),
-			onSelect: () => T("store-listing")
-		}] : [],
-		...Z ? [] : Te ? [{
+		...J ? [] : Pe ? [{
 			label: p("devportal.uninstallFromWorkspace", "Uninstall from Workspace"),
-			icon: /* @__PURE__ */ K(ve, { size: 16 }),
-			disabled: G || !c,
-			onSelect: () => void Ae(Te.id)
+			icon: /* @__PURE__ */ H(je, { size: 16 }),
+			disabled: ke || !c,
+			onSelect: () => void Be(Pe.id)
 		}] : [{
 			label: p("devportal.testInWorkspace", "Test in Workspace"),
-			icon: /* @__PURE__ */ K(le, { size: 16 }),
-			disabled: _e || !c,
-			onSelect: () => void ke()
+			icon: /* @__PURE__ */ H(me, { size: 16 }),
+			disabled: De || !c,
+			onSelect: () => void K()
 		}],
 		{
 			label: p("devportal.deactivate", "Deactivate"),
-			icon: /* @__PURE__ */ K(fe, { size: 16 }),
+			icon: /* @__PURE__ */ H(xe, { size: 16 }),
 			intent: "destructive",
-			disabled: !_,
+			disabled: !y,
 			onSelect: () => A(!0)
 		}
 	];
-	return /* @__PURE__ */ q(g, {
-		title: X.name,
-		description: X.shortDescription,
+	return /* @__PURE__ */ U(v, {
+		title: q.name,
+		description: q.shortDescription,
 		purpose: p("devportal.appDetailPurpose", "Everything about this application in one place — its credentials, the permissions and webhooks it uses, its analytics, and its store listing. Use the tabs to configure each area, then edit or publish when it is ready."),
 		backLink: `${o}/apps`,
 		backLabel: p("devportal.backToApplications", "Back to Applications"),
-		actions: /* @__PURE__ */ K(xe, {
-			primary: {
-				label: p("devportal.editApp", "Edit App"),
-				icon: /* @__PURE__ */ K(ce, { size: 16 }),
-				disabled: !h,
-				onSelect: () => Y(`/apps/${X.id}/edit`)
-			},
-			actions: Ie
+		actions: /* @__PURE__ */ U("div", {
+			className: "flex items-center gap-2",
+			children: [q.status === "SUBMITTED" ? /* @__PURE__ */ U("div", {
+				className: "flex items-center gap-1.5 rounded-full border border-status-warning-bg bg-status-warning-bg-subtle px-3 py-1.5 text-xs font-medium text-status-warning-text",
+				children: [/* @__PURE__ */ H(fe, { size: 13 }), p("devportal.underReview", "Under Review")]
+			}) : q.status === "PUBLISHED" ? null : /* @__PURE__ */ H("button", {
+				type: "button",
+				onClick: () => void Ve(),
+				disabled: !et || Ee,
+				title: Z ? void 0 : [
+					!q.description?.trim() && "Add full description",
+					!q.category && "Select a category",
+					!q.iconUrl && "Upload an app icon",
+					q.visibility === "PRIVATE" && "Set visibility to Public/Unlisted",
+					J && Y === 0 && "Upload at least one version",
+					!X && "Set pricing (choose Free or Paid in the Pricing tab)",
+					Je && !Ze && "Link a billing account to receive payments"
+				].filter(Boolean).join(" · "),
+				className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", et && !Ee ? "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 cursor-pointer" : "cursor-not-allowed bg-bg-muted text-text-tertiary ring-1 ring-border-subtle"),
+				children: Ee ? /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(z, {
+					size: 15,
+					className: "animate-spin"
+				}), p("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(Ce, { size: 15 }), p("devportal.submitForReview", "Submit for Review")] })
+			}), /* @__PURE__ */ H(Ne, {
+				primary: {
+					label: p("devportal.editApp", "Edit App"),
+					icon: /* @__PURE__ */ H(pe, { size: 16 }),
+					disabled: !_,
+					onSelect: () => G(`/apps/${q.id}/edit`)
+				},
+				actions: tt
+			})]
 		}),
 		children: [
-			ie && /* @__PURE__ */ K(ee, {
+			oe && /* @__PURE__ */ H(ee, {
 				title: p("devportal.newAppSecretGenerated", "New App Secret Generated"),
-				secret: ie,
+				secret: oe,
 				description: p("devportal.appSecretRotatedDescription", "Your app secret has been rotated. The old secret is no longer valid."),
 				onDismiss: () => M(null)
 			}),
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ U("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ K(b, {
-						status: X.status,
+					/* @__PURE__ */ H(S, {
+						status: q.status,
 						type: "app"
 					}),
-					/* @__PURE__ */ K(b, {
-						status: X.visibility,
+					/* @__PURE__ */ H(S, {
+						status: q.visibility,
 						type: "app"
 					}),
-					X.isVerified && /* @__PURE__ */ K(x, { verified: !0 }),
-					X.isFeatured && /* @__PURE__ */ K(y, {}),
-					/* @__PURE__ */ K("span", {
+					q.isVerified && /* @__PURE__ */ H(C, { verified: !0 }),
+					q.isFeatured && /* @__PURE__ */ H(x, {}),
+					/* @__PURE__ */ H("span", {
 						className: "text-sm text-text-secondary",
-						children: v[X.appType] || X.appType
+						children: b[q.appType] || q.appType
 					})
 				]
 			}),
-			/* @__PURE__ */ K(Ce, {
-				storageKey: `devportal-app-${X.id}`,
-				steps: [
+			q.status === "SUBMITTED" && /* @__PURE__ */ U("div", {
+				className: "flex items-start gap-3 rounded-lg border border-border-subtle bg-status-warning-bg-subtle p-4",
+				children: [/* @__PURE__ */ H(fe, {
+					size: 18,
+					className: "text-status-warning-text mt-0.5 flex-shrink-0"
+				}), /* @__PURE__ */ U("div", {
+					className: "text-sm",
+					children: [/* @__PURE__ */ H("p", {
+						className: "font-medium text-status-warning-text",
+						children: p("devportal.underReview", "Under Review")
+					}), /* @__PURE__ */ U("p", {
+						className: "mt-0.5 text-text-secondary",
+						children: [p("devportal.underReviewDesc", "Your submission is being reviewed by our team. You'll be notified of the outcome."), q.submittedAt && /* @__PURE__ */ U("span", {
+							className: "ml-1",
+							children: [
+								"Submitted ",
+								new Date(q.submittedAt).toLocaleDateString(),
+								"."
+							]
+						})]
+					})]
+				})]
+			}),
+			q.status === "REJECTED" && /* @__PURE__ */ U("div", {
+				className: "flex items-start gap-3 rounded-lg border border-status-error-bg bg-status-error-bg-subtle p-4",
+				children: [/* @__PURE__ */ H(je, {
+					size: 18,
+					className: "text-status-error-text mt-0.5 flex-shrink-0"
+				}), /* @__PURE__ */ U("div", {
+					className: "text-sm",
+					children: [
+						/* @__PURE__ */ H("p", {
+							className: "font-medium text-status-error-text",
+							children: p("devportal.reviewRejected", "Review Rejected")
+						}),
+						/* @__PURE__ */ H("p", {
+							className: "mt-0.5 text-text-secondary",
+							children: q.reviewNotes || p("devportal.reviewRejectedDesc", "Your submission was not approved. Please review the feedback, update your app, and re-submit.")
+						}),
+						/* @__PURE__ */ H("button", {
+							type: "button",
+							onClick: () => G(`/apps/${q.id}/edit`),
+							className: "mt-2 inline-flex items-center gap-1 text-xs font-medium text-primary underline",
+							children: p("devportal.editAndResubmit", "Edit app and re-submit →")
+						})
+					]
+				})]
+			}),
+			q.status === "PUBLISHED" && /* @__PURE__ */ U("div", {
+				className: "flex items-start gap-3 rounded-lg border border-status-success-bg bg-status-success-bg-subtle p-4",
+				children: [/* @__PURE__ */ H(ue, {
+					size: 18,
+					className: "text-status-success-text mt-0.5 flex-shrink-0"
+				}), /* @__PURE__ */ U("div", {
+					className: "text-sm",
+					children: [/* @__PURE__ */ H("p", {
+						className: "font-medium text-status-success-text",
+						children: p("devportal.liveInStore", "Live in the Store")
+					}), /* @__PURE__ */ H("p", {
+						className: "mt-0.5 text-text-secondary",
+						children: p("devportal.liveInStoreDesc", "Your app is published and visible to users in the marketplace.")
+					})]
+				})]
+			}),
+			(q.status === "DRAFT" || q.status === "REJECTED") && !Z && (() => {
+				let e = !!q.description?.trim() && !!q.category && !!q.iconUrl && (q.visibility === "PUBLIC" || q.visibility === "UNLISTED"), n = !J || Y > 0, r = [
+					!q.description?.trim() && "Add a full description",
+					!q.category && "Select a category",
+					!q.iconUrl && "Upload an app icon",
+					q.visibility === "PRIVATE" && "Set visibility to Public or Unlisted"
+				].filter(Boolean), i = [
 					{
-						id: "edit",
-						label: p("devportal.editApp", "Edit App"),
-						description: p("devportal.appDetailStepEdit", "Update the name, description, and settings"),
-						icon: /* @__PURE__ */ K(ce, { size: 16 }),
-						onClick: () => Y(`/apps/${X.id}/edit`)
+						id: "store",
+						label: p("devportal.setupStoreListingStep", "Complete Store Listing"),
+						hint: e ? p("devportal.done", "Done") : r.join(" · "),
+						done: e,
+						onClick: () => D("store-listing")
 					},
-					...Z ? [{
-						id: "versions",
-						label: p("devportal.versions", "Versions"),
-						description: p("devportal.appDetailStepVersions", "Upload a zip package to create your first version"),
-						icon: /* @__PURE__ */ K(L, { size: 16 }),
-						onClick: () => Y(`/apps/${X.id}/versions`)
-					}] : [{
-						id: "permissions",
-						label: p("devportal.permissions", "Permissions"),
-						description: p("devportal.appDetailStepPermissions", "Request the scopes your app needs"),
-						icon: /* @__PURE__ */ K(H, { size: 16 }),
-						onClick: () => T("permissions")
-					}, {
-						id: "webhooks",
-						label: p("devportal.webhooks", "Webhooks"),
-						description: p("devportal.appDetailStepWebhooks", "Subscribe to events for real-time updates"),
-						icon: /* @__PURE__ */ K(ge, { size: 16 }),
-						onClick: () => T("webhooks")
-					}],
+					...J ? [{
+						id: "version",
+						label: p("devportal.setupVersionStep", "Upload a Version"),
+						hint: n ? p("devportal.done", "Done") : p("devportal.uploadVersionHint", "Upload your ZIP bundle and manifest"),
+						done: n,
+						onClick: () => D("versions")
+					}] : [],
 					{
-						id: "store-listing",
-						label: p("devportal.storeListing", "Store Listing"),
-						description: p("devportal.appDetailStepStore", "Prepare and publish to the marketplace"),
-						icon: /* @__PURE__ */ K(he, { size: 16 }),
-						onClick: () => T("store-listing")
+						id: "pricing",
+						label: p("devportal.setupPricingStep", "Set Pricing"),
+						hint: X ? p("devportal.done", "Done") : p("devportal.pricingHint", "Choose Free or set a credit price in the Pricing tab"),
+						done: X,
+						onClick: () => D("pricing")
+					},
+					{
+						id: "submit",
+						label: p("devportal.submitForReview", "Submit for Review"),
+						hint: Z ? p("devportal.readyToSubmit", "Ready — click Submit for Review above") : p("devportal.completeStepsFirst", "Complete the steps above first"),
+						done: !1,
+						onClick: void 0
 					}
-				]
-			}),
-			/* @__PURE__ */ K("div", {
+				], a = i.filter((e) => e.done).length;
+				return /* @__PURE__ */ U("div", {
+					className: "rounded-xl border border-border-subtle bg-bg-surface shadow-sm",
+					children: [/* @__PURE__ */ H("div", {
+						className: "flex items-center justify-between border-b border-border-subtle px-5 py-4",
+						children: /* @__PURE__ */ U("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ H("div", {
+								className: "flex h-8 w-8 items-center justify-center rounded-full bg-action-primary-bg/10",
+								children: /* @__PURE__ */ H(Te, {
+									size: 16,
+									className: "text-primary"
+								})
+							}), /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
+								className: "text-sm font-semibold text-text-primary",
+								children: p("devportal.completeSetup", "Complete your app setup")
+							}), /* @__PURE__ */ U("p", {
+								className: "text-xs text-text-secondary",
+								children: [
+									a,
+									" of",
+									" ",
+									i.filter((e) => e.id !== "submit").length,
+									" ",
+									p("devportal.stepsDone", "steps complete")
+								]
+							})] })]
+						})
+					}), /* @__PURE__ */ H("div", {
+						className: "divide-y divide-border-subtle",
+						children: i.map((e, n) => /* @__PURE__ */ U("button", {
+							type: "button",
+							onClick: e.onClick,
+							disabled: !e.onClick,
+							className: t("w-full flex items-center gap-4 px-5 py-4 text-left transition-colors", e.onClick ? "hover:bg-bg-sunken/40 cursor-pointer" : "cursor-default opacity-60"),
+							children: [
+								/* @__PURE__ */ H("div", {
+									className: t("flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-full text-xs font-bold", e.done ? "bg-status-success-bg text-status-success-text" : "border-2 border-border-subtle bg-bg-sunken text-text-secondary"),
+									children: e.done ? /* @__PURE__ */ H(I, { size: 13 }) : n + 1
+								}),
+								/* @__PURE__ */ U("div", {
+									className: "flex-1 min-w-0",
+									children: [/* @__PURE__ */ H("p", {
+										className: t("text-sm font-medium", e.done ? "text-text-secondary line-through" : "text-text-primary"),
+										children: e.label
+									}), e.hint && !e.done && /* @__PURE__ */ H("p", {
+										className: "mt-0.5 text-xs text-text-secondary truncate",
+										children: e.hint
+									})]
+								}),
+								e.onClick && !e.done && /* @__PURE__ */ H(de, {
+									size: 16,
+									className: "flex-shrink-0 text-text-secondary"
+								})
+							]
+						}, e.id))
+					})]
+				});
+			})(),
+			/* @__PURE__ */ H("div", {
 				className: "border-b",
-				children: /* @__PURE__ */ K("nav", {
+				children: /* @__PURE__ */ H("nav", {
 					className: "-mb-px flex gap-4 overflow-x-auto",
 					role: "tablist",
 					"aria-label": p("devportal.applicationSections", "Application sections"),
-					children: De.filter((e) => !((X.appType === "NODE" || X.appType === "WORKFLOW") && (e.id === "permissions" || e.id === "webhooks" || e.id === "delegations" || e.id === "playground"))).map((e) => {
+					children: Re.filter((e) => !(J && (e.id === "permissions" || e.id === "webhooks" || e.id === "delegations" || e.id === "playground") || !J && e.id === "versions")).map((e) => {
 						let n = e.icon;
-						return /* @__PURE__ */ q("button", {
+						return /* @__PURE__ */ U("button", {
 							id: `application-tab-${e.id}`,
 							role: "tab",
-							"aria-selected": w === e.id,
+							"aria-selected": E === e.id,
 							"aria-controls": `application-panel-${e.id}`,
-							onClick: () => T(e.id),
-							className: t("flex items-center gap-2 border-b-2 px-1 py-3 text-sm font-medium transition-colors", w === e.id ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary hover:border-muted-foreground"),
-							children: [/* @__PURE__ */ K(n, { size: 16 }), e.label]
+							onClick: () => D(e.id),
+							className: t("flex items-center gap-2 border-b-2 px-1 py-3 text-sm font-medium transition-colors", E === e.id ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary hover:border-muted-foreground"),
+							children: [/* @__PURE__ */ H(n, { size: 16 }), e.label]
 						}, e.id);
 					})
 				})
 			}),
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ U("div", {
 				className: "mt-6",
-				id: `application-panel-${w}`,
+				id: `application-panel-${E}`,
 				role: "tabpanel",
-				"aria-labelledby": `application-tab-${w}`,
+				"aria-labelledby": `application-tab-${E}`,
 				tabIndex: 0,
 				children: [
-					w === "overview" && /* @__PURE__ */ K(Pe, { app: X }),
-					w === "permissions" && /* @__PURE__ */ K(Xe, { app: X }),
-					w === "webhooks" && /* @__PURE__ */ K(je, {
-						appId: X.id,
-						onNavigate: Y
+					E === "overview" && /* @__PURE__ */ H(qe, { app: q }),
+					E === "permissions" && /* @__PURE__ */ H(st, { app: q }),
+					E === "webhooks" && /* @__PURE__ */ H(We, {
+						appId: q.id,
+						onNavigate: G
 					}),
-					w === "delegations" && /* @__PURE__ */ K(Me, {
-						authAppId: X.appId || void 0,
-						appName: X.name,
+					E === "delegations" && /* @__PURE__ */ H(Ge, {
+						authAppId: q.appId || void 0,
+						appName: q.name,
 						onGrantDelegation: () => F(!0),
-						onNavigate: Y
+						onNavigate: G
 					}),
-					w === "analytics" && /* @__PURE__ */ K(Ne, { appId: X.id }),
-					w === "playground" && /* @__PURE__ */ K(Re, { app: X }),
-					w === "store-listing" && /* @__PURE__ */ K(qe, {
-						app: X,
-						versionCount: I?.application?.versions?.totalCount ?? 0
+					E === "analytics" && /* @__PURE__ */ H(Ke, { appId: q.id }),
+					E === "playground" && /* @__PURE__ */ H(Qe, { app: q }),
+					E === "store-listing" && /* @__PURE__ */ H(it, {
+						app: q,
+						versionCount: L?.application?.versions?.totalCount ?? 0,
+						isPackageApp: J,
+						pricingDone: X,
+						onNavigateToVersions: J ? () => D("versions") : void 0,
+						onNavigateToPricing: () => D("pricing"),
+						onNavigateToSubmission: () => G(`/apps/${q.id}/store-submission`)
+					}),
+					E === "pricing" && /* @__PURE__ */ H(He, {
+						app: q,
+						platformFeeRate: Xe,
+						billingAccountLinked: Ze,
+						onNavigateToRevenue: () => G("/revenue"),
+						isReadyToSubmit: Z
+					}),
+					E === "versions" && /* @__PURE__ */ H(Ue, {
+						appId: q.id,
+						onNavigate: G,
+						pricingDone: X,
+						onNavigateToPricing: () => D("pricing")
 					})
 				]
 			}),
-			/* @__PURE__ */ K(k, {
-				open: E,
-				onOpenChange: D,
-				onConfirm: Ee,
+			/* @__PURE__ */ H(ne, {
+				open: O,
+				onOpenChange: k,
+				onConfirm: Le,
 				title: p("devportal.rotateAppSecret", "Rotate App Secret"),
 				description: p("devportal.rotateAppSecretDescription", "This will generate a new client secret and invalidate the current one. All existing integrations using the old secret will stop working immediately."),
 				confirmLabel: p("devportal.rotateSecret", "Rotate Secret"),
 				cancelLabel: p("devportal.cancel", "Cancel"),
 				variant: "warning",
-				loading: de
+				loading: ve
 			}),
-			/* @__PURE__ */ K(k, {
-				open: O,
+			/* @__PURE__ */ H(ne, {
+				open: te,
 				onOpenChange: A,
-				onConfirm: Oe,
+				onConfirm: ze,
 				title: p("devportal.deactivateApplication", "Deactivate Application"),
 				description: p("devportal.deactivateApplicationDescription", "This will deactivate the application. All OAuth clients, API keys, and webhooks associated with this app will stop functioning. This action can be reversed by reactivating the app."),
 				confirmLabel: p("devportal.deactivate", "Deactivate"),
 				cancelLabel: p("devportal.cancel", "Cancel"),
 				variant: "destructive",
-				loading: U
+				loading: be
 			}),
-			/* @__PURE__ */ K(te, {
-				open: ae,
+			/* @__PURE__ */ H(re, {
+				open: se,
 				onOpenChange: F,
-				appId: X.appId || "",
-				appName: X.name,
-				appScopes: X.scopes?.map((e) => e.scope) ?? [],
+				appId: q.appId || "",
+				appName: q.name,
+				appScopes: q.scopes?.map((e) => e.scope) ?? [],
 				onSuccess: () => {
 					F(!1);
 				}
 			})
 		]
 	});
-}, je = ({ appId: e, onNavigate: t }) => {
+}, q = .01, J = (e) => e * q, Y = (e) => Math.round(e / q), He = ({ app: e, platformFeeRate: n, billingAccountLinked: r, onNavigateToRevenue: i, isReadyToSubmit: a = !1 }) => {
+	let { t: o } = P(), s = (e, t) => {
+		let n = o(e);
+		return n === e ? t : n;
+	}, c = e.pricingDetails ?? {}, [l, u] = N({
+		pricingType: e.pricingType ?? "FREE",
+		price: typeof c.price == "number" ? String(c.price) : ""
+	}), [d, f] = N(!1), [p] = _(), m = se(e);
+	m.current = e, oe(() => {
+		let e = m.current.pricingDetails ?? {};
+		u({
+			pricingType: m.current.pricingType ?? "FREE",
+			price: typeof e.price == "number" ? String(e.price) : ""
+		});
+	}, [e.id]);
+	let h = (e, t) => {
+		u((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, g = async () => {
+		f(!0);
+		try {
+			let t = { ...e.pricingDetails ?? {} };
+			if (l.pricingType !== "FREE") {
+				let e = parseInt(l.price, 10);
+				!isNaN(e) && e > 0 && (t.price = e, t.currency = "CREDITS");
+			} else delete t.price, delete t.currency;
+			await p({ variables: {
+				id: e.id,
+				input: {
+					pricingType: l.pricingType || null,
+					pricingDetails: Object.keys(t).length > 0 ? t : null
+				}
+			} }), T("success");
+		} catch {
+			T("error");
+		} finally {
+			f(!1);
+		}
+	}, v = l.pricingType !== "FREE", y = parseInt(l.price, 10), b = v && !isNaN(y) && y > 0, x = b ? J(y) : 0, S = b ? Math.round(y * n) : 0, C = J(S), w = b ? y - S : 0, ee = J(w), E = (e) => "$" + e.toLocaleString("en-US", {
+		minimumFractionDigits: 2,
+		maximumFractionDigits: 2
+	}), D = (e) => e.toLocaleString("en-US") + " cr";
+	return /* @__PURE__ */ U("div", {
+		className: "space-y-8",
+		children: [
+			/* @__PURE__ */ U("div", {
+				className: "flex items-start gap-3 rounded-lg border border-border-subtle bg-bg-sunken px-4 py-3",
+				children: [/* @__PURE__ */ H(L, {
+					size: 16,
+					className: "mt-0.5 shrink-0 text-primary"
+				}), /* @__PURE__ */ U("p", {
+					className: "text-sm text-text-secondary",
+					children: [
+						/* @__PURE__ */ H("span", {
+							className: "font-medium text-text-primary",
+							children: "Platform credits"
+						}),
+						" ",
+						"are the currency of the Burdenoff marketplace.",
+						" ",
+						/* @__PURE__ */ U("span", {
+							className: "font-medium",
+							children: [
+								"1 credit = ",
+								E(q),
+								" USD."
+							]
+						}),
+						" ",
+						"Buyers purchase credits and spend them on apps. You earn credits on every sale and can withdraw them as cash via your billing account."
+					]
+				})]
+			}),
+			/* @__PURE__ */ U("div", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("h2", {
+					className: "text-lg font-semibold",
+					children: s("devportal.howMonetizationWorks", "How App Monetization Works")
+				}), /* @__PURE__ */ H("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: s("devportal.monetizationDesc", "Earn revenue when users install or purchase your app. Here's exactly how the money flows.")
+				})] }), /* @__PURE__ */ U("div", {
+					className: "grid gap-4 sm:grid-cols-3",
+					children: [
+						/* @__PURE__ */ U("div", {
+							className: "rounded-xl border border-border-subtle bg-bg-surface p-5 space-y-3",
+							children: [/* @__PURE__ */ H("div", {
+								className: "flex h-9 w-9 items-center justify-center rounded-lg bg-status-success-bg-subtle",
+								children: /* @__PURE__ */ H(Ee, {
+									size: 18,
+									className: "text-status-success-text"
+								})
+							}), /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ U("p", {
+								className: "font-semibold",
+								children: [(100 - n * 100).toFixed(0), "% revenue share"]
+							}), /* @__PURE__ */ U("p", {
+								className: "mt-1 text-sm text-text-secondary",
+								children: [
+									"You keep",
+									" ",
+									/* @__PURE__ */ U("span", {
+										className: "font-medium text-status-success-text",
+										children: [(100 - n * 100).toFixed(0), "%"]
+									}),
+									" ",
+									"of every sale in credits. The platform retains a",
+									" ",
+									/* @__PURE__ */ U("span", {
+										className: "font-medium",
+										children: [(n * 100).toFixed(0), "%"]
+									}),
+									" ",
+									"fee to cover infrastructure, payments processing, and marketplace operations."
+								]
+							})] })]
+						}),
+						/* @__PURE__ */ U("div", {
+							className: "rounded-xl border border-border-subtle bg-bg-surface p-5 space-y-3",
+							children: [/* @__PURE__ */ H("div", {
+								className: "flex h-9 w-9 items-center justify-center rounded-lg bg-action-primary-bg/10",
+								children: /* @__PURE__ */ H(Oe, {
+									size: 18,
+									className: "text-primary"
+								})
+							}), /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
+								className: "font-semibold",
+								children: "Credits → cash via billing"
+							}), /* @__PURE__ */ U("p", {
+								className: "mt-1 text-sm text-text-secondary",
+								children: [
+									"Every sale instantly deposits your earned credits into your linked billing account. You can spend them on platform services or request a cash withdrawal. Track everything on the",
+									" ",
+									i ? /* @__PURE__ */ H("button", {
+										type: "button",
+										onClick: i,
+										className: "font-medium text-primary underline-offset-2 hover:underline",
+										children: "Revenue page"
+									}) : /* @__PURE__ */ H("span", {
+										className: "font-medium text-primary",
+										children: "Revenue page"
+									}),
+									"."
+								]
+							})] })]
+						}),
+						/* @__PURE__ */ U("div", {
+							className: "rounded-xl border border-border-subtle bg-bg-surface p-5 space-y-3",
+							children: [/* @__PURE__ */ H("div", {
+								className: "flex h-9 w-9 items-center justify-center rounded-lg bg-status-warning-bg-subtle",
+								children: /* @__PURE__ */ H(he, {
+									size: 18,
+									className: "text-status-warning-text"
+								})
+							}), /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
+								className: "font-semibold",
+								children: "Reach the full marketplace"
+							}), /* @__PURE__ */ H("p", {
+								className: "mt-1 text-sm text-text-secondary",
+								children: "Any user with platform credits can discover and install your app directly from the marketplace. Free apps maximise reach; paid apps let you monetise your work."
+							})] })]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ U("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("h3", {
+						className: "text-base font-semibold",
+						children: s("devportal.setPricingTitle", "Set Your Price")
+					}), /* @__PURE__ */ U("p", {
+						className: "mt-0.5 text-sm text-text-secondary",
+						children: [
+							"Choose ",
+							/* @__PURE__ */ H("strong", { children: "Free" }),
+							" to maximise installs, or",
+							" ",
+							/* @__PURE__ */ H("strong", { children: "Paid" }),
+							" to earn credits on every install. Paid apps require a linked billing account before publishing."
+						]
+					})] }),
+					/* @__PURE__ */ H("div", {
+						className: "flex flex-wrap gap-2",
+						children: et.map((e) => /* @__PURE__ */ H("button", {
+							type: "button",
+							onClick: () => h("pricingType", e.value),
+							className: t("rounded-md border px-4 py-2 text-sm font-medium transition-colors", l.pricingType === e.value ? "bg-action-primary-bg text-action-primary-text border-primary" : "hover:bg-bg-sunken border-border-subtle"),
+							children: e.label
+						}, e.value))
+					}),
+					v && /* @__PURE__ */ U("div", {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ U("div", {
+								className: "max-w-xs",
+								children: [
+									/* @__PURE__ */ U("label", {
+										className: "mb-1.5 block text-sm font-medium",
+										children: [
+											"Listing price",
+											" ",
+											/* @__PURE__ */ H("span", {
+												className: "text-text-tertiary font-normal",
+												children: "(credits)"
+											})
+										]
+									}),
+									/* @__PURE__ */ U("div", {
+										className: "relative flex items-center",
+										children: [/* @__PURE__ */ H("input", {
+											type: "number",
+											min: 1,
+											step: 1,
+											value: l.price,
+											onChange: (e) => h("price", e.target.value),
+											placeholder: "e.g. 1000",
+											className: "w-full rounded-md border border-border-subtle bg-bg-input px-3 py-2 pr-20 text-sm focus:outline-none focus:ring-2 focus:ring-primary/50"
+										}), /* @__PURE__ */ H("span", {
+											className: "pointer-events-none absolute right-3 text-xs text-text-tertiary",
+											children: "credits"
+										})]
+									}),
+									b && /* @__PURE__ */ U("p", {
+										className: "mt-1.5 text-xs text-text-secondary",
+										children: [
+											"≈ ",
+											E(x),
+											" USD at the current credit rate (1 cr =",
+											" ",
+											E(q),
+											")"
+										]
+									}),
+									/* @__PURE__ */ H("p", {
+										className: "mt-1 text-xs text-text-tertiary",
+										children: s("devportal.priceHint", "Set the number of credits a buyer spends to install your app")
+									})
+								]
+							}),
+							/* @__PURE__ */ U("div", {
+								className: "flex items-center gap-2 text-xs text-text-secondary",
+								children: [/* @__PURE__ */ H("span", { children: "Quick convert:" }), [
+									5,
+									10,
+									25,
+									50
+								].map((e) => /* @__PURE__ */ U("button", {
+									type: "button",
+									onClick: () => h("price", String(Y(e))),
+									className: "rounded border border-border-subtle px-2 py-0.5 hover:bg-bg-sunken transition-colors",
+									children: [
+										"$",
+										e,
+										" = ",
+										Y(e).toLocaleString(),
+										" cr"
+									]
+								}, e))]
+							}),
+							b && /* @__PURE__ */ U("div", {
+								className: "rounded-lg border border-border-subtle bg-bg-sunken p-4 space-y-3",
+								children: [
+									/* @__PURE__ */ H("p", {
+										className: "text-xs font-semibold uppercase tracking-wide text-text-secondary",
+										children: s("devportal.revenueBreakdown", "Revenue Breakdown per Sale")
+									}),
+									/* @__PURE__ */ U("div", {
+										className: "space-y-2 text-sm",
+										children: [
+											/* @__PURE__ */ U("div", {
+												className: "flex items-center justify-between",
+												children: [/* @__PURE__ */ H("span", {
+													className: "text-text-secondary",
+													children: "Buyer pays"
+												}), /* @__PURE__ */ U("span", {
+													className: "font-medium tabular-nums",
+													children: [
+														D(y),
+														" ",
+														/* @__PURE__ */ U("span", {
+															className: "text-text-tertiary text-xs",
+															children: [
+																"(",
+																E(x),
+																")"
+															]
+														})
+													]
+												})]
+											}),
+											/* @__PURE__ */ U("div", {
+												className: "flex items-center justify-between text-status-error-text",
+												children: [/* @__PURE__ */ U("span", { children: [
+													"Platform fee",
+													" ",
+													/* @__PURE__ */ U("span", {
+														className: "opacity-70",
+														children: [
+															"(",
+															(n * 100).toFixed(0),
+															"%)"
+														]
+													})
+												] }), /* @__PURE__ */ U("span", {
+													className: "tabular-nums",
+													children: [
+														"− ",
+														D(S),
+														" ",
+														/* @__PURE__ */ U("span", {
+															className: "text-xs opacity-70",
+															children: [
+																"(",
+																E(C),
+																")"
+															]
+														})
+													]
+												})]
+											}),
+											/* @__PURE__ */ U("div", {
+												className: "flex items-center justify-between border-t border-border-subtle pt-2 font-semibold text-status-success-text",
+												children: [/* @__PURE__ */ H("span", { children: "You earn" }), /* @__PURE__ */ U("span", {
+													className: "tabular-nums",
+													children: [
+														D(w),
+														" ",
+														/* @__PURE__ */ U("span", {
+															className: "text-sm font-normal",
+															children: ["≈ ", E(ee)]
+														})
+													]
+												})]
+											})
+										]
+									}),
+									/* @__PURE__ */ H("p", {
+										className: "text-xs text-text-tertiary",
+										children: "Credits are deposited to your billing account on each sale. Cash withdrawal is subject to platform terms and minimum payout thresholds."
+									})
+								]
+							}),
+							!r && /* @__PURE__ */ U("div", {
+								className: "flex items-start gap-3 rounded-lg border border-status-warning-bg bg-status-warning-bg-subtle p-4",
+								children: [/* @__PURE__ */ H(ce, {
+									size: 16,
+									className: "mt-0.5 shrink-0 text-status-warning-text"
+								}), /* @__PURE__ */ U("div", {
+									className: "flex-1 min-w-0",
+									children: [
+										/* @__PURE__ */ H("p", {
+											className: "text-sm font-medium text-status-warning-text",
+											children: s("devportal.billingAccountRequired", "Billing account required to publish")
+										}),
+										/* @__PURE__ */ H("p", {
+											className: "mt-0.5 text-xs text-text-secondary",
+											children: "Paid apps must have a billing account linked to your developer organization before you can submit for review. This is where your earned credits and cash withdrawals will be managed."
+										}),
+										i && /* @__PURE__ */ H("button", {
+											type: "button",
+											onClick: i,
+											className: "mt-2 text-xs font-medium text-primary hover:underline underline-offset-2",
+											children: s("devportal.goToRevenueBilling", "Go to Revenue & Billing →")
+										})
+									]
+								})]
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ U("div", {
+				className: "rounded-xl border border-border-subtle bg-bg-surface p-5 space-y-3",
+				children: [/* @__PURE__ */ H("h3", {
+					className: "text-sm font-semibold",
+					children: s("devportal.termsTitle", "Developer & Marketplace Terms")
+				}), /* @__PURE__ */ U("ul", {
+					className: "space-y-2 text-sm text-text-secondary",
+					children: [
+						/* @__PURE__ */ U("li", {
+							className: "flex items-start gap-2",
+							children: [/* @__PURE__ */ H(I, {
+								size: 14,
+								className: "mt-0.5 shrink-0 text-status-success-text"
+							}), /* @__PURE__ */ U("span", { children: [
+								"By publishing to the marketplace you agree to the",
+								" ",
+								/* @__PURE__ */ H("a", {
+									href: "/legal/developer-terms",
+									target: "_blank",
+									rel: "noopener noreferrer",
+									className: "text-primary underline-offset-2 hover:underline",
+									children: "Developer Program Agreement"
+								}),
+								"."
+							] })]
+						}),
+						/* @__PURE__ */ U("li", {
+							className: "flex items-start gap-2",
+							children: [/* @__PURE__ */ H(I, {
+								size: 14,
+								className: "mt-0.5 shrink-0 text-status-success-text"
+							}), /* @__PURE__ */ H("span", { children: "All prices are in platform credits. The USD equivalent is indicative only and may vary with the current credit rate." })]
+						}),
+						/* @__PURE__ */ U("li", {
+							className: "flex items-start gap-2",
+							children: [/* @__PURE__ */ H(I, {
+								size: 14,
+								className: "mt-0.5 shrink-0 text-status-success-text"
+							}), /* @__PURE__ */ H("span", { children: "Earnings are credited to your billing account per-sale. Cash withdrawals are subject to a minimum threshold and applicable taxes in your jurisdiction." })]
+						}),
+						/* @__PURE__ */ U("li", {
+							className: "flex items-start gap-2",
+							children: [/* @__PURE__ */ H(I, {
+								size: 14,
+								className: "mt-0.5 shrink-0 text-status-success-text"
+							}), /* @__PURE__ */ U("span", { children: [
+								"The platform reserves the right to adjust the credit rate, fee structure, or payout schedule with 30 days notice. See the",
+								" ",
+								/* @__PURE__ */ H("a", {
+									href: "/legal/marketplace-terms",
+									target: "_blank",
+									rel: "noopener noreferrer",
+									className: "text-primary underline-offset-2 hover:underline",
+									children: "Marketplace Terms"
+								}),
+								" ",
+								"for full details."
+							] })]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ U("div", {
+				className: "border-t border-border-subtle pt-6 space-y-4",
+				children: [/* @__PURE__ */ H("button", {
+					type: "button",
+					onClick: () => void g(),
+					disabled: d,
+					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 transition-colors disabled:opacity-50",
+					children: d ? /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(z, {
+						size: 16,
+						className: "animate-spin"
+					}), s("devportal.saving", "Saving…")] }) : /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(L, { size: 16 }), s("devportal.savePricing", "Save Pricing")] })
+				}), a && /* @__PURE__ */ U("div", {
+					className: "flex items-start gap-3 rounded-lg border border-status-success-bg bg-status-success-bg-subtle px-4 py-3",
+					children: [/* @__PURE__ */ H(I, {
+						size: 16,
+						className: "mt-0.5 shrink-0 text-status-success-text"
+					}), /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
+						className: "text-sm font-medium text-status-success-text",
+						children: s("devportal.allSetToSubmit", "You're all set!")
+					}), /* @__PURE__ */ H("p", {
+						className: "mt-0.5 text-xs text-text-secondary",
+						children: s("devportal.allSetDesc", "Store listing, versions, and pricing are complete. Head to the top of the page and click Submit for Review.")
+					})] })]
+				})]
+			})
+		]
+	});
+}, Ue = ({ appId: e, onNavigate: n, pricingDone: i = !1, onNavigateToPricing: a }) => {
+	let { t: o } = P(), s = (e, t) => {
+		let n = o(e);
+		return n === e ? t : n;
+	}, { data: l, loading: u, error: d } = c({
+		variables: { applicationId: e },
+		fetchPolicy: "cache-and-network"
+	});
+	if (u) return /* @__PURE__ */ H(K, { message: s("devportal.loadingVersions", "Loading versions…") });
+	if (d) return /* @__PURE__ */ H(Be, { message: d.message });
+	let f = (l?.application?.versions?.edges ?? []).map((e) => e.node);
+	return /* @__PURE__ */ U("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ U("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ U("p", {
+					className: "text-sm text-text-secondary",
+					children: [
+						f.length,
+						" ",
+						f.length === 1 ? s("devportal.version", "version") : s("devportal.versions", "versions")
+					]
+				}), /* @__PURE__ */ U("button", {
+					onClick: () => n(`/apps/${e}/versions`),
+					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 transition-colors",
+					children: [/* @__PURE__ */ H(B, { size: 16 }), s("devportal.uploadVersion", "Upload Version")]
+				})]
+			}),
+			f.length > 0 ? /* @__PURE__ */ H("div", {
+				className: "overflow-hidden rounded-lg border border-border-subtle",
+				children: /* @__PURE__ */ U("table", {
+					className: "w-full text-sm",
+					children: [/* @__PURE__ */ H("thead", { children: /* @__PURE__ */ U("tr", {
+						className: "border-b border-border-subtle bg-bg-sunken/50",
+						children: [
+							/* @__PURE__ */ H("th", {
+								className: "px-4 py-3 text-left font-medium text-text-secondary",
+								children: s("devportal.version", "Version")
+							}),
+							/* @__PURE__ */ H("th", {
+								className: "px-4 py-3 text-left font-medium text-text-secondary",
+								children: s("devportal.status", "Status")
+							}),
+							/* @__PURE__ */ H("th", {
+								className: "px-4 py-3 text-left font-medium text-text-secondary",
+								children: s("devportal.released", "Released")
+							}),
+							/* @__PURE__ */ H("th", {
+								className: "px-4 py-3 text-left font-medium text-text-secondary",
+								children: s("devportal.flags", "Flags")
+							})
+						]
+					}) }), /* @__PURE__ */ H("tbody", {
+						className: "divide-y divide-border-subtle",
+						children: f.map((e) => /* @__PURE__ */ U("tr", {
+							className: "hover:bg-bg-sunken/30 transition-colors",
+							children: [
+								/* @__PURE__ */ H("td", {
+									className: "px-4 py-3 font-mono font-medium",
+									children: e.version
+								}),
+								/* @__PURE__ */ H("td", {
+									className: "px-4 py-3",
+									children: /* @__PURE__ */ H("span", {
+										className: t("inline-flex rounded-full px-2 py-0.5 text-xs font-medium", e.status === "published" ? "bg-status-success-bg-subtle text-status-success-text" : e.status === "deprecated" ? "bg-bg-sunken text-text-secondary" : "bg-status-warning-bg-subtle text-status-warning-text"),
+										children: e.status
+									})
+								}),
+								/* @__PURE__ */ H("td", {
+									className: "px-4 py-3 text-text-secondary",
+									children: e.publishedAt ? new Date(e.publishedAt).toLocaleDateString() : new Date(e.createdAt).toLocaleDateString()
+								}),
+								/* @__PURE__ */ H("td", {
+									className: "px-4 py-3",
+									children: /* @__PURE__ */ U("div", {
+										className: "flex gap-1.5",
+										children: [e.isLatest && /* @__PURE__ */ H("span", {
+											className: "rounded-full bg-action-primary-bg/10 px-2 py-0.5 text-xs text-primary font-medium",
+											children: "latest"
+										}), e.isStable && /* @__PURE__ */ H("span", {
+											className: "rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-xs text-status-success-text font-medium",
+											children: "stable"
+										})]
+									})
+								})
+							]
+						}, e.id))
+					})]
+				})
+			}) : /* @__PURE__ */ H(r, {
+				illustration: "empty-generic",
+				icon: /* @__PURE__ */ H(ye, { size: 32 }),
+				title: s("devportal.noVersions", "No versions yet"),
+				description: s("devportal.noVersionsDescription", "Upload your first version to make this item available for review and distribution."),
+				action: /* @__PURE__ */ U("button", {
+					onClick: () => n(`/apps/${e}/versions`),
+					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",
+					children: [/* @__PURE__ */ H(B, { size: 16 }), s("devportal.uploadVersion", "Upload Version")]
+				})
+			}),
+			!i && a && /* @__PURE__ */ U("div", {
+				className: "mt-4 flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-sunken px-4 py-3",
+				children: [
+					/* @__PURE__ */ H(L, {
+						size: 16,
+						className: "shrink-0 text-primary"
+					}),
+					/* @__PURE__ */ H("p", {
+						className: "flex-1 text-sm text-text-secondary",
+						children: s("devportal.versionsNextPricing", "You've got versions covered. Now set your pricing before you can submit.")
+					}),
+					/* @__PURE__ */ U("button", {
+						type: "button",
+						onClick: a,
+						className: "inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline underline-offset-2 whitespace-nowrap",
+						children: [s("devportal.nextSetPricing", "Set Pricing"), /* @__PURE__ */ H(de, { size: 15 })]
+					})
+				]
+			})
+		]
+	});
+}, We = ({ appId: e, onNavigate: t }) => {
 	let { t: n } = P(), r = (e, t) => {
 		let r = n(e);
 		return r === e ? t : r;
-	}, { data: i, loading: a, error: o } = c({ variables: { applicationId: e } });
-	return a ? /* @__PURE__ */ K(ke, { message: r("devportal.loadingWebhooks", "Loading webhooks...") }) : o ? /* @__PURE__ */ K(Ae, { message: o.message }) : /* @__PURE__ */ K(Z, {
+	}, { data: i, loading: a, error: o } = u({ variables: { applicationId: e } });
+	return a ? /* @__PURE__ */ H(K, { message: r("devportal.loadingWebhooks", "Loading webhooks...") }) : o ? /* @__PURE__ */ H(Be, { message: o.message }) : /* @__PURE__ */ H(Je, {
 		appId: e,
-		webhooks: (i?.webhooks ?? []).map(Te),
+		webhooks: (i?.webhooks ?? []).map(Ie),
 		onNavigate: t
 	});
-}, Me = ({ authAppId: e, appName: t, onGrantDelegation: n, onNavigate: a }) => {
+}, Ge = ({ authAppId: e, appName: t, onGrantDelegation: n, onNavigate: a }) => {
 	let { t: o } = P(), s = (e, t) => {
 		let n = o(e);
 		return n === e ? t : n;
-	}, { data: c, loading: l, error: u, refetch: f } = i(), [p] = d(), [m, h] = N([]), [g, _] = N(!1), [v, y] = N(/* @__PURE__ */ new Set()), [b, x] = N(null), S = M(() => c?.currentUserDelegations?.delegations ? c.currentUserDelegations.delegations.filter((t) => t.appId === e).map(Ee) : [], [e, c]), C = M(() => S.filter((e) => e.status === "ACTIVE"), [S]), ee = M(() => C.filter((e) => v.has(e.id)), [C, v]), w = C.length > 0 && C.every((e) => v.has(e.id)), T = C.some((e) => v.has(e.id)) && !w, E = j((e, t) => {
+	}, { data: c, loading: l, error: u, refetch: d } = i(), [f] = p(), [m, h] = N([]), [g, _] = N(!1), [v, y] = N(/* @__PURE__ */ new Set()), [b, x] = N(null), S = M(() => c?.currentUserDelegations?.delegations ? c.currentUserDelegations.delegations.filter((t) => t.appId === e).map(Le) : [], [e, c]), C = M(() => S.filter((e) => e.status === "ACTIVE"), [S]), w = M(() => C.filter((e) => v.has(e.id)), [C, v]), T = C.length > 0 && C.every((e) => v.has(e.id)), ee = C.some((e) => v.has(e.id)) && !T, E = j((e, t) => {
 		y((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
@@ -509,31 +1267,31 @@ var De = [
 		});
 	}, [C]), O = j(() => {
 		y(/* @__PURE__ */ new Set());
-	}, []), te = j(async (e) => {
+	}, []), k = j(async (e) => {
 		_(!0);
 		try {
-			let t = await Promise.allSettled(e.map((e) => p({ variables: { id: e } }))), n = t.filter((e) => e.status === "fulfilled").length, r = t.length - n;
+			let t = await Promise.allSettled(e.map((e) => f({ variables: { id: e } }))), n = t.filter((e) => e.status === "fulfilled").length, r = t.length - n;
 			x(`Revoked ${n} delegation${n === 1 ? "" : "s"}${r > 0 ? ` • ${r} failed` : ""}`), y((t) => {
 				let n = new Set(t);
 				return e.forEach((e) => n.delete(e)), n;
-			}), h([]), f();
+			}), h([]), d();
 		} catch {} finally {
 			_(!1);
 		}
-	}, [p, f]);
-	return e ? l ? /* @__PURE__ */ K(ke, { message: s("devportal.loadingDelegations", "Loading delegations...") }) : u ? /* @__PURE__ */ K(Ae, { message: u.message }) : /* @__PURE__ */ q(G, { children: [
-		b && /* @__PURE__ */ K("div", {
+	}, [f, d]);
+	return e ? l ? /* @__PURE__ */ H(K, { message: s("devportal.loadingDelegations", "Loading delegations...") }) : u ? /* @__PURE__ */ H(Be, { message: u.message }) : /* @__PURE__ */ U(V, { children: [
+		b && /* @__PURE__ */ H("div", {
 			className: "rounded-lg border border-border-subtle bg-status-success-bg-subtle p-3 text-sm text-status-success-text",
-			children: /* @__PURE__ */ q("div", {
+			children: /* @__PURE__ */ U("div", {
 				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ K("span", { children: b }), /* @__PURE__ */ K("button", {
+				children: [/* @__PURE__ */ H("span", { children: b }), /* @__PURE__ */ H("button", {
 					onClick: () => x(null),
 					className: "text-status-success-text hover:text-status-success-text",
 					children: s("devportal.dismiss", "Dismiss")
 				})]
 			})
 		}),
-		/* @__PURE__ */ K(Fe, {
+		/* @__PURE__ */ H(Ye, {
 			appName: t,
 			delegations: S,
 			onGrantDelegation: n,
@@ -542,17 +1300,17 @@ var De = [
 			onToggleSelectDelegation: E,
 			onToggleAllDelegations: D,
 			onClearSelection: O,
-			onRevokeSelected: () => h(ee.map((e) => e.id)),
-			allVisibleSelected: w,
-			partiallySelected: T
+			onRevokeSelected: () => h(w.map((e) => e.id)),
+			allVisibleSelected: T,
+			partiallySelected: ee
 		}),
-		/* @__PURE__ */ K(k, {
+		/* @__PURE__ */ H(ne, {
 			open: m.length > 0,
 			onOpenChange: (e) => {
 				e || h([]);
 			},
 			onConfirm: () => {
-				m.length > 0 && te(m);
+				m.length > 0 && k(m);
 			},
 			title: m.length > 1 ? s("devportal.revokeDelegations", "Revoke Delegations") : s("devportal.revokeDelegation", "Revoke Delegation"),
 			description: m.length > 1 ? s("devportal.revokeMultipleDelegationsDescription", `This will immediately revoke ${m.length} selected delegations.`) : s("devportal.revokeDelegationDescription", "This will immediately revoke the delegation. The app will no longer be able to act on your behalf with the selected permissions."),
@@ -561,18 +1319,18 @@ var De = [
 			variant: "destructive",
 			loading: g
 		})
-	] }) : /* @__PURE__ */ K(r, {
+	] }) : /* @__PURE__ */ H(r, {
 		illustration: "empty-generic",
-		icon: /* @__PURE__ */ K(H, { size: 32 }),
+		icon: /* @__PURE__ */ H(we, { size: 32 }),
 		title: s("devportal.linkAuthAppFirst", "Link an auth app first"),
 		description: s("devportal.linkAuthAppFirstDescription", "Delegations are managed through auth apps. Create or link an auth app before granting app-as-user access."),
-		action: /* @__PURE__ */ q("button", {
+		action: /* @__PURE__ */ U("button", {
 			onClick: () => a("/oauth"),
 			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",
-			children: [/* @__PURE__ */ K(R, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
+			children: [/* @__PURE__ */ H(R, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
 		})
 	});
-}, Ne = ({ appId: e }) => {
+}, Ke = ({ appId: e }) => {
 	let { t } = P(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
@@ -585,67 +1343,67 @@ var De = [
 		}, [r]).toISOString(),
 		endDate: r.toISOString()
 	} });
-	return a ? /* @__PURE__ */ K(ke, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : s ? /* @__PURE__ */ K(Ae, { message: s.message }) : /* @__PURE__ */ K(Ie, { analytics: (i?.applicationAnalytics ?? []).map(Y) });
-}, Pe = ({ app: e }) => {
+	return a ? /* @__PURE__ */ H(K, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : s ? /* @__PURE__ */ H(Be, { message: s.message }) : /* @__PURE__ */ H(Xe, { analytics: (i?.applicationAnalytics ?? []).map(G) });
+}, qe = ({ app: e }) => {
 	let { t } = P(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
 	};
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ U("div", {
 		className: "grid gap-6 lg:grid-cols-3",
-		children: [/* @__PURE__ */ q("div", {
+		children: [/* @__PURE__ */ U("div", {
 			className: "lg:col-span-2 space-y-6",
 			children: [
-				/* @__PURE__ */ K(Se, { children: /* @__PURE__ */ q("div", {
+				/* @__PURE__ */ H(W, { children: /* @__PURE__ */ U("div", {
 					className: "grid gap-4 sm:grid-cols-4",
 					children: [
-						/* @__PURE__ */ K(Q, {
+						/* @__PURE__ */ H(Q, {
 							label: n("devportal.totalInstalls", "Total Installs"),
 							value: e.installCount.toLocaleString()
 						}),
-						/* @__PURE__ */ K(Q, {
+						/* @__PURE__ */ H(Q, {
 							label: n("devportal.activeInstalls", "Active Installs"),
 							value: e.activeInstallCount.toLocaleString()
 						}),
-						/* @__PURE__ */ K(Q, {
+						/* @__PURE__ */ H(Q, {
 							label: n("devportal.averageRating", "Average Rating"),
 							value: e.averageRating ? `${e.averageRating.toFixed(1)} ★` : n("devportal.notAvailable", "N/A")
 						}),
-						/* @__PURE__ */ K(Q, {
+						/* @__PURE__ */ H(Q, {
 							label: n("devportal.reviews", "Reviews"),
 							value: e.reviewCount.toString()
 						})
 					]
 				}) }),
-				/* @__PURE__ */ K(_, {
+				/* @__PURE__ */ H(y, {
 					title: n("devportal.description", "Description"),
-					children: /* @__PURE__ */ K("div", {
+					children: /* @__PURE__ */ H("div", {
 						className: "prose prose-sm max-w-none",
-						children: /* @__PURE__ */ K("pre", {
+						children: /* @__PURE__ */ H("pre", {
 							className: "whitespace-pre-wrap font-sans text-sm text-text-primary bg-transparent p-0 m-0",
 							children: e.description || n("devportal.noDescriptionProvided", "No description provided.")
 						})
 					})
 				}),
-				/* @__PURE__ */ K(_, {
+				/* @__PURE__ */ H(y, {
 					title: n("devportal.tagsAndKeywords", "Tags & Keywords"),
-					children: /* @__PURE__ */ q("div", {
+					children: /* @__PURE__ */ U("div", {
 						className: "space-y-3",
-						children: [e.tags.length > 0 && /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+						children: [e.tags.length > 0 && /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 							className: "text-xs text-text-secondary mb-2",
 							children: n("devportal.tags", "Tags")
-						}), /* @__PURE__ */ K("div", {
+						}), /* @__PURE__ */ H("div", {
 							className: "flex flex-wrap gap-2",
-							children: e.tags.map((e) => /* @__PURE__ */ K("span", {
+							children: e.tags.map((e) => /* @__PURE__ */ H("span", {
 								className: "rounded-full bg-action-primary-bg/10 px-3 py-1 text-xs font-medium text-primary",
 								children: e
 							}, e))
-						})] }), e.keywords.length > 0 && /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+						})] }), e.keywords.length > 0 && /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 							className: "text-xs text-text-secondary mb-2",
 							children: n("devportal.keywords", "Keywords")
-						}), /* @__PURE__ */ K("div", {
+						}), /* @__PURE__ */ H("div", {
 							className: "flex flex-wrap gap-2",
-							children: e.keywords.map((e) => /* @__PURE__ */ K("span", {
+							children: e.keywords.map((e) => /* @__PURE__ */ H("span", {
 								className: "rounded-full bg-bg-sunken px-3 py-1 text-xs",
 								children: e
 							}, e))
@@ -653,14 +1411,14 @@ var De = [
 					})
 				})
 			]
-		}), /* @__PURE__ */ q("div", {
+		}), /* @__PURE__ */ U("div", {
 			className: "space-y-6",
-			children: [/* @__PURE__ */ K(_, {
+			children: [/* @__PURE__ */ H(y, {
 				title: n("devportal.details", "Details"),
-				children: /* @__PURE__ */ K(T, { items: [
+				children: /* @__PURE__ */ H(D, { items: [
 					{
 						label: n("devportal.appId", "App ID"),
-						value: /* @__PURE__ */ K("code", {
+						value: /* @__PURE__ */ H("code", {
 							className: "text-xs",
 							children: e.id
 						})
@@ -696,32 +1454,32 @@ var De = [
 						value: e.publishedAt ? new Date(e.publishedAt).toLocaleDateString() : n("devportal.notPublished", "Not published")
 					}
 				] })
-			}), /* @__PURE__ */ K(_, {
+			}), /* @__PURE__ */ H(y, {
 				title: n("devportal.links", "Links"),
-				children: /* @__PURE__ */ q("div", {
+				children: /* @__PURE__ */ U("div", {
 					className: "space-y-2",
 					children: [
-						e.websiteUrl && /* @__PURE__ */ K($, {
+						e.websiteUrl && /* @__PURE__ */ H($, {
 							label: n("devportal.website", "Website"),
 							url: e.websiteUrl
 						}),
-						e.documentationUrl && /* @__PURE__ */ K($, {
+						e.documentationUrl && /* @__PURE__ */ H($, {
 							label: n("devportal.documentation", "Documentation"),
 							url: e.documentationUrl
 						}),
-						e.supportUrl && /* @__PURE__ */ K($, {
+						e.supportUrl && /* @__PURE__ */ H($, {
 							label: n("devportal.support", "Support"),
 							url: e.supportUrl
 						}),
-						e.githubUrl && /* @__PURE__ */ K($, {
+						e.githubUrl && /* @__PURE__ */ H($, {
 							label: n("devportal.github", "GitHub"),
 							url: e.githubUrl
 						}),
-						e.privacyPolicyUrl && /* @__PURE__ */ K($, {
+						e.privacyPolicyUrl && /* @__PURE__ */ H($, {
 							label: n("devportal.privacyPolicy", "Privacy Policy"),
 							url: e.privacyPolicyUrl
 						}),
-						e.termsOfServiceUrl && /* @__PURE__ */ K($, {
+						e.termsOfServiceUrl && /* @__PURE__ */ H($, {
 							label: n("devportal.termsOfService", "Terms of Service"),
 							url: e.termsOfServiceUrl
 						})
@@ -730,16 +1488,16 @@ var De = [
 			})]
 		})]
 	});
-}, Z = ({ appId: e, webhooks: t, onNavigate: n }) => {
+}, Je = ({ appId: e, webhooks: t, onNavigate: n }) => {
 	let { t: i } = P(), a = (e, t) => {
 		let n = i(e);
 		return n === e ? t : n;
 	};
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ U("div", {
 		className: "space-y-6",
-		children: [/* @__PURE__ */ q("div", {
+		children: [/* @__PURE__ */ U("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ q("p", {
+			children: [/* @__PURE__ */ U("p", {
 				className: "text-sm text-text-secondary",
 				children: [
 					t.length,
@@ -748,81 +1506,81 @@ var De = [
 					" ",
 					a("devportal.configured", "configured")
 				]
-			}), /* @__PURE__ */ q("button", {
+			}), /* @__PURE__ */ U("button", {
 				onClick: () => n(`/apps/${e}/webhooks/new`),
 				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 transition-colors",
-				children: [/* @__PURE__ */ K(V, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				children: [/* @__PURE__ */ H(be, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})]
-		}), t.length > 0 ? /* @__PURE__ */ K("div", {
+		}), t.length > 0 ? /* @__PURE__ */ H("div", {
 			className: "space-y-4",
-			children: t.map((t) => /* @__PURE__ */ q("div", {
+			children: t.map((t) => /* @__PURE__ */ U("div", {
 				className: "rounded-card border border-border-seam bg-bg-surface p-4 space-y-4 shadow-[var(--shadow-pop)]",
 				children: [
-					/* @__PURE__ */ q("div", {
+					/* @__PURE__ */ U("div", {
 						className: "flex items-start justify-between",
-						children: [/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ q("div", {
+						children: [/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ U("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ K("h3", {
+							children: [/* @__PURE__ */ H("h3", {
 								className: "font-medium",
 								children: t.name
-							}), /* @__PURE__ */ K(b, {
+							}), /* @__PURE__ */ H(S, {
 								status: t.status,
 								type: "webhook"
 							})]
-						}), t.description && /* @__PURE__ */ K("p", {
+						}), t.description && /* @__PURE__ */ H("p", {
 							className: "text-sm text-text-secondary mt-1",
 							children: t.description
-						})] }), /* @__PURE__ */ K("button", {
+						})] }), /* @__PURE__ */ H("button", {
 							onClick: () => n(`/apps/${e}/webhooks/${t.id}`),
 							className: "rounded-md p-1 hover:bg-bg-sunken",
-							children: /* @__PURE__ */ K(de, { size: 20 })
+							children: /* @__PURE__ */ H(ve, { size: 20 })
 						})]
 					}),
-					/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+					/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 						className: "text-xs text-text-secondary mb-1",
 						children: a("devportal.endpointUrl", "Endpoint URL")
-					}), /* @__PURE__ */ K("code", {
+					}), /* @__PURE__ */ H("code", {
 						className: "text-sm bg-bg-sunken px-2 py-1 rounded block truncate",
 						children: t.url
 					})] }),
-					/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+					/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 						className: "text-xs text-text-secondary mb-2",
 						children: a("devportal.events", "Events")
-					}), /* @__PURE__ */ K("div", {
+					}), /* @__PURE__ */ H("div", {
 						className: "flex flex-wrap gap-2",
-						children: t.events.map((e) => /* @__PURE__ */ K("span", {
+						children: t.events.map((e) => /* @__PURE__ */ H("span", {
 							className: "rounded-full bg-bg-sunken px-2 py-0.5 text-xs",
 							children: e
 						}, e))
 					})] }),
-					/* @__PURE__ */ q("div", {
+					/* @__PURE__ */ U("div", {
 						className: "grid gap-4 sm:grid-cols-4 text-sm",
 						children: [
-							/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+							/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 								className: "text-xs text-text-secondary",
 								children: a("devportal.success", "Success")
-							}), /* @__PURE__ */ K("p", {
+							}), /* @__PURE__ */ H("p", {
 								className: "font-medium text-status-success-text",
 								children: t.successCount.toLocaleString()
 							})] }),
-							/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+							/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 								className: "text-xs text-text-secondary",
 								children: a("devportal.failed", "Failed")
-							}), /* @__PURE__ */ K("p", {
+							}), /* @__PURE__ */ H("p", {
 								className: "font-medium text-status-error-text",
 								children: t.failureCount.toLocaleString()
 							})] }),
-							/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+							/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 								className: "text-xs text-text-secondary",
 								children: a("devportal.successRate", "Success Rate")
-							}), /* @__PURE__ */ q("p", {
+							}), /* @__PURE__ */ U("p", {
 								className: "font-medium",
 								children: [t.successCount + t.failureCount > 0 ? (t.successCount / (t.successCount + t.failureCount) * 100).toFixed(1) : "0.0", "%"]
 							})] }),
-							/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+							/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 								className: "text-xs text-text-secondary",
 								children: a("devportal.lastTriggered", "Last Triggered")
-							}), /* @__PURE__ */ K("p", {
+							}), /* @__PURE__ */ H("p", {
 								className: "font-medium",
 								children: t.lastTriggeredAt ? new Date(t.lastTriggeredAt).toLocaleString() : a("devportal.never", "Never")
 							})] })
@@ -830,29 +1588,29 @@ var De = [
 					})
 				]
 			}, t.id))
-		}) : /* @__PURE__ */ K(r, {
+		}) : /* @__PURE__ */ H(r, {
 			illustration: "empty-notifications",
-			icon: /* @__PURE__ */ K(ge, { size: 32 }),
+			icon: /* @__PURE__ */ H(ke, { size: 32 }),
 			title: a("devportal.noWebhooks", "No webhooks"),
 			description: a("devportal.noWebhooksDescription", "Add a webhook to receive event notifications"),
-			action: /* @__PURE__ */ q("button", {
+			action: /* @__PURE__ */ U("button", {
 				onClick: () => n(`/apps/${e}/webhooks/new`),
 				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",
-				children: [/* @__PURE__ */ K(V, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				children: [/* @__PURE__ */ H(be, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})
 		})]
 	});
-}, Fe = ({ appName: e, delegations: n, onGrantDelegation: i, onRevokeDelegation: a, selectedDelegationIds: o, onToggleSelectDelegation: s, onToggleAllDelegations: c, onClearSelection: l, onRevokeSelected: u, allVisibleSelected: d, partiallySelected: f }) => {
+}, Ye = ({ appName: e, delegations: n, onGrantDelegation: i, onRevokeDelegation: a, selectedDelegationIds: o, onToggleSelectDelegation: s, onToggleAllDelegations: c, onClearSelection: l, onRevokeSelected: u, allVisibleSelected: d, partiallySelected: f }) => {
 	let { t: p } = P(), m = (e, t) => {
 		let n = p(e);
 		return n === e ? t : n;
 	}, h = n.filter((e) => e.status === "ACTIVE"), g = n.filter((e) => e.status !== "ACTIVE");
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ U("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ U("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ q("p", {
+				children: [/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ U("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						n.length,
@@ -863,7 +1621,7 @@ var De = [
 						" ",
 						e
 					]
-				}), h.length > 0 && /* @__PURE__ */ q("p", {
+				}), h.length > 0 && /* @__PURE__ */ U("p", {
 					className: "text-xs text-text-secondary mt-0.5",
 					children: [
 						h.length,
@@ -875,44 +1633,44 @@ var De = [
 						" ",
 						m("devportal.revokedExpired", "revoked/expired")
 					]
-				})] }), /* @__PURE__ */ q("button", {
+				})] }), /* @__PURE__ */ U("button", {
 					onClick: i,
 					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 transition-colors",
-					children: [/* @__PURE__ */ K(V, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					children: [/* @__PURE__ */ H(be, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})]
 			}),
-			h.length > 0 && /* @__PURE__ */ K("div", {
+			h.length > 0 && /* @__PURE__ */ H("div", {
 				className: "rounded-card border border-border-seam bg-bg-surface p-4",
-				children: /* @__PURE__ */ q("div", {
+				children: /* @__PURE__ */ U("div", {
 					className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
-					children: [/* @__PURE__ */ q("div", {
+					children: [/* @__PURE__ */ U("div", {
 						className: "flex flex-wrap items-center gap-3",
-						children: [/* @__PURE__ */ q("div", {
+						children: [/* @__PURE__ */ U("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ K(S, {
+							children: [/* @__PURE__ */ H(w, {
 								checked: d,
 								indeterminate: f,
 								onChange: c,
 								ariaLabel: m("devportal.selectAllActiveDelegations", "Select all active app delegations")
-							}), /* @__PURE__ */ K("span", {
+							}), /* @__PURE__ */ H("span", {
 								className: "text-sm font-medium",
 								children: m("devportal.selectAllActive", "Select all active")
 							})]
-						}), o.size > 0 && /* @__PURE__ */ K("button", {
+						}), o.size > 0 && /* @__PURE__ */ H("button", {
 							onClick: l,
 							className: "text-sm text-text-secondary hover:text-text-primary",
 							children: m("devportal.clearSelection", "Clear selection")
 						})]
-					}), /* @__PURE__ */ q("div", {
+					}), /* @__PURE__ */ U("div", {
 						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ q("span", {
+						children: [/* @__PURE__ */ U("span", {
 							className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
 							children: [
 								o.size,
 								" ",
 								m("devportal.selected", "selected")
 							]
-						}), /* @__PURE__ */ q("button", {
+						}), /* @__PURE__ */ U("button", {
 							onClick: u,
 							disabled: o.size === 0,
 							className: "rounded-md border border-status-error-bg px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-50",
@@ -921,33 +1679,33 @@ var De = [
 					})]
 				})
 			}),
-			n.length > 0 ? /* @__PURE__ */ K("div", {
+			n.length > 0 ? /* @__PURE__ */ H("div", {
 				className: "space-y-4",
-				children: n.map((e) => /* @__PURE__ */ q("div", {
+				children: n.map((e) => /* @__PURE__ */ U("div", {
 					className: "rounded-card border border-border-seam bg-bg-surface p-4 space-y-4 shadow-[var(--shadow-pop)]",
 					children: [
-						/* @__PURE__ */ q("div", {
+						/* @__PURE__ */ U("div", {
 							className: "flex items-start justify-between",
-							children: [/* @__PURE__ */ q("div", {
+							children: [/* @__PURE__ */ U("div", {
 								className: "flex items-start gap-3",
-								children: [e.status === "ACTIVE" && /* @__PURE__ */ K("div", {
+								children: [e.status === "ACTIVE" && /* @__PURE__ */ H("div", {
 									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ K(S, {
+									children: /* @__PURE__ */ H(w, {
 										checked: o.has(e.id),
 										onChange: (t) => s(e.id, t),
 										ariaLabel: `Select delegation ${e.id}`,
 										className: "mt-1"
 									})
-								}), /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ q("div", {
+								}), /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ U("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ q("h3", {
+									children: [/* @__PURE__ */ U("h3", {
 										className: "font-medium",
 										children: ["Delegation #", e.id.slice(0, 8)]
-									}), /* @__PURE__ */ K("span", {
-										className: t("rounded-full px-2 py-0.5 text-xs font-medium", Oe[e.status]),
+									}), /* @__PURE__ */ H("span", {
+										className: t("rounded-full px-2 py-0.5 text-xs font-medium", ze[e.status]),
 										children: e.status
 									})]
-								}), /* @__PURE__ */ q("p", {
+								}), /* @__PURE__ */ U("p", {
 									className: "text-sm text-text-secondary mt-1",
 									children: [
 										m("devportal.granted", "Granted"),
@@ -959,55 +1717,55 @@ var De = [
 										e.grantedBy === e.userId ? m("devportal.you", "you") : e.grantedBy.slice(0, 8)
 									]
 								})] })]
-							}), e.status === "ACTIVE" && /* @__PURE__ */ q("button", {
+							}), e.status === "ACTIVE" && /* @__PURE__ */ U("button", {
 								onClick: () => a(e.id),
 								className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
-								children: [/* @__PURE__ */ K(ve, { size: 14 }), m("devportal.revoke", "Revoke")]
+								children: [/* @__PURE__ */ H(je, { size: 14 }), m("devportal.revoke", "Revoke")]
 							})]
 						}),
-						/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+						/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 							className: "text-xs text-text-secondary mb-2",
 							children: m("devportal.grantedScopes", "Granted Scopes")
-						}), /* @__PURE__ */ K("div", {
+						}), /* @__PURE__ */ H("div", {
 							className: "flex flex-wrap gap-2",
-							children: e.scopes.map((e) => /* @__PURE__ */ K("span", {
+							children: e.scopes.map((e) => /* @__PURE__ */ H("span", {
 								className: "rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-xs text-status-success-text",
 								children: e
 							}, e))
 						})] }),
-						e.workspaceIds.length > 0 && /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+						e.workspaceIds.length > 0 && /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 							className: "text-xs text-text-secondary mb-2",
 							children: m("devportal.workspaceScope", "Workspace Scope")
-						}), /* @__PURE__ */ K("div", {
+						}), /* @__PURE__ */ H("div", {
 							className: "flex flex-wrap gap-2",
-							children: e.workspaceIds.map((e) => /* @__PURE__ */ K("code", {
+							children: e.workspaceIds.map((e) => /* @__PURE__ */ H("code", {
 								className: "rounded bg-bg-sunken px-2 py-0.5 text-xs",
 								children: e
 							}, e))
 						})] }),
-						/* @__PURE__ */ q("div", {
+						/* @__PURE__ */ U("div", {
 							className: "flex items-center gap-4 text-xs text-text-secondary",
 							children: [
-								e.expiresAt && /* @__PURE__ */ q("span", {
+								e.expiresAt && /* @__PURE__ */ U("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ K(L, { size: 12 }),
+										/* @__PURE__ */ H(fe, { size: 12 }),
 										m("devportal.expires", "Expires"),
 										" ",
 										new Date(e.expiresAt).toLocaleDateString()
 									]
 								}),
-								!e.expiresAt && e.status === "ACTIVE" && /* @__PURE__ */ q("span", {
+								!e.expiresAt && e.status === "ACTIVE" && /* @__PURE__ */ U("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ K(I, {
+									children: [/* @__PURE__ */ H(ue, {
 										size: 12,
 										className: "text-status-success-text"
 									}), m("devportal.noExpiration", "No expiration")]
 								}),
-								e.revokedAt && /* @__PURE__ */ q("span", {
+								e.revokedAt && /* @__PURE__ */ U("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ K(ve, {
+										/* @__PURE__ */ H(je, {
 											size: 12,
 											className: "text-status-error-text"
 										}),
@@ -1020,53 +1778,53 @@ var De = [
 						})
 					]
 				}, e.id))
-			}) : /* @__PURE__ */ K(r, {
+			}) : /* @__PURE__ */ H(r, {
 				illustration: "empty-people",
-				icon: /* @__PURE__ */ K(W, { size: 32 }),
+				icon: /* @__PURE__ */ H(De, { size: 32 }),
 				title: m("devportal.noDelegations", "No delegations"),
 				description: m("devportal.noDelegationsDescription", "Grant a delegation to allow this app to act on your behalf"),
-				action: /* @__PURE__ */ q("button", {
+				action: /* @__PURE__ */ U("button", {
 					onClick: i,
 					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",
-					children: [/* @__PURE__ */ K(V, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					children: [/* @__PURE__ */ H(be, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})
 			})
 		]
 	});
-}, Ie = ({ analytics: e }) => {
+}, Xe = ({ analytics: e }) => {
 	let { t } = P(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
 	}, i = e[0], a = e[1], o = (e, t) => t ? (e - t) / t * 100 : 0;
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ U("div", {
 		className: "space-y-6",
-		children: [/* @__PURE__ */ q("div", {
+		children: [/* @__PURE__ */ U("div", {
 			className: "grid gap-4 sm:grid-cols-4",
 			children: [
-				/* @__PURE__ */ K(Q, {
+				/* @__PURE__ */ H(Q, {
 					label: n("devportal.activeUsers", "Active Users"),
 					value: i?.activeUsers.toLocaleString() || "0",
 					trend: a ? o(i.activeUsers, a.activeUsers) : void 0
 				}),
-				/* @__PURE__ */ K(Q, {
+				/* @__PURE__ */ H(Q, {
 					label: n("devportal.apiCalls", "API Calls"),
 					value: i ? `${(i.apiCalls / 1e3).toFixed(1)}K` : "0",
 					trend: a ? o(i.apiCalls, a.apiCalls) : void 0
 				}),
-				/* @__PURE__ */ K(Q, {
+				/* @__PURE__ */ H(Q, {
 					label: n("devportal.avgResponseTime", "Avg Response Time"),
 					value: i?.avgResponseTime ? `${i.avgResponseTime}ms` : n("devportal.notAvailable", "N/A"),
 					trend: a && i?.avgResponseTime ? -o(i.avgResponseTime, a.avgResponseTime || 1) : void 0
 				}),
-				/* @__PURE__ */ K(Q, {
+				/* @__PURE__ */ H(Q, {
 					label: n("devportal.errorRate", "Error Rate"),
 					value: i && i.apiCalls > 0 ? `${(i.errors / i.apiCalls * 100).toFixed(2)}%` : "0%",
 					trend: a && i && i.apiCalls > 0 && a.apiCalls > 0 ? -o(i.errors / i.apiCalls, a.errors / a.apiCalls) : void 0
 				})
 			]
-		}), /* @__PURE__ */ K(_, {
+		}), /* @__PURE__ */ H(y, {
 			title: n("devportal.dailyBreakdown", "Daily Breakdown"),
-			children: e.length > 0 ? /* @__PURE__ */ K(w, {
+			children: e.length > 0 ? /* @__PURE__ */ H(E, {
 				data: e,
 				keyField: "id",
 				columns: [
@@ -1106,19 +1864,19 @@ var De = [
 						render: (e) => e.sessions.toLocaleString()
 					}
 				]
-			}) : /* @__PURE__ */ K(r, {
+			}) : /* @__PURE__ */ H(r, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ K(F, { size: 32 }),
+				icon: /* @__PURE__ */ H(F, { size: 32 }),
 				title: n("devportal.noAnalyticsData", "No analytics data"),
 				description: n("devportal.noAnalyticsDataDescription", "Analytics data will appear here once the application starts receiving traffic.")
 			})
 		})]
 	});
-}, Le = "# Sample query - modify as needed\nquery IntrospectSchema {\n  __schema {\n    queryType { name }\n    mutationType { name }\n    types {\n      name\n      kind\n    }\n  }\n}", Re = ({ app: t }) => {
+}, Ze = "# Sample query - modify as needed\nquery IntrospectSchema {\n  __schema {\n    queryType { name }\n    mutationType { name }\n    types {\n      name\n      kind\n    }\n  }\n}", Qe = ({ app: t }) => {
 	let { apiGatewayUrl: n, workspacesGatewayUrl: r, authToken: i } = e(), { t: a } = P(), o = (e, t) => {
 		let n = a(e);
 		return n === e ? t : n;
-	}, [s, c] = N(Le), [l, u] = N("{}"), [d, f] = N(""), [p, m] = N(!1), [h, g] = N(`${n || "https://gw-global.local.burdenoff.com"}/global/graphql`), [_, v] = N(i || ""), [y, b] = N(!1), x = j(async () => {
+	}, [s, c] = N(Ze), [l, u] = N("{}"), [d, f] = N(""), [p, m] = N(!1), [h, g] = N(`${n || "https://gw-global.local.burdenoff.com"}/global/graphql`), [_, v] = N(i || ""), [y, b] = N(!1), x = j(async () => {
 		m(!0), f("");
 		try {
 			let e = {};
@@ -1152,21 +1910,21 @@ var De = [
 	]), S = j(() => {
 		i && v(i), b(!0);
 	}, [i]);
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ U("div", {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ U("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("h3", {
+				children: [/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("h3", {
 					className: "text-lg font-semibold",
 					children: o("devportal.apiPlayground", "API Playground")
-				}), /* @__PURE__ */ q("p", {
+				}), /* @__PURE__ */ U("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						o("devportal.apiPlaygroundDescription", "Test GraphQL APIs in the context of"),
 						" ",
-						/* @__PURE__ */ K("strong", { children: t.name }),
-						t.appId && /* @__PURE__ */ q("span", {
+						/* @__PURE__ */ H("strong", { children: t.name }),
+						t.appId && /* @__PURE__ */ U("span", {
 							className: "ml-1 text-xs text-text-secondary",
 							children: [
 								"(OAuth App: ",
@@ -1175,39 +1933,39 @@ var De = [
 							]
 						})
 					]
-				})] }), /* @__PURE__ */ q("button", {
+				})] }), /* @__PURE__ */ U("button", {
 					onClick: S,
 					className: "flex items-center gap-2 rounded-md border px-3 py-1.5 text-sm font-medium hover:bg-accent transition-colors",
-					children: [/* @__PURE__ */ K(z, { size: 14 }), o("devportal.autoFillCredentials", "Auto-fill Credentials")]
+					children: [/* @__PURE__ */ H(_e, { size: 14 }), o("devportal.autoFillCredentials", "Auto-fill Credentials")]
 				})]
 			}),
-			y && /* @__PURE__ */ q("div", {
+			y && /* @__PURE__ */ U("div", {
 				className: "rounded-lg border bg-status-info-bg-subtle p-4 text-sm space-y-2",
 				children: [
-					/* @__PURE__ */ K("p", {
+					/* @__PURE__ */ H("p", {
 						className: "font-medium text-status-info-text",
 						children: o("devportal.authenticationGuide", "Authentication Guide")
 					}),
-					/* @__PURE__ */ q("p", {
+					/* @__PURE__ */ U("p", {
 						className: "text-status-info-text",
 						children: [
 							o("devportal.authenticationGuideText", "Your current session token has been filled in. For app-level authentication (Client Credentials flow), use the"),
 							" ",
-							/* @__PURE__ */ K("strong", { children: o("devportal.oauthClientsTab", "OAuth Clients") }),
+							/* @__PURE__ */ H("strong", { children: o("devportal.oauthClientsTab", "OAuth Clients") }),
 							" ",
 							o("devportal.authenticationGuideText2", "tab to get the app's clientId and clientSecret, then call:")
 						]
 					}),
-					/* @__PURE__ */ K("pre", {
+					/* @__PURE__ */ H("pre", {
 						className: "rounded bg-status-info-bg-subtle p-2 text-xs overflow-x-auto text-status-info-text",
 						children: "mutation {\n  authenticateApp(input: {\n    clientId: \"<your-client-id>\"\n    clientSecret: \"<your-client-secret>\"\n    scopes: []\n  }) {\n    accessToken\n    tokenType\n    expiresIn\n  }\n}"
 					}),
-					/* @__PURE__ */ q("p", {
+					/* @__PURE__ */ U("p", {
 						className: "text-status-info-text",
 						children: [
 							o("devportal.useReturnedAccessToken", "Use the returned"),
 							" ",
-							/* @__PURE__ */ K("code", {
+							/* @__PURE__ */ H("code", {
 								className: "bg-status-info-bg-subtle px-1 rounded",
 								children: "accessToken"
 							}),
@@ -1215,129 +1973,129 @@ var De = [
 							o("devportal.asBearerToken", "as the Bearer token below.")
 						]
 					}),
-					/* @__PURE__ */ K("button", {
+					/* @__PURE__ */ H("button", {
 						onClick: () => b(!1),
 						className: "text-xs text-accent-blue hover:underline",
 						children: o("devportal.dismiss", "Dismiss")
 					})
 				]
 			}),
-			/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("label", {
+			/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("label", {
 				className: "block text-sm font-medium mb-1",
 				children: o("devportal.gatewayEndpoint", "Gateway Endpoint")
-			}), /* @__PURE__ */ q("div", {
+			}), /* @__PURE__ */ U("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ K("input", {
+				children: [/* @__PURE__ */ H("input", {
 					type: "text",
 					value: h,
 					onChange: (e) => g(e.target.value),
 					className: "flex-1 rounded-md border px-3 py-2 text-sm font-mono bg-bg-surface"
-				}), /* @__PURE__ */ q("select", {
+				}), /* @__PURE__ */ U("select", {
 					onChange: (e) => g(e.target.value),
 					className: "rounded-md border px-3 py-2 text-sm bg-bg-surface",
 					value: h,
-					children: [/* @__PURE__ */ K("option", {
+					children: [/* @__PURE__ */ H("option", {
 						value: `${n || "https://gw-global.local.burdenoff.com"}/global/graphql`,
 						children: o("devportal.globalGateway", "Global Gateway")
-					}), /* @__PURE__ */ K("option", {
+					}), /* @__PURE__ */ H("option", {
 						value: `${r || "https://gw-wspace.local.burdenoff.com"}/workspaces/graphql`,
 						children: o("devportal.workspaceGateway", "Workspace Gateway")
 					})]
 				})]
 			})] }),
-			/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("label", {
+			/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("label", {
 				className: "block text-sm font-medium mb-1",
 				children: o("devportal.bearerToken", "Bearer Token")
-			}), /* @__PURE__ */ K("input", {
+			}), /* @__PURE__ */ H("input", {
 				type: "password",
 				value: _,
 				onChange: (e) => v(e.target.value),
 				placeholder: o("devportal.pasteAccessToken", "Paste access token here..."),
 				className: "w-full rounded-md border px-3 py-2 text-sm font-mono bg-bg-surface"
 			})] }),
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ U("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-4",
-				children: [/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("label", {
+				children: [/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("label", {
 					className: "block text-sm font-medium mb-1",
 					children: o("devportal.query", "Query")
-				}), /* @__PURE__ */ K("textarea", {
+				}), /* @__PURE__ */ H("textarea", {
 					value: s,
 					onChange: (e) => c(e.target.value),
 					className: "w-full h-64 rounded-md border px-3 py-2 text-sm font-mono bg-bg-surface resize-y",
 					spellCheck: !1
-				})] }), /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("label", {
+				})] }), /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("label", {
 					className: "block text-sm font-medium mb-1",
 					children: o("devportal.variablesJson", "Variables (JSON)")
-				}), /* @__PURE__ */ K("textarea", {
+				}), /* @__PURE__ */ H("textarea", {
 					value: l,
 					onChange: (e) => u(e.target.value),
 					className: "w-full h-64 rounded-md border px-3 py-2 text-sm font-mono bg-bg-surface resize-y",
 					spellCheck: !1
 				})] })]
 			}),
-			/* @__PURE__ */ q("button", {
+			/* @__PURE__ */ U("button", {
 				onClick: x,
 				disabled: p,
 				className: "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 transition-colors disabled:opacity-50",
-				children: [p ? /* @__PURE__ */ K(B, {
+				children: [p ? /* @__PURE__ */ H(z, {
 					size: 16,
 					className: "animate-spin"
-				}) : /* @__PURE__ */ K(R, { size: 16 }), p ? o("devportal.executing", "Executing...") : o("devportal.executeQuery", "Execute Query")]
+				}) : /* @__PURE__ */ H(R, { size: 16 }), p ? o("devportal.executing", "Executing...") : o("devportal.executeQuery", "Execute Query")]
 			}),
-			d && /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("label", {
+			d && /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("label", {
 				className: "block text-sm font-medium mb-1",
 				children: o("devportal.response", "Response")
-			}), /* @__PURE__ */ K("pre", {
+			}), /* @__PURE__ */ H("pre", {
 				className: "w-full max-h-96 overflow-auto rounded-md border bg-bg-sunken p-4 text-xs font-mono",
 				children: d
 			})] })
 		]
 	});
-}, ze = ({ label: e, value: n, onChange: r, hint: i, accept: a = "image/png,image/jpeg,image/webp,image/gif,image/svg+xml", aspectClass: o = "aspect-square", upload: s, uploading: c, progress: l, error: u }) => {
-	let d = ae(null), f = j(async (e) => {
+}, $e = ({ label: e, value: n, onChange: r, hint: i, accept: a = "image/png,image/jpeg,image/webp,image/gif,image/svg+xml", aspectClass: o = "aspect-square", upload: s, uploading: c, progress: l, error: u }) => {
+	let d = se(null), f = j(async (e) => {
 		try {
 			r((await s(e)).downloadUrl);
 		} catch {}
 	}, [s, r]);
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ U("div", {
 		className: "space-y-1.5",
 		children: [
-			/* @__PURE__ */ K("label", {
+			/* @__PURE__ */ H("label", {
 				className: "text-sm font-medium",
 				children: e
 			}),
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ U("div", {
 				className: "flex gap-3 items-start",
-				children: [/* @__PURE__ */ q("div", {
+				children: [/* @__PURE__ */ U("div", {
 					className: t("relative shrink-0 w-20 rounded-lg border border-border-subtle bg-bg-sunken overflow-hidden flex items-center justify-center", o),
-					children: [n ? /* @__PURE__ */ K("img", {
+					children: [n ? /* @__PURE__ */ H("img", {
 						src: n,
 						alt: e,
 						className: "w-full h-full object-cover"
-					}) : /* @__PURE__ */ K(U, {
+					}) : /* @__PURE__ */ H(B, {
 						size: 18,
 						className: "text-text-secondary opacity-40"
-					}), c && /* @__PURE__ */ q("div", {
+					}), c && /* @__PURE__ */ U("div", {
 						className: "absolute inset-0 bg-bg-overlay flex flex-col items-center justify-center gap-1",
-						children: [/* @__PURE__ */ K(B, {
+						children: [/* @__PURE__ */ H(z, {
 							size: 14,
 							className: "animate-spin text-white"
-						}), /* @__PURE__ */ q("span", {
+						}), /* @__PURE__ */ U("span", {
 							className: "text-white text-xs",
 							children: [l, "%"]
 						})]
 					})]
-				}), /* @__PURE__ */ q("div", {
+				}), /* @__PURE__ */ U("div", {
 					className: "flex-1 space-y-1.5",
 					children: [
-						/* @__PURE__ */ K("input", {
+						/* @__PURE__ */ H("input", {
 							type: "url",
 							value: n,
 							onChange: (e) => r(e.target.value),
 							placeholder: "https://...",
 							className: "w-full rounded-md border border-border-subtle bg-bg-input px-3 py-1.5 text-sm placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-primary/30"
 						}),
-						/* @__PURE__ */ K("input", {
+						/* @__PURE__ */ H("input", {
 							ref: d,
 							type: "file",
 							accept: a,
@@ -1347,28 +2105,28 @@ var De = [
 								t && f(t), e.target.value = "";
 							}
 						}),
-						/* @__PURE__ */ q("button", {
+						/* @__PURE__ */ U("button", {
 							type: "button",
 							disabled: c,
 							onClick: () => d.current?.click(),
 							className: "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs font-medium hover:bg-bg-sunken transition-colors disabled:opacity-50",
-							children: [/* @__PURE__ */ K(U, { size: 11 }), c ? `Uploading… ${l}%` : "Upload image"]
+							children: [/* @__PURE__ */ H(B, { size: 11 }), c ? `Uploading… ${l}%` : "Upload image"]
 						}),
-						u && /* @__PURE__ */ K("p", {
+						u && /* @__PURE__ */ H("p", {
 							className: "text-xs text-status-error-text",
 							children: u
 						})
 					]
 				})]
 			}),
-			i && /* @__PURE__ */ K("p", {
+			i && /* @__PURE__ */ H("p", {
 				className: "text-xs text-text-secondary",
 				children: i
 			})
 		]
 	});
-}, Be = ({ urls: e, onChange: n, upload: r, uploading: i, progress: a, error: o }) => {
-	let s = ae(null), c = j(async (t) => {
+}, X = ({ urls: e, onChange: n, upload: r, uploading: i, progress: a, error: o }) => {
+	let s = se(null), c = j(async (t) => {
 		try {
 			let i = await r(t);
 			n([...e, i.downloadUrl]);
@@ -1380,45 +2138,51 @@ var De = [
 	]), l = (t) => {
 		n(e.filter((e, n) => n !== t));
 	};
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ U("div", {
 		className: "space-y-2",
 		children: [
-			/* @__PURE__ */ K("label", {
-				className: "text-sm font-medium",
-				children: "Screenshots"
+			/* @__PURE__ */ U("div", {
+				className: "flex flex-col gap-0.5",
+				children: [/* @__PURE__ */ H("label", {
+					className: "text-sm font-medium",
+					children: "Screenshots"
+				}), /* @__PURE__ */ H("p", {
+					className: "text-xs text-text-muted",
+					children: "Shown in the horizontal preview strip below the hero — wide landscape proportions work best (16:9)"
+				})]
 			}),
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ U("div", {
 				className: "flex flex-wrap gap-3",
-				children: [e.map((e, t) => /* @__PURE__ */ q("div", {
+				children: [e.map((e, t) => /* @__PURE__ */ U("div", {
 					className: "relative group w-36 aspect-video rounded-lg border border-border-subtle overflow-hidden bg-bg-sunken",
-					children: [/* @__PURE__ */ K("img", {
+					children: [/* @__PURE__ */ H("img", {
 						src: e,
 						alt: `Screenshot ${t + 1}`,
 						className: "w-full h-full object-cover"
-					}), /* @__PURE__ */ K("button", {
+					}), /* @__PURE__ */ H("button", {
 						type: "button",
 						onClick: () => l(t),
 						className: "absolute top-1 right-1 rounded-full bg-bg-overlay text-white p-0.5 opacity-0 group-hover:opacity-100 transition-opacity",
-						children: /* @__PURE__ */ K(_e, { size: 12 })
+						children: /* @__PURE__ */ H(Ae, { size: 12 })
 					})]
-				}, t)), /* @__PURE__ */ K("button", {
+				}, t)), /* @__PURE__ */ H("button", {
 					type: "button",
 					disabled: i,
 					onClick: () => s.current?.click(),
 					className: t("w-36 aspect-video rounded-lg border-2 border-dashed border-border-subtle flex flex-col items-center justify-center gap-1.5 text-text-secondary hover:border-border-strong hover:bg-bg-sunken transition-colors disabled:opacity-50"),
-					children: i ? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(B, {
+					children: i ? /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(z, {
 						size: 18,
 						className: "animate-spin text-primary"
-					}), /* @__PURE__ */ q("span", {
+					}), /* @__PURE__ */ U("span", {
 						className: "text-xs",
 						children: [a, "%"]
-					})] }) : /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(U, { size: 18 }), /* @__PURE__ */ K("span", {
+					})] }) : /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(B, { size: 18 }), /* @__PURE__ */ H("span", {
 						className: "text-xs",
 						children: "Add screenshot"
 					})] })
 				})]
 			}),
-			/* @__PURE__ */ K("input", {
+			/* @__PURE__ */ H("input", {
 				ref: s,
 				type: "file",
 				accept: "image/png,image/jpeg,image/webp,image/gif",
@@ -1428,52 +2192,19 @@ var De = [
 					t && c(t), e.target.value = "";
 				}
 			}),
-			o && /* @__PURE__ */ K("p", {
+			o && /* @__PURE__ */ H("p", {
 				className: "text-xs text-status-error-text",
 				children: o
 			})
 		]
 	});
-}, Ve = new Set(["workflow", "template"]), He = [{
+}, Z = new Set(["workflow", "template"]), et = [{
 	value: "FREE",
 	label: "Free"
 }, {
 	value: "PAID",
 	label: "Paid"
-}], Ue = [
-	{
-		value: "USD",
-		label: "USD — US Dollar"
-	},
-	{
-		value: "EUR",
-		label: "EUR — Euro"
-	},
-	{
-		value: "GBP",
-		label: "GBP — British Pound"
-	},
-	{
-		value: "INR",
-		label: "INR — Indian Rupee"
-	},
-	{
-		value: "CAD",
-		label: "CAD — Canadian Dollar"
-	},
-	{
-		value: "AUD",
-		label: "AUD — Australian Dollar"
-	},
-	{
-		value: "SGD",
-		label: "SGD — Singapore Dollar"
-	},
-	{
-		value: "JPY",
-		label: "JPY — Japanese Yen"
-	}
-], We = {
+}], tt = {
 	NODE: [
 		{
 			value: "node",
@@ -1545,30 +2276,27 @@ var De = [
 			label: "Plugin"
 		}
 	]
-}, Ge = {
+}, nt = {
 	NODE: "node",
 	WORKFLOW: "workflow",
 	APP: "app"
 };
-function Ke(e) {
-	let t = e.manifest ?? {}, n = t.identity ?? {}, r = (t.digital ?? {}).install ?? {}, i = t.compatibility ?? {}, a = Array.isArray(t.permissions) ? t.permissions : [], o = e.pricingDetails ?? {}, s = Array.isArray(e.screenshots) ? e.screenshots.join("\n") : "";
+function rt(e) {
+	let t = e.manifest ?? {}, n = t.identity ?? {}, r = (t.digital ?? {}).install ?? {}, i = t.compatibility ?? {}, a = Array.isArray(t.permissions) ? t.permissions : [], o = Array.isArray(e.screenshots) ? e.screenshots.join("\n") : "";
 	return {
 		iconUrl: e.iconUrl ?? "",
 		bannerUrl: e.bannerUrl ?? "",
 		videoUrl: e.videoUrl ?? "",
 		shortDescription: e.shortDescription ?? "",
 		description: e.description ?? "",
-		screenshotsText: s,
+		screenshotsText: o,
 		websiteUrl: e.websiteUrl ?? "",
 		documentationUrl: e.documentationUrl ?? "",
 		githubUrl: e.githubUrl ?? "",
 		supportUrl: e.supportUrl ?? "",
 		privacyPolicyUrl: e.privacyPolicyUrl ?? "",
 		termsOfServiceUrl: e.termsOfServiceUrl ?? "",
-		pricingType: e.pricingType ?? "",
-		price: typeof o.price == "number" ? String(o.price) : "",
-		currency: typeof o.currency == "string" ? o.currency : "",
-		manifestItemType: typeof t.itemType == "string" ? t.itemType : Ge[e.appType] ?? "",
+		manifestItemType: typeof t.itemType == "string" ? t.itemType : nt[e.appType] ?? "",
 		manifestDisplayName: typeof n.displayName == "string" ? n.displayName : e.name ?? "",
 		manifestVersion: typeof n.version == "string" ? n.version : "",
 		manifestInstallType: typeof r.type == "string" ? r.type : "zip",
@@ -1579,25 +2307,25 @@ function Ke(e) {
 		manifestJsonContent: typeof t.jsonContent == "string" ? t.jsonContent : typeof t.content == "string" ? t.content : ""
 	};
 }
-var qe = ({ app: n, versionCount: r = 0 }) => {
-	let i = ye(), { workspacesGatewayUrl: a, authToken: o, workspaceId: s, getWorkspaceToken: c } = e(), { t: l } = P(), u = (e, t) => {
-		let n = l(e);
+var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i = !1, onNavigateToVersions: a, onNavigateToPricing: o, onNavigateToSubmission: s }) => {
+	let { workspacesGatewayUrl: c, authToken: l, workspaceId: u, getWorkspaceToken: d } = e(), { t: f } = P(), p = (e, t) => {
+		let n = f(e);
 		return n === e ? t : n;
-	}, d = n.appType === "NODE" || n.appType === "WORKFLOW", f = n.status !== "PUBLISHED" && (!d || r > 0), [m, g] = N(() => Ke(n)), [v, y] = N(!1), b = ae(n);
-	b.current = n;
-	let [x] = h(), [S, { loading: ee }] = p();
-	ie(() => {
-		g(Ke(b.current));
-	}, [n.id]);
-	let w = (e, t) => {
-		g((n) => ({
+	}, [m, h] = N(() => rt(t)), [g, v] = N(!1), b = se(t);
+	b.current = t;
+	let [x] = _();
+	oe(() => {
+		h(rt(b.current));
+	}, [t.id]);
+	let S = (e, t) => {
+		h((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, T = async () => {
-		y(!0);
+	}, C = async () => {
+		v(!0);
 		try {
-			let e = m.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean), t = m.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), r = Ve.has(m.manifestItemType), i = n.manifest ?? {}, a = {
+			let e = m.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean), n = m.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), r = Z.has(m.manifestItemType), i = t.manifest ?? {}, a = {
 				manifestVersion: typeof i.manifestVersion == "string" ? i.manifestVersion : "1.0",
 				itemType: m.manifestItemType || void 0,
 				identity: {
@@ -1608,15 +2336,11 @@ var qe = ({ app: n, versionCount: r = 0 }) => {
 					type: m.manifestInstallType,
 					...m.manifestInstallType === "zip" && m.manifestRegistryUrl ? { url: m.manifestRegistryUrl } : {}
 				} } },
-				permissions: t,
+				permissions: n,
 				compatibility: { minPlatformVersion: m.manifestMinPlatformVersion }
-			}, o = { ...n.pricingDetails ?? {} };
-			if (m.pricingType !== "FREE") {
-				let e = parseFloat(m.price);
-				isNaN(e) || (o.price = e), m.currency && (o.currency = m.currency);
-			}
+			};
 			await x({ variables: {
-				id: n.id,
+				id: t.id,
 				input: {
 					iconUrl: m.iconUrl || null,
 					bannerUrl: m.bannerUrl || null,
@@ -1630,325 +2354,280 @@ var qe = ({ app: n, versionCount: r = 0 }) => {
 					supportUrl: m.supportUrl || null,
 					privacyPolicyUrl: m.privacyPolicyUrl || null,
 					termsOfServiceUrl: m.termsOfServiceUrl || null,
-					pricingType: m.pricingType || null,
-					pricingDetails: Object.keys(o).length > 0 ? o : null,
 					manifest: a
 				}
-			} }), C("success");
+			} }), T("success");
 		} catch {
-			C("error");
+			T("error");
 		} finally {
-			y(!1);
-		}
-	}, k = async () => {
-		try {
-			await S({ variables: { id: n.id } }), C("success");
-		} catch {
-			C("error");
+			v(!1);
 		}
-	}, { upload: te, uploading: ne, progress: re, error: j } = A(a, o, s, c, "/DevPortal/Assets"), { upload: M, uploading: se, progress: F, error: ce } = A(a, o, s, c, "/DevPortal/Assets"), { upload: le, uploading: ue, progress: z, error: de } = A(a, o, s, c, "/DevPortal/Assets"), V = Ve.has(m.manifestItemType), fe = m.pricingType !== "FREE";
-	n.status;
-	let pe = n.status === "SUBMITTED", me = n.status === "PUBLISHED";
-	return /* @__PURE__ */ q("div", {
+	}, { upload: w, uploading: ee, progress: E, error: D } = A(c, l, u, d, "/DevPortal/Assets"), { upload: ne, uploading: re, progress: ie, error: ae } = A(c, l, u, d, "/DevPortal/Assets"), { upload: j, uploading: M, progress: le, error: F } = A(c, l, u, d, "/DevPortal/Assets"), I = Z.has(m.manifestItemType), L = t.status === "SUBMITTED";
+	return /* @__PURE__ */ U("div", {
 		className: "space-y-8 max-w-3xl",
 		children: [
-			me ? /* @__PURE__ */ q("div", {
+			t.status === "PUBLISHED" ? /* @__PURE__ */ U("div", {
 				className: "flex items-start gap-3 rounded-lg border border-success/30 bg-success/10 px-4 py-3",
-				children: [/* @__PURE__ */ K(I, {
+				children: [/* @__PURE__ */ H(ue, {
 					size: 16,
 					className: "text-success mt-0.5 shrink-0"
-				}), /* @__PURE__ */ q("div", {
+				}), /* @__PURE__ */ U("div", {
 					className: "text-sm",
-					children: [/* @__PURE__ */ K("span", {
+					children: [/* @__PURE__ */ H("span", {
 						className: "font-medium text-success",
-						children: u("devportal.storeListing.published", "Published")
-					}), n.publishedAt && /* @__PURE__ */ q("span", {
+						children: p("devportal.storeListing.published", "Published")
+					}), t.publishedAt && /* @__PURE__ */ U("span", {
 						className: "text-text-secondary ml-2",
 						children: [
-							u("devportal.storeListing.since", "since"),
+							p("devportal.storeListing.since", "since"),
 							" ",
-							new Date(n.publishedAt).toLocaleDateString()
+							new Date(t.publishedAt).toLocaleDateString()
 						]
 					})]
 				})]
-			}) : pe ? /* @__PURE__ */ q("div", {
+			}) : L ? /* @__PURE__ */ U("div", {
 				className: "flex items-center justify-between gap-3 rounded-lg border border-primary/30 bg-action-primary-bg/5 px-4 py-3",
-				children: [/* @__PURE__ */ q("div", {
+				children: [/* @__PURE__ */ U("div", {
 					className: "flex items-start gap-3",
-					children: [/* @__PURE__ */ K(L, {
+					children: [/* @__PURE__ */ H(fe, {
 						size: 16,
 						className: "text-primary mt-0.5 shrink-0"
-					}), /* @__PURE__ */ q("div", {
+					}), /* @__PURE__ */ U("div", {
 						className: "text-sm",
 						children: [
-							/* @__PURE__ */ K("span", {
+							/* @__PURE__ */ H("span", {
 								className: "font-medium text-primary",
-								children: u("devportal.storeListing.underReview", "Submitted for review")
+								children: p("devportal.storeListing.underReview", "Submitted for review")
 							}),
-							n.submittedAt && /* @__PURE__ */ K("span", {
+							t.submittedAt && /* @__PURE__ */ H("span", {
 								className: "text-text-secondary ml-2",
-								children: new Date(n.submittedAt).toLocaleDateString()
+								children: new Date(t.submittedAt).toLocaleDateString()
 							}),
-							n.reviewStatus && /* @__PURE__ */ q("span", {
+							t.reviewStatus && /* @__PURE__ */ U("span", {
 								className: "text-text-secondary ml-2",
-								children: ["· ", n.reviewStatus]
+								children: ["· ", t.reviewStatus]
 							})
 						]
 					})]
-				}), /* @__PURE__ */ q("button", {
+				}), s && /* @__PURE__ */ U("button", {
 					type: "button",
-					onClick: () => i(`/apps/${n.id}/store-submission`),
+					onClick: s,
 					className: "shrink-0 text-xs text-primary hover:underline font-medium flex items-center gap-1",
-					children: [u("devportal.viewStatus", "View Status"), /* @__PURE__ */ K(R, { size: 12 })]
+					children: [p("devportal.viewStatus", "View Status"), /* @__PURE__ */ H(R, { size: 12 })]
 				})]
-			}) : /* @__PURE__ */ q("div", {
+			}) : /* @__PURE__ */ U("div", {
 				className: "flex items-start gap-3 rounded-lg border border-warning/30 bg-warning/5 px-4 py-3",
-				children: [/* @__PURE__ */ K(oe, {
+				children: [/* @__PURE__ */ H(ce, {
 					size: 16,
 					className: "text-warning mt-0.5 shrink-0"
-				}), /* @__PURE__ */ q("div", {
+				}), /* @__PURE__ */ U("div", {
 					className: "text-sm",
-					children: [/* @__PURE__ */ K("span", {
+					children: [/* @__PURE__ */ H("span", {
 						className: "font-medium text-warning",
-						children: u("devportal.storeListing.draft", "Draft")
-					}), /* @__PURE__ */ K("span", {
+						children: p("devportal.storeListing.draft", "Draft")
+					}), /* @__PURE__ */ H("span", {
 						className: "text-text-secondary ml-2",
-						children: u("devportal.storeListing.draftHint", "Complete your store listing and submit for review to publish.")
+						children: p("devportal.storeListing.draftHint", "Complete your store listing and submit for review to publish.")
 					})]
 				})]
 			}),
-			/* @__PURE__ */ K(_, {
-				title: u("devportal.package", "Package"),
-				description: u("devportal.packageDescription", "Technical configuration — how FluidGrid installs and runs this item"),
-				children: /* @__PURE__ */ q("div", {
+			/* @__PURE__ */ H(y, {
+				title: p("devportal.package", "Package"),
+				description: p("devportal.packageDescription", "Technical configuration — how FluidGrid installs and runs this item"),
+				children: /* @__PURE__ */ U("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ K(D, {
-							label: u("devportal.storeItemType", "Item Type"),
+						/* @__PURE__ */ H(k, {
+							label: p("devportal.storeItemType", "Item Type"),
 							value: m.manifestItemType,
 							onChange: (e) => {
 								let t = e.target.value;
-								w("manifestItemType", t), Ve.has(t) ? w("manifestInstallType", "json") : m.manifestInstallType === "json" && w("manifestInstallType", "zip");
+								S("manifestItemType", t), Z.has(t) ? S("manifestInstallType", "json") : m.manifestInstallType === "json" && S("manifestInstallType", "zip");
 							},
-							options: We[n.appType] ?? We.APP,
-							placeholder: u("devportal.selectItemType", "Select item type…"),
-							hint: u("devportal.storeItemTypeHint", "Sub-category shown in the marketplace (e.g. Node vs Agent vs Parser)")
+							options: tt[t.appType] ?? tt.APP,
+							placeholder: p("devportal.selectItemType", "Select item type…"),
+							hint: p("devportal.storeItemTypeHint", "Sub-category shown in the marketplace (e.g. Node vs Agent vs Parser)")
 						}),
-						/* @__PURE__ */ K(E, {
-							label: u("devportal.manifestDisplayName", "Display Name"),
+						/* @__PURE__ */ H(O, {
+							label: p("devportal.manifestDisplayName", "Display Name"),
 							value: m.manifestDisplayName,
-							onChange: (e) => w("manifestDisplayName", e.target.value),
+							onChange: (e) => S("manifestDisplayName", e.target.value),
 							placeholder: "My Awesome Node"
 						}),
-						V && n.appType !== "WORKFLOW" && /* @__PURE__ */ K(O, {
-							label: u("devportal.jsonContent", "Template Definition (JSON)"),
+						I && t.appType !== "WORKFLOW" && /* @__PURE__ */ H(te, {
+							label: p("devportal.jsonContent", "Template Definition (JSON)"),
 							value: m.manifestJsonContent,
-							onChange: (e) => w("manifestJsonContent", e.target.value),
+							onChange: (e) => S("manifestJsonContent", e.target.value),
 							rows: 12,
 							placeholder: "{\n  \"nodes\": [],\n  \"edges\": []\n}",
-							hint: u("devportal.jsonContentHint", "Paste the full JSON definition. Stored and applied directly — no zip needed.")
+							hint: p("devportal.jsonContentHint", "Paste the full JSON definition. Stored and applied directly — no zip needed.")
 						}),
-						V && n.appType === "WORKFLOW" && /* @__PURE__ */ q("p", {
+						I && t.appType === "WORKFLOW" && /* @__PURE__ */ U("p", {
 							className: "text-sm text-text-secondary rounded-md bg-bg-sunken px-3 py-2",
 							children: [
 								"The Workflow Definition (JSON) is set per version. Go to the",
 								" ",
-								/* @__PURE__ */ K("strong", { children: "Versions" }),
+								/* @__PURE__ */ H("strong", { children: "Versions" }),
 								" tab to add or update it."
 							]
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ K(_, {
-				title: u("devportal.storePresentation", "Store Presence"),
-				description: u("devportal.storePresentationDescription", "Visual assets and copy shown to users browsing the marketplace"),
-				children: /* @__PURE__ */ q("div", {
+			/* @__PURE__ */ H(y, {
+				title: p("devportal.storePresentation", "Store Presence"),
+				description: p("devportal.storePresentationDescription", "Visual assets and copy shown to users browsing the marketplace"),
+				children: /* @__PURE__ */ U("div", {
 					className: "space-y-5",
 					children: [
-						/* @__PURE__ */ q("div", {
+						/* @__PURE__ */ U("div", {
 							className: "grid gap-5 sm:grid-cols-2",
-							children: [/* @__PURE__ */ K(ze, {
-								label: u("devportal.iconUrl", "Icon"),
+							children: [/* @__PURE__ */ H($e, {
+								label: p("devportal.iconUrl", "Icon"),
 								value: m.iconUrl,
-								onChange: (e) => w("iconUrl", e),
-								hint: u("devportal.iconUrlHint", "Square, 256×256 px recommended"),
+								onChange: (e) => S("iconUrl", e),
+								hint: p("devportal.iconUrlHint", "Shown in marketplace cards and search — square proportions (1:1)"),
 								aspectClass: "aspect-square",
-								upload: te,
-								uploading: ne,
-								progress: re,
-								error: j
-							}), /* @__PURE__ */ K(ze, {
-								label: u("devportal.bannerUrl", "Banner"),
+								upload: w,
+								uploading: ee,
+								progress: E,
+								error: D
+							}), /* @__PURE__ */ H($e, {
+								label: p("devportal.bannerUrl", "Banner"),
 								value: m.bannerUrl,
-								onChange: (e) => w("bannerUrl", e),
-								hint: u("devportal.bannerUrlHint", "1280×640 px recommended"),
-								aspectClass: "aspect-video",
-								upload: M,
-								uploading: se,
-								progress: F,
-								error: ce
+								onChange: (e) => S("bannerUrl", e),
+								hint: p("devportal.bannerUrlHint", "Fills the right panel on the product page — square or portrait works best on all screen sizes (1:1)"),
+								aspectClass: "aspect-square",
+								upload: ne,
+								uploading: re,
+								progress: ie,
+								error: ae
 							})]
 						}),
-						/* @__PURE__ */ K(E, {
-							label: u("devportal.videoUrl", "Demo Video URL"),
+						/* @__PURE__ */ H(O, {
+							label: p("devportal.videoUrl", "Demo Video URL"),
 							value: m.videoUrl,
-							onChange: (e) => w("videoUrl", e.target.value),
+							onChange: (e) => S("videoUrl", e.target.value),
 							placeholder: "https://...",
-							hint: u("devportal.videoUrlHint", "YouTube or Vimeo embed URL")
+							hint: p("devportal.videoUrlHint", "YouTube or Vimeo embed URL")
 						}),
-						/* @__PURE__ */ K(O, {
-							label: u("devportal.shortDescription", "Short Description"),
+						/* @__PURE__ */ H(te, {
+							label: p("devportal.shortDescription", "Short Description"),
 							value: m.shortDescription,
-							onChange: (e) => w("shortDescription", e.target.value),
+							onChange: (e) => S("shortDescription", e.target.value),
 							maxLength: 200,
 							rows: 2,
-							hint: `${m.shortDescription.length}/200 · ${u("devportal.shortDescHint", "Shown in search results and cards")}`
+							hint: `${m.shortDescription.length}/200 · ${p("devportal.shortDescHint", "Shown in search results and cards")}`
 						}),
-						/* @__PURE__ */ K(O, {
-							label: u("devportal.longDescription", "Full Description"),
+						/* @__PURE__ */ H(te, {
+							label: p("devportal.longDescription", "Full Description"),
 							value: m.description,
-							onChange: (e) => w("description", e.target.value),
+							onChange: (e) => S("description", e.target.value),
 							rows: 5,
-							hint: u("devportal.fullDescHint", "Markdown supported")
+							hint: p("devportal.fullDescHint", "Markdown supported")
 						}),
-						/* @__PURE__ */ K(Be, {
+						/* @__PURE__ */ H(X, {
 							urls: m.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean),
-							onChange: (e) => w("screenshotsText", e.join("\n")),
-							upload: le,
-							uploading: ue,
-							progress: z,
-							error: de
+							onChange: (e) => S("screenshotsText", e.join("\n")),
+							upload: j,
+							uploading: M,
+							progress: le,
+							error: F
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ K(_, {
-				title: u("devportal.linksPolicies", "Links & Policies"),
-				description: u("devportal.linksPoliciesDescription", "External resources and legal documents — privacy policy and terms are required for store submission"),
-				children: /* @__PURE__ */ q("div", {
+			/* @__PURE__ */ H(y, {
+				title: p("devportal.linksPolicies", "Links & Policies"),
+				description: p("devportal.linksPoliciesDescription", "External resources and legal documents — privacy policy and terms are required for store submission"),
+				children: /* @__PURE__ */ U("div", {
 					className: "grid gap-4 sm:grid-cols-2",
 					children: [
-						/* @__PURE__ */ K(E, {
-							label: u("devportal.websiteUrl", "Website"),
+						/* @__PURE__ */ H(O, {
+							label: p("devportal.websiteUrl", "Website"),
 							value: m.websiteUrl,
-							onChange: (e) => w("websiteUrl", e.target.value),
+							onChange: (e) => S("websiteUrl", e.target.value),
 							placeholder: "https://..."
 						}),
-						/* @__PURE__ */ K(E, {
-							label: u("devportal.documentationUrl", "Documentation"),
+						/* @__PURE__ */ H(O, {
+							label: p("devportal.documentationUrl", "Documentation"),
 							value: m.documentationUrl,
-							onChange: (e) => w("documentationUrl", e.target.value),
+							onChange: (e) => S("documentationUrl", e.target.value),
 							placeholder: "https://..."
 						}),
-						/* @__PURE__ */ K(E, {
-							label: u("devportal.githubUrl", "GitHub"),
+						/* @__PURE__ */ H(O, {
+							label: p("devportal.githubUrl", "GitHub"),
 							value: m.githubUrl,
-							onChange: (e) => w("githubUrl", e.target.value),
+							onChange: (e) => S("githubUrl", e.target.value),
 							placeholder: "https://github.com/..."
 						}),
-						/* @__PURE__ */ K(E, {
-							label: u("devportal.supportUrl", "Support"),
+						/* @__PURE__ */ H(O, {
+							label: p("devportal.supportUrl", "Support"),
 							value: m.supportUrl,
-							onChange: (e) => w("supportUrl", e.target.value),
+							onChange: (e) => S("supportUrl", e.target.value),
 							placeholder: "https://..."
 						}),
-						/* @__PURE__ */ K(E, {
-							label: `${u("devportal.privacyPolicyUrl", "Privacy Policy")} *`,
+						/* @__PURE__ */ H(O, {
+							label: `${p("devportal.privacyPolicyUrl", "Privacy Policy")} *`,
 							value: m.privacyPolicyUrl,
-							onChange: (e) => w("privacyPolicyUrl", e.target.value),
+							onChange: (e) => S("privacyPolicyUrl", e.target.value),
 							placeholder: "https://...",
-							hint: u("devportal.requiredForStore", "Required for store submission")
+							hint: p("devportal.requiredForStore", "Required for store submission")
 						}),
-						/* @__PURE__ */ K(E, {
-							label: `${u("devportal.termsOfServiceUrl", "Terms of Service")} *`,
+						/* @__PURE__ */ H(O, {
+							label: `${p("devportal.termsOfServiceUrl", "Terms of Service")} *`,
 							value: m.termsOfServiceUrl,
-							onChange: (e) => w("termsOfServiceUrl", e.target.value),
+							onChange: (e) => S("termsOfServiceUrl", e.target.value),
 							placeholder: "https://...",
-							hint: u("devportal.requiredForStore", "Required for store submission")
+							hint: p("devportal.requiredForStore", "Required for store submission")
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ K(_, {
-				title: u("devportal.pricing", "Pricing"),
-				description: u("devportal.pricingDescription", "How this item is priced in the marketplace"),
-				children: /* @__PURE__ */ q("div", {
-					className: "space-y-4",
-					children: [/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("label", {
-						className: "mb-2 block text-sm font-medium",
-						children: u("devportal.pricingType", "Pricing Type")
-					}), /* @__PURE__ */ K("div", {
-						className: "flex flex-wrap gap-2",
-						children: He.map((e) => /* @__PURE__ */ K("button", {
-							type: "button",
-							onClick: () => w("pricingType", e.value),
-							className: t("rounded-md border px-3 py-1.5 text-sm font-medium transition-colors", m.pricingType === e.value ? "bg-action-primary-bg text-action-primary-text border-primary" : "hover:bg-bg-sunken"),
-							children: e.label
-						}, e.value))
-					})] }), fe && /* @__PURE__ */ q("div", {
-						className: "grid gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ K(E, {
-							label: u("devportal.price", "Price"),
-							type: "number",
-							value: m.price,
-							onChange: (e) => w("price", e.target.value),
-							placeholder: "0.00"
-						}), /* @__PURE__ */ K(D, {
-							label: u("devportal.currency", "Currency"),
-							value: m.currency,
-							onChange: (e) => w("currency", e.target.value),
-							options: Ue,
-							placeholder: u("devportal.selectCurrency", "Select currency…")
-						})]
-					})]
-				})
-			}),
-			/* @__PURE__ */ q("div", {
-				className: "border-t pt-6 flex items-center gap-3 flex-wrap",
-				children: [/* @__PURE__ */ K("button", {
-					type: "button",
-					onClick: T,
-					disabled: v,
-					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 transition-colors disabled:opacity-50",
-					children: v ? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(B, {
-						size: 16,
-						className: "animate-spin"
-					}), u("devportal.saving", "Saving…")] }) : /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(he, { size: 16 }), u("devportal.saveStoreListing", "Save Store Listing")] })
-				}), !me && /* @__PURE__ */ q("div", {
-					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ K("button", {
+			/* @__PURE__ */ U("div", {
+				className: "border-t pt-6 flex flex-wrap items-center gap-3",
+				children: [
+					/* @__PURE__ */ H("button", {
 						type: "button",
-						onClick: () => void k(),
-						disabled: ee || v || !f,
-						className: "inline-flex items-center gap-2 rounded-md border border-primary px-4 py-2 text-sm font-medium text-primary hover:bg-action-primary-bg/5 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-						children: ee ? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(B, {
+						onClick: C,
+						disabled: g,
+						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 transition-colors disabled:opacity-50",
+						children: g ? /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(z, {
 							size: 16,
 							className: "animate-spin"
-						}), u("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(I, { size: 16 }), pe ? u("devportal.resubmitForReview", "Resubmit for Review") : u("devportal.submitForReview", "Submit for Review")] })
-					}), !f && d && /* @__PURE__ */ K("p", {
-						className: "text-xs text-text-secondary",
-						children: u("devportal.versionRequiredHint", "At least one version is required before submitting for review.")
-					})]
-				})]
+						}), p("devportal.saving", "Saving…")] }) : /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(Te, { size: 16 }), p("devportal.saveStoreListing", "Save Store Listing")] })
+					}),
+					r && n === 0 && a && /* @__PURE__ */ U("button", {
+						type: "button",
+						onClick: a,
+						className: "inline-flex items-center gap-1.5 text-sm font-medium text-primary hover:underline underline-offset-2",
+						children: [p("devportal.nextUploadVersion", "Next: Upload a Version"), /* @__PURE__ */ H(de, { size: 15 })]
+					}),
+					(!r || n > 0) && !i && o && /* @__PURE__ */ U("button", {
+						type: "button",
+						onClick: o,
+						className: "inline-flex items-center gap-1.5 text-sm font-medium text-primary hover:underline underline-offset-2",
+						children: [p("devportal.nextSetPricing", "Next: Set Pricing"), /* @__PURE__ */ H(de, { size: 15 })]
+					})
+				]
 			})
 		]
 	});
 }, Q = ({ label: e, value: n, trend: r }) => {
 	let { t: i } = P();
-	return /* @__PURE__ */ q(J, {
+	return /* @__PURE__ */ U(Pe, {
 		treatment: "metric",
 		className: "p-4",
 		children: [
-			/* @__PURE__ */ K("p", {
+			/* @__PURE__ */ H("p", {
 				className: "text-sm text-text-secondary",
 				children: e
 			}),
-			/* @__PURE__ */ K("p", {
+			/* @__PURE__ */ H("p", {
 				className: "text-2xl font-bold tabular-nums",
 				children: n
 			}),
-			r !== void 0 && /* @__PURE__ */ q("p", {
+			r !== void 0 && /* @__PURE__ */ U("p", {
 				className: t("text-xs mt-1 tabular-nums", r > 0 ? "text-status-success-text" : r < 0 ? "text-status-error-text" : "text-text-secondary"),
 				children: [
 					r > 0 ? "+" : "",
@@ -1962,13 +2641,13 @@ var qe = ({ app: n, versionCount: r = 0 }) => {
 			})
 		]
 	});
-}, $ = ({ label: e, url: t }) => /* @__PURE__ */ q("a", {
+}, $ = ({ label: e, url: t }) => /* @__PURE__ */ U("a", {
 	href: t,
 	target: "_blank",
 	rel: "noopener noreferrer",
 	className: "flex items-center gap-2 text-sm text-primary hover:underline",
-	children: [/* @__PURE__ */ K(R, { size: 14 }), e]
-}), Je = [
+	children: [/* @__PURE__ */ H(R, { size: 14 }), e]
+}), at = [
 	{
 		id: "auth",
 		label: "Authentication",
@@ -2040,14 +2719,14 @@ var qe = ({ app: n, versionCount: r = 0 }) => {
 		description: "Access control configuration"
 	}
 ];
-function Ye(e) {
-	let t = Object.fromEntries(Je.map((e) => [e.id, "none"]));
+function ot(e) {
+	let t = Object.fromEntries(at.map((e) => [e.id, "none"]));
 	if (!e || !Array.isArray(e.permissions)) return t;
 	for (let n of e.permissions) n.resource in t && (t[n.resource] = n.level === "write" ? "write" : "read");
 	return t;
 }
-var Xe = ({ app: e }) => {
-	let t = e.manifest ?? {}, [n, r] = N(() => Ye(t)), [i, a] = N(!1), [o, s] = N(!1), [c] = h(), l = (e, t) => {
+var st = ({ app: e }) => {
+	let t = e.manifest ?? {}, [n, r] = N(() => ot(t)), [i, a] = N(!1), [o, s] = N(!1), [c] = _(), l = (e, t) => {
 		s(!1), r((n) => ({
 			...n,
 			[e]: t
@@ -2078,41 +2757,41 @@ var Xe = ({ app: e }) => {
 		"read",
 		"write"
 	];
-	return /* @__PURE__ */ K(_, {
+	return /* @__PURE__ */ H(y, {
 		title: "Permissions",
 		description: "Define what platform data this app can request access to. Users see these when authorizing the app.",
-		children: /* @__PURE__ */ q("div", {
+		children: /* @__PURE__ */ U("div", {
 			className: "space-y-4",
 			children: [
-				/* @__PURE__ */ K("div", {
+				/* @__PURE__ */ H("div", {
 					className: "overflow-x-auto rounded-lg border border-border-subtle",
-					children: /* @__PURE__ */ q("table", {
+					children: /* @__PURE__ */ U("table", {
 						className: "w-full text-sm",
-						children: [/* @__PURE__ */ K("thead", { children: /* @__PURE__ */ q("tr", {
+						children: [/* @__PURE__ */ H("thead", { children: /* @__PURE__ */ U("tr", {
 							className: "border-b border-border-subtle bg-bg-sunken/50",
-							children: [/* @__PURE__ */ K("th", {
+							children: [/* @__PURE__ */ H("th", {
 								className: "px-4 py-3 text-left font-medium text-text-secondary w-1/2",
 								children: "Resource"
-							}), f.map((e) => /* @__PURE__ */ K("th", {
+							}), f.map((e) => /* @__PURE__ */ H("th", {
 								className: "px-4 py-3 text-center font-medium text-text-secondary",
 								children: d[e]
 							}, e))]
-						}) }), /* @__PURE__ */ K("tbody", {
+						}) }), /* @__PURE__ */ H("tbody", {
 							className: "divide-y divide-border",
-							children: Je.map((e) => /* @__PURE__ */ q("tr", {
+							children: at.map((e) => /* @__PURE__ */ U("tr", {
 								className: "hover:bg-bg-sunken/30 transition-colors",
-								children: [/* @__PURE__ */ q("td", {
+								children: [/* @__PURE__ */ U("td", {
 									className: "px-4 py-3",
-									children: [/* @__PURE__ */ K("p", {
+									children: [/* @__PURE__ */ H("p", {
 										className: "font-medium text-text-primary",
 										children: e.label
-									}), /* @__PURE__ */ K("p", {
+									}), /* @__PURE__ */ H("p", {
 										className: "text-xs text-text-secondary",
 										children: e.description
 									})]
-								}), f.map((t) => /* @__PURE__ */ K("td", {
+								}), f.map((t) => /* @__PURE__ */ H("td", {
 									className: "px-4 py-3 text-center",
-									children: /* @__PURE__ */ K("input", {
+									children: /* @__PURE__ */ H("input", {
 										type: "radio",
 										name: `perm-${e.id}`,
 										value: t,
@@ -2125,27 +2804,27 @@ var Xe = ({ app: e }) => {
 						})]
 					})
 				}),
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ U("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-3 flex gap-2 text-xs text-text-secondary",
-					children: [/* @__PURE__ */ K(ue, {
+					children: [/* @__PURE__ */ H(ge, {
 						size: 14,
 						className: "flex-shrink-0 mt-0.5"
-					}), /* @__PURE__ */ q("span", { children: [/* @__PURE__ */ K("strong", { children: "Read & Write" }), " implies Read. Request only what your app genuinely needs — fewer permissions build more user trust."] })]
+					}), /* @__PURE__ */ U("span", { children: [/* @__PURE__ */ H("strong", { children: "Read & Write" }), " implies Read. Request only what your app genuinely needs — fewer permissions build more user trust."] })]
 				}),
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ U("div", {
 					className: "flex items-center justify-end gap-3",
-					children: [o && /* @__PURE__ */ q("span", {
+					children: [o && /* @__PURE__ */ U("span", {
 						className: "flex items-center gap-1.5 text-sm text-status-success-text",
-						children: [/* @__PURE__ */ K(I, { size: 14 }), "Saved"]
-					}), /* @__PURE__ */ q("button", {
+						children: [/* @__PURE__ */ H(ue, { size: 14 }), "Saved"]
+					}), /* @__PURE__ */ U("button", {
 						type: "button",
 						onClick: () => void u(),
 						disabled: i,
 						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 transition-colors disabled:opacity-50",
-						children: [i ? /* @__PURE__ */ K(B, {
+						children: [i ? /* @__PURE__ */ H(z, {
 							size: 14,
 							className: "animate-spin"
-						}) : /* @__PURE__ */ K(H, { size: 14 }), "Save Permissions"]
+						}) : /* @__PURE__ */ H(we, { size: 14 }), "Save Permissions"]
 					})]
 				})
 			]
@@ -2153,6 +2832,6 @@ var Xe = ({ app: e }) => {
 	});
 };
 //#endregion
-export { X as ApplicationDetailPage };
+export { Ve as ApplicationDetailPage };
 
 //# sourceMappingURL=ApplicationDetailPage.js.map