@burdenoff/microfe-devportal 2026.626.2 → 2026.626.4

package/dist/devportal/pages/ApplicationDetailPage.js

@@ -18,12 +18,12 @@ import { useDevportalPermission as ne } from "../hooks/usePermission.js";
 import { usePackageUpload as j } from "../hooks/usePackageUpload.js";
 import { useCallback as M, useEffect as re, useMemo as N, useRef as P, useState as F } from "react";
 import { useI18n as I } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as ie, AppWindow as ae, BarChart3 as L, CheckCircle as R, Clock as oe, Download as se, Edit as ce, ExternalLink as z, FlaskConical as le, Info as B, Key as ue, Loader2 as V, MoreHorizontal as de, Plus as H, Power as fe, RefreshCw as pe, SendHorizontal as me, Shield as U, Store as he, Upload as W, Users as G, Webhook as ge, X as _e, XCircle as ve } from "lucide-react";
-import { useParams as ye } from "react-router-dom";
-import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
-import { CTAOverflowMenu as be, EmphasisPanel as Y, GlassCard as xe, NextSteps as Se } from "@burdenoff/fe-libs/ui";
+import { AlertCircle as ie, AppWindow as ae, BarChart3 as L, CheckCircle as R, Clock as oe, Edit as se, ExternalLink as z, FlaskConical as ce, Info as B, Key as le, Loader2 as V, MoreHorizontal as ue, Plus as H, Power as de, RefreshCw as fe, SendHorizontal as pe, Shield as U, Store as me, Upload as W, Users as he, Webhook as G, X as K, XCircle as ge } from "lucide-react";
+import { useParams as _e } from "react-router-dom";
+import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
+import { CTAOverflowMenu as ve, EmphasisPanel as ye, GlassCard as be, NextSteps as xe } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/ApplicationDetailPage.tsx
-function Ce(e) {
+function Se(e) {
 	return e ? {
 		id: e.id,
 		name: e.name,
@@ -47,6 +47,7 @@ function Ce(e) {
 		termsOfServiceUrl: e.termsOfServiceUrl || void 0,
 		githubUrl: e.githubUrl || void 0,
 		pricingType: e.pricingType || void 0,
+		pricingDetails: e.pricingDetails ?? void 0,
 		installCount: e.installCount,
 		activeInstallCount: e.activeInstallCount,
 		averageRating: e.averageRating ?? void 0,
@@ -71,7 +72,7 @@ function Ce(e) {
 		updatedAt: e.updatedAt
 	} : null;
 }
-function X(e) {
+function Ce(e) {
 	return {
 		id: e.id,
 		applicationId: e.applicationId,
@@ -95,7 +96,7 @@ function X(e) {
 		updatedAt: e.updatedAt
 	};
 }
-function we(e) {
+function X(e) {
 	return {
 		id: e.id,
 		applicationId: e.applicationId,
@@ -111,7 +112,7 @@ function we(e) {
 		createdAt: e.createdAt
 	};
 }
-function Te(e) {
+function we(e) {
 	return {
 		id: e.id,
 		appId: e.appId,
@@ -133,7 +134,7 @@ function Te(e) {
 		revokedBy: e.revokedBy || void 0
 	};
 }
-var Ee = [
+var Te = [
 	{
 		id: "overview",
 		label: "Overview",
@@ -147,12 +148,12 @@ var Ee = [
 	{
 		id: "webhooks",
 		label: "Webhooks",
-		icon: ge
+		icon: G
 	},
 	{
 		id: "delegations",
 		label: "Delegations",
-		icon: G
+		icon: he
 	},
 	{
 		id: "analytics",
@@ -167,273 +168,273 @@ var Ee = [
 	{
 		id: "store-listing",
 		label: "Store Listing",
-		icon: he
+		icon: me
 	}
-], De = {
+], Ee = {
 	ACTIVE: "bg-status-success-bg-subtle text-status-success-text",
 	REVOKED: "bg-status-error-bg-subtle text-status-error-text",
 	EXPIRED: "bg-bg-sunken text-text-secondary"
-}, Oe = ({ message: e = "Loading..." }) => /* @__PURE__ */ J("div", {
+}, De = ({ message: e = "Loading..." }) => /* @__PURE__ */ Y("div", {
 	className: "flex items-center justify-center gap-3 py-12",
-	children: [/* @__PURE__ */ q(V, {
+	children: [/* @__PURE__ */ J(V, {
 		size: 20,
 		className: "animate-spin text-text-secondary"
-	}), /* @__PURE__ */ q("p", {
+	}), /* @__PURE__ */ J("p", {
 		className: "text-sm text-text-secondary",
 		children: e
 	})]
-}), Z = ({ message: e }) => /* @__PURE__ */ J("div", {
+}), Oe = ({ message: e }) => /* @__PURE__ */ Y("div", {
 	className: "flex flex-col items-center justify-center gap-2 py-12 text-center",
-	children: [/* @__PURE__ */ q(ie, {
+	children: [/* @__PURE__ */ J(ie, {
 		size: 32,
 		className: "text-status-error-text"
-	}), /* @__PURE__ */ q("p", {
+	}), /* @__PURE__ */ J("p", {
 		className: "text-sm text-text-secondary",
 		children: e
 	})]
-}), ke = () => {
+}), Z = () => {
 	let { navigate: i, basePath: o, workspaceId: c } = e(), { t: d } = I(), p = (e, t) => {
 		let n = d(e);
 		return n === e ? t : n;
-	}, { allowed: h } = ne(te.APP_UPDATE), { allowed: _ } = ne(te.APP_DELETE), { appId: S } = ye(), [w, T] = F("overview"), [E, D] = F(!1), [O, j] = F(!1), [re, N] = F(null), [P, L] = F(!1), { data: R, loading: se, error: z } = s({
+	}, { allowed: h } = ne(te.APP_UPDATE), { allowed: _ } = ne(te.APP_DELETE), { appId: S } = _e(), [w, T] = F("overview"), [E, D] = F(!1), [O, j] = F(!1), [re, N] = F(null), [P, L] = F(!1), { data: R, loading: z, error: B } = s({
 		variables: { id: S },
 		skip: !S
-	}), [B, { loading: ue }] = f(), [V, { loading: de }] = a(), [H, { loading: W }] = u(), [G, { loading: _e }] = m(), { data: K, refetch: Y } = l({
+	}), [le, { loading: V }] = f(), [ue, { loading: H }] = a(), [W, { loading: he }] = u(), [K, { loading: q }] = m(), { data: ye, refetch: be } = l({
 		variables: {
 			applicationId: S,
 			workspaceId: c ?? void 0
 		},
 		skip: !c || !S,
 		fetchPolicy: "cache-and-network"
-	}), xe = K?.appInstallations?.edges?.[0]?.node ?? null, X = M((e) => {
+	}), Ce = ye?.appInstallations?.edges?.[0]?.node ?? null, X = M((e) => {
 		i?.(`${o}${e}`);
 	}, [i, o]), we = M(async () => {
 		let e = R?.application?.appId;
 		if (e) try {
-			let t = (await B({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
+			let t = (await le({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
 			t && N(t), D(!1);
 		} catch {}
-	}, [R?.application?.appId, B]), Te = M(async () => {
+	}, [R?.application?.appId, le]), Ee = M(async () => {
 		if (S) try {
-			await V({ variables: { id: S } }), j(!1), X("/apps");
+			await ue({ variables: { id: S } }), j(!1), X("/apps");
 		} catch {}
 	}, [
 		S,
-		V,
+		ue,
 		X
 	]), De = M(async () => {
 		if (!(!S || !c)) try {
-			await H({ variables: { input: {
+			await W({ variables: { input: {
 				applicationId: S,
 				scope: "WORKSPACE",
 				workspaceId: c,
 				autoUpdate: !1
-			} } }), Y(), C("success");
+			} } }), be(), C("success");
 		} catch (e) {
 			console.error("[DevPortal] Test in Workspace failed:", e), C("error");
 		}
 	}, [
 		S,
 		c,
-		H,
-		Y
+		W,
+		be
 	]), Oe = M(async (e) => {
 		try {
-			await G({ variables: { id: e } }), Y(), C("success");
+			await K({ variables: { id: e } }), be(), C("success");
 		} catch {
 			C("error");
 		}
-	}, [G, Y]);
-	if (se && !R) return /* @__PURE__ */ q(n, { message: p("devportal.loadingApplication", "Loading application...") });
-	if (z) return /* @__PURE__ */ q(g, {
+	}, [K, be]);
+	if (z && !R) return /* @__PURE__ */ J(n, { message: p("devportal.loadingApplication", "Loading application...") });
+	if (B) return /* @__PURE__ */ J(g, {
 		title: p("devportal.error", "Error"),
 		backLink: `${o}/apps`,
 		backLabel: p("devportal.backToApplications", "Back to Applications"),
-		children: /* @__PURE__ */ J("div", {
+		children: /* @__PURE__ */ Y("div", {
 			className: "flex flex-col items-center justify-center py-12 text-center",
 			children: [
-				/* @__PURE__ */ q(ie, {
+				/* @__PURE__ */ J(ie, {
 					size: 48,
 					className: "text-status-error-text mb-4"
 				}),
-				/* @__PURE__ */ q("h3", {
+				/* @__PURE__ */ J("h3", {
 					className: "text-lg font-semibold mb-2",
 					children: p("devportal.failedToLoadApplication", "Failed to load application")
 				}),
-				/* @__PURE__ */ q("p", {
+				/* @__PURE__ */ J("p", {
 					className: "text-sm text-text-secondary",
-					children: z.message
+					children: B.message
 				})
 			]
 		})
 	});
-	let Z = Ce(R?.application);
-	if (!Z) return /* @__PURE__ */ q(g, {
+	let Z = Se(R?.application);
+	if (!Z) return /* @__PURE__ */ J(g, {
 		title: p("devportal.notFound", "Not Found"),
 		backLink: `${o}/apps`,
 		backLabel: p("devportal.backToApplications", "Back to Applications"),
-		children: /* @__PURE__ */ q(r, {
+		children: /* @__PURE__ */ J(r, {
 			illustration: "empty-generic",
-			icon: /* @__PURE__ */ q(ae, { size: 48 }),
+			icon: /* @__PURE__ */ J(ae, { 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 ke = Z.appType === "NODE" || Z.appType === "WORKFLOW", Pe = Z.status !== "PUBLISHED" && (!ke || (R?.application?.versions?.totalCount ?? 0) > 0), Fe = [
-		...ke ? [] : [{
+	let Ne = Z.appType === "NODE" || Z.appType === "WORKFLOW", Pe = Z.status !== "PUBLISHED" && (!Ne || (R?.application?.versions?.totalCount ?? 0) > 0), Fe = [
+		...Ne ? [] : [{
 			label: p("devportal.rotateSecret", "Rotate Secret"),
-			icon: /* @__PURE__ */ q(pe, { size: 16 }),
+			icon: /* @__PURE__ */ J(fe, { size: 16 }),
 			disabled: !Z.appId,
 			onSelect: () => D(!0)
 		}],
 		{
 			label: p("devportal.versions", "Versions"),
-			icon: /* @__PURE__ */ q(oe, { size: 16 }),
+			icon: /* @__PURE__ */ J(oe, { size: 16 }),
 			onSelect: () => X(`/apps/${Z.id}/versions`)
 		},
 		...Pe ? [{
 			label: p("devportal.submitForReview", "Submit for Review"),
-			icon: /* @__PURE__ */ q(me, { size: 16 }),
+			icon: /* @__PURE__ */ J(pe, { size: 16 }),
 			onSelect: () => T("store-listing")
 		}] : [],
-		...ke ? [] : xe ? [{
+		...Ne ? [] : Ce ? [{
 			label: p("devportal.uninstallFromWorkspace", "Uninstall from Workspace"),
-			icon: /* @__PURE__ */ q(ve, { size: 16 }),
-			disabled: _e || !c,
-			onSelect: () => void Oe(xe.id)
+			icon: /* @__PURE__ */ J(ge, { size: 16 }),
+			disabled: q || !c,
+			onSelect: () => void Oe(Ce.id)
 		}] : [{
 			label: p("devportal.testInWorkspace", "Test in Workspace"),
-			icon: /* @__PURE__ */ q(le, { size: 16 }),
-			disabled: W || !c,
+			icon: /* @__PURE__ */ J(ce, { size: 16 }),
+			disabled: he || !c,
 			onSelect: () => void De()
 		}],
 		{
 			label: p("devportal.deactivate", "Deactivate"),
-			icon: /* @__PURE__ */ q(fe, { size: 16 }),
+			icon: /* @__PURE__ */ J(de, { size: 16 }),
 			intent: "destructive",
 			disabled: !_,
 			onSelect: () => j(!0)
 		}
 	];
-	return /* @__PURE__ */ J(g, {
+	return /* @__PURE__ */ Y(g, {
 		title: Z.name,
 		description: Z.shortDescription,
 		purpose: p("devportal.appDetailPurpose", "Everything about this application in one place — its credentials, the permissions and webhooks it uses, its analytics, and its store listing. Use the tabs to configure each area, then edit or publish when it is ready."),
 		backLink: `${o}/apps`,
 		backLabel: p("devportal.backToApplications", "Back to Applications"),
-		actions: /* @__PURE__ */ q(be, {
+		actions: /* @__PURE__ */ J(ve, {
 			primary: {
 				label: p("devportal.editApp", "Edit App"),
-				icon: /* @__PURE__ */ q(ce, { size: 16 }),
+				icon: /* @__PURE__ */ J(se, { size: 16 }),
 				disabled: !h,
 				onSelect: () => X(`/apps/${Z.id}/edit`)
 			},
 			actions: Fe
 		}),
 		children: [
-			re && /* @__PURE__ */ q(ee, {
+			re && /* @__PURE__ */ J(ee, {
 				title: p("devportal.newAppSecretGenerated", "New App Secret Generated"),
 				secret: re,
 				description: p("devportal.appSecretRotatedDescription", "Your app secret has been rotated. The old secret is no longer valid."),
 				onDismiss: () => N(null)
 			}),
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ Y("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ q(b, {
+					/* @__PURE__ */ J(b, {
 						status: Z.status,
 						type: "app"
 					}),
-					/* @__PURE__ */ q(b, {
+					/* @__PURE__ */ J(b, {
 						status: Z.visibility,
 						type: "app"
 					}),
-					Z.isVerified && /* @__PURE__ */ q(x, { verified: !0 }),
-					Z.isFeatured && /* @__PURE__ */ q(y, {}),
-					/* @__PURE__ */ q("span", {
+					Z.isVerified && /* @__PURE__ */ J(x, { verified: !0 }),
+					Z.isFeatured && /* @__PURE__ */ J(y, {}),
+					/* @__PURE__ */ J("span", {
 						className: "text-sm text-text-secondary",
 						children: v[Z.appType] || Z.appType
 					})
 				]
 			}),
-			/* @__PURE__ */ q(Se, {
+			/* @__PURE__ */ J(xe, {
 				storageKey: `devportal-app-${Z.id}`,
 				steps: [
 					{
 						id: "edit",
 						label: p("devportal.editApp", "Edit App"),
 						description: p("devportal.appDetailStepEdit", "Update the name, description, and settings"),
-						icon: /* @__PURE__ */ q(ce, { size: 16 }),
+						icon: /* @__PURE__ */ J(se, { size: 16 }),
 						onClick: () => X(`/apps/${Z.id}/edit`)
 					},
 					{
 						id: "permissions",
 						label: p("devportal.permissions", "Permissions"),
 						description: p("devportal.appDetailStepPermissions", "Request the scopes your app needs"),
-						icon: /* @__PURE__ */ q(U, { size: 16 }),
+						icon: /* @__PURE__ */ J(U, { size: 16 }),
 						onClick: () => T("permissions")
 					},
 					{
 						id: "webhooks",
 						label: p("devportal.webhooks", "Webhooks"),
 						description: p("devportal.appDetailStepWebhooks", "Subscribe to events for real-time updates"),
-						icon: /* @__PURE__ */ q(ge, { size: 16 }),
+						icon: /* @__PURE__ */ J(G, { size: 16 }),
 						onClick: () => T("webhooks")
 					},
 					{
 						id: "store-listing",
 						label: p("devportal.storeListing", "Store Listing"),
 						description: p("devportal.appDetailStepStore", "Prepare and publish to the marketplace"),
-						icon: /* @__PURE__ */ q(he, { size: 16 }),
+						icon: /* @__PURE__ */ J(me, { size: 16 }),
 						onClick: () => T("store-listing")
 					}
 				]
 			}),
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ J("div", {
 				className: "border-b",
-				children: /* @__PURE__ */ q("nav", {
+				children: /* @__PURE__ */ J("nav", {
 					className: "-mb-px flex gap-4 overflow-x-auto",
 					role: "tablist",
 					"aria-label": p("devportal.applicationSections", "Application sections"),
-					children: Ee.filter((e) => !((Z.appType === "NODE" || Z.appType === "WORKFLOW") && (e.id === "permissions" || e.id === "webhooks" || e.id === "delegations" || e.id === "playground"))).map((e) => {
+					children: Te.filter((e) => !((Z.appType === "NODE" || Z.appType === "WORKFLOW") && (e.id === "permissions" || e.id === "webhooks" || e.id === "delegations" || e.id === "playground"))).map((e) => {
 						let n = e.icon;
-						return /* @__PURE__ */ J("button", {
+						return /* @__PURE__ */ Y("button", {
 							id: `application-tab-${e.id}`,
 							role: "tab",
 							"aria-selected": w === e.id,
 							"aria-controls": `application-panel-${e.id}`,
 							onClick: () => T(e.id),
 							className: t("flex items-center gap-2 border-b-2 px-1 py-3 text-sm font-medium transition-colors", w === e.id ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary hover:border-muted-foreground"),
-							children: [/* @__PURE__ */ q(n, { size: 16 }), e.label]
+							children: [/* @__PURE__ */ J(n, { size: 16 }), e.label]
 						}, e.id);
 					})
 				})
 			}),
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ Y("div", {
 				className: "mt-6",
 				id: `application-panel-${w}`,
 				role: "tabpanel",
 				"aria-labelledby": `application-tab-${w}`,
 				tabIndex: 0,
 				children: [
-					w === "overview" && /* @__PURE__ */ q(Ne, { app: Z }),
-					w === "permissions" && /* @__PURE__ */ q(Je, { app: Z }),
-					w === "webhooks" && /* @__PURE__ */ q(Ae, {
+					w === "overview" && /* @__PURE__ */ J(Me, { app: Z }),
+					w === "permissions" && /* @__PURE__ */ J(qe, { app: Z }),
+					w === "webhooks" && /* @__PURE__ */ J(ke, {
 						appId: Z.id,
 						onNavigate: X
 					}),
-					w === "delegations" && /* @__PURE__ */ q(je, {
+					w === "delegations" && /* @__PURE__ */ J(Ae, {
 						authAppId: Z.appId || void 0,
 						appName: Z.name,
 						onGrantDelegation: () => L(!0),
 						onNavigate: X
 					}),
-					w === "analytics" && /* @__PURE__ */ q(Me, { appId: Z.id }),
-					w === "playground" && /* @__PURE__ */ q(Re, { app: Z }),
-					w === "store-listing" && /* @__PURE__ */ q(Ge, { app: Z })
+					w === "analytics" && /* @__PURE__ */ J(je, { appId: Z.id }),
+					w === "playground" && /* @__PURE__ */ J(Le, { app: Z }),
+					w === "store-listing" && /* @__PURE__ */ J(We, { app: Z })
 				]
 			}),
-			/* @__PURE__ */ q(k, {
+			/* @__PURE__ */ J(k, {
 				open: E,
 				onOpenChange: D,
 				onConfirm: we,
@@ -442,20 +443,20 @@ var Ee = [
 				confirmLabel: p("devportal.rotateSecret", "Rotate Secret"),
 				cancelLabel: p("devportal.cancel", "Cancel"),
 				variant: "warning",
-				loading: ue
+				loading: V
 			}),
-			/* @__PURE__ */ q(k, {
+			/* @__PURE__ */ J(k, {
 				open: O,
 				onOpenChange: j,
-				onConfirm: Te,
+				onConfirm: Ee,
 				title: p("devportal.deactivateApplication", "Deactivate Application"),
 				description: p("devportal.deactivateApplicationDescription", "This will deactivate the application. All OAuth clients, API keys, and webhooks associated with this app will stop functioning. This action can be reversed by reactivating the app."),
 				confirmLabel: p("devportal.deactivate", "Deactivate"),
 				cancelLabel: p("devportal.cancel", "Cancel"),
 				variant: "destructive",
-				loading: de
+				loading: H
 			}),
-			/* @__PURE__ */ q(A, {
+			/* @__PURE__ */ J(A, {
 				open: P,
 				onOpenChange: L,
 				appId: Z.appId || "",
@@ -467,21 +468,21 @@ var Ee = [
 			})
 		]
 	});
-}, Ae = ({ appId: e, onNavigate: t }) => {
+}, ke = ({ appId: e, onNavigate: t }) => {
 	let { t: n } = I(), r = (e, t) => {
 		let r = n(e);
 		return r === e ? t : r;
 	}, { data: i, loading: a, error: o } = c({ variables: { applicationId: e } });
-	return a ? /* @__PURE__ */ q(Oe, { message: r("devportal.loadingWebhooks", "Loading webhooks...") }) : o ? /* @__PURE__ */ q(Z, { message: o.message }) : /* @__PURE__ */ q(Pe, {
+	return a ? /* @__PURE__ */ J(De, { message: r("devportal.loadingWebhooks", "Loading webhooks...") }) : o ? /* @__PURE__ */ J(Oe, { message: o.message }) : /* @__PURE__ */ J(Ne, {
 		appId: e,
-		webhooks: (i?.webhooks ?? []).map(X),
+		webhooks: (i?.webhooks ?? []).map(Ce),
 		onNavigate: t
 	});
-}, je = ({ authAppId: e, appName: t, onGrantDelegation: n, onNavigate: a }) => {
+}, Ae = ({ authAppId: e, appName: t, onGrantDelegation: n, onNavigate: a }) => {
 	let { t: o } = I(), s = (e, t) => {
 		let n = o(e);
 		return n === e ? t : n;
-	}, { data: c, loading: l, error: u, refetch: f } = i(), [p] = d(), [m, h] = F([]), [g, _] = F(!1), [v, y] = F(/* @__PURE__ */ new Set()), [b, x] = F(null), S = N(() => c?.currentUserDelegations?.delegations ? c.currentUserDelegations.delegations.filter((t) => t.appId === e).map(Te) : [], [e, c]), C = N(() => S.filter((e) => e.status === "ACTIVE"), [S]), ee = N(() => C.filter((e) => v.has(e.id)), [C, v]), w = C.length > 0 && C.every((e) => v.has(e.id)), T = C.some((e) => v.has(e.id)) && !w, E = M((e, t) => {
+	}, { data: c, loading: l, error: u, refetch: f } = i(), [p] = d(), [m, h] = F([]), [g, _] = F(!1), [v, y] = F(/* @__PURE__ */ new Set()), [b, x] = F(null), S = N(() => c?.currentUserDelegations?.delegations ? c.currentUserDelegations.delegations.filter((t) => t.appId === e).map(we) : [], [e, c]), C = N(() => S.filter((e) => e.status === "ACTIVE"), [S]), ee = N(() => C.filter((e) => v.has(e.id)), [C, v]), w = C.length > 0 && C.every((e) => v.has(e.id)), T = C.some((e) => v.has(e.id)) && !w, E = M((e, t) => {
 		y((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
@@ -507,19 +508,19 @@ var Ee = [
 			_(!1);
 		}
 	}, [p, f]);
-	return e ? l ? /* @__PURE__ */ q(Oe, { message: s("devportal.loadingDelegations", "Loading delegations...") }) : u ? /* @__PURE__ */ q(Z, { message: u.message }) : /* @__PURE__ */ J(K, { children: [
-		b && /* @__PURE__ */ q("div", {
+	return e ? l ? /* @__PURE__ */ J(De, { message: s("devportal.loadingDelegations", "Loading delegations...") }) : u ? /* @__PURE__ */ J(Oe, { message: u.message }) : /* @__PURE__ */ Y(q, { children: [
+		b && /* @__PURE__ */ J("div", {
 			className: "rounded-lg border border-border-subtle bg-status-success-bg-subtle p-3 text-sm text-status-success-text",
-			children: /* @__PURE__ */ J("div", {
+			children: /* @__PURE__ */ Y("div", {
 				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ q("span", { children: b }), /* @__PURE__ */ q("button", {
+				children: [/* @__PURE__ */ J("span", { children: b }), /* @__PURE__ */ J("button", {
 					onClick: () => x(null),
 					className: "text-status-success-text hover:text-status-success-text",
 					children: s("devportal.dismiss", "Dismiss")
 				})]
 			})
 		}),
-		/* @__PURE__ */ q(Fe, {
+		/* @__PURE__ */ J(Pe, {
 			appName: t,
 			delegations: S,
 			onGrantDelegation: n,
@@ -532,7 +533,7 @@ var Ee = [
 			allVisibleSelected: w,
 			partiallySelected: T
 		}),
-		/* @__PURE__ */ q(k, {
+		/* @__PURE__ */ J(k, {
 			open: m.length > 0,
 			onOpenChange: (e) => {
 				e || h([]);
@@ -547,18 +548,18 @@ var Ee = [
 			variant: "destructive",
 			loading: g
 		})
-	] }) : /* @__PURE__ */ q(r, {
+	] }) : /* @__PURE__ */ J(r, {
 		illustration: "empty-generic",
-		icon: /* @__PURE__ */ q(U, { size: 32 }),
+		icon: /* @__PURE__ */ J(U, { 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__ */ J("button", {
+		action: /* @__PURE__ */ Y("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__ */ q(z, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
+			children: [/* @__PURE__ */ J(z, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
 		})
 	});
-}, Me = ({ appId: e }) => {
+}, je = ({ appId: e }) => {
 	let { t } = I(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
@@ -571,67 +572,67 @@ var Ee = [
 		}, [r]).toISOString(),
 		endDate: r.toISOString()
 	} });
-	return a ? /* @__PURE__ */ q(Oe, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : s ? /* @__PURE__ */ q(Z, { message: s.message }) : /* @__PURE__ */ q(Ie, { analytics: (i?.applicationAnalytics ?? []).map(we) });
-}, Ne = ({ app: e }) => {
+	return a ? /* @__PURE__ */ J(De, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : s ? /* @__PURE__ */ J(Oe, { message: s.message }) : /* @__PURE__ */ J(Fe, { analytics: (i?.applicationAnalytics ?? []).map(X) });
+}, Me = ({ app: e }) => {
 	let { t } = I(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
 	};
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "grid gap-6 lg:grid-cols-3",
-		children: [/* @__PURE__ */ J("div", {
+		children: [/* @__PURE__ */ Y("div", {
 			className: "lg:col-span-2 space-y-6",
 			children: [
-				/* @__PURE__ */ q(Y, { children: /* @__PURE__ */ J("div", {
+				/* @__PURE__ */ J(ye, { children: /* @__PURE__ */ Y("div", {
 					className: "grid gap-4 sm:grid-cols-4",
 					children: [
-						/* @__PURE__ */ q(Q, {
+						/* @__PURE__ */ J(Q, {
 							label: n("devportal.totalInstalls", "Total Installs"),
 							value: e.installCount.toLocaleString()
 						}),
-						/* @__PURE__ */ q(Q, {
+						/* @__PURE__ */ J(Q, {
 							label: n("devportal.activeInstalls", "Active Installs"),
 							value: e.activeInstallCount.toLocaleString()
 						}),
-						/* @__PURE__ */ q(Q, {
+						/* @__PURE__ */ J(Q, {
 							label: n("devportal.averageRating", "Average Rating"),
 							value: e.averageRating ? `${e.averageRating.toFixed(1)} ★` : n("devportal.notAvailable", "N/A")
 						}),
-						/* @__PURE__ */ q(Q, {
+						/* @__PURE__ */ J(Q, {
 							label: n("devportal.reviews", "Reviews"),
 							value: e.reviewCount.toString()
 						})
 					]
 				}) }),
-				/* @__PURE__ */ q(_, {
+				/* @__PURE__ */ J(_, {
 					title: n("devportal.description", "Description"),
-					children: /* @__PURE__ */ q("div", {
+					children: /* @__PURE__ */ J("div", {
 						className: "prose prose-sm max-w-none",
-						children: /* @__PURE__ */ q("pre", {
+						children: /* @__PURE__ */ J("pre", {
 							className: "whitespace-pre-wrap font-sans text-sm text-text-primary bg-transparent p-0 m-0",
 							children: e.description || n("devportal.noDescriptionProvided", "No description provided.")
 						})
 					})
 				}),
-				/* @__PURE__ */ q(_, {
+				/* @__PURE__ */ J(_, {
 					title: n("devportal.tagsAndKeywords", "Tags & Keywords"),
-					children: /* @__PURE__ */ J("div", {
+					children: /* @__PURE__ */ Y("div", {
 						className: "space-y-3",
-						children: [e.tags.length > 0 && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+						children: [e.tags.length > 0 && /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 							className: "text-xs text-text-secondary mb-2",
 							children: n("devportal.tags", "Tags")
-						}), /* @__PURE__ */ q("div", {
+						}), /* @__PURE__ */ J("div", {
 							className: "flex flex-wrap gap-2",
-							children: e.tags.map((e) => /* @__PURE__ */ q("span", {
+							children: e.tags.map((e) => /* @__PURE__ */ J("span", {
 								className: "rounded-full bg-action-primary-bg/10 px-3 py-1 text-xs font-medium text-primary",
 								children: e
 							}, e))
-						})] }), e.keywords.length > 0 && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+						})] }), e.keywords.length > 0 && /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 							className: "text-xs text-text-secondary mb-2",
 							children: n("devportal.keywords", "Keywords")
-						}), /* @__PURE__ */ q("div", {
+						}), /* @__PURE__ */ J("div", {
 							className: "flex flex-wrap gap-2",
-							children: e.keywords.map((e) => /* @__PURE__ */ q("span", {
+							children: e.keywords.map((e) => /* @__PURE__ */ J("span", {
 								className: "rounded-full bg-bg-sunken px-3 py-1 text-xs",
 								children: e
 							}, e))
@@ -639,14 +640,14 @@ var Ee = [
 					})
 				})
 			]
-		}), /* @__PURE__ */ J("div", {
+		}), /* @__PURE__ */ Y("div", {
 			className: "space-y-6",
-			children: [/* @__PURE__ */ q(_, {
+			children: [/* @__PURE__ */ J(_, {
 				title: n("devportal.details", "Details"),
-				children: /* @__PURE__ */ q(T, { items: [
+				children: /* @__PURE__ */ J(T, { items: [
 					{
 						label: n("devportal.appId", "App ID"),
-						value: /* @__PURE__ */ q("code", {
+						value: /* @__PURE__ */ J("code", {
 							className: "text-xs",
 							children: e.id
 						})
@@ -661,7 +662,13 @@ var Ee = [
 					},
 					{
 						label: n("devportal.pricing", "Pricing"),
-						value: e.pricingType || n("devportal.free", "Free")
+						value: (() => {
+							if (e.pricingType === "PAID") {
+								let t = e.pricingDetails ?? {}, n = typeof t.price == "number" ? t.price : null, r = typeof t.currency == "string" ? t.currency : "USD";
+								return n == null ? "PAID" : `PAID — ${n} ${r}`;
+							}
+							return e.pricingType || n("devportal.free", "Free");
+						})()
 					},
 					{
 						label: n("devportal.created", "Created"),
@@ -676,32 +683,32 @@ var Ee = [
 						value: e.publishedAt ? new Date(e.publishedAt).toLocaleDateString() : n("devportal.notPublished", "Not published")
 					}
 				] })
-			}), /* @__PURE__ */ q(_, {
+			}), /* @__PURE__ */ J(_, {
 				title: n("devportal.links", "Links"),
-				children: /* @__PURE__ */ J("div", {
+				children: /* @__PURE__ */ Y("div", {
 					className: "space-y-2",
 					children: [
-						e.websiteUrl && /* @__PURE__ */ q($, {
+						e.websiteUrl && /* @__PURE__ */ J($, {
 							label: n("devportal.website", "Website"),
 							url: e.websiteUrl
 						}),
-						e.documentationUrl && /* @__PURE__ */ q($, {
+						e.documentationUrl && /* @__PURE__ */ J($, {
 							label: n("devportal.documentation", "Documentation"),
 							url: e.documentationUrl
 						}),
-						e.supportUrl && /* @__PURE__ */ q($, {
+						e.supportUrl && /* @__PURE__ */ J($, {
 							label: n("devportal.support", "Support"),
 							url: e.supportUrl
 						}),
-						e.githubUrl && /* @__PURE__ */ q($, {
+						e.githubUrl && /* @__PURE__ */ J($, {
 							label: n("devportal.github", "GitHub"),
 							url: e.githubUrl
 						}),
-						e.privacyPolicyUrl && /* @__PURE__ */ q($, {
+						e.privacyPolicyUrl && /* @__PURE__ */ J($, {
 							label: n("devportal.privacyPolicy", "Privacy Policy"),
 							url: e.privacyPolicyUrl
 						}),
-						e.termsOfServiceUrl && /* @__PURE__ */ q($, {
+						e.termsOfServiceUrl && /* @__PURE__ */ J($, {
 							label: n("devportal.termsOfService", "Terms of Service"),
 							url: e.termsOfServiceUrl
 						})
@@ -710,16 +717,16 @@ var Ee = [
 			})]
 		})]
 	});
-}, Pe = ({ appId: e, webhooks: t, onNavigate: n }) => {
+}, Ne = ({ appId: e, webhooks: t, onNavigate: n }) => {
 	let { t: i } = I(), a = (e, t) => {
 		let n = i(e);
 		return n === e ? t : n;
 	};
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "space-y-6",
-		children: [/* @__PURE__ */ J("div", {
+		children: [/* @__PURE__ */ Y("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ J("p", {
+			children: [/* @__PURE__ */ Y("p", {
 				className: "text-sm text-text-secondary",
 				children: [
 					t.length,
@@ -728,81 +735,81 @@ var Ee = [
 					" ",
 					a("devportal.configured", "configured")
 				]
-			}), /* @__PURE__ */ J("button", {
+			}), /* @__PURE__ */ Y("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__ */ q(H, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				children: [/* @__PURE__ */ J(H, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})]
-		}), t.length > 0 ? /* @__PURE__ */ q("div", {
+		}), t.length > 0 ? /* @__PURE__ */ J("div", {
 			className: "space-y-4",
-			children: t.map((t) => /* @__PURE__ */ J("div", {
+			children: t.map((t) => /* @__PURE__ */ Y("div", {
 				className: "rounded-card border border-border-seam bg-bg-surface p-4 space-y-4 shadow-[var(--shadow-pop)]",
 				children: [
-					/* @__PURE__ */ J("div", {
+					/* @__PURE__ */ Y("div", {
 						className: "flex items-start justify-between",
-						children: [/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ J("div", {
+						children: [/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ Y("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ q("h3", {
+							children: [/* @__PURE__ */ J("h3", {
 								className: "font-medium",
 								children: t.name
-							}), /* @__PURE__ */ q(b, {
+							}), /* @__PURE__ */ J(b, {
 								status: t.status,
 								type: "webhook"
 							})]
-						}), t.description && /* @__PURE__ */ q("p", {
+						}), t.description && /* @__PURE__ */ J("p", {
 							className: "text-sm text-text-secondary mt-1",
 							children: t.description
-						})] }), /* @__PURE__ */ q("button", {
+						})] }), /* @__PURE__ */ J("button", {
 							onClick: () => n(`/apps/${e}/webhooks/${t.id}`),
 							className: "rounded-md p-1 hover:bg-bg-sunken",
-							children: /* @__PURE__ */ q(de, { size: 20 })
+							children: /* @__PURE__ */ J(ue, { size: 20 })
 						})]
 					}),
-					/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+					/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 						className: "text-xs text-text-secondary mb-1",
 						children: a("devportal.endpointUrl", "Endpoint URL")
-					}), /* @__PURE__ */ q("code", {
+					}), /* @__PURE__ */ J("code", {
 						className: "text-sm bg-bg-sunken px-2 py-1 rounded block truncate",
 						children: t.url
 					})] }),
-					/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+					/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 						className: "text-xs text-text-secondary mb-2",
 						children: a("devportal.events", "Events")
-					}), /* @__PURE__ */ q("div", {
+					}), /* @__PURE__ */ J("div", {
 						className: "flex flex-wrap gap-2",
-						children: t.events.map((e) => /* @__PURE__ */ q("span", {
+						children: t.events.map((e) => /* @__PURE__ */ J("span", {
 							className: "rounded-full bg-bg-sunken px-2 py-0.5 text-xs",
 							children: e
 						}, e))
 					})] }),
-					/* @__PURE__ */ J("div", {
+					/* @__PURE__ */ Y("div", {
 						className: "grid gap-4 sm:grid-cols-4 text-sm",
 						children: [
-							/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+							/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 								className: "text-xs text-text-secondary",
 								children: a("devportal.success", "Success")
-							}), /* @__PURE__ */ q("p", {
+							}), /* @__PURE__ */ J("p", {
 								className: "font-medium text-status-success-text",
 								children: t.successCount.toLocaleString()
 							})] }),
-							/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+							/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 								className: "text-xs text-text-secondary",
 								children: a("devportal.failed", "Failed")
-							}), /* @__PURE__ */ q("p", {
+							}), /* @__PURE__ */ J("p", {
 								className: "font-medium text-status-error-text",
 								children: t.failureCount.toLocaleString()
 							})] }),
-							/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+							/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 								className: "text-xs text-text-secondary",
 								children: a("devportal.successRate", "Success Rate")
-							}), /* @__PURE__ */ J("p", {
+							}), /* @__PURE__ */ Y("p", {
 								className: "font-medium",
 								children: [t.successCount + t.failureCount > 0 ? (t.successCount / (t.successCount + t.failureCount) * 100).toFixed(1) : "0.0", "%"]
 							})] }),
-							/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+							/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 								className: "text-xs text-text-secondary",
 								children: a("devportal.lastTriggered", "Last Triggered")
-							}), /* @__PURE__ */ q("p", {
+							}), /* @__PURE__ */ J("p", {
 								className: "font-medium",
 								children: t.lastTriggeredAt ? new Date(t.lastTriggeredAt).toLocaleString() : a("devportal.never", "Never")
 							})] })
@@ -810,29 +817,29 @@ var Ee = [
 					})
 				]
 			}, t.id))
-		}) : /* @__PURE__ */ q(r, {
+		}) : /* @__PURE__ */ J(r, {
 			illustration: "empty-notifications",
-			icon: /* @__PURE__ */ q(ge, { size: 32 }),
+			icon: /* @__PURE__ */ J(G, { size: 32 }),
 			title: a("devportal.noWebhooks", "No webhooks"),
 			description: a("devportal.noWebhooksDescription", "Add a webhook to receive event notifications"),
-			action: /* @__PURE__ */ J("button", {
+			action: /* @__PURE__ */ Y("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__ */ q(H, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				children: [/* @__PURE__ */ J(H, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})
 		})]
 	});
-}, Fe = ({ appName: e, delegations: n, onGrantDelegation: i, onRevokeDelegation: a, selectedDelegationIds: o, onToggleSelectDelegation: s, onToggleAllDelegations: c, onClearSelection: l, onRevokeSelected: u, allVisibleSelected: d, partiallySelected: f }) => {
+}, Pe = ({ 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 } = I(), m = (e, t) => {
 		let n = p(e);
 		return n === e ? t : n;
 	}, h = n.filter((e) => e.status === "ACTIVE"), g = n.filter((e) => e.status !== "ACTIVE");
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ Y("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ J("p", {
+				children: [/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ Y("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						n.length,
@@ -843,7 +850,7 @@ var Ee = [
 						" ",
 						e
 					]
-				}), h.length > 0 && /* @__PURE__ */ J("p", {
+				}), h.length > 0 && /* @__PURE__ */ Y("p", {
 					className: "text-xs text-text-secondary mt-0.5",
 					children: [
 						h.length,
@@ -855,44 +862,44 @@ var Ee = [
 						" ",
 						m("devportal.revokedExpired", "revoked/expired")
 					]
-				})] }), /* @__PURE__ */ J("button", {
+				})] }), /* @__PURE__ */ Y("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__ */ q(H, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					children: [/* @__PURE__ */ J(H, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})]
 			}),
-			h.length > 0 && /* @__PURE__ */ q("div", {
+			h.length > 0 && /* @__PURE__ */ J("div", {
 				className: "rounded-card border border-border-seam bg-bg-surface p-4",
-				children: /* @__PURE__ */ J("div", {
+				children: /* @__PURE__ */ Y("div", {
 					className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
-					children: [/* @__PURE__ */ J("div", {
+					children: [/* @__PURE__ */ Y("div", {
 						className: "flex flex-wrap items-center gap-3",
-						children: [/* @__PURE__ */ J("div", {
+						children: [/* @__PURE__ */ Y("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ q(S, {
+							children: [/* @__PURE__ */ J(S, {
 								checked: d,
 								indeterminate: f,
 								onChange: c,
 								ariaLabel: m("devportal.selectAllActiveDelegations", "Select all active app delegations")
-							}), /* @__PURE__ */ q("span", {
+							}), /* @__PURE__ */ J("span", {
 								className: "text-sm font-medium",
 								children: m("devportal.selectAllActive", "Select all active")
 							})]
-						}), o.size > 0 && /* @__PURE__ */ q("button", {
+						}), o.size > 0 && /* @__PURE__ */ J("button", {
 							onClick: l,
 							className: "text-sm text-text-secondary hover:text-text-primary",
 							children: m("devportal.clearSelection", "Clear selection")
 						})]
-					}), /* @__PURE__ */ J("div", {
+					}), /* @__PURE__ */ Y("div", {
 						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ J("span", {
+						children: [/* @__PURE__ */ Y("span", {
 							className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
 							children: [
 								o.size,
 								" ",
 								m("devportal.selected", "selected")
 							]
-						}), /* @__PURE__ */ J("button", {
+						}), /* @__PURE__ */ Y("button", {
 							onClick: u,
 							disabled: o.size === 0,
 							className: "rounded-md border border-status-error-bg px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-50",
@@ -901,33 +908,33 @@ var Ee = [
 					})]
 				})
 			}),
-			n.length > 0 ? /* @__PURE__ */ q("div", {
+			n.length > 0 ? /* @__PURE__ */ J("div", {
 				className: "space-y-4",
-				children: n.map((e) => /* @__PURE__ */ J("div", {
+				children: n.map((e) => /* @__PURE__ */ Y("div", {
 					className: "rounded-card border border-border-seam bg-bg-surface p-4 space-y-4 shadow-[var(--shadow-pop)]",
 					children: [
-						/* @__PURE__ */ J("div", {
+						/* @__PURE__ */ Y("div", {
 							className: "flex items-start justify-between",
-							children: [/* @__PURE__ */ J("div", {
+							children: [/* @__PURE__ */ Y("div", {
 								className: "flex items-start gap-3",
-								children: [e.status === "ACTIVE" && /* @__PURE__ */ q("div", {
+								children: [e.status === "ACTIVE" && /* @__PURE__ */ J("div", {
 									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ q(S, {
+									children: /* @__PURE__ */ J(S, {
 										checked: o.has(e.id),
 										onChange: (t) => s(e.id, t),
 										ariaLabel: `Select delegation ${e.id}`,
 										className: "mt-1"
 									})
-								}), /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ J("div", {
+								}), /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ Y("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ J("h3", {
+									children: [/* @__PURE__ */ Y("h3", {
 										className: "font-medium",
 										children: ["Delegation #", e.id.slice(0, 8)]
-									}), /* @__PURE__ */ q("span", {
-										className: t("rounded-full px-2 py-0.5 text-xs font-medium", De[e.status]),
+									}), /* @__PURE__ */ J("span", {
+										className: t("rounded-full px-2 py-0.5 text-xs font-medium", Ee[e.status]),
 										children: e.status
 									})]
-								}), /* @__PURE__ */ J("p", {
+								}), /* @__PURE__ */ Y("p", {
 									className: "text-sm text-text-secondary mt-1",
 									children: [
 										m("devportal.granted", "Granted"),
@@ -939,55 +946,55 @@ var Ee = [
 										e.grantedBy === e.userId ? m("devportal.you", "you") : e.grantedBy.slice(0, 8)
 									]
 								})] })]
-							}), e.status === "ACTIVE" && /* @__PURE__ */ J("button", {
+							}), e.status === "ACTIVE" && /* @__PURE__ */ Y("button", {
 								onClick: () => a(e.id),
 								className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
-								children: [/* @__PURE__ */ q(ve, { size: 14 }), m("devportal.revoke", "Revoke")]
+								children: [/* @__PURE__ */ J(ge, { size: 14 }), m("devportal.revoke", "Revoke")]
 							})]
 						}),
-						/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+						/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 							className: "text-xs text-text-secondary mb-2",
 							children: m("devportal.grantedScopes", "Granted Scopes")
-						}), /* @__PURE__ */ q("div", {
+						}), /* @__PURE__ */ J("div", {
 							className: "flex flex-wrap gap-2",
-							children: e.scopes.map((e) => /* @__PURE__ */ q("span", {
+							children: e.scopes.map((e) => /* @__PURE__ */ J("span", {
 								className: "rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-xs text-status-success-text",
 								children: e
 							}, e))
 						})] }),
-						e.workspaceIds.length > 0 && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+						e.workspaceIds.length > 0 && /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 							className: "text-xs text-text-secondary mb-2",
 							children: m("devportal.workspaceScope", "Workspace Scope")
-						}), /* @__PURE__ */ q("div", {
+						}), /* @__PURE__ */ J("div", {
 							className: "flex flex-wrap gap-2",
-							children: e.workspaceIds.map((e) => /* @__PURE__ */ q("code", {
+							children: e.workspaceIds.map((e) => /* @__PURE__ */ J("code", {
 								className: "rounded bg-bg-sunken px-2 py-0.5 text-xs",
 								children: e
 							}, e))
 						})] }),
-						/* @__PURE__ */ J("div", {
+						/* @__PURE__ */ Y("div", {
 							className: "flex items-center gap-4 text-xs text-text-secondary",
 							children: [
-								e.expiresAt && /* @__PURE__ */ J("span", {
+								e.expiresAt && /* @__PURE__ */ Y("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ q(oe, { size: 12 }),
+										/* @__PURE__ */ J(oe, { size: 12 }),
 										m("devportal.expires", "Expires"),
 										" ",
 										new Date(e.expiresAt).toLocaleDateString()
 									]
 								}),
-								!e.expiresAt && e.status === "ACTIVE" && /* @__PURE__ */ J("span", {
+								!e.expiresAt && e.status === "ACTIVE" && /* @__PURE__ */ Y("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ q(R, {
+									children: [/* @__PURE__ */ J(R, {
 										size: 12,
 										className: "text-status-success-text"
 									}), m("devportal.noExpiration", "No expiration")]
 								}),
-								e.revokedAt && /* @__PURE__ */ J("span", {
+								e.revokedAt && /* @__PURE__ */ Y("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ q(ve, {
+										/* @__PURE__ */ J(ge, {
 											size: 12,
 											className: "text-status-error-text"
 										}),
@@ -1000,53 +1007,53 @@ var Ee = [
 						})
 					]
 				}, e.id))
-			}) : /* @__PURE__ */ q(r, {
+			}) : /* @__PURE__ */ J(r, {
 				illustration: "empty-people",
-				icon: /* @__PURE__ */ q(G, { size: 32 }),
+				icon: /* @__PURE__ */ J(he, { 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__ */ J("button", {
+				action: /* @__PURE__ */ Y("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__ */ q(H, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					children: [/* @__PURE__ */ J(H, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})
 			})
 		]
 	});
-}, Ie = ({ analytics: e }) => {
+}, Fe = ({ analytics: e }) => {
 	let { t } = I(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
 	}, i = e[0], a = e[1], o = (e, t) => t ? (e - t) / t * 100 : 0;
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "space-y-6",
-		children: [/* @__PURE__ */ J("div", {
+		children: [/* @__PURE__ */ Y("div", {
 			className: "grid gap-4 sm:grid-cols-4",
 			children: [
-				/* @__PURE__ */ q(Q, {
+				/* @__PURE__ */ J(Q, {
 					label: n("devportal.activeUsers", "Active Users"),
 					value: i?.activeUsers.toLocaleString() || "0",
 					trend: a ? o(i.activeUsers, a.activeUsers) : void 0
 				}),
-				/* @__PURE__ */ q(Q, {
+				/* @__PURE__ */ J(Q, {
 					label: n("devportal.apiCalls", "API Calls"),
 					value: i ? `${(i.apiCalls / 1e3).toFixed(1)}K` : "0",
 					trend: a ? o(i.apiCalls, a.apiCalls) : void 0
 				}),
-				/* @__PURE__ */ q(Q, {
+				/* @__PURE__ */ J(Q, {
 					label: n("devportal.avgResponseTime", "Avg Response Time"),
 					value: i?.avgResponseTime ? `${i.avgResponseTime}ms` : n("devportal.notAvailable", "N/A"),
 					trend: a && i?.avgResponseTime ? -o(i.avgResponseTime, a.avgResponseTime || 1) : void 0
 				}),
-				/* @__PURE__ */ q(Q, {
+				/* @__PURE__ */ J(Q, {
 					label: n("devportal.errorRate", "Error Rate"),
 					value: i && i.apiCalls > 0 ? `${(i.errors / i.apiCalls * 100).toFixed(2)}%` : "0%",
 					trend: a && i && i.apiCalls > 0 && a.apiCalls > 0 ? -o(i.errors / i.apiCalls, a.errors / a.apiCalls) : void 0
 				})
 			]
-		}), /* @__PURE__ */ q(_, {
+		}), /* @__PURE__ */ J(_, {
 			title: n("devportal.dailyBreakdown", "Daily Breakdown"),
-			children: e.length > 0 ? /* @__PURE__ */ q(w, {
+			children: e.length > 0 ? /* @__PURE__ */ J(w, {
 				data: e,
 				keyField: "id",
 				columns: [
@@ -1086,19 +1093,19 @@ var Ee = [
 						render: (e) => e.sessions.toLocaleString()
 					}
 				]
-			}) : /* @__PURE__ */ q(r, {
+			}) : /* @__PURE__ */ J(r, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ q(L, { size: 32 }),
+				icon: /* @__PURE__ */ J(L, { size: 32 }),
 				title: n("devportal.noAnalyticsData", "No analytics data"),
 				description: n("devportal.noAnalyticsDataDescription", "Analytics data will appear here once the application starts receiving traffic.")
 			})
 		})]
 	});
-}, Le = "# Sample query - modify as needed\nquery IntrospectSchema {\n  __schema {\n    queryType { name }\n    mutationType { name }\n    types {\n      name\n      kind\n    }\n  }\n}", Re = ({ app: t }) => {
+}, Ie = "# Sample query - modify as needed\nquery IntrospectSchema {\n  __schema {\n    queryType { name }\n    mutationType { name }\n    types {\n      name\n      kind\n    }\n  }\n}", Le = ({ app: t }) => {
 	let { apiGatewayUrl: n, workspacesGatewayUrl: r, authToken: i } = e(), { t: a } = I(), o = (e, t) => {
 		let n = a(e);
 		return n === e ? t : n;
-	}, [s, c] = F(Le), [l, u] = F("{}"), [d, f] = F(""), [p, m] = F(!1), [h, g] = F(`${n || "https://gw-global.local.burdenoff.com"}/global/graphql`), [_, v] = F(i || ""), [y, b] = F(!1), x = M(async () => {
+	}, [s, c] = F(Ie), [l, u] = F("{}"), [d, f] = F(""), [p, m] = F(!1), [h, g] = F(`${n || "https://gw-global.local.burdenoff.com"}/global/graphql`), [_, v] = F(i || ""), [y, b] = F(!1), x = M(async () => {
 		m(!0), f("");
 		try {
 			let e = {};
@@ -1132,21 +1139,21 @@ var Ee = [
 	]), S = M(() => {
 		i && v(i), b(!0);
 	}, [i]);
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ Y("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("h3", {
+				children: [/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("h3", {
 					className: "text-lg font-semibold",
 					children: o("devportal.apiPlayground", "API Playground")
-				}), /* @__PURE__ */ J("p", {
+				}), /* @__PURE__ */ Y("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						o("devportal.apiPlaygroundDescription", "Test GraphQL APIs in the context of"),
 						" ",
-						/* @__PURE__ */ q("strong", { children: t.name }),
-						t.appId && /* @__PURE__ */ J("span", {
+						/* @__PURE__ */ J("strong", { children: t.name }),
+						t.appId && /* @__PURE__ */ Y("span", {
 							className: "ml-1 text-xs text-text-secondary",
 							children: [
 								"(OAuth App: ",
@@ -1155,39 +1162,39 @@ var Ee = [
 							]
 						})
 					]
-				})] }), /* @__PURE__ */ J("button", {
+				})] }), /* @__PURE__ */ Y("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__ */ q(ue, { size: 14 }), o("devportal.autoFillCredentials", "Auto-fill Credentials")]
+					children: [/* @__PURE__ */ J(le, { size: 14 }), o("devportal.autoFillCredentials", "Auto-fill Credentials")]
 				})]
 			}),
-			y && /* @__PURE__ */ J("div", {
+			y && /* @__PURE__ */ Y("div", {
 				className: "rounded-lg border bg-status-info-bg-subtle p-4 text-sm space-y-2",
 				children: [
-					/* @__PURE__ */ q("p", {
+					/* @__PURE__ */ J("p", {
 						className: "font-medium text-status-info-text",
 						children: o("devportal.authenticationGuide", "Authentication Guide")
 					}),
-					/* @__PURE__ */ J("p", {
+					/* @__PURE__ */ Y("p", {
 						className: "text-status-info-text",
 						children: [
 							o("devportal.authenticationGuideText", "Your current session token has been filled in. For app-level authentication (Client Credentials flow), use the"),
 							" ",
-							/* @__PURE__ */ q("strong", { children: o("devportal.oauthClientsTab", "OAuth Clients") }),
+							/* @__PURE__ */ J("strong", { children: o("devportal.oauthClientsTab", "OAuth Clients") }),
 							" ",
 							o("devportal.authenticationGuideText2", "tab to get the app's clientId and clientSecret, then call:")
 						]
 					}),
-					/* @__PURE__ */ q("pre", {
+					/* @__PURE__ */ J("pre", {
 						className: "rounded bg-status-info-bg-subtle p-2 text-xs overflow-x-auto text-status-info-text",
 						children: "mutation {\n  authenticateApp(input: {\n    clientId: \"<your-client-id>\"\n    clientSecret: \"<your-client-secret>\"\n    scopes: []\n  }) {\n    accessToken\n    tokenType\n    expiresIn\n  }\n}"
 					}),
-					/* @__PURE__ */ J("p", {
+					/* @__PURE__ */ Y("p", {
 						className: "text-status-info-text",
 						children: [
 							o("devportal.useReturnedAccessToken", "Use the returned"),
 							" ",
-							/* @__PURE__ */ q("code", {
+							/* @__PURE__ */ J("code", {
 								className: "bg-status-info-bg-subtle px-1 rounded",
 								children: "accessToken"
 							}),
@@ -1195,129 +1202,129 @@ var Ee = [
 							o("devportal.asBearerToken", "as the Bearer token below.")
 						]
 					}),
-					/* @__PURE__ */ q("button", {
+					/* @__PURE__ */ J("button", {
 						onClick: () => b(!1),
 						className: "text-xs text-accent-blue hover:underline",
 						children: o("devportal.dismiss", "Dismiss")
 					})
 				]
 			}),
-			/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("label", {
+			/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
 				className: "block text-sm font-medium mb-1",
 				children: o("devportal.gatewayEndpoint", "Gateway Endpoint")
-			}), /* @__PURE__ */ J("div", {
+			}), /* @__PURE__ */ Y("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ q("input", {
+				children: [/* @__PURE__ */ J("input", {
 					type: "text",
 					value: h,
 					onChange: (e) => g(e.target.value),
 					className: "flex-1 rounded-md border px-3 py-2 text-sm font-mono bg-bg-surface"
-				}), /* @__PURE__ */ J("select", {
+				}), /* @__PURE__ */ Y("select", {
 					onChange: (e) => g(e.target.value),
 					className: "rounded-md border px-3 py-2 text-sm bg-bg-surface",
 					value: h,
-					children: [/* @__PURE__ */ q("option", {
+					children: [/* @__PURE__ */ J("option", {
 						value: `${n || "https://gw-global.local.burdenoff.com"}/global/graphql`,
 						children: o("devportal.globalGateway", "Global Gateway")
-					}), /* @__PURE__ */ q("option", {
+					}), /* @__PURE__ */ J("option", {
 						value: `${r || "https://gw-wspace.local.burdenoff.com"}/workspaces/graphql`,
 						children: o("devportal.workspaceGateway", "Workspace Gateway")
 					})]
 				})]
 			})] }),
-			/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("label", {
+			/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
 				className: "block text-sm font-medium mb-1",
 				children: o("devportal.bearerToken", "Bearer Token")
-			}), /* @__PURE__ */ q("input", {
+			}), /* @__PURE__ */ J("input", {
 				type: "password",
 				value: _,
 				onChange: (e) => v(e.target.value),
 				placeholder: o("devportal.pasteAccessToken", "Paste access token here..."),
 				className: "w-full rounded-md border px-3 py-2 text-sm font-mono bg-bg-surface"
 			})] }),
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ Y("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-4",
-				children: [/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("label", {
+				children: [/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
 					className: "block text-sm font-medium mb-1",
 					children: o("devportal.query", "Query")
-				}), /* @__PURE__ */ q("textarea", {
+				}), /* @__PURE__ */ J("textarea", {
 					value: s,
 					onChange: (e) => c(e.target.value),
 					className: "w-full h-64 rounded-md border px-3 py-2 text-sm font-mono bg-bg-surface resize-y",
 					spellCheck: !1
-				})] }), /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("label", {
+				})] }), /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
 					className: "block text-sm font-medium mb-1",
 					children: o("devportal.variablesJson", "Variables (JSON)")
-				}), /* @__PURE__ */ q("textarea", {
+				}), /* @__PURE__ */ J("textarea", {
 					value: l,
 					onChange: (e) => u(e.target.value),
 					className: "w-full h-64 rounded-md border px-3 py-2 text-sm font-mono bg-bg-surface resize-y",
 					spellCheck: !1
 				})] })]
 			}),
-			/* @__PURE__ */ J("button", {
+			/* @__PURE__ */ Y("button", {
 				onClick: x,
 				disabled: p,
 				className: "flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
-				children: [p ? /* @__PURE__ */ q(V, {
+				children: [p ? /* @__PURE__ */ J(V, {
 					size: 16,
 					className: "animate-spin"
-				}) : /* @__PURE__ */ q(z, { size: 16 }), p ? o("devportal.executing", "Executing...") : o("devportal.executeQuery", "Execute Query")]
+				}) : /* @__PURE__ */ J(z, { size: 16 }), p ? o("devportal.executing", "Executing...") : o("devportal.executeQuery", "Execute Query")]
 			}),
-			d && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("label", {
+			d && /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
 				className: "block text-sm font-medium mb-1",
 				children: o("devportal.response", "Response")
-			}), /* @__PURE__ */ q("pre", {
+			}), /* @__PURE__ */ J("pre", {
 				className: "w-full max-h-96 overflow-auto rounded-md border bg-bg-sunken p-4 text-xs font-mono",
 				children: d
 			})] })
 		]
 	});
-}, ze = ({ label: e, value: n, onChange: r, hint: i, accept: a = "image/png,image/jpeg,image/webp,image/gif,image/svg+xml", aspectClass: o = "aspect-square", upload: s, uploading: c, progress: l, error: u }) => {
+}, Re = ({ 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 = P(null), f = M(async (e) => {
 		try {
 			r((await s(e)).downloadUrl);
 		} catch {}
 	}, [s, r]);
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "space-y-1.5",
 		children: [
-			/* @__PURE__ */ q("label", {
+			/* @__PURE__ */ J("label", {
 				className: "text-sm font-medium",
 				children: e
 			}),
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ Y("div", {
 				className: "flex gap-3 items-start",
-				children: [/* @__PURE__ */ J("div", {
+				children: [/* @__PURE__ */ Y("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__ */ q("img", {
+					children: [n ? /* @__PURE__ */ J("img", {
 						src: n,
 						alt: e,
 						className: "w-full h-full object-cover"
-					}) : /* @__PURE__ */ q(W, {
+					}) : /* @__PURE__ */ J(W, {
 						size: 18,
 						className: "text-text-secondary opacity-40"
-					}), c && /* @__PURE__ */ J("div", {
+					}), c && /* @__PURE__ */ Y("div", {
 						className: "absolute inset-0 bg-bg-overlay flex flex-col items-center justify-center gap-1",
-						children: [/* @__PURE__ */ q(V, {
+						children: [/* @__PURE__ */ J(V, {
 							size: 14,
 							className: "animate-spin text-white"
-						}), /* @__PURE__ */ J("span", {
+						}), /* @__PURE__ */ Y("span", {
 							className: "text-white text-xs",
 							children: [l, "%"]
 						})]
 					})]
-				}), /* @__PURE__ */ J("div", {
+				}), /* @__PURE__ */ Y("div", {
 					className: "flex-1 space-y-1.5",
 					children: [
-						/* @__PURE__ */ q("input", {
+						/* @__PURE__ */ J("input", {
 							type: "url",
 							value: n,
 							onChange: (e) => r(e.target.value),
 							placeholder: "https://...",
 							className: "w-full rounded-md border border-border-subtle bg-bg-input px-3 py-1.5 text-sm placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-primary/30"
 						}),
-						/* @__PURE__ */ q("input", {
+						/* @__PURE__ */ J("input", {
 							ref: d,
 							type: "file",
 							accept: a,
@@ -1327,27 +1334,27 @@ var Ee = [
 								t && f(t), e.target.value = "";
 							}
 						}),
-						/* @__PURE__ */ J("button", {
+						/* @__PURE__ */ Y("button", {
 							type: "button",
 							disabled: c,
 							onClick: () => d.current?.click(),
 							className: "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs font-medium hover:bg-bg-sunken transition-colors disabled:opacity-50",
-							children: [/* @__PURE__ */ q(W, { size: 11 }), c ? `Uploading… ${l}%` : "Upload image"]
+							children: [/* @__PURE__ */ J(W, { size: 11 }), c ? `Uploading… ${l}%` : "Upload image"]
 						}),
-						u && /* @__PURE__ */ q("p", {
+						u && /* @__PURE__ */ J("p", {
 							className: "text-xs text-status-error-text",
 							children: u
 						})
 					]
 				})]
 			}),
-			i && /* @__PURE__ */ q("p", {
+			i && /* @__PURE__ */ J("p", {
 				className: "text-xs text-text-secondary",
 				children: i
 			})
 		]
 	});
-}, Be = ({ urls: e, onChange: n, upload: r, uploading: i, progress: a, error: o }) => {
+}, ze = ({ urls: e, onChange: n, upload: r, uploading: i, progress: a, error: o }) => {
 	let s = P(null), c = M(async (t) => {
 		try {
 			let i = await r(t);
@@ -1360,45 +1367,45 @@ var Ee = [
 	]), l = (t) => {
 		n(e.filter((e, n) => n !== t));
 	};
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "space-y-2",
 		children: [
-			/* @__PURE__ */ q("label", {
+			/* @__PURE__ */ J("label", {
 				className: "text-sm font-medium",
 				children: "Screenshots"
 			}),
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ Y("div", {
 				className: "flex flex-wrap gap-3",
-				children: [e.map((e, t) => /* @__PURE__ */ J("div", {
+				children: [e.map((e, t) => /* @__PURE__ */ Y("div", {
 					className: "relative group w-36 aspect-video rounded-lg border border-border-subtle overflow-hidden bg-bg-sunken",
-					children: [/* @__PURE__ */ q("img", {
+					children: [/* @__PURE__ */ J("img", {
 						src: e,
 						alt: `Screenshot ${t + 1}`,
 						className: "w-full h-full object-cover"
-					}), /* @__PURE__ */ q("button", {
+					}), /* @__PURE__ */ J("button", {
 						type: "button",
 						onClick: () => l(t),
 						className: "absolute top-1 right-1 rounded-full bg-bg-overlay text-white p-0.5 opacity-0 group-hover:opacity-100 transition-opacity",
-						children: /* @__PURE__ */ q(_e, { size: 12 })
+						children: /* @__PURE__ */ J(K, { size: 12 })
 					})]
-				}, t)), /* @__PURE__ */ q("button", {
+				}, t)), /* @__PURE__ */ J("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__ */ J(K, { children: [/* @__PURE__ */ q(V, {
+					children: i ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(V, {
 						size: 18,
 						className: "animate-spin text-primary"
-					}), /* @__PURE__ */ J("span", {
+					}), /* @__PURE__ */ Y("span", {
 						className: "text-xs",
 						children: [a, "%"]
-					})] }) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(W, { size: 18 }), /* @__PURE__ */ q("span", {
+					})] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(W, { size: 18 }), /* @__PURE__ */ J("span", {
 						className: "text-xs",
 						children: "Add screenshot"
 					})] })
 				})]
 			}),
-			/* @__PURE__ */ q("input", {
+			/* @__PURE__ */ J("input", {
 				ref: s,
 				type: "file",
 				accept: "image/png,image/jpeg,image/webp,image/gif",
@@ -1408,19 +1415,19 @@ var Ee = [
 					t && c(t), e.target.value = "";
 				}
 			}),
-			o && /* @__PURE__ */ q("p", {
+			o && /* @__PURE__ */ J("p", {
 				className: "text-xs text-status-error-text",
 				children: o
 			})
 		]
 	});
-}, Ve = new Set(["workflow", "template"]), He = [{
+}, Be = new Set(["workflow", "template"]), Ve = [{
 	value: "FREE",
 	label: "Free"
 }, {
 	value: "PAID",
 	label: "Paid"
-}], Ue = [
+}], He = [
 	{
 		value: "agent",
 		label: "Agent"
@@ -1490,7 +1497,7 @@ var Ee = [
 		label: "Component"
 	}
 ];
-function We(e) {
+function Ue(e) {
 	let t = e.manifest ?? {}, n = t.identity ?? {}, r = (t.digital ?? {}).install ?? {}, i = t.compatibility ?? {}, a = Array.isArray(t.permissions) ? t.permissions : [], o = e.pricingDetails ?? {}, s = Array.isArray(e.screenshots) ? e.screenshots.join("\n") : "";
 	return {
 		iconUrl: e.iconUrl ?? "",
@@ -1519,15 +1526,15 @@ function We(e) {
 		manifestJsonContent: typeof t.jsonContent == "string" ? t.jsonContent : typeof t.content == "string" ? t.content : ""
 	};
 }
-var Ge = ({ app: n }) => {
+var We = ({ app: n }) => {
 	let { workspacesGatewayUrl: r, authToken: i, workspaceId: a, getWorkspaceToken: o } = e(), { t: s } = I(), c = (e, t) => {
 		let n = s(e);
 		return n === e ? t : n;
-	}, [l, u] = F(() => We(n)), [d, f] = F(!1), [m, g] = F(!1), v = P(n);
+	}, [l, u] = F(() => Ue(n)), [d, f] = F(!1), [m, g] = F(!1), v = P(n);
 	v.current = n;
 	let [y] = h(), [b, { loading: x }] = p();
 	re(() => {
-		u(We(v.current));
+		u(Ue(v.current));
 	}, [n.id]);
 	let S = (e, t) => {
 		u((n) => ({
@@ -1537,7 +1544,7 @@ var Ge = ({ app: n }) => {
 	}, ee = async () => {
 		f(!0);
 		try {
-			let e = l.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean), t = l.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), r = Ve.has(l.manifestItemType), i = n.manifest ?? {}, a = {
+			let e = l.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean), t = l.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), r = Be.has(l.manifestItemType), i = n.manifest ?? {}, a = {
 				manifestVersion: typeof i.manifestVersion == "string" ? i.manifestVersion : "1.0",
 				itemType: l.manifestItemType || void 0,
 				identity: {
@@ -1586,80 +1593,45 @@ var Ge = ({ app: n }) => {
 		} catch {
 			C("error");
 		}
-	}, T = P(null), k = P(null), { upload: A, uploading: te, progress: ne, error: N } = j(r, i, a, o), { upload: ae, uploading: L, progress: ce, error: z } = j(r, i, a, o, "/DevPortal/Assets"), { upload: le, uploading: ue, progress: de, error: H } = j(r, i, a, o, "/DevPortal/Assets"), { upload: fe, uploading: pe, progress: me, error: U } = j(r, i, a, o, "/DevPortal/Assets"), G = M(async (e) => {
+	}, T = P(null), { upload: k, uploading: A, progress: te, error: ne } = j(r, i, a, o), { upload: N, uploading: ae, progress: L, error: se } = j(r, i, a, o, "/DevPortal/Assets"), { upload: z, uploading: ce, progress: le, error: ue } = j(r, i, a, o, "/DevPortal/Assets"), { upload: H, uploading: de, progress: fe, error: pe } = j(r, i, a, o, "/DevPortal/Assets"), U = M(async (e) => {
 		let t = e.target.files?.[0];
 		if (t) {
 			e.target.value = "";
 			try {
-				let e = await A(t);
+				let e = await k(t);
 				u((t) => ({
 					...t,
 					manifestRegistryUrl: e.downloadUrl
 				}));
 			} catch {}
 		}
-	}, [A]), ge = M(async (e) => {
+	}, [k]), he = M(async (e) => {
 		e.preventDefault(), g(!1);
 		let t = e.dataTransfer.files?.[0];
 		if (t) try {
-			let e = await A(t);
+			let e = await k(t);
 			u((t) => ({
 				...t,
 				manifestRegistryUrl: e.downloadUrl
 			}));
 		} catch {}
-	}, [A]), _e = M((e) => {
-		let t = e.target.files?.[0];
-		if (!t) return;
-		let n = new FileReader();
-		n.onload = (e) => {
-			try {
-				let t = JSON.parse(e.target?.result), n = t.identity ?? {}, r = (t.digital ?? {}).install ?? {}, i = t.compatibility ?? {}, a = Array.isArray(t.permissions) ? t.permissions : [];
-				u((e) => ({
-					...e,
-					manifestItemType: typeof t.itemType == "string" ? t.itemType : e.manifestItemType,
-					manifestDisplayName: typeof n.displayName == "string" ? n.displayName : e.manifestDisplayName,
-					manifestVersion: typeof n.version == "string" ? n.version : e.manifestVersion,
-					manifestInstallType: typeof r.type == "string" ? r.type : e.manifestInstallType,
-					manifestRegistryUrl: typeof r.url == "string" ? r.url : typeof r.registryUrl == "string" ? r.registryUrl : e.manifestRegistryUrl,
-					manifestPermissionsText: a.length > 0 ? a.join("\n") : e.manifestPermissionsText,
-					manifestMinPlatformVersion: typeof i.minPlatformVersion == "string" ? i.minPlatformVersion : e.manifestMinPlatformVersion
-				}));
-			} catch {}
-		}, n.readAsText(t), e.target.value = "";
-	}, []), ve = M(() => {
-		let e = l.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), t = Ve.has(l.manifestItemType), r = {
-			manifestVersion: "1.0",
-			itemType: l.manifestItemType || void 0,
-			identity: {
-				version: l.manifestVersion || "1.0.0",
-				displayName: l.manifestDisplayName
-			},
-			...t ? { jsonContent: l.manifestJsonContent || void 0 } : { digital: { install: {
-				type: l.manifestInstallType,
-				...l.manifestInstallType === "zip" && l.manifestRegistryUrl ? { url: l.manifestRegistryUrl } : {}
-			} } },
-			permissions: e,
-			compatibility: { minPlatformVersion: l.manifestMinPlatformVersion }
-		}, i = new Blob([JSON.stringify(r, null, 2)], { type: "application/json" }), a = URL.createObjectURL(i), o = document.createElement("a");
-		o.href = a, o.download = `${n.slug}-manifest.json`, o.click(), URL.revokeObjectURL(a);
-	}, [n.slug, l]), ye = Ve.has(l.manifestItemType), be = l.manifestInstallType === "builtin", Y = l.pricingType !== "FREE", xe = l.manifestRegistryUrl ? l.manifestRegistryUrl.split("/").pop()?.split("?")[0] ?? "" : "";
+	}, [k]), G = Be.has(l.manifestItemType), K = l.manifestInstallType === "builtin", ge = l.pricingType !== "FREE", _e = l.manifestRegistryUrl ? l.manifestRegistryUrl.split("/").pop()?.split("?")[0] ?? "" : "";
 	n.status;
-	let Se = n.status === "SUBMITTED", Ce = n.status === "PUBLISHED";
-	return /* @__PURE__ */ J("div", {
+	let ve = n.status === "SUBMITTED", ye = n.status === "PUBLISHED";
+	return /* @__PURE__ */ Y("div", {
 		className: "space-y-8 max-w-3xl",
 		children: [
-			Ce ? /* @__PURE__ */ J("div", {
+			ye ? /* @__PURE__ */ Y("div", {
 				className: "flex items-start gap-3 rounded-lg border border-success/30 bg-success/10 px-4 py-3",
-				children: [/* @__PURE__ */ q(R, {
+				children: [/* @__PURE__ */ J(R, {
 					size: 16,
 					className: "text-success mt-0.5 shrink-0"
-				}), /* @__PURE__ */ J("div", {
+				}), /* @__PURE__ */ Y("div", {
 					className: "text-sm",
-					children: [/* @__PURE__ */ q("span", {
+					children: [/* @__PURE__ */ J("span", {
 						className: "font-medium text-success",
 						children: c("devportal.storeListing.published", "Published")
-					}), n.publishedAt && /* @__PURE__ */ J("span", {
+					}), n.publishedAt && /* @__PURE__ */ Y("span", {
 						className: "text-text-secondary ml-2",
 						children: [
 							c("devportal.storeListing.since", "since"),
@@ -1668,69 +1640,69 @@ var Ge = ({ app: n }) => {
 						]
 					})]
 				})]
-			}) : Se ? /* @__PURE__ */ J("div", {
+			}) : ve ? /* @__PURE__ */ Y("div", {
 				className: "flex items-start gap-3 rounded-lg border border-primary/30 bg-action-primary-bg/5 px-4 py-3",
-				children: [/* @__PURE__ */ q(oe, {
+				children: [/* @__PURE__ */ J(oe, {
 					size: 16,
 					className: "text-primary mt-0.5 shrink-0"
-				}), /* @__PURE__ */ J("div", {
+				}), /* @__PURE__ */ Y("div", {
 					className: "text-sm",
 					children: [
-						/* @__PURE__ */ q("span", {
+						/* @__PURE__ */ J("span", {
 							className: "font-medium text-primary",
 							children: c("devportal.storeListing.underReview", "Submitted for review")
 						}),
-						n.submittedAt && /* @__PURE__ */ q("span", {
+						n.submittedAt && /* @__PURE__ */ J("span", {
 							className: "text-text-secondary ml-2",
 							children: new Date(n.submittedAt).toLocaleDateString()
 						}),
-						n.reviewStatus && /* @__PURE__ */ J("span", {
+						n.reviewStatus && /* @__PURE__ */ Y("span", {
 							className: "text-text-secondary ml-2",
 							children: ["· ", n.reviewStatus]
 						})
 					]
 				})]
-			}) : /* @__PURE__ */ J("div", {
+			}) : /* @__PURE__ */ Y("div", {
 				className: "flex items-start gap-3 rounded-lg border border-warning/30 bg-warning/5 px-4 py-3",
-				children: [/* @__PURE__ */ q(ie, {
+				children: [/* @__PURE__ */ J(ie, {
 					size: 16,
 					className: "text-warning mt-0.5 shrink-0"
-				}), /* @__PURE__ */ J("div", {
+				}), /* @__PURE__ */ Y("div", {
 					className: "text-sm",
-					children: [/* @__PURE__ */ q("span", {
+					children: [/* @__PURE__ */ J("span", {
 						className: "font-medium text-warning",
 						children: c("devportal.storeListing.draft", "Draft")
-					}), /* @__PURE__ */ q("span", {
+					}), /* @__PURE__ */ J("span", {
 						className: "text-text-secondary ml-2",
 						children: c("devportal.storeListing.draftHint", "Complete your store listing and submit for review to publish.")
 					})]
 				})]
 			}),
-			/* @__PURE__ */ q(_, {
+			/* @__PURE__ */ J(_, {
 				title: c("devportal.package", "Package"),
 				description: c("devportal.packageDescription", "Technical configuration — how FluidGrid installs and runs this item"),
-				children: /* @__PURE__ */ J("div", {
+				children: /* @__PURE__ */ Y("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ q(D, {
+						/* @__PURE__ */ J(D, {
 							label: c("devportal.storeItemType", "Item Type"),
 							value: l.manifestItemType,
 							onChange: (e) => {
 								let t = e.target.value;
-								S("manifestItemType", t), Ve.has(t) ? S("manifestInstallType", "json") : l.manifestInstallType === "json" && S("manifestInstallType", "zip");
+								S("manifestItemType", t), Be.has(t) ? S("manifestInstallType", "json") : l.manifestInstallType === "json" && S("manifestInstallType", "zip");
 							},
-							options: Ue,
+							options: He,
 							placeholder: c("devportal.selectItemType", "Select item type…"),
 							hint: c("devportal.storeItemTypeHint", "Determines how this item is categorised and how the platform runs it")
 						}),
-						/* @__PURE__ */ J("div", {
+						/* @__PURE__ */ Y("div", {
 							className: "grid gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ q(E, {
+							children: [/* @__PURE__ */ J(E, {
 								label: c("devportal.manifestDisplayName", "Display Name"),
 								value: l.manifestDisplayName,
 								onChange: (e) => S("manifestDisplayName", e.target.value),
 								placeholder: "My Awesome Node"
-							}), /* @__PURE__ */ q(E, {
+							}), /* @__PURE__ */ J(E, {
 								label: c("devportal.manifestVersion", "Version"),
 								value: l.manifestVersion,
 								onChange: (e) => S("manifestVersion", e.target.value),
@@ -1738,7 +1710,7 @@ var Ge = ({ app: n }) => {
 								hint: c("devportal.semverHint", "Semantic version (MAJOR.MINOR.PATCH)")
 							})]
 						}),
-						ye && /* @__PURE__ */ q(O, {
+						G && /* @__PURE__ */ J(O, {
 							label: c("devportal.jsonContent", l.manifestItemType === "workflow" ? "Workflow Definition (JSON)" : "Template Definition (JSON)"),
 							value: l.manifestJsonContent,
 							onChange: (e) => S("manifestJsonContent", e.target.value),
@@ -1746,187 +1718,155 @@ var Ge = ({ app: n }) => {
 							placeholder: "{\n  \"nodes\": [],\n  \"edges\": []\n}",
 							hint: c("devportal.jsonContentHint", "Paste the full JSON definition. Stored and applied directly — no zip needed.")
 						}),
-						!ye && /* @__PURE__ */ J("div", {
+						!G && /* @__PURE__ */ Y("div", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ J("div", {
+								/* @__PURE__ */ Y("div", {
 									className: "flex items-center justify-between flex-wrap gap-2",
-									children: [/* @__PURE__ */ q("label", {
+									children: [/* @__PURE__ */ J("label", {
 										className: "text-sm font-medium",
 										children: c("devportal.packageFile", "Package File")
-									}), /* @__PURE__ */ J("label", {
+									}), /* @__PURE__ */ Y("label", {
 										className: "flex items-center gap-2 text-sm cursor-pointer select-none",
-										children: [/* @__PURE__ */ q("input", {
+										children: [/* @__PURE__ */ J("input", {
 											type: "checkbox",
-											checked: be,
+											checked: K,
 											onChange: (e) => S("manifestInstallType", e.target.checked ? "builtin" : "zip"),
 											className: "h-4 w-4 rounded border-border-subtle accent-primary"
-										}), /* @__PURE__ */ q("span", {
+										}), /* @__PURE__ */ J("span", {
 											className: "text-text-secondary",
 											children: c("devportal.builtinToggle", "Built-in (pre-installed, no upload needed)")
 										})]
 									})]
 								}),
-								!be && /* @__PURE__ */ J(K, { children: [
-									/* @__PURE__ */ J("div", {
+								!K && /* @__PURE__ */ Y(q, { children: [
+									/* @__PURE__ */ Y("div", {
 										className: "flex gap-3 rounded-lg border border-border-subtle bg-bg-sunken p-3 text-sm text-text-secondary",
-										children: [/* @__PURE__ */ q(B, {
+										children: [/* @__PURE__ */ J(B, {
 											size: 15,
 											className: "mt-0.5 shrink-0"
-										}), /* @__PURE__ */ J("span", { children: [
+										}), /* @__PURE__ */ Y("span", { children: [
 											c("devportal.zipModelHint", "Package your code and a "),
-											/* @__PURE__ */ q("code", {
+											/* @__PURE__ */ J("code", {
 												className: "rounded bg-bg-sunken px-1 py-0.5 font-mono text-xs",
 												children: "manifest.json"
 											}),
 											c("devportal.zipModelHint2", " into a single zip — like a Chrome extension. Upload it below and FluidGrid handles the rest automatically.")
 										] })]
 									}),
-									/* @__PURE__ */ J("div", {
+									/* @__PURE__ */ Y("div", {
 										onDragOver: (e) => {
 											e.preventDefault(), g(!0);
 										},
 										onDragLeave: () => g(!1),
-										onDrop: (e) => void ge(e),
-										onClick: () => !te && k.current?.click(),
-										className: t("relative flex flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed px-6 py-10 text-center transition-colors cursor-pointer", m ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:border-border-strong hover:bg-bg-sunken", te && "pointer-events-none opacity-75"),
-										children: [/* @__PURE__ */ q("input", {
-											ref: k,
+										onDrop: (e) => void he(e),
+										onClick: () => !A && T.current?.click(),
+										className: t("relative flex flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed px-6 py-10 text-center transition-colors cursor-pointer", m ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:border-border-strong hover:bg-bg-sunken", A && "pointer-events-none opacity-75"),
+										children: [/* @__PURE__ */ J("input", {
+											ref: T,
 											type: "file",
 											accept: ".zip,application/zip,application/x-zip-compressed",
 											className: "hidden",
-											onChange: (e) => void G(e)
-										}), te ? /* @__PURE__ */ J(K, { children: [
-											/* @__PURE__ */ q(V, {
+											onChange: (e) => void U(e)
+										}), A ? /* @__PURE__ */ Y(q, { children: [
+											/* @__PURE__ */ J(V, {
 												size: 28,
 												className: "animate-spin text-primary"
 											}),
-											/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ J("p", {
+											/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ Y("p", {
 												className: "text-sm font-medium",
 												children: [
 													c("devportal.uploading", "Uploading…"),
 													" ",
-													ne,
+													te,
 													"%"
 												]
-											}), /* @__PURE__ */ q("p", {
+											}), /* @__PURE__ */ J("p", {
 												className: "text-xs text-text-secondary mt-0.5",
 												children: c("devportal.uploadingHint", "Stored securely in your workspace")
 											})] }),
-											/* @__PURE__ */ q("div", {
+											/* @__PURE__ */ J("div", {
 												className: "w-48 h-1.5 rounded-full bg-bg-sunken overflow-hidden",
-												children: /* @__PURE__ */ q("div", {
+												children: /* @__PURE__ */ J("div", {
 													className: "h-full bg-action-primary-bg transition-all",
-													style: { width: `${ne}%` }
+													style: { width: `${te}%` }
 												})
 											})
-										] }) : xe ? /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(R, {
+										] }) : _e ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(R, {
 											size: 28,
 											className: "text-status-success-text"
-										}), /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+										}), /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 											className: "text-sm font-medium",
-											children: xe
-										}), /* @__PURE__ */ q("p", {
+											children: _e
+										}), /* @__PURE__ */ J("p", {
 											className: "text-xs text-text-secondary mt-0.5",
 											children: c("devportal.clickToReplace", "Click or drag to replace")
-										})] })] }) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(W, {
+										})] })] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(W, {
 											size: 28,
 											className: "text-text-secondary"
-										}), /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+										}), /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 											className: "text-sm font-medium",
 											children: c("devportal.dropZipHere", "Drop your .zip here")
-										}), /* @__PURE__ */ q("p", {
+										}), /* @__PURE__ */ J("p", {
 											className: "text-xs text-text-secondary mt-0.5",
 											children: c("devportal.orClickToBrowse", "or click to browse")
 										})] })] })]
 									}),
-									N && /* @__PURE__ */ q("p", {
+									ne && /* @__PURE__ */ J("p", {
 										className: "text-xs text-status-error-text",
-										children: N
+										children: ne
 									})
 								] }),
-								be && /* @__PURE__ */ J("div", {
+								K && /* @__PURE__ */ Y("div", {
 									className: "flex gap-3 rounded-lg border border-border-subtle bg-bg-sunken p-3 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ q(B, {
+									children: [/* @__PURE__ */ J(B, {
 										size: 15,
 										className: "mt-0.5 shrink-0"
-									}), /* @__PURE__ */ q("span", { children: c("devportal.builtinHint", "Built-in items are pre-installed by the platform. No package upload is needed.") })]
-								})
-							]
-						}),
-						/* @__PURE__ */ J("div", {
-							className: "flex flex-wrap items-center gap-2 border-t pt-4",
-							children: [
-								/* @__PURE__ */ q("input", {
-									ref: T,
-									type: "file",
-									accept: ".json,application/json",
-									className: "hidden",
-									onChange: _e
-								}),
-								/* @__PURE__ */ q("span", {
-									className: "text-xs text-text-secondary mr-1",
-									children: "manifest.json:"
-								}),
-								/* @__PURE__ */ J("button", {
-									type: "button",
-									onClick: () => T.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",
-									children: [/* @__PURE__ */ q(W, { size: 12 }), c("devportal.importManifest", "Import")]
-								}),
-								/* @__PURE__ */ J("button", {
-									type: "button",
-									onClick: ve,
-									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",
-									children: [/* @__PURE__ */ q(se, { size: 12 }), c("devportal.exportManifest", "Export")]
-								}),
-								/* @__PURE__ */ q("span", {
-									className: "text-xs text-text-secondary",
-									children: c("devportal.manifestTip", "— export to get a manifest.json to include inside your zip")
+									}), /* @__PURE__ */ J("span", { children: c("devportal.builtinHint", "Built-in items are pre-installed by the platform. No package upload is needed.") })]
 								})
 							]
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ q(_, {
+			/* @__PURE__ */ J(_, {
 				title: c("devportal.storePresentation", "Store Presence"),
 				description: c("devportal.storePresentationDescription", "Visual assets and copy shown to users browsing the marketplace"),
-				children: /* @__PURE__ */ J("div", {
+				children: /* @__PURE__ */ Y("div", {
 					className: "space-y-5",
 					children: [
-						/* @__PURE__ */ J("div", {
+						/* @__PURE__ */ Y("div", {
 							className: "grid gap-5 sm:grid-cols-2",
-							children: [/* @__PURE__ */ q(ze, {
+							children: [/* @__PURE__ */ J(Re, {
 								label: c("devportal.iconUrl", "Icon"),
 								value: l.iconUrl,
 								onChange: (e) => S("iconUrl", e),
 								hint: c("devportal.iconUrlHint", "Square, 256×256 px recommended"),
 								aspectClass: "aspect-square",
-								upload: ae,
-								uploading: L,
-								progress: ce,
-								error: z
-							}), /* @__PURE__ */ q(ze, {
+								upload: N,
+								uploading: ae,
+								progress: L,
+								error: se
+							}), /* @__PURE__ */ J(Re, {
 								label: c("devportal.bannerUrl", "Banner"),
 								value: l.bannerUrl,
 								onChange: (e) => S("bannerUrl", e),
 								hint: c("devportal.bannerUrlHint", "1280×640 px recommended"),
 								aspectClass: "aspect-video",
-								upload: le,
-								uploading: ue,
-								progress: de,
-								error: H
+								upload: z,
+								uploading: ce,
+								progress: le,
+								error: ue
 							})]
 						}),
-						/* @__PURE__ */ q(E, {
+						/* @__PURE__ */ J(E, {
 							label: c("devportal.videoUrl", "Demo Video URL"),
 							value: l.videoUrl,
 							onChange: (e) => S("videoUrl", e.target.value),
 							placeholder: "https://...",
 							hint: c("devportal.videoUrlHint", "YouTube or Vimeo embed URL")
 						}),
-						/* @__PURE__ */ q(O, {
+						/* @__PURE__ */ J(O, {
 							label: c("devportal.shortDescription", "Short Description"),
 							value: l.shortDescription,
 							onChange: (e) => S("shortDescription", e.target.value),
@@ -1934,62 +1874,62 @@ var Ge = ({ app: n }) => {
 							rows: 2,
 							hint: `${l.shortDescription.length}/200 · ${c("devportal.shortDescHint", "Shown in search results and cards")}`
 						}),
-						/* @__PURE__ */ q(O, {
+						/* @__PURE__ */ J(O, {
 							label: c("devportal.longDescription", "Full Description"),
 							value: l.description,
 							onChange: (e) => S("description", e.target.value),
 							rows: 5,
 							hint: c("devportal.fullDescHint", "Markdown supported")
 						}),
-						/* @__PURE__ */ q(Be, {
+						/* @__PURE__ */ J(ze, {
 							urls: l.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean),
 							onChange: (e) => S("screenshotsText", e.join("\n")),
-							upload: fe,
-							uploading: pe,
-							progress: me,
-							error: U
+							upload: H,
+							uploading: de,
+							progress: fe,
+							error: pe
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ q(_, {
+			/* @__PURE__ */ J(_, {
 				title: c("devportal.linksPolicies", "Links & Policies"),
 				description: c("devportal.linksPoliciesDescription", "External resources and legal documents — privacy policy and terms are required for store submission"),
-				children: /* @__PURE__ */ J("div", {
+				children: /* @__PURE__ */ Y("div", {
 					className: "grid gap-4 sm:grid-cols-2",
 					children: [
-						/* @__PURE__ */ q(E, {
+						/* @__PURE__ */ J(E, {
 							label: c("devportal.websiteUrl", "Website"),
 							value: l.websiteUrl,
 							onChange: (e) => S("websiteUrl", e.target.value),
 							placeholder: "https://..."
 						}),
-						/* @__PURE__ */ q(E, {
+						/* @__PURE__ */ J(E, {
 							label: c("devportal.documentationUrl", "Documentation"),
 							value: l.documentationUrl,
 							onChange: (e) => S("documentationUrl", e.target.value),
 							placeholder: "https://..."
 						}),
-						/* @__PURE__ */ q(E, {
+						/* @__PURE__ */ J(E, {
 							label: c("devportal.githubUrl", "GitHub"),
 							value: l.githubUrl,
 							onChange: (e) => S("githubUrl", e.target.value),
 							placeholder: "https://github.com/..."
 						}),
-						/* @__PURE__ */ q(E, {
+						/* @__PURE__ */ J(E, {
 							label: c("devportal.supportUrl", "Support"),
 							value: l.supportUrl,
 							onChange: (e) => S("supportUrl", e.target.value),
 							placeholder: "https://..."
 						}),
-						/* @__PURE__ */ q(E, {
+						/* @__PURE__ */ J(E, {
 							label: `${c("devportal.privacyPolicyUrl", "Privacy Policy")} *`,
 							value: l.privacyPolicyUrl,
 							onChange: (e) => S("privacyPolicyUrl", e.target.value),
 							placeholder: "https://...",
 							hint: c("devportal.requiredForStore", "Required for store submission")
 						}),
-						/* @__PURE__ */ q(E, {
+						/* @__PURE__ */ J(E, {
 							label: `${c("devportal.termsOfServiceUrl", "Terms of Service")} *`,
 							value: l.termsOfServiceUrl,
 							onChange: (e) => S("termsOfServiceUrl", e.target.value),
@@ -1999,31 +1939,31 @@ var Ge = ({ app: n }) => {
 					]
 				})
 			}),
-			/* @__PURE__ */ q(_, {
+			/* @__PURE__ */ J(_, {
 				title: c("devportal.pricing", "Pricing"),
 				description: c("devportal.pricingDescription", "How this item is priced in the marketplace"),
-				children: /* @__PURE__ */ J("div", {
+				children: /* @__PURE__ */ Y("div", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("label", {
+					children: [/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
 						className: "mb-2 block text-sm font-medium",
 						children: c("devportal.pricingType", "Pricing Type")
-					}), /* @__PURE__ */ q("div", {
+					}), /* @__PURE__ */ J("div", {
 						className: "flex flex-wrap gap-2",
-						children: He.map((e) => /* @__PURE__ */ q("button", {
+						children: Ve.map((e) => /* @__PURE__ */ J("button", {
 							type: "button",
 							onClick: () => S("pricingType", e.value),
 							className: t("rounded-md border px-3 py-1.5 text-sm font-medium transition-colors", l.pricingType === e.value ? "bg-action-primary-bg text-action-primary-text border-primary" : "hover:bg-bg-sunken"),
 							children: e.label
 						}, e.value))
-					})] }), Y && /* @__PURE__ */ J("div", {
+					})] }), ge && /* @__PURE__ */ Y("div", {
 						className: "grid gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ q(E, {
+						children: [/* @__PURE__ */ J(E, {
 							label: c("devportal.price", "Price"),
 							type: "number",
 							value: l.price,
 							onChange: (e) => S("price", e.target.value),
 							placeholder: "0.00"
-						}), /* @__PURE__ */ q(E, {
+						}), /* @__PURE__ */ J(E, {
 							label: c("devportal.currency", "Currency"),
 							value: l.currency,
 							onChange: (e) => S("currency", e.target.value),
@@ -2032,45 +1972,45 @@ var Ge = ({ app: n }) => {
 					})]
 				})
 			}),
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ Y("div", {
 				className: "border-t pt-6 flex items-center gap-3 flex-wrap",
-				children: [/* @__PURE__ */ q("button", {
+				children: [/* @__PURE__ */ J("button", {
 					type: "button",
 					onClick: ee,
 					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__ */ J(K, { children: [/* @__PURE__ */ q(V, {
+					children: d ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(V, {
 						size: 16,
 						className: "animate-spin"
-					}), c("devportal.saving", "Saving…")] }) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(he, { size: 16 }), c("devportal.saveStoreListing", "Save Store Listing")] })
-				}), !Ce && /* @__PURE__ */ q("button", {
+					}), c("devportal.saving", "Saving…")] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(me, { size: 16 }), c("devportal.saveStoreListing", "Save Store Listing")] })
+				}), !ye && /* @__PURE__ */ J("button", {
 					type: "button",
 					onClick: () => void w(),
 					disabled: x || d,
 					className: "inline-flex items-center gap-2 rounded-md border border-primary px-4 py-2 text-sm font-medium text-primary hover:bg-action-primary-bg/5 transition-colors disabled:opacity-50",
-					children: x ? /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(V, {
+					children: x ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(V, {
 						size: 16,
 						className: "animate-spin"
-					}), c("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(R, { size: 16 }), Se ? c("devportal.resubmitForReview", "Resubmit for Review") : c("devportal.submitForReview", "Submit for Review")] })
+					}), c("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(R, { size: 16 }), ve ? c("devportal.resubmitForReview", "Resubmit for Review") : c("devportal.submitForReview", "Submit for Review")] })
 				})]
 			})
 		]
 	});
 }, Q = ({ label: e, value: n, trend: r }) => {
 	let { t: i } = I();
-	return /* @__PURE__ */ J(xe, {
+	return /* @__PURE__ */ Y(be, {
 		treatment: "metric",
 		className: "p-4",
 		children: [
-			/* @__PURE__ */ q("p", {
+			/* @__PURE__ */ J("p", {
 				className: "text-sm text-text-secondary",
 				children: e
 			}),
-			/* @__PURE__ */ q("p", {
+			/* @__PURE__ */ J("p", {
 				className: "text-2xl font-bold tabular-nums",
 				children: n
 			}),
-			r !== void 0 && /* @__PURE__ */ J("p", {
+			r !== void 0 && /* @__PURE__ */ Y("p", {
 				className: t("text-xs mt-1 tabular-nums", r > 0 ? "text-status-success-text" : r < 0 ? "text-status-error-text" : "text-text-secondary"),
 				children: [
 					r > 0 ? "+" : "",
@@ -2084,13 +2024,13 @@ var Ge = ({ app: n }) => {
 			})
 		]
 	});
-}, $ = ({ label: e, url: t }) => /* @__PURE__ */ J("a", {
+}, $ = ({ label: e, url: t }) => /* @__PURE__ */ Y("a", {
 	href: t,
 	target: "_blank",
 	rel: "noopener noreferrer",
 	className: "flex items-center gap-2 text-sm text-primary hover:underline",
-	children: [/* @__PURE__ */ q(z, { size: 14 }), e]
-}), Ke = [
+	children: [/* @__PURE__ */ J(z, { size: 14 }), e]
+}), Ge = [
 	{
 		id: "auth",
 		label: "Authentication",
@@ -2162,14 +2102,14 @@ var Ge = ({ app: n }) => {
 		description: "Access control configuration"
 	}
 ];
-function qe(e) {
-	let t = Object.fromEntries(Ke.map((e) => [e.id, "none"]));
+function Ke(e) {
+	let t = Object.fromEntries(Ge.map((e) => [e.id, "none"]));
 	if (!e || !Array.isArray(e.permissions)) return t;
 	for (let n of e.permissions) n.resource in t && (t[n.resource] = n.level === "write" ? "write" : "read");
 	return t;
 }
-var Je = ({ app: e }) => {
-	let t = e.manifest ?? {}, [n, r] = F(() => qe(t)), [i, a] = F(!1), [o, s] = F(!1), [c] = h(), l = (e, t) => {
+var qe = ({ app: e }) => {
+	let t = e.manifest ?? {}, [n, r] = F(() => Ke(t)), [i, a] = F(!1), [o, s] = F(!1), [c] = h(), l = (e, t) => {
 		s(!1), r((n) => ({
 			...n,
 			[e]: t
@@ -2200,41 +2140,41 @@ var Je = ({ app: e }) => {
 		"read",
 		"write"
 	];
-	return /* @__PURE__ */ q(_, {
+	return /* @__PURE__ */ J(_, {
 		title: "Permissions",
 		description: "Define what platform data this app can request access to. Users see these when authorizing the app.",
-		children: /* @__PURE__ */ J("div", {
+		children: /* @__PURE__ */ Y("div", {
 			className: "space-y-4",
 			children: [
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ J("div", {
 					className: "overflow-x-auto rounded-lg border border-border-subtle",
-					children: /* @__PURE__ */ J("table", {
+					children: /* @__PURE__ */ Y("table", {
 						className: "w-full text-sm",
-						children: [/* @__PURE__ */ q("thead", { children: /* @__PURE__ */ J("tr", {
+						children: [/* @__PURE__ */ J("thead", { children: /* @__PURE__ */ Y("tr", {
 							className: "border-b border-border-subtle bg-bg-sunken/50",
-							children: [/* @__PURE__ */ q("th", {
+							children: [/* @__PURE__ */ J("th", {
 								className: "px-4 py-3 text-left font-medium text-text-secondary w-1/2",
 								children: "Resource"
-							}), f.map((e) => /* @__PURE__ */ q("th", {
+							}), f.map((e) => /* @__PURE__ */ J("th", {
 								className: "px-4 py-3 text-center font-medium text-text-secondary",
 								children: d[e]
 							}, e))]
-						}) }), /* @__PURE__ */ q("tbody", {
+						}) }), /* @__PURE__ */ J("tbody", {
 							className: "divide-y divide-border",
-							children: Ke.map((e) => /* @__PURE__ */ J("tr", {
+							children: Ge.map((e) => /* @__PURE__ */ Y("tr", {
 								className: "hover:bg-bg-sunken/30 transition-colors",
-								children: [/* @__PURE__ */ J("td", {
+								children: [/* @__PURE__ */ Y("td", {
 									className: "px-4 py-3",
-									children: [/* @__PURE__ */ q("p", {
+									children: [/* @__PURE__ */ J("p", {
 										className: "font-medium text-text-primary",
 										children: e.label
-									}), /* @__PURE__ */ q("p", {
+									}), /* @__PURE__ */ J("p", {
 										className: "text-xs text-text-secondary",
 										children: e.description
 									})]
-								}), f.map((t) => /* @__PURE__ */ q("td", {
+								}), f.map((t) => /* @__PURE__ */ J("td", {
 									className: "px-4 py-3 text-center",
-									children: /* @__PURE__ */ q("input", {
+									children: /* @__PURE__ */ J("input", {
 										type: "radio",
 										name: `perm-${e.id}`,
 										value: t,
@@ -2247,27 +2187,27 @@ var Je = ({ app: e }) => {
 						})]
 					})
 				}),
-				/* @__PURE__ */ J("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-3 flex gap-2 text-xs text-text-secondary",
-					children: [/* @__PURE__ */ q(B, {
+					children: [/* @__PURE__ */ J(B, {
 						size: 14,
 						className: "flex-shrink-0 mt-0.5"
-					}), /* @__PURE__ */ J("span", { children: [/* @__PURE__ */ q("strong", { children: "Read & Write" }), " implies Read. Request only what your app genuinely needs — fewer permissions build more user trust."] })]
+					}), /* @__PURE__ */ Y("span", { children: [/* @__PURE__ */ J("strong", { children: "Read & Write" }), " implies Read. Request only what your app genuinely needs — fewer permissions build more user trust."] })]
 				}),
-				/* @__PURE__ */ J("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "flex items-center justify-end gap-3",
-					children: [o && /* @__PURE__ */ J("span", {
+					children: [o && /* @__PURE__ */ Y("span", {
 						className: "flex items-center gap-1.5 text-sm text-status-success-text",
-						children: [/* @__PURE__ */ q(R, { size: 14 }), "Saved"]
-					}), /* @__PURE__ */ J("button", {
+						children: [/* @__PURE__ */ J(R, { size: 14 }), "Saved"]
+					}), /* @__PURE__ */ Y("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__ */ q(V, {
+						children: [i ? /* @__PURE__ */ J(V, {
 							size: 14,
 							className: "animate-spin"
-						}) : /* @__PURE__ */ q(U, { size: 14 }), "Save Permissions"]
+						}) : /* @__PURE__ */ J(U, { size: 14 }), "Save Permissions"]
 					})]
 				})
 			]
@@ -2275,6 +2215,6 @@ var Je = ({ app: e }) => {
 	});
 };
 //#endregion
-export { ke as ApplicationDetailPage };
+export { Z as ApplicationDetailPage };
 
 //# sourceMappingURL=ApplicationDetailPage.js.map