@burdenoff/microfe-devportal 2026.703.1 → 2026.703.2

package/dist/devportal/pages/ApplicationDetailPage.js

@@ -16,9 +16,9 @@ import { GrantDelegationModal as re } from "../components/GrantDelegationModal.j
 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 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 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 z, Loader2 as B, MoreHorizontal as _e, Package as ve, Plus as V, Power as ye, RefreshCw as be, SendHorizontal as xe, Shield as H, Store as Se, TrendingUp as Ce, Upload as U, Users as we, Wallet as Te, Webhook as Ee, X as De, XCircle as Oe } from "lucide-react";
+import { useCallback as j, useEffect as oe, useMemo as M, useRef as N, useState as P } from "react";
+import { useI18n as F } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as se, AppWindow as ce, BarChart3 as I, Check as L, CheckCircle as le, ChevronRight as ue, CircleDollarSign as R, Clock as de, Edit as fe, ExternalLink as z, FlaskConical as pe, Gift as me, Info as he, Key as B, Loader2 as V, MoreHorizontal as ge, Package as _e, Plus as H, Power as ve, RefreshCw as ye, SendHorizontal as be, Shield as xe, Store as Se, TrendingUp as Ce, Upload as U, Users as we, Wallet as Te, Webhook as Ee, X as De, XCircle as Oe } from "lucide-react";
 import { useParams as ke } from "react-router-dom";
 import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
 import { CTAOverflowMenu as Ae, EmphasisPanel as je, GlassCard as Me } from "@burdenoff/fe-libs/ui";
