@burdenoff/microfe-devportal 2026.705.1 → 2026.705.3

package/dist/devportal/pages/ApplicationDetailPage.js

@@ -18,7 +18,7 @@ import { useDevportalPermission as oe } from "../hooks/usePermission.js";
 import { usePackageUpload as k } from "../hooks/usePackageUpload.js";
 import { useCallback as A, useEffect as se, useMemo as j, useRef as M, 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, Lock as _e, MoreHorizontal as ve, Package as ye, Plus as V, Power as be, RefreshCw as xe, SendHorizontal as Se, Shield as H, Store as Ce, TrendingUp as we, Upload as U, Users as Te, Wallet as Ee, Webhook as De, X as Oe, XCircle as ke } from "lucide-react";
+import { AlertCircle as ce, AppWindow as le, BarChart3 as ue, Check as F, CheckCircle as de, ChevronRight as fe, CircleDollarSign as I, Clock as pe, Edit as me, ExternalLink as L, FlaskConical as he, Gift as ge, Info as _e, Key as R, Loader2 as z, Lock as ve, MoreHorizontal as ye, Package as be, Plus as B, Power as xe, RefreshCw as Se, SendHorizontal as Ce, Shield as V, Store as we, TrendingUp as Te, Upload as H, Users as Ee, Wallet as De, Webhook as Oe, X as U, XCircle as ke } from "lucide-react";
 import { useParams as Ae } from "react-router-dom";
 import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
 import { CTAOverflowMenu as je, EmphasisPanel as Me, GlassCard as Ne } from "@burdenoff/fe-libs/ui";