@@ -139,12 +139,12 @@ var Ie = [
 	{
 		id: "overview",
 		label: "Overview",
-		icon: le
+		icon: ce
 	},
 	{
 		id: "analytics",
 		label: "Analytics",
-		icon: F
+		icon: I
 	},
 	{
 		id: "store-listing",
@@ -154,17 +154,17 @@ var Ie = [
 	{
 		id: "versions",
 		label: "Versions",
-		icon: ve
+		icon: _e
 	},
 	{
 		id: "pricing",
 		label: "Pricing",
-		icon: L
+		icon: R
 	},
 	{
 		id: "permissions",
 		label: "Permissions",
-		icon: H
+		icon: xe
 	},
 	{
 		id: "webhooks",
@@ -179,7 +179,7 @@ var Ie = [
 	{
 		id: "playground",
 		label: "API Playground",
-		icon: R
+		icon: z
 	}
 ], Le = {
 	ACTIVE: "bg-status-success-bg-subtle text-status-success-text",
@@ -187,7 +187,7 @@ var Ie = [
 	EXPIRED: "bg-bg-sunken text-text-secondary"
 }, Re = ({ message: e = "Loading..." }) => /* @__PURE__ */ K("div", {
 	className: "flex items-center justify-center gap-3 py-12",
-	children: [/* @__PURE__ */ G(B, {
+	children: [/* @__PURE__ */ G(V, {
 		size: 20,
 		className: "animate-spin text-text-secondary"
 	}), /* @__PURE__ */ G("p", {
@@ -196,7 +196,7 @@ var Ie = [
 	})]
 }), ze = ({ message: e }) => /* @__PURE__ */ K("div", {
 	className: "flex flex-col items-center justify-center gap-2 py-12 text-center",
-	children: [/* @__PURE__ */ G(ce, {
+	children: [/* @__PURE__ */ G(se, {
 		size: 32,
 		className: "text-status-error-text"
 	}), /* @__PURE__ */ G("p", {
@@ -204,13 +204,13 @@ var Ie = [
 		children: e
 	})]
 }), Be = () => {
-	let { navigate: i, basePath: o, workspaceId: c } = e(), { t: u } = P(), p = (e, t) => {
+	let { navigate: i, basePath: o, workspaceId: c } = e(), { t: u } = F(), p = (e, t) => {
 		let n = u(e);
 		return n === e ? t : n;
-	}, { allowed: _ } = ae(ie.APP_UPDATE), { allowed: y } = ae(ie.APP_DELETE), { appId: w } = ke(), [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({
+	}, { allowed: _ } = ae(ie.APP_UPDATE), { allowed: y } = ae(ie.APP_DELETE), { appId: w } = ke(), [E, D] = P("overview"), [O, k] = P(!1), [te, A] = P(!1), [oe, M] = P(null), [N, I] = P(!1), { data: R, loading: z, error: me, refetch: he } = s({
 		variables: { id: w },
 		skip: !w
-	}), [z, { loading: _e }] = m(), [ve, { loading: V }] = a(), [H, { loading: Ce }] = h(), [U, { loading: we }] = f(), [Te, { loading: Ee }] = g(), { data: De, refetch: je } = d({
+	}), [B, { loading: ge }] = m(), [_e, { loading: H }] = a(), [xe, { loading: Ce }] = h(), [U, { loading: we }] = f(), [Te, { loading: Ee }] = g(), { data: De, refetch: je } = d({
 		variables: {
 			applicationId: w,
 			workspaceId: c ?? void 0
@@ -218,24 +218,24 @@ var Ie = [
 		skip: !c || !w,
 		fetchPolicy: "cache-and-network"
 	}), Me = De?.appInstallations?.edges?.[0]?.node ?? null, { data: Pe } = l({
-		variables: { id: L?.application?.developerOrganizationId ?? "" },
-		skip: !L?.application?.developerOrganizationId,
+		variables: { id: R?.application?.developerOrganizationId ?? "" },
+		skip: !R?.application?.developerOrganizationId,
 		fetchPolicy: "cache-first"
 	}), q = j((e) => {
 		i?.(`${o}${e}`);
 	}, [i, o]), Fe = j(async () => {
-		let e = L?.application?.appId;
+		let e = R?.application?.appId;
 		if (e) try {
-			let t = (await z({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
+			let t = (await B({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
 			t && M(t), k(!1);
 		} catch {}
-	}, [L?.application?.appId, z]), Le = j(async () => {
+	}, [R?.application?.appId, B]), Le = j(async () => {
 		if (w) try {
-			await ve({ variables: { id: w } }), A(!1), q("/apps");
+			await _e({ variables: { id: w } }), A(!1), q("/apps");
 		} catch {}
 	}, [
 		w,
-		ve,
+		_e,
 		q
 	]), Re = j(async () => {
 		if (!(!w || !c)) try {
@@ -261,26 +261,26 @@ var Ie = [
 		}
 	}, [Te, je]), Be = j(async () => {
 		if (w) try {
-			await H({ variables: { id: w } }), T("success");
+			await xe({ variables: { id: w } }), T("success");
 		} catch (e) {
 			console.error("[DevPortal] Submit failed:", e), T("error");
 		} finally {
-			ge();
+			he();
 		}
 	}, [
 		w,
-		H,
-		ge
+		xe,
+		he
 	]);
-	if (R && !L) return /* @__PURE__ */ G(n, { message: p("devportal.loadingApplication", "Loading application...") });
-	if (he) return /* @__PURE__ */ G(v, {
+	if (z && !R) return /* @__PURE__ */ G(n, { message: p("devportal.loadingApplication", "Loading application...") });
+	if (me) return /* @__PURE__ */ G(v, {
 		title: p("devportal.error", "Error"),
 		backLink: `${o}/apps`,
 		backLabel: p("devportal.backToApplications", "Back to Applications"),
 		children: /* @__PURE__ */ K("div", {
 			className: "flex flex-col items-center justify-center py-12 text-center",
 			children: [
-				/* @__PURE__ */ G(ce, {
+				/* @__PURE__ */ G(se, {
 					size: 48,
 					className: "text-status-error-text mb-4"
 				}),
@@ -290,27 +290,27 @@ var Ie = [
 				}),
 				/* @__PURE__ */ G("p", {
 					className: "text-sm text-text-secondary",
-					children: he.message
+					children: me.message
 				})
 			]
 		})
 	});
-	let J = Ne(L?.application);
+	let J = Ne(R?.application);
 	if (!J) return /* @__PURE__ */ G(v, {
 		title: p("devportal.notFound", "Not Found"),
 		backLink: `${o}/apps`,
 		backLabel: p("devportal.backToApplications", "Back to Applications"),
 		children: /* @__PURE__ */ G(r, {
 			illustration: "empty-generic",
-			icon: /* @__PURE__ */ G(le, { size: 48 }),
+			icon: /* @__PURE__ */ G(ce, { 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 Y = J.appType === "NODE" || J.appType === "WORKFLOW", Ve = L?.application?.versions?.totalCount ?? 0, Je = J.pricingType === "PAID", Ye = Pe?.developerOrganization, Xe = Ye?.platformFeeRate ?? .3, Ze = !!Ye?.billingAccountId, $e = J.pricingDetails ?? {}, X = J.pricingType === "FREE" || J.pricingType === "PAID" && typeof $e.price == "number" && $e.price > 0, Z = !!J.description?.trim() && !!J.category && !!J.iconUrl && (J.visibility === "PUBLIC" || J.visibility === "UNLISTED") && (!Y || Ve > 0) && (!Je || Ze) && X, et = Z && J.status !== "PUBLISHED" && J.status !== "SUBMITTED", tt = [
+	let Y = J.appType === "NODE" || J.appType === "WORKFLOW", Ve = R?.application?.versions?.totalCount ?? 0, Je = J.pricingType === "PAID", Ye = Pe?.developerOrganization, Xe = Ye?.platformFeeRate ?? .3, Ze = !!Ye?.billingAccountId, $e = J.pricingDetails ?? {}, X = J.pricingType === "FREE" || J.pricingType === "PAID" && typeof $e.price == "number" && $e.price > 0, Z = !!J.description?.trim() && !!J.category && !!J.iconUrl && (J.visibility === "PUBLIC" || J.visibility === "UNLISTED") && (!Y || Ve > 0) && (!Je || Ze) && X, et = Z && J.status !== "PUBLISHED" && J.status !== "SUBMITTED", tt = [
 		...Y ? [] : [{
 			label: p("devportal.rotateSecret", "Rotate Secret"),
-			icon: /* @__PURE__ */ G(be, { size: 16 }),
+			icon: /* @__PURE__ */ G(ye, { size: 16 }),
 			disabled: !J.appId,
 			onSelect: () => k(!0)
 		}],
@@ -321,13 +321,13 @@ var Ie = [
 			onSelect: () => void ze(Me.id)
 		}] : [{
 			label: p("devportal.testInWorkspace", "Test in Workspace"),
-			icon: /* @__PURE__ */ G(me, { size: 16 }),
+			icon: /* @__PURE__ */ G(pe, { size: 16 }),
 			disabled: we || !c,
 			onSelect: () => void Re()
 		}],
 		{
 			label: p("devportal.deactivate", "Deactivate"),
-			icon: /* @__PURE__ */ G(ye, { size: 16 }),
+			icon: /* @__PURE__ */ G(ve, { size: 16 }),
 			intent: "destructive",
 			disabled: !y,
 			onSelect: () => A(!0)
@@ -343,7 +343,7 @@ var Ie = [
 			className: "flex items-center gap-2",
 			children: [J.status === "SUBMITTED" ? /* @__PURE__ */ K("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__ */ G(fe, { size: 13 }), p("devportal.underReview", "Under Review")]
+				children: [/* @__PURE__ */ G(de, { size: 13 }), p("devportal.underReview", "Under Review")]
 			}) : J.status === "PUBLISHED" ? null : /* @__PURE__ */ G("button", {
 				type: "button",
 				onClick: () => void Be(),
@@ -358,14 +358,14 @@ var Ie = [
 					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 && !Ce ? "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: Ce ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(B, {
+				children: Ce ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(V, {
 					size: 15,
 					className: "animate-spin"
-				}), p("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(xe, { size: 15 }), p("devportal.submitForReview", "Submit for Review")] })
+				}), p("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(be, { size: 15 }), p("devportal.submitForReview", "Submit for Review")] })
 			}), /* @__PURE__ */ G(Ae, {
 				primary: {
 					label: p("devportal.editApp", "Edit App"),
-					icon: /* @__PURE__ */ G(pe, { size: 16 }),
+					icon: /* @__PURE__ */ G(fe, { size: 16 }),
 					disabled: !_,
 					onSelect: () => q(`/apps/${J.id}/edit`)
 				},
@@ -400,7 +400,7 @@ var Ie = [
 			}),
 			J.status === "SUBMITTED" && /* @__PURE__ */ K("div", {
 				className: "flex items-start gap-3 rounded-lg border border-border-subtle bg-status-warning-bg-subtle p-4",
-				children: [/* @__PURE__ */ G(fe, {
+				children: [/* @__PURE__ */ G(de, {
 					size: 18,
 					className: "text-status-warning-text mt-0.5 flex-shrink-0"
 				}), /* @__PURE__ */ K("div", {
@@ -448,7 +448,7 @@ var Ie = [
 			}),
 			J.status === "PUBLISHED" && /* @__PURE__ */ K("div", {
 				className: "flex items-start gap-3 rounded-lg border border-status-success-bg bg-status-success-bg-subtle p-4",
-				children: [/* @__PURE__ */ G(ue, {
+				children: [/* @__PURE__ */ G(le, {
 					size: 18,
 					className: "text-status-success-text mt-0.5 flex-shrink-0"
 				}), /* @__PURE__ */ K("div", {
@@ -535,7 +535,7 @@ var Ie = [
 							children: [
 								/* @__PURE__ */ G("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__ */ G(I, { size: 13 }) : n + 1
+									children: e.done ? /* @__PURE__ */ G(L, { size: 13 }) : n + 1
 								}),
 								/* @__PURE__ */ K("div", {
 									className: "flex-1 min-w-0",
@@ -547,7 +547,7 @@ var Ie = [
 										children: e.hint
 									})]
 								}),
-								e.onClick && !e.done && /* @__PURE__ */ G(de, {
+								e.onClick && !e.done && /* @__PURE__ */ G(ue, {
 									size: 16,
 									className: "flex-shrink-0 text-text-secondary"
 								})
@@ -592,14 +592,14 @@ var Ie = [
 					E === "delegations" && /* @__PURE__ */ G(Ge, {
 						authAppId: J.appId || void 0,
 						appName: J.name,
-						onGrantDelegation: () => F(!0),
+						onGrantDelegation: () => I(!0),
 						onNavigate: q
 					}),
 					E === "analytics" && /* @__PURE__ */ G(Ke, { appId: J.id }),
 					E === "playground" && /* @__PURE__ */ G(Qe, { app: J }),
 					E === "store-listing" && /* @__PURE__ */ G(it, {
 						app: J,
-						versionCount: L?.application?.versions?.totalCount ?? 0,
+						versionCount: R?.application?.versions?.totalCount ?? 0,
 						isPackageApp: Y,
 						pricingDone: X,
 						onNavigateToVersions: Y ? () => D("versions") : void 0,
@@ -630,7 +630,7 @@ var Ie = [
 				confirmLabel: p("devportal.rotateSecret", "Rotate Secret"),
 				cancelLabel: p("devportal.cancel", "Cancel"),
 				variant: "warning",
-				loading: _e
+				loading: ge
 			}),
 			/* @__PURE__ */ G(ne, {
 				open: te,
@@ -641,28 +641,28 @@ var Ie = [
 				confirmLabel: p("devportal.deactivate", "Deactivate"),
 				cancelLabel: p("devportal.cancel", "Cancel"),
 				variant: "destructive",
-				loading: V
+				loading: H
 			}),
 			/* @__PURE__ */ G(re, {
-				open: se,
-				onOpenChange: F,
+				open: N,
+				onOpenChange: I,
 				appId: J.appId || "",
 				appName: J.name,
 				appScopes: J.scopes?.map((e) => e.scope) ?? [],
 				onSuccess: () => {
-					F(!1);
+					I(!1);
 				}
 			})
 		]
 	});
 }, J = .01, Y = (e) => e * J, Ve = (e) => Math.round(e / J), He = ({ app: e, platformFeeRate: n, billingAccountLinked: r, onNavigateToRevenue: i, isReadyToSubmit: a = !1 }) => {
-	let { t: o } = P(), s = (e, t) => {
+	let { t: o } = F(), s = (e, t) => {
 		let n = o(e);
 		return n === e ? t : n;
-	}, c = e.pricingDetails ?? {}, [l, u] = N({
+	}, c = e.pricingDetails ?? {}, [l, u] = P({
 		pricingType: e.pricingType ?? "FREE",
 		price: typeof c.price == "number" ? String(c.price) : ""
-	}), [d, f] = N(!1), [p] = _(), m = se(e);
+	}), [d, f] = P(!1), [p] = _(), m = N(e);
 	m.current = e, oe(() => {
 		let e = m.current.pricingDetails ?? {};
 		u({
@@ -704,7 +704,7 @@ var Ie = [
 		children: [
 			/* @__PURE__ */ K("div", {
 				className: "flex items-start gap-3 rounded-lg border border-border-subtle bg-bg-sunken px-4 py-3",
-				children: [/* @__PURE__ */ G(L, {
+				children: [/* @__PURE__ */ G(R, {
 					size: 16,
 					className: "mt-0.5 shrink-0 text-primary"
 				}), /* @__PURE__ */ K("p", {
@@ -806,7 +806,7 @@ var Ie = [
 							className: "rounded-xl border border-border-subtle bg-bg-surface p-5 space-y-3",
 							children: [/* @__PURE__ */ G("div", {
 								className: "flex h-9 w-9 items-center justify-center rounded-lg bg-status-warning-bg-subtle",
-								children: /* @__PURE__ */ G(he, {
+								children: /* @__PURE__ */ G(me, {
 									size: 18,
 									className: "text-status-warning-text"
 								})
@@ -1001,7 +1001,7 @@ var Ie = [
 							}),
 							!r && /* @__PURE__ */ K("div", {
 								className: "flex items-start gap-3 rounded-lg border border-status-warning-bg bg-status-warning-bg-subtle p-4",
-								children: [/* @__PURE__ */ G(ce, {
+								children: [/* @__PURE__ */ G(se, {
 									size: 16,
 									className: "mt-0.5 shrink-0 text-status-warning-text"
 								}), /* @__PURE__ */ K("div", {
@@ -1038,7 +1038,7 @@ var Ie = [
 					children: [
 						/* @__PURE__ */ K("li", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ G(I, {
+							children: [/* @__PURE__ */ G(L, {
 								size: 14,
 								className: "mt-0.5 shrink-0 text-status-success-text"
 							}), /* @__PURE__ */ K("span", { children: [
@@ -1056,21 +1056,21 @@ var Ie = [
 						}),
 						/* @__PURE__ */ K("li", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ G(I, {
+							children: [/* @__PURE__ */ G(L, {
 								size: 14,
 								className: "mt-0.5 shrink-0 text-status-success-text"
 							}), /* @__PURE__ */ G("span", { children: "All prices are in platform credits. The USD equivalent is indicative only and may vary with the current credit rate." })]
 						}),
 						/* @__PURE__ */ K("li", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ G(I, {
+							children: [/* @__PURE__ */ G(L, {
 								size: 14,
 								className: "mt-0.5 shrink-0 text-status-success-text"
 							}), /* @__PURE__ */ G("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__ */ K("li", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ G(I, {
+							children: [/* @__PURE__ */ G(L, {
 								size: 14,
 								className: "mt-0.5 shrink-0 text-status-success-text"
 							}), /* @__PURE__ */ K("span", { children: [
@@ -1097,13 +1097,13 @@ var Ie = [
 					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__ */ K(W, { children: [/* @__PURE__ */ G(B, {
+					children: d ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(V, {
 						size: 16,
 						className: "animate-spin"
-					}), s("devportal.saving", "Saving…")] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(L, { size: 16 }), s("devportal.savePricing", "Save Pricing")] })
+					}), s("devportal.saving", "Saving…")] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(R, { size: 16 }), s("devportal.savePricing", "Save Pricing")] })
 				}), a && /* @__PURE__ */ K("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__ */ G(I, {
+					children: [/* @__PURE__ */ G(L, {
 						size: 16,
 						className: "mt-0.5 shrink-0 text-status-success-text"
 					}), /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
@@ -1118,7 +1118,7 @@ var Ie = [
 		]
 	});
 }, Ue = ({ appId: e, onNavigate: n, pricingDone: i = !1, onNavigateToPricing: a }) => {
-	let { t: o } = P(), s = (e, t) => {
+	let { t: o } = F(), s = (e, t) => {
 		let n = o(e);
 		return n === e ? t : n;
 	}, { data: l, loading: u, error: d } = c({
@@ -1236,7 +1236,7 @@ var Ie = [
 				})
 			}) : /* @__PURE__ */ G(r, {
 				illustration: "empty-generic",
-				icon: /* @__PURE__ */ G(ve, { size: 32 }),
+				icon: /* @__PURE__ */ G(_e, { 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__ */ K("button", {
@@ -1248,7 +1248,7 @@ var Ie = [
 			!i && a && /* @__PURE__ */ K("div", {
 				className: "mt-4 flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-sunken px-4 py-3",
 				children: [
-					/* @__PURE__ */ G(L, {
+					/* @__PURE__ */ G(R, {
 						size: 16,
 						className: "shrink-0 text-primary"
 					}),
@@ -1260,14 +1260,14 @@ var Ie = [
 						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__ */ G(de, { size: 15 })]
+						children: [s("devportal.nextSetPricing", "Set Pricing"), /* @__PURE__ */ G(ue, { size: 15 })]
 					})
 				]
 			})
 		]
 	});
 }, We = ({ appId: e, onNavigate: t }) => {
-	let { t: n } = P(), r = (e, t) => {
+	let { t: n } = F(), r = (e, t) => {
 		let r = n(e);
 		return r === e ? t : r;
 	}, { data: i, loading: a, error: o } = u({ variables: { applicationId: e } });
@@ -1277,10 +1277,10 @@ var Ie = [
 		onNavigate: t
 	});
 }, Ge = ({ authAppId: e, appName: t, onGrantDelegation: n, onNavigate: a }) => {
-	let { t: o } = P(), s = (e, t) => {
+	let { t: o } = F(), s = (e, t) => {
 		let n = o(e);
 		return n === e ? t : n;
-	}, { 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(Fe) : [], [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) => {
+	}, { data: c, loading: l, error: u, refetch: d } = i(), [f] = p(), [m, h] = P([]), [g, _] = P(!1), [v, y] = P(/* @__PURE__ */ new Set()), [b, x] = P(null), S = M(() => c?.currentUserDelegations?.delegations ? c.currentUserDelegations.delegations.filter((t) => t.appId === e).map(Fe) : [], [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;
@@ -1348,17 +1348,17 @@ var Ie = [
 		})
 	] }) : /* @__PURE__ */ G(r, {
 		illustration: "empty-generic",
-		icon: /* @__PURE__ */ G(H, { size: 32 }),
+		icon: /* @__PURE__ */ G(xe, { 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__ */ K("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__ */ G(R, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
+			children: [/* @__PURE__ */ G(z, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
 		})
 	});
 }, Ke = ({ appId: e }) => {
-	let { t } = P(), n = (e, n) => {
+	let { t } = F(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
 	}, r = M(() => /* @__PURE__ */ new Date(), []), { data: i, loading: a, error: s } = o({ variables: {
@@ -1372,7 +1372,7 @@ var Ie = [
 	} });
 	return a ? /* @__PURE__ */ G(Re, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : s ? /* @__PURE__ */ G(ze, { message: s.message }) : /* @__PURE__ */ G(Xe, { analytics: (i?.applicationAnalytics ?? []).map(q) });
 }, qe = ({ app: e }) => {
-	let { t } = P(), n = (e, n) => {
+	let { t } = F(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
 	};
@@ -1516,7 +1516,7 @@ var Ie = [
 		})]
 	});
 }, Je = ({ appId: e, webhooks: t, onNavigate: n }) => {
-	let { t: i } = P(), a = (e, t) => {
+	let { t: i } = F(), a = (e, t) => {
 		let n = i(e);
 		return n === e ? t : n;
 	};
@@ -1536,7 +1536,7 @@ var Ie = [
 			}), /* @__PURE__ */ K("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__ */ G(V, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				children: [/* @__PURE__ */ G(H, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})]
 		}), t.length > 0 ? /* @__PURE__ */ G("div", {
 			className: "space-y-4",
@@ -1560,7 +1560,7 @@ var Ie = [
 						})] }), /* @__PURE__ */ G("button", {
 							onClick: () => n(`/apps/${e}/webhooks/${t.id}`),
 							className: "rounded-md p-1 hover:bg-bg-sunken",
-							children: /* @__PURE__ */ G(_e, { size: 20 })
+							children: /* @__PURE__ */ G(ge, { size: 20 })
 						})]
 					}),
 					/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
@@ -1623,12 +1623,12 @@ var Ie = [
 			action: /* @__PURE__ */ K("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__ */ G(V, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				children: [/* @__PURE__ */ G(H, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})
 		})]
 	});
 }, 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 { t: p } = F(), 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");
@@ -1663,7 +1663,7 @@ var Ie = [
 				})] }), /* @__PURE__ */ K("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__ */ G(V, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					children: [/* @__PURE__ */ G(H, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})]
 			}),
 			h.length > 0 && /* @__PURE__ */ G("div", {
@@ -1776,7 +1776,7 @@ var Ie = [
 								e.expiresAt && /* @__PURE__ */ K("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ G(fe, { size: 12 }),
+										/* @__PURE__ */ G(de, { size: 12 }),
 										m("devportal.expires", "Expires"),
 										" ",
 										new Date(e.expiresAt).toLocaleDateString()
@@ -1784,7 +1784,7 @@ var Ie = [
 								}),
 								!e.expiresAt && e.status === "ACTIVE" && /* @__PURE__ */ K("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ G(ue, {
+									children: [/* @__PURE__ */ G(le, {
 										size: 12,
 										className: "text-status-success-text"
 									}), m("devportal.noExpiration", "No expiration")]
@@ -1813,13 +1813,13 @@ var Ie = [
 				action: /* @__PURE__ */ K("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__ */ G(V, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					children: [/* @__PURE__ */ G(H, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})
 			})
 		]
 	});
 }, Xe = ({ analytics: e }) => {
-	let { t } = P(), n = (e, n) => {
+	let { t } = F(), 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;
@@ -1893,17 +1893,17 @@ var Ie = [
 				]
 			}) : /* @__PURE__ */ G(r, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ G(F, { size: 32 }),
+				icon: /* @__PURE__ */ G(I, { size: 32 }),
 				title: n("devportal.noAnalyticsData", "No analytics data"),
 				description: n("devportal.noAnalyticsDataDescription", "Analytics data will appear here once the application starts receiving traffic.")
 			})
 		})]
 	});
 }, 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 { apiGatewayUrl: n, workspacesGatewayUrl: r, authToken: i } = e(), { t: a } = F(), o = (e, t) => {
 		let n = a(e);
 		return n === e ? t : n;
-	}, [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 () => {
+	}, [s, c] = P(Ze), [l, u] = P("{}"), [d, f] = P(""), [p, m] = P(!1), [h, g] = P(`${n || "https://gw-global.local.burdenoff.com"}/global/graphql`), [_, v] = P(i || ""), [y, b] = P(!1), x = j(async () => {
 		m(!0), f("");
 		try {
 			let e = {};
@@ -1963,7 +1963,7 @@ var Ie = [
 				})] }), /* @__PURE__ */ K("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__ */ G(z, { size: 14 }), o("devportal.autoFillCredentials", "Auto-fill Credentials")]
+					children: [/* @__PURE__ */ G(B, { size: 14 }), o("devportal.autoFillCredentials", "Auto-fill Credentials")]
 				})]
 			}),
 			y && /* @__PURE__ */ K("div", {
@@ -2064,10 +2064,10 @@ var Ie = [
 				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__ */ G(B, {
+				children: [p ? /* @__PURE__ */ G(V, {
 					size: 16,
 					className: "animate-spin"
-				}) : /* @__PURE__ */ G(R, { size: 16 }), p ? o("devportal.executing", "Executing...") : o("devportal.executeQuery", "Execute Query")]
+				}) : /* @__PURE__ */ G(z, { size: 16 }), p ? o("devportal.executing", "Executing...") : o("devportal.executeQuery", "Execute Query")]
 			}),
 			d && /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("label", {
 				className: "block text-sm font-medium mb-1",
@@ -2079,7 +2079,9 @@ var Ie = [
 		]
 	});
 }, $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) => {
+	let d = N(null), [f, p] = P(!1), m = N(n);
+	m.current !== n && (m.current = n, f && p(!1));
+	let h = j(async (e) => {
 		try {
 			r((await s(e)).downloadUrl);
 		} catch {}
@@ -2095,16 +2097,17 @@ var Ie = [
 				className: "flex gap-3 items-start",
 				children: [/* @__PURE__ */ K("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__ */ G("img", {
+					children: [n && !f ? /* @__PURE__ */ G("img", {
 						src: n,
 						alt: e,
-						className: "w-full h-full object-cover"
+						className: "w-full h-full object-cover",
+						onError: () => p(!0)
 					}) : /* @__PURE__ */ G(U, {
 						size: 18,
 						className: "text-text-secondary opacity-40"
 					}), c && /* @__PURE__ */ K("div", {
 						className: "absolute inset-0 bg-bg-overlay flex flex-col items-center justify-center gap-1",
-						children: [/* @__PURE__ */ G(B, {
+						children: [/* @__PURE__ */ G(V, {
 							size: 14,
 							className: "animate-spin text-white"
 						}), /* @__PURE__ */ K("span", {
@@ -2129,7 +2132,7 @@ var Ie = [
 							className: "hidden",
 							onChange: (e) => {
 								let t = e.target.files?.[0];
-								t && f(t), e.target.value = "";
+								t && h(t), e.target.value = "";
 							}
 						}),
 						/* @__PURE__ */ K("button", {
@@ -2153,7 +2156,7 @@ var Ie = [
 		]
 	});
 }, X = ({ urls: e, onChange: n, upload: r, uploading: i, progress: a, error: o }) => {
-	let s = se(null), c = j(async (t) => {
+	let s = N(null), [c, l] = P(""), u = j(async (t) => {
 		try {
 			let i = await r(t);
 			n([...e, i.downloadUrl]);
@@ -2162,7 +2165,10 @@ var Ie = [
 		r,
 		n,
 		e
-	]), l = (t) => {
+	]), d = () => {
+		let t = c.trim();
+		t && !e.includes(t) && (n([...e, t]), l(""));
+	}, f = (t) => {
 		n(e.filter((e, n) => n !== t));
 	};
 	return /* @__PURE__ */ K("div", {
@@ -2188,7 +2194,7 @@ var Ie = [
 						className: "w-full h-full object-cover"
 					}), /* @__PURE__ */ G("button", {
 						type: "button",
-						onClick: () => l(t),
+						onClick: () => f(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__ */ G(De, { size: 12 })
 					})]
@@ -2197,7 +2203,7 @@ var Ie = [
 					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__ */ K(W, { children: [/* @__PURE__ */ G(B, {
+					children: i ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(V, {
 						size: 18,
 						className: "animate-spin text-primary"
 					}), /* @__PURE__ */ K("span", {
@@ -2209,6 +2215,25 @@ var Ie = [
 					})] })
 				})]
 			}),
+			/* @__PURE__ */ K("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ G("input", {
+					type: "url",
+					value: c,
+					onChange: (e) => l(e.target.value),
+					onKeyDown: (e) => {
+						e.key === "Enter" && (e.preventDefault(), d());
+					},
+					placeholder: "https://... paste a screenshot URL",
+					className: "flex-1 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__ */ G("button", {
+					type: "button",
+					onClick: d,
+					disabled: !c.trim(),
+					className: "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs font-medium hover:bg-bg-sunken transition-colors disabled:opacity-50",
+					children: "Add"
+				})]
+			}),
 			/* @__PURE__ */ G("input", {
 				ref: s,
 				type: "file",
@@ -2216,7 +2241,7 @@ var Ie = [
 				className: "hidden",
 				onChange: (e) => {
 					let t = e.target.files?.[0];
-					t && c(t), e.target.value = "";
+					t && u(t), e.target.value = "";
 				}
 			}),
 			o && /* @__PURE__ */ G("p", {
@@ -2335,10 +2360,10 @@ function rt(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 { workspacesGatewayUrl: c, authToken: l, workspaceId: u, getWorkspaceToken: d } = e(), { t: f } = F(), p = (e, t) => {
 		let n = f(e);
 		return n === e ? t : n;
-	}, [m, h] = N(() => rt(t)), [g, v] = N(!1), [b, x] = N(!1), [S, C] = N(null), w = se(t);
+	}, [m, h] = P(() => rt(t)), [g, v] = P(!1), [b, x] = P(!1), [S, C] = P(null), w = N(t);
 	w.current = t;
 	let [ee] = _();
 	oe(() => {
@@ -2389,13 +2414,13 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 		} finally {
 			v(!1);
 		}
-	}, { upload: re, uploading: ie, progress: ae, error: j } = A(c, l, u, d, "/DevPortal/Assets"), { upload: M, uploading: le, progress: F, error: L } = A(c, l, u, d, "/DevPortal/Assets"), { upload: pe, uploading: me, progress: he, error: ge } = A(c, l, u, d, "/DevPortal/Assets"), z = Z.has(m.manifestItemType), _e = t.status === "SUBMITTED";
+	}, { upload: re, uploading: ie, progress: ae, error: j } = A(c, l, u, d, "/DevPortal/Assets"), { upload: M, uploading: ce, progress: I, error: R } = A(c, l, u, d, "/DevPortal/Assets"), { upload: fe, uploading: pe, progress: me, error: he } = A(c, l, u, d, "/DevPortal/Assets"), B = Z.has(m.manifestItemType), ge = t.status === "SUBMITTED";
 	return /* @__PURE__ */ K("div", {
 		className: "space-y-8 max-w-3xl",
 		children: [
 			t.status === "PUBLISHED" ? /* @__PURE__ */ K("div", {
 				className: "flex items-start gap-3 rounded-lg border border-success/30 bg-success/10 px-4 py-3",
-				children: [/* @__PURE__ */ G(ue, {
+				children: [/* @__PURE__ */ G(le, {
 					size: 16,
 					className: "text-success mt-0.5 shrink-0"
 				}), /* @__PURE__ */ K("div", {
@@ -2412,11 +2437,11 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 						]
 					})]
 				})]
-			}) : _e ? /* @__PURE__ */ K("div", {
+			}) : ge ? /* @__PURE__ */ K("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__ */ K("div", {
 					className: "flex items-start gap-3",
-					children: [/* @__PURE__ */ G(fe, {
+					children: [/* @__PURE__ */ G(de, {
 						size: 16,
 						className: "text-primary mt-0.5 shrink-0"
 					}), /* @__PURE__ */ K("div", {
@@ -2440,11 +2465,11 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 					type: "button",
 					onClick: s,
 					className: "shrink-0 text-xs text-primary hover:underline font-medium flex items-center gap-1",
-					children: [p("devportal.viewStatus", "View Status"), /* @__PURE__ */ G(R, { size: 12 })]
+					children: [p("devportal.viewStatus", "View Status"), /* @__PURE__ */ G(z, { size: 12 })]
 				})]
 			}) : /* @__PURE__ */ K("div", {
 				className: "flex items-start gap-3 rounded-lg border border-warning/30 bg-warning/5 px-4 py-3",
-				children: [/* @__PURE__ */ G(ce, {
+				children: [/* @__PURE__ */ G(se, {
 					size: 16,
 					className: "text-warning mt-0.5 shrink-0"
 				}), /* @__PURE__ */ K("div", {
@@ -2481,7 +2506,7 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 							onChange: (e) => E("manifestDisplayName", e.target.value),
 							placeholder: "My Awesome Node"
 						}),
-						z && t.appType !== "WORKFLOW" && /* @__PURE__ */ G(te, {
+						B && t.appType !== "WORKFLOW" && /* @__PURE__ */ G(te, {
 							label: p("devportal.jsonContent", "Template Definition (JSON)"),
 							value: m.manifestJsonContent,
 							onChange: (e) => E("manifestJsonContent", e.target.value),
@@ -2489,7 +2514,7 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 							placeholder: "{\n  \"nodes\": [],\n  \"edges\": []\n}",
 							hint: p("devportal.jsonContentHint", "Paste the full JSON definition. Stored and applied directly — no zip needed.")
 						}),
-						z && t.appType === "WORKFLOW" && /* @__PURE__ */ K("p", {
+						B && t.appType === "WORKFLOW" && /* @__PURE__ */ K("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",
@@ -2526,9 +2551,9 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 								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: M,
-								uploading: le,
-								progress: F,
-								error: L
+								uploading: ce,
+								progress: I,
+								error: R
 							})]
 						}),
 						/* @__PURE__ */ G(O, {
@@ -2556,10 +2581,10 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 						/* @__PURE__ */ G(X, {
 							urls: m.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean),
 							onChange: (e) => E("screenshotsText", e.join("\n")),
-							upload: pe,
-							uploading: me,
-							progress: he,
-							error: ge
+							upload: fe,
+							uploading: pe,
+							progress: me,
+							error: he
 						})
 					]
 				})
@@ -2616,14 +2641,14 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 				children: [
 					S === "success" && /* @__PURE__ */ K("div", {
 						className: "flex items-center gap-2 rounded-md border border-success/30 bg-success/10 px-3 py-2 text-sm text-success",
-						children: [/* @__PURE__ */ G(ue, {
+						children: [/* @__PURE__ */ G(le, {
 							size: 15,
 							className: "shrink-0"
 						}), p("devportal.storeListing.savedSuccess", "Store listing saved successfully.")]
 					}),
 					S === "error" && /* @__PURE__ */ K("div", {
 						className: "flex items-center gap-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive",
-						children: [/* @__PURE__ */ G(ce, {
+						children: [/* @__PURE__ */ G(se, {
 							size: 15,
 							className: "shrink-0"
 						}), p("devportal.storeListing.savedError", "Failed to save. Please try again.")]
@@ -2637,10 +2662,10 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 								disabled: g || !D || b,
 								title: D ? b ? p("devportal.storeListing.alreadySaved", "No unsaved changes") : void 0 : p("devportal.storeListing.requiredFieldsHint", "Fill in Short Description, Privacy Policy URL, and Terms of Service URL to save"),
 								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 disabled:cursor-not-allowed",
-								children: g ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(B, {
+								children: g ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(V, {
 									size: 16,
 									className: "animate-spin"
-								}), p("devportal.saving", "Saving…")] }) : b ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(I, { size: 16 }), p("devportal.saved", "Saved")] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(Se, { size: 16 }), p("devportal.saveStoreListing", "Save Store Listing")] })
+								}), p("devportal.saving", "Saving…")] }) : b ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(L, { size: 16 }), p("devportal.saved", "Saved")] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(Se, { size: 16 }), p("devportal.saveStoreListing", "Save Store Listing")] })
 							}),
 							!D && /* @__PURE__ */ G("p", {
 								className: "text-xs text-text-secondary",
@@ -2650,13 +2675,13 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 								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__ */ G(de, { size: 15 })]
+								children: [p("devportal.nextUploadVersion", "Next: Upload a Version"), /* @__PURE__ */ G(ue, { size: 15 })]
 							}),
 							(!r || n > 0) && !i && o && /* @__PURE__ */ K("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__ */ G(de, { size: 15 })]
+								children: [p("devportal.nextSetPricing", "Next: Set Pricing"), /* @__PURE__ */ G(ue, { size: 15 })]
 							})
 						]
 					})
@@ -2665,7 +2690,7 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 		]
 	});
 }, Q = ({ label: e, value: n, trend: r }) => {
-	let { t: i } = P();
+	let { t: i } = F();
 	return /* @__PURE__ */ K(Me, {
 		treatment: "metric",
 		className: "p-4",
@@ -2697,7 +2722,7 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 	target: "_blank",
 	rel: "noopener noreferrer",
 	className: "flex items-center gap-2 text-sm text-primary hover:underline",
-	children: [/* @__PURE__ */ G(R, { size: 14 }), e]
+	children: [/* @__PURE__ */ G(z, { size: 14 }), e]
 }), at = [
 	{
 		id: "auth",
@@ -2777,7 +2802,7 @@ function ot(e) {
 	return 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) => {
+	let t = e.manifest ?? {}, [n, r] = P(() => ot(t)), [i, a] = P(!1), [o, s] = P(!1), [c] = _(), l = (e, t) => {
 		s(!1), r((n) => ({
 			...n,
 			[e]: t
@@ -2857,7 +2882,7 @@ var st = ({ app: e }) => {
 				}),
 				/* @__PURE__ */ K("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-3 flex gap-2 text-xs text-text-secondary",
-					children: [/* @__PURE__ */ G(ge, {
+					children: [/* @__PURE__ */ G(he, {
 						size: 14,
 						className: "flex-shrink-0 mt-0.5"
 					}), /* @__PURE__ */ K("span", { children: [/* @__PURE__ */ G("strong", { children: "Read & Write" }), " implies Read. Request only what your app genuinely needs — fewer permissions build more user trust."] })]
@@ -2866,16 +2891,16 @@ var st = ({ app: e }) => {
 					className: "flex items-center justify-end gap-3",
 					children: [o && /* @__PURE__ */ K("span", {
 						className: "flex items-center gap-1.5 text-sm text-status-success-text",
-						children: [/* @__PURE__ */ G(ue, { size: 14 }), "Saved"]
+						children: [/* @__PURE__ */ G(le, { size: 14 }), "Saved"]
 					}), /* @__PURE__ */ K("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__ */ G(B, {
+						children: [i ? /* @__PURE__ */ G(V, {
 							size: 14,
 							className: "animate-spin"
-						}) : /* @__PURE__ */ G(H, { size: 14 }), "Save Permissions"]
+						}) : /* @__PURE__ */ G(xe, { size: 14 }), "Save Permissions"]
 					})]
 				})
 			]