@@ -147,52 +147,52 @@ var Le = [
 	{
 		id: "analytics",
 		label: "Analytics",
-		icon: F
+		icon: ue
 	},
 	{
 		id: "store-listing",
 		label: "Store Listing",
-		icon: Ce
+		icon: we
 	},
 	{
 		id: "versions",
 		label: "Versions",
-		icon: ye
+		icon: be
 	},
 	{
 		id: "pricing",
 		label: "Pricing",
-		icon: L
+		icon: I
 	},
 	{
 		id: "permissions",
 		label: "Permissions",
-		icon: H
+		icon: V
 	},
 	{
 		id: "webhooks",
 		label: "Webhooks",
-		icon: De
+		icon: Oe
 	},
 	{
 		id: "delegations",
 		label: "Delegations",
-		icon: Te
+		icon: Ee
 	},
 	{
 		id: "playground",
 		label: "API Playground",
-		icon: R
+		icon: L
 	},
 	{
 		id: "oauth",
 		label: "OAuth",
-		icon: _e
+		icon: ve
 	},
 	{
 		id: "api-keys",
 		label: "API Keys",
-		icon: z
+		icon: R
 	}
 ], Re = {
 	ACTIVE: "bg-status-success-bg-subtle text-status-success-text",
@@ -200,7 +200,7 @@ var Le = [
 	EXPIRED: "bg-bg-sunken text-text-secondary"
 }, ze = ({ message: e = "Loading..." }) => /* @__PURE__ */ K("div", {
 	className: "flex items-center justify-center gap-3 py-12",
-	children: [/* @__PURE__ */ G(B, {
+	children: [/* @__PURE__ */ G(z, {
 		size: 20,
 		className: "animate-spin text-text-secondary"
 	}), /* @__PURE__ */ G("p", {
@@ -220,73 +220,73 @@ var Le = [
 	let { navigate: i, basePath: o, workspaceId: c } = e(), { t: u } = P(), p = (e, t) => {
 		let n = u(e);
 		return n === e ? t : n;
-	}, { allowed: _ } = oe(ae.APP_UPDATE), { allowed: y } = oe(ae.APP_DELETE), { appId: w } = Ae(), [E, D] = N("overview"), [O, te] = N(!1), [ne, k] = N(!1), [se, j] = N(null), [M, F] = N(!1), { data: L, loading: R, error: he, refetch: ge } = s({
+	}, { allowed: _ } = oe(ae.APP_UPDATE), { allowed: y } = oe(ae.APP_DELETE), { appId: w } = Ae(), [E, D] = N("overview"), [O, te] = N(!1), [ne, k] = N(!1), [se, j] = N(null), [M, ue] = N(!1), { data: I, loading: L, error: ge, refetch: _e } = s({
 		variables: { id: w },
 		skip: !w
-	}), [z, { loading: _e }] = m(), [ve, { loading: ye }] = a(), [V, { loading: H }] = h(), [we, { loading: U }] = f(), [Te, { loading: Ee }] = g(), { data: De, refetch: Oe } = d({
+	}), [R, { loading: ve }] = m(), [ye, { loading: be }] = a(), [B, { loading: V }] = h(), [Te, { loading: H }] = f(), [Ee, { loading: De }] = g(), { data: Oe, refetch: U } = d({
 		variables: {
 			applicationId: w,
 			workspaceId: c ?? void 0
 		},
 		skip: !c || !w,
 		fetchPolicy: "cache-and-network"
-	}), Me = De?.appInstallations?.edges?.[0]?.node ?? null, { data: Ne } = l({
-		variables: { id: L?.application?.developerOrganizationId ?? "" },
-		skip: !L?.application?.developerOrganizationId,
+	}), Me = Oe?.appInstallations?.edges?.[0]?.node ?? null, { data: Ne } = l({
+		variables: { id: I?.application?.developerOrganizationId ?? "" },
+		skip: !I?.application?.developerOrganizationId,
 		fetchPolicy: "cache-first"
 	}), q = A((e) => {
 		i?.(`${o}${e}`);
 	}, [i, o]), Fe = A(async () => {
-		let e = L?.application?.appId;
+		let e = I?.application?.appId;
 		if (e) try {
-			let t = (await z({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
+			let t = (await R({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
 			t && j(t), te(!1);
 		} catch {}
-	}, [L?.application?.appId, z]), Ie = A(async () => {
+	}, [I?.application?.appId, R]), Ie = A(async () => {
 		if (w) try {
-			await ve({ variables: { id: w } }), k(!1), q("/apps");
+			await ye({ variables: { id: w } }), k(!1), q("/apps");
 		} catch {}
 	}, [
 		w,
-		ve,
+		ye,
 		q
 	]), Re = A(async () => {
 		if (!(!w || !c)) try {
-			await we({ variables: { input: {
+			await Te({ variables: { input: {
 				applicationId: w,
 				scope: "WORKSPACE",
 				workspaceId: c,
 				autoUpdate: !1
-			} } }), Oe(), T("success");
+			} } }), U(), T("success");
 		} catch (e) {
 			console.error("[DevPortal] Test in Workspace failed:", e), T("error");
 		}
 	}, [
 		w,
 		c,
-		we,
-		Oe
+		Te,
+		U
 	]), ze = A(async (e) => {
 		try {
-			await Te({ variables: { id: e } }), Oe(), T("success");
+			await Ee({ variables: { id: e } }), U(), T("success");
 		} catch {
 			T("error");
 		}
-	}, [Te, Oe]), Be = A(async () => {
+	}, [Ee, U]), Be = A(async () => {
 		if (w) try {
-			await V({ variables: { id: w } }), T("success");
+			await B({ variables: { id: w } }), T("success");
 		} catch (e) {
 			console.error("[DevPortal] Submit failed:", e), T("error");
 		} finally {
-			ge();
+			_e();
 		}
 	}, [
 		w,
-		V,
-		ge
+		B,
+		_e
 	]);
-	if (R && !L) return /* @__PURE__ */ G(n, { message: p("devportal.loadingApplication", "Loading application...") });
-	if (he) return /* @__PURE__ */ G(v, {
+	if (L && !I) return /* @__PURE__ */ G(n, { message: p("devportal.loadingApplication", "Loading application...") });
+	if (ge) return /* @__PURE__ */ G(v, {
 		title: p("devportal.error", "Error"),
 		backLink: `${o}/apps`,
 		backLabel: p("devportal.backToApplications", "Back to Applications"),
@@ -303,12 +303,12 @@ var Le = [
 				}),
 				/* @__PURE__ */ G("p", {
 					className: "text-sm text-text-secondary",
-					children: he.message
+					children: ge.message
 				})
 			]
 		})
 	});
-	let J = Pe(L?.application);
+	let J = Pe(I?.application);
 	if (!J) return /* @__PURE__ */ G(v, {
 		title: p("devportal.notFound", "Not Found"),
 		backLink: `${o}/apps`,
@@ -320,27 +320,27 @@ var Le = [
 			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", X = J.appType === "API_INTEGRATION", Ue = L?.application?.versions?.totalCount ?? 0, Xe = J.pricingType === "PAID", Ze = Ne?.developerOrganization, Qe = Ze?.platformFeeRate ?? .3, $e = !!Ze?.billingAccountId, tt = J.pricingDetails ?? {}, Z = J.pricingType === "FREE" || J.pricingType === "PAID" && typeof tt.price == "number" && tt.price > 0, Q = !!J.description?.trim() && !!J.category && !!J.iconUrl && (J.visibility === "PUBLIC" || J.visibility === "UNLISTED") && (!Y && !X || Ue > 0) && (!Xe || $e) && Z, nt = Q && J.status !== "PUBLISHED" && J.status !== "SUBMITTED", rt = [
+	let Y = J.appType === "NODE" || J.appType === "WORKFLOW", X = J.appType === "API_INTEGRATION", Ue = I?.application?.versions?.totalCount ?? 0, Xe = J.pricingType === "PAID", Ze = Ne?.developerOrganization, Qe = Ze?.platformFeeRate ?? .3, $e = !!Ze?.billingAccountId, tt = J.pricingDetails ?? {}, Z = J.pricingType === "FREE" || J.pricingType === "PAID" && typeof tt.price == "number" && tt.price > 0, Q = !!J.description?.trim() && !!J.category && !!J.iconUrl && (J.visibility === "PUBLIC" || J.visibility === "UNLISTED") && (!Y && !X || Ue > 0) && (!Xe || $e) && Z, nt = Q && J.status !== "PUBLISHED" && J.status !== "SUBMITTED", rt = [
 		...Y ? [] : [{
 			label: p("devportal.rotateSecret", "Rotate Secret"),
-			icon: /* @__PURE__ */ G(xe, { size: 16 }),
+			icon: /* @__PURE__ */ G(Se, { size: 16 }),
 			disabled: !J.appId,
 			onSelect: () => te(!0)
 		}],
 		...Y ? [] : Me ? [{
 			label: p("devportal.uninstallFromWorkspace", "Uninstall from Workspace"),
 			icon: /* @__PURE__ */ G(ke, { size: 16 }),
-			disabled: Ee || !c,
+			disabled: De || !c,
 			onSelect: () => void ze(Me.id)
 		}] : [{
 			label: p("devportal.testInWorkspace", "Test in Workspace"),
-			icon: /* @__PURE__ */ G(me, { size: 16 }),
-			disabled: U || !c,
+			icon: /* @__PURE__ */ G(he, { size: 16 }),
+			disabled: H || !c,
 			onSelect: () => void Re()
 		}],
 		{
 			label: p("devportal.deactivate", "Deactivate"),
-			icon: /* @__PURE__ */ G(be, { size: 16 }),
+			icon: /* @__PURE__ */ G(xe, { size: 16 }),
 			intent: "destructive",
 			disabled: !y,
 			onSelect: () => k(!0)
@@ -356,11 +356,11 @@ var Le = [
 			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(pe, { size: 13 }), p("devportal.underReview", "Under Review")]
 			}) : J.status === "PUBLISHED" ? null : /* @__PURE__ */ G("button", {
 				type: "button",
 				onClick: () => void Be(),
-				disabled: !nt || H,
+				disabled: !nt || V,
 				title: Q ? void 0 : [
 					!J.description?.trim() && "Add full description",
 					!J.category && "Select a category",
@@ -370,15 +370,15 @@ var Le = [
 					!Z && "Set pricing (choose Free or Paid in the Pricing tab)",
 					Xe && !$e && "Link a billing account to receive payments"
 				].filter(Boolean).join(" · "),
-				className: t("inline-flex items-center gap-2 rounded-md px-5 py-2 text-sm font-medium whitespace-nowrap transition-colors", nt && !H ? "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: H ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(B, {
+				className: t("inline-flex items-center gap-2 rounded-md px-5 py-2 text-sm font-medium whitespace-nowrap transition-colors", nt && !V ? "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: V ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(z, {
 					size: 15,
 					className: "animate-spin"
-				}), p("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(Se, { size: 15 }), p("devportal.submitForReview", "Submit for Review")] })
+				}), p("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(Ce, { size: 15 }), p("devportal.submitForReview", "Submit for Review")] })
 			}), /* @__PURE__ */ G(je, {
 				primary: {
 					label: p("devportal.editApp", "Edit App"),
-					icon: /* @__PURE__ */ G(pe, { size: 16 }),
+					icon: /* @__PURE__ */ G(me, { size: 16 }),
 					disabled: !_,
 					onSelect: () => q(`/apps/${J.id}/edit`)
 				},
@@ -413,7 +413,7 @@ var Le = [
 			}),
 			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(pe, {
 					size: 18,
 					className: "text-status-warning-text mt-0.5 flex-shrink-0"
 				}), /* @__PURE__ */ K("div", {
@@ -461,7 +461,7 @@ var Le = [
 			}),
 			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(de, {
 					size: 18,
 					className: "text-status-success-text mt-0.5 flex-shrink-0"
 				}), /* @__PURE__ */ K("div", {
@@ -532,7 +532,7 @@ var Le = [
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ G("div", {
 								className: "flex h-8 w-8 items-center justify-center rounded-full bg-action-primary-bg/10",
-								children: /* @__PURE__ */ G(Ce, {
+								children: /* @__PURE__ */ G(we, {
 									size: 16,
 									className: "text-primary"
 								})
@@ -561,7 +561,7 @@ var Le = [
 							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(F, { size: 13 }) : n + 1
 								}),
 								/* @__PURE__ */ K("div", {
 									className: "flex-1 min-w-0",
@@ -573,7 +573,7 @@ var Le = [
 										children: e.hint
 									})]
 								}),
-								e.onClick && !e.done && /* @__PURE__ */ G(de, {
+								e.onClick && !e.done && /* @__PURE__ */ G(fe, {
 									size: 16,
 									className: "flex-shrink-0 text-text-secondary"
 								})
@@ -610,7 +610,10 @@ var Le = [
 				tabIndex: 0,
 				children: [
 					E === "overview" && /* @__PURE__ */ G(Ye, { app: J }),
-					E === "permissions" && /* @__PURE__ */ G(ut, { app: J }),
+					E === "permissions" && /* @__PURE__ */ G(mt, {
+						app: J,
+						versionScopes: I?.application?.versions?.edges?.[0]?.node?.requiredScopes ?? []
+					}),
 					E === "webhooks" && /* @__PURE__ */ G(Ke, {
 						appId: J.id,
 						onNavigate: q
@@ -618,7 +621,7 @@ var Le = [
 					E === "delegations" && /* @__PURE__ */ G(qe, {
 						authAppId: J.appId || void 0,
 						appName: J.name,
-						onGrantDelegation: () => F(!0),
+						onGrantDelegation: () => ue(!0),
 						onNavigate: q
 					}),
 					E === "analytics" && /* @__PURE__ */ G(Je, { appId: J.id }),
@@ -633,7 +636,7 @@ var Le = [
 					}),
 					E === "store-listing" && /* @__PURE__ */ G(ot, {
 						app: J,
-						versionCount: L?.application?.versions?.totalCount ?? 0,
+						versionCount: I?.application?.versions?.totalCount ?? 0,
 						isPackageApp: Y,
 						pricingDone: Z,
 						onNavigateToVersions: Y || X ? () => D("versions") : void 0,
@@ -664,7 +667,7 @@ var Le = [
 				confirmLabel: p("devportal.rotateSecret", "Rotate Secret"),
 				cancelLabel: p("devportal.cancel", "Cancel"),
 				variant: "warning",
-				loading: _e
+				loading: ve
 			}),
 			/* @__PURE__ */ G(re, {
 				open: ne,
@@ -675,16 +678,16 @@ var Le = [
 				confirmLabel: p("devportal.deactivate", "Deactivate"),
 				cancelLabel: p("devportal.cancel", "Cancel"),
 				variant: "destructive",
-				loading: ye
+				loading: be
 			}),
 			/* @__PURE__ */ G(ie, {
 				open: M,
-				onOpenChange: F,
+				onOpenChange: ue,
 				appId: J.appId || "",
 				appName: J.name,
 				appScopes: J.scopes?.map((e) => e.scope) ?? [],
 				onSuccess: () => {
-					F(!1);
+					ue(!1);
 				}
 			})
 		]
@@ -697,7 +700,7 @@ var Le = [
 	return /* @__PURE__ */ K("div", {
 		className: "space-y-4 py-4 text-center",
 		children: [
-			/* @__PURE__ */ G(H, { className: "mx-auto h-10 w-10 text-text-secondary" }),
+			/* @__PURE__ */ G(V, { className: "mx-auto h-10 w-10 text-text-secondary" }),
 			/* @__PURE__ */ G("h3", {
 				className: "font-medium",
 				children: n("devportal.oauthApps", "OAuth Apps")
@@ -709,7 +712,7 @@ var Le = [
 			/* @__PURE__ */ K("button", {
 				onClick: () => e("/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 transition-colors",
-				children: [/* @__PURE__ */ G(R, { size: 16 }), n("devportal.manageOAuthApps", "Manage OAuth Apps")]
+				children: [/* @__PURE__ */ G(L, { size: 16 }), n("devportal.manageOAuthApps", "Manage OAuth Apps")]
 			})
 		]
 	});
@@ -721,7 +724,7 @@ var Le = [
 	return /* @__PURE__ */ K("div", {
 		className: "space-y-4 py-4 text-center",
 		children: [
-			/* @__PURE__ */ G(z, { className: "mx-auto h-10 w-10 text-text-secondary" }),
+			/* @__PURE__ */ G(R, { className: "mx-auto h-10 w-10 text-text-secondary" }),
 			/* @__PURE__ */ G("h3", {
 				className: "font-medium",
 				children: n("devportal.apiKeys", "API Keys")
@@ -733,7 +736,7 @@ var Le = [
 			/* @__PURE__ */ K("button", {
 				onClick: () => e("/api-keys"),
 				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(R, { size: 16 }), n("devportal.manageApiKeys", "Manage API Keys")]
+				children: [/* @__PURE__ */ G(L, { size: 16 }), n("devportal.manageApiKeys", "Manage API Keys")]
 			})
 		]
 	});
@@ -786,7 +789,7 @@ var Le = [
 		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(I, {
 					size: 16,
 					className: "mt-0.5 shrink-0 text-primary"
 				}), /* @__PURE__ */ K("p", {
@@ -827,7 +830,7 @@ var Le = [
 							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-success-bg-subtle",
-								children: /* @__PURE__ */ G(we, {
+								children: /* @__PURE__ */ G(Te, {
 									size: 18,
 									className: "text-status-success-text"
 								})
@@ -859,7 +862,7 @@ var Le = [
 							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-action-primary-bg/10",
-								children: /* @__PURE__ */ G(Ee, {
+								children: /* @__PURE__ */ G(De, {
 									size: 18,
 									className: "text-primary"
 								})
@@ -888,7 +891,7 @@ var Le = [
 							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(ge, {
 									size: 18,
 									className: "text-status-warning-text"
 								})
@@ -1120,7 +1123,7 @@ var Le = [
 					children: [
 						/* @__PURE__ */ K("li", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ G(I, {
+							children: [/* @__PURE__ */ G(F, {
 								size: 14,
 								className: "mt-0.5 shrink-0 text-status-success-text"
 							}), /* @__PURE__ */ K("span", { children: [
@@ -1138,21 +1141,21 @@ var Le = [
 						}),
 						/* @__PURE__ */ K("li", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ G(I, {
+							children: [/* @__PURE__ */ G(F, {
 								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(F, {
 								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(F, {
 								size: 14,
 								className: "mt-0.5 shrink-0 text-status-success-text"
 							}), /* @__PURE__ */ K("span", { children: [
@@ -1179,13 +1182,13 @@ var Le = [
 					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(z, {
 						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(I, { 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(F, {
 						size: 16,
 						className: "mt-0.5 shrink-0 text-status-success-text"
 					}), /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
@@ -1225,7 +1228,7 @@ var Le = [
 				}), /* @__PURE__ */ K("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__ */ G(U, { size: 16 }), s("devportal.uploadVersion", "Upload Version")]
+					children: [/* @__PURE__ */ G(H, { size: 16 }), s("devportal.uploadVersion", "Upload Version")]
 				})]
 			}),
 			f.length > 0 ? /* @__PURE__ */ G("div", {
@@ -1318,19 +1321,19 @@ var Le = [
 				})
 			}) : /* @__PURE__ */ G(r, {
 				illustration: "empty-generic",
-				icon: /* @__PURE__ */ G(ye, { size: 32 }),
+				icon: /* @__PURE__ */ G(be, { 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", {
 					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__ */ G(U, { size: 16 }), s("devportal.uploadVersion", "Upload Version")]
+					children: [/* @__PURE__ */ G(H, { size: 16 }), s("devportal.uploadVersion", "Upload Version")]
 				})
 			}),
 			f.length > 0 && !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(I, {
 						size: 16,
 						className: "shrink-0 text-primary"
 					}),
@@ -1342,7 +1345,7 @@ var Le = [
 						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(fe, { size: 15 })]
 					})
 				]
 			})
@@ -1430,13 +1433,13 @@ var Le = [
 		})
 	] }) : /* @__PURE__ */ G(r, {
 		illustration: "empty-generic",
-		icon: /* @__PURE__ */ G(H, { size: 32 }),
+		icon: /* @__PURE__ */ G(V, { 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(L, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
 		})
 	});
 }, Je = ({ appId: e }) => {
@@ -1618,7 +1621,7 @@ var Le = [
 			}), /* @__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(B, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})]
 		}), t.length > 0 ? /* @__PURE__ */ G("div", {
 			className: "space-y-4",
@@ -1642,7 +1645,7 @@ var Le = [
 						})] }), /* @__PURE__ */ G("button", {
 							onClick: () => n(`/apps/${e}/webhooks/${t.id}`),
 							className: "rounded-md p-1 hover:bg-bg-sunken",
-							children: /* @__PURE__ */ G(ve, { size: 20 })
+							children: /* @__PURE__ */ G(ye, { size: 20 })
 						})]
 					}),
 					/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
@@ -1699,13 +1702,13 @@ var Le = [
 			}, t.id))
 		}) : /* @__PURE__ */ G(r, {
 			illustration: "empty-notifications",
-			icon: /* @__PURE__ */ G(De, { size: 32 }),
+			icon: /* @__PURE__ */ G(Oe, { size: 32 }),
 			title: a("devportal.noWebhooks", "No webhooks"),
 			description: a("devportal.noWebhooksDescription", "Add a webhook to receive event notifications"),
 			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(B, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})
 		})]
 	});
@@ -1745,7 +1748,7 @@ var Le = [
 				})] }), /* @__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(B, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})]
 			}),
 			h.length > 0 && /* @__PURE__ */ G("div", {
@@ -1858,7 +1861,7 @@ var Le = [
 								e.expiresAt && /* @__PURE__ */ K("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ G(fe, { size: 12 }),
+										/* @__PURE__ */ G(pe, { size: 12 }),
 										m("devportal.expires", "Expires"),
 										" ",
 										new Date(e.expiresAt).toLocaleDateString()
@@ -1866,7 +1869,7 @@ var Le = [
 								}),
 								!e.expiresAt && e.status === "ACTIVE" && /* @__PURE__ */ K("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ G(ue, {
+									children: [/* @__PURE__ */ G(de, {
 										size: 12,
 										className: "text-status-success-text"
 									}), m("devportal.noExpiration", "No expiration")]
@@ -1889,13 +1892,13 @@ var Le = [
 				}, e.id))
 			}) : /* @__PURE__ */ G(r, {
 				illustration: "empty-people",
-				icon: /* @__PURE__ */ G(Te, { size: 32 }),
+				icon: /* @__PURE__ */ G(Ee, { 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__ */ 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(B, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})
 			})
 		]
@@ -1975,7 +1978,7 @@ var Le = [
 				]
 			}) : /* @__PURE__ */ G(r, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ G(F, { size: 32 }),
+				icon: /* @__PURE__ */ G(ue, { size: 32 }),
 				title: n("devportal.noAnalyticsData", "No analytics data"),
 				description: n("devportal.noAnalyticsDataDescription", "Analytics data will appear here once the application starts receiving traffic.")
 			})
@@ -2045,7 +2048,7 @@ var Le = [
 				})] }), /* @__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(R, { size: 14 }), o("devportal.autoFillCredentials", "Auto-fill Credentials")]
 				})]
 			}),
 			y && /* @__PURE__ */ K("div", {
@@ -2146,10 +2149,10 @@ var Le = [
 				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(z, {
 					size: 16,
 					className: "animate-spin"
-				}) : /* @__PURE__ */ G(R, { size: 16 }), p ? o("devportal.executing", "Executing...") : o("devportal.executeQuery", "Execute Query")]
+				}) : /* @__PURE__ */ G(L, { 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",
@@ -2184,12 +2187,12 @@ var Le = [
 						alt: e,
 						className: "w-full h-full object-cover",
 						onError: () => p(!0)
-					}) : /* @__PURE__ */ G(U, {
+					}) : /* @__PURE__ */ G(H, {
 						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(z, {
 							size: 14,
 							className: "animate-spin text-white"
 						}), /* @__PURE__ */ K("span", {
@@ -2222,7 +2225,7 @@ var Le = [
 							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__ */ G(U, { size: 11 }), c ? `Uploading… ${l}%` : "Upload image"]
+							children: [/* @__PURE__ */ G(H, { size: 11 }), c ? `Uploading… ${l}%` : "Upload image"]
 						}),
 						u && /* @__PURE__ */ G("p", {
 							className: "text-xs text-status-error-text",
@@ -2278,20 +2281,20 @@ var Le = [
 						type: "button",
 						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(Oe, { size: 12 })
+						children: /* @__PURE__ */ G(U, { size: 12 })
 					})]
 				}, t)), /* @__PURE__ */ G("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__ */ K(W, { children: [/* @__PURE__ */ G(B, {
+					children: i ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(z, {
 						size: 18,
 						className: "animate-spin text-primary"
 					}), /* @__PURE__ */ K("span", {
 						className: "text-xs",
 						children: [a, "%"]
-					})] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(U, { size: 18 }), /* @__PURE__ */ G("span", {
+					})] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(H, { size: 18 }), /* @__PURE__ */ G("span", {
 						className: "text-xs",
 						children: "Add screenshot"
 					})] })
@@ -2497,13 +2500,13 @@ var ot = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 		} finally {
 			v(!1);
 		}
-	}, { upload: ie, uploading: ae, progress: oe, error: A } = k(c, l, u, d, "/DevPortal/Assets"), { upload: j, uploading: le, progress: F, error: L } = k(c, l, u, d, "/DevPortal/Assets"), { upload: pe, uploading: me, progress: he, error: ge } = k(c, l, u, d, "/DevPortal/Assets"), z = Q.has(m.manifestItemType), _e = t.status === "SUBMITTED";
+	}, { upload: ie, uploading: ae, progress: oe, error: A } = k(c, l, u, d, "/DevPortal/Assets"), { upload: j, uploading: le, progress: ue, error: I } = k(c, l, u, d, "/DevPortal/Assets"), { upload: me, uploading: he, progress: ge, error: _e } = k(c, l, u, d, "/DevPortal/Assets"), R = Q.has(m.manifestItemType), ve = 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(de, {
 					size: 16,
 					className: "text-success mt-0.5 shrink-0"
 				}), /* @__PURE__ */ K("div", {
@@ -2520,11 +2523,11 @@ var ot = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 						]
 					})]
 				})]
-			}) : _e ? /* @__PURE__ */ K("div", {
+			}) : ve ? /* @__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(pe, {
 						size: 16,
 						className: "text-primary mt-0.5 shrink-0"
 					}), /* @__PURE__ */ K("div", {
@@ -2548,7 +2551,7 @@ var ot = ({ 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(L, { size: 12 })]
 				})]
 			}) : /* @__PURE__ */ K("div", {
 				className: "flex items-start gap-3 rounded-lg border border-warning/30 bg-warning/5 px-4 py-3",
@@ -2589,7 +2592,7 @@ var ot = ({ 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(ne, {
+						R && t.appType !== "WORKFLOW" && /* @__PURE__ */ G(ne, {
 							label: p("devportal.jsonContent", "Template Definition (JSON)"),
 							value: m.manifestJsonContent,
 							onChange: (e) => E("manifestJsonContent", e.target.value),
@@ -2597,7 +2600,7 @@ var ot = ({ 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", {
+						R && 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",
@@ -2635,8 +2638,8 @@ var ot = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 								aspectClass: "aspect-square",
 								upload: j,
 								uploading: le,
-								progress: F,
-								error: L
+								progress: ue,
+								error: I
 							})]
 						}),
 						/* @__PURE__ */ G(O, {
@@ -2664,10 +2667,10 @@ var ot = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 						/* @__PURE__ */ G(Z, {
 							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: me,
+							uploading: he,
+							progress: ge,
+							error: _e
 						})
 					]
 				})
@@ -2724,7 +2727,7 @@ var ot = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 				children: [
 					b === "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(de, {
 							size: 15,
 							className: "shrink-0"
 						}), p("devportal.storeListing.savedSuccess", "Store listing saved successfully.")]
@@ -2745,10 +2748,10 @@ var ot = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 								disabled: g || !D || !w,
 								title: D ? w ? void 0 : p("devportal.storeListing.noChanges", "All changes saved — edit any field to save again") : 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(z, {
 									size: 16,
 									className: "animate-spin"
-								}), p("devportal.saving", "Saving…")] }) : w ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(Ce, { size: 16 }), p("devportal.saveStoreListing", "Save Store Listing")] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(I, { size: 16 }), p("devportal.saved", "Saved")] })
+								}), p("devportal.saving", "Saving…")] }) : w ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(we, { size: 16 }), p("devportal.saveStoreListing", "Save Store Listing")] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(F, { size: 16 }), p("devportal.saved", "Saved")] })
 							}),
 							!D && /* @__PURE__ */ G("p", {
 								className: "text-xs text-text-secondary",
@@ -2758,13 +2761,13 @@ var ot = ({ 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(fe, { 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(fe, { size: 15 })]
 							})
 						]
 					})
@@ -2805,185 +2808,258 @@ var ot = ({ 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]
-}), ct = [
-	{
-		id: "auth",
+	children: [/* @__PURE__ */ G(L, { size: 14 }), e]
+}), ct = {
+	auth: {
 		label: "Authentication",
 		description: "User identity and session management"
 	},
-	{
-		id: "billing",
+	billing: {
 		label: "Billing",
 		description: "Billing accounts and subscriptions"
 	},
-	{
-		id: "files",
+	files: {
 		label: "Files",
 		description: "File storage and management"
 	},
-	{
-		id: "tags",
+	tags: {
 		label: "Tags",
 		description: "Tags and labels on resources"
 	},
-	{
-		id: "calendar",
+	calendar: {
 		label: "Calendar",
 		description: "Events and scheduling"
 	},
-	{
-		id: "workflows",
+	workflows: {
 		label: "Workflows",
 		description: "Automation workflows"
 	},
-	{
-		id: "channels",
+	channels: {
 		label: "Channels",
 		description: "Messaging channels"
 	},
-	{
-		id: "notifications",
+	notifications: {
 		label: "Notifications",
 		description: "Platform notifications"
 	},
-	{
-		id: "users",
+	users: {
 		label: "Users & Members",
 		description: "Workspace members and profiles"
 	},
-	{
-		id: "workspaces",
+	workspaces: {
 		label: "Workspaces",
 		description: "Workspace settings and metadata"
 	},
-	{
-		id: "content",
+	content: {
 		label: "Content",
 		description: "Pages, documents, and content"
 	},
-	{
-		id: "analytics",
+	analytics: {
 		label: "Analytics",
 		description: "Usage analytics and reporting"
 	},
-	{
-		id: "webhooks",
+	webhooks: {
 		label: "Webhooks",
 		description: "Webhook subscriptions"
 	},
-	{
-		id: "rbac",
+	rbac: {
 		label: "Roles & Permissions",
 		description: "Access control configuration"
 	}
-];
-function lt(e) {
-	let t = Object.fromEntries(ct.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");
+}, lt = Object.keys(ct);
+function ut(e) {
+	if (!e || !Array.isArray(e.permissions)) return [];
+	let t = [];
+	for (let n of e.permissions) n && typeof n == "object" && typeof n.resource == "string" && n.resource && t.push({
+		resource: n.resource,
+		level: n.level === "write" ? "write" : "read"
+	});
+	return t;
+}
+function dt(e) {
+	let t = [];
+	for (let n of e) {
+		let e = n.indexOf(":");
+		if (e === -1) continue;
+		let r = n.slice(0, e), i = n.slice(e + 1);
+		i && t.push({
+			resource: i,
+			level: r === "write" ? "write" : "read"
+		});
+	}
 	return t;
 }
-var ut = ({ app: e }) => {
-	let t = e.manifest ?? {}, [n, r] = N(() => lt(t)), [i, a] = N(!1), [o, s] = N(!1), [c] = _(), l = (e, t) => {
-		s(!1), r((n) => ({
+function ft(e, t) {
+	if (e.length > 0) return e;
+	let n = /* @__PURE__ */ new Set();
+	return t.filter((e) => n.has(e.resource) ? !1 : (n.add(e.resource), !0));
+}
+var pt = ({ level: e, onChange: t }) => /* @__PURE__ */ G("div", {
+	className: "flex items-center gap-0.5 rounded-md border border-border-subtle bg-bg-sunken/50 p-0.5",
+	children: ["read", "write"].map((n) => /* @__PURE__ */ G("button", {
+		type: "button",
+		onClick: () => t(n),
+		className: `rounded px-2.5 py-1 text-xs font-medium transition-colors whitespace-nowrap ${e === n ? "bg-bg-base text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"}`,
+		children: n === "read" ? "Read" : "Read & Write"
+	}, n))
+}), mt = ({ app: e, versionScopes: t }) => {
+	let n = e.manifest ?? {}, [r, i] = N(() => ft(ut(n), dt(t ?? []))), [a, o] = N(!1), [s, c] = N(""), [l, u] = N("read"), [d, f] = N(!1), [p, m] = N(!1), [h] = _(), g = (e, t) => {
+		m(!1), i((n) => n.map((n) => n.resource === e ? {
 			...n,
-			[e]: t
-		}));
-	}, u = async () => {
-		a(!0);
+			level: t
+		} : n));
+	}, v = (e) => {
+		m(!1), i((t) => t.filter((t) => t.resource !== e));
+	}, b = () => {
+		let e = s.trim().toLowerCase().replace(/\s+/g, "-");
+		!e || r.some((t) => t.resource === e) || (i((t) => [...t, {
+			resource: e,
+			level: l
+		}]), c(""), u("read"), o(!1), m(!1));
+	}, x = async () => {
+		f(!0);
 		try {
-			let r = Object.entries(n).filter(([, e]) => e !== "none").map(([e, t]) => ({
-				resource: e,
-				level: t
-			}));
-			await c({ variables: {
+			await h({ variables: {
 				id: e.id,
 				input: { manifest: {
-					...t,
-					permissions: r
+					...n,
+					permissions: r.map(({ resource: e, level: t }) => ({
+						resource: e,
+						level: t
+					}))
 				} }
-			} }), s(!0);
+			} }), m(!0);
 		} finally {
-			a(!1);
+			f(!1);
 		}
-	}, d = {
-		none: "No access",
-		read: "Read",
-		write: "Read & Write"
-	}, f = [
-		"none",
-		"read",
-		"write"
-	];
+	};
 	return /* @__PURE__ */ G(y, {
 		title: "Permissions",
-		description: "Define what platform data this app can request access to. Users see these when authorizing the app.",
+		description: "These are the permissions your app requests from users. Users see exactly this list when authorizing your app.",
 		children: /* @__PURE__ */ K("div", {
 			className: "space-y-4",
 			children: [
-				/* @__PURE__ */ G("div", {
-					className: "overflow-x-auto rounded-lg border border-border-subtle",
-					children: /* @__PURE__ */ K("table", {
-						className: "w-full text-sm",
-						children: [/* @__PURE__ */ G("thead", { children: /* @__PURE__ */ K("tr", {
-							className: "border-b border-border-subtle bg-bg-sunken/50",
-							children: [/* @__PURE__ */ G("th", {
-								className: "px-4 py-3 text-left font-medium text-text-secondary w-1/2",
-								children: "Resource"
-							}), f.map((e) => /* @__PURE__ */ G("th", {
-								className: "px-4 py-3 text-center font-medium text-text-secondary",
-								children: d[e]
-							}, e))]
-						}) }), /* @__PURE__ */ G("tbody", {
-							className: "divide-y divide-border",
-							children: ct.map((e) => /* @__PURE__ */ K("tr", {
-								className: "hover:bg-bg-sunken/30 transition-colors",
-								children: [/* @__PURE__ */ K("td", {
-									className: "px-4 py-3",
-									children: [/* @__PURE__ */ G("p", {
-										className: "font-medium text-text-primary",
-										children: e.label
-									}), /* @__PURE__ */ G("p", {
+				r.length === 0 ? /* @__PURE__ */ K("div", {
+					className: "rounded-lg border border-border-subtle border-dashed p-8 flex flex-col items-center gap-2 text-center text-text-secondary",
+					children: [
+						/* @__PURE__ */ G(V, {
+							size: 28,
+							className: "opacity-25"
+						}),
+						/* @__PURE__ */ G("p", {
+							className: "text-sm font-medium text-text-primary",
+							children: "No permissions configured"
+						}),
+						/* @__PURE__ */ G("p", {
+							className: "text-xs",
+							children: "Add the permissions your app needs to request from users."
+						})
+					]
+				}) : /* @__PURE__ */ G("div", {
+					className: "rounded-lg border border-border-subtle divide-y divide-border-subtle",
+					children: r.map((e) => /* @__PURE__ */ K("div", {
+						className: "flex items-center gap-3 px-4 py-3 hover:bg-bg-sunken/30 transition-colors",
+						children: [
+							/* @__PURE__ */ K("div", {
+								className: "flex-1 min-w-0",
+								children: [
+									/* @__PURE__ */ G("p", {
+										className: "text-sm font-medium text-text-primary",
+										children: ct[e.resource]?.label ?? e.resource
+									}),
+									ct[e.resource]?.description && /* @__PURE__ */ G("p", {
 										className: "text-xs text-text-secondary",
-										children: e.description
-									})]
-								}), f.map((t) => /* @__PURE__ */ G("td", {
-									className: "px-4 py-3 text-center",
-									children: /* @__PURE__ */ G("input", {
-										type: "radio",
-										name: `perm-${e.id}`,
-										value: t,
-										checked: n[e.id] === t,
-										onChange: () => l(e.id, t),
-										className: "h-4 w-4 accent-primary cursor-pointer"
+										children: ct[e.resource].description
+									}),
+									!ct[e.resource] && /* @__PURE__ */ G("p", {
+										className: "text-xs text-text-tertiary font-mono",
+										children: "custom scope"
 									})
-								}, t))]
-							}, e.id))
-						})]
-					})
+								]
+							}),
+							/* @__PURE__ */ G(pt, {
+								level: e.level,
+								onChange: (t) => g(e.resource, t)
+							}),
+							/* @__PURE__ */ G("button", {
+								type: "button",
+								onClick: () => v(e.resource),
+								title: "Remove permission",
+								className: "p-1.5 rounded text-text-tertiary hover:text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
+								children: /* @__PURE__ */ G(U, { size: 14 })
+							})
+						]
+					}, e.resource))
+				}),
+				a ? /* @__PURE__ */ K("div", {
+					className: "rounded-lg border border-border-subtle p-3 flex items-center gap-2 flex-wrap",
+					children: [
+						/* @__PURE__ */ G("input", {
+							type: "text",
+							value: s,
+							onChange: (e) => c(e.target.value),
+							onKeyDown: (e) => {
+								e.key === "Enter" && b(), e.key === "Escape" && o(!1);
+							},
+							placeholder: "Resource (e.g. auth, files, widgets)",
+							list: "perm-resource-suggestions",
+							autoFocus: !0,
+							className: "flex-1 min-w-40 rounded-md border border-border-subtle bg-bg-base px-3 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-primary"
+						}),
+						/* @__PURE__ */ G("datalist", {
+							id: "perm-resource-suggestions",
+							children: lt.filter((e) => !r.some((t) => t.resource === e)).map((e) => /* @__PURE__ */ G("option", {
+								value: e,
+								children: ct[e].label
+							}, e))
+						}),
+						/* @__PURE__ */ G(pt, {
+							level: l,
+							onChange: u
+						}),
+						/* @__PURE__ */ G("button", {
+							type: "button",
+							onClick: b,
+							disabled: !s.trim(),
+							className: "px-3 py-1.5 rounded-md bg-action-primary-bg text-action-primary-text text-xs font-medium hover:bg-action-primary-bg/90 disabled:opacity-50 transition-colors",
+							children: "Add"
+						}),
+						/* @__PURE__ */ G("button", {
+							type: "button",
+							onClick: () => {
+								o(!1), c("");
+							},
+							className: "p-1.5 rounded text-text-secondary hover:text-text-primary transition-colors",
+							children: /* @__PURE__ */ G(U, { size: 14 })
+						})
+					]
+				}) : /* @__PURE__ */ K("button", {
+					type: "button",
+					onClick: () => o(!0),
+					className: "flex items-center gap-1.5 text-sm text-text-secondary hover:text-text-primary transition-colors",
+					children: [/* @__PURE__ */ G(B, { size: 14 }), "Add permission"]
 				}),
 				/* @__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(_e, {
 						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."] })]
 				}),
 				/* @__PURE__ */ K("div", {
 					className: "flex items-center justify-end gap-3",
-					children: [o && /* @__PURE__ */ K("span", {
+					children: [p && /* @__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(de, { size: 14 }), "Saved"]
 					}), /* @__PURE__ */ K("button", {
 						type: "button",
-						onClick: () => void u(),
-						disabled: i,
+						onClick: () => void x(),
+						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: [i ? /* @__PURE__ */ G(B, {
+						children: [d ? /* @__PURE__ */ G(z, {
 							size: 14,
 							className: "animate-spin"
-						}) : /* @__PURE__ */ G(H, { size: 14 }), "Save Permissions"]
+						}) : /* @__PURE__ */ G(V, { size: 14 }), "Save Permissions"]
 					})]
 				})
 			]