@burdenoff/microfe-devportal 2026.703.6 → 2026.705.2

package/dist/devportal/pages/ApplicationDetailPage.js

@@ -10,20 +10,20 @@ import { SelectionCheckbox as w } from "../components/SelectionCheckbox.js";
 import { nativeNotify as T } from "../../utils/nativeBridge.js";
 import { NewSecretAlert as ee } from "../components/SecretDisplay.js";
 import { DataTable as E, DetailList as D } from "../components/DataTable.js";
-import { InputField as O, SelectField as k, TextareaField as te } from "../components/FormField.js";
-import { ConfirmDialog as ne } from "../components/ConfirmDialog.js";
-import { GrantDelegationModal as re } from "../components/GrantDelegationModal.js";
-import { DEVPORTAL_PERMISSIONS as ie } from "../constants/permissions.js";
-import { useDevportalPermission as ae } from "../hooks/usePermission.js";
-import { usePackageUpload as A } from "../hooks/usePackageUpload.js";
-import { useCallback as j, useEffect as oe, useMemo as M, useRef as N, useState as P } from "react";
-import { useI18n as F } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as se, AppWindow as ce, BarChart3 as I, Check as L, CheckCircle as le, ChevronRight as ue, CircleDollarSign as R, Clock as de, Edit as fe, ExternalLink as z, FlaskConical as pe, Gift as me, Info as he, Key as B, Loader2 as V, MoreHorizontal as ge, Package as _e, Plus as H, Power as ve, RefreshCw as ye, SendHorizontal as be, Shield as xe, Store as Se, TrendingUp as Ce, Upload as U, Users as we, Wallet as Te, Webhook as Ee, X as De, XCircle as Oe } from "lucide-react";
-import { useParams as ke } from "react-router-dom";
+import { InputField as O, SelectField as te, TextareaField as ne } from "../components/FormField.js";
+import { ConfirmDialog as re } from "../components/ConfirmDialog.js";
+import { GrantDelegationModal as ie } from "../components/GrantDelegationModal.js";
+import { DEVPORTAL_PERMISSIONS as ae } from "../constants/permissions.js";
+import { useDevportalPermission as oe } from "../hooks/usePermission.js";
+import { usePackageUpload as k } from "../hooks/usePackageUpload.js";
+import { useCallback as A, useEffect as se, useMemo as j, useRef as M, useState as N } from "react";
+import { useI18n as P } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as ce, AppWindow as le, BarChart3 as F, Check as I, CheckCircle as ue, ChevronRight as de, CircleDollarSign as L, Clock as fe, Edit as pe, ExternalLink as R, FlaskConical as me, Gift as he, Info as ge, Key as z, Loader2 as B, Lock as _e, MoreHorizontal as ve, Package as ye, Plus as V, Power as be, RefreshCw as xe, SendHorizontal as Se, Shield as H, Store as Ce, TrendingUp as we, Upload as U, Users as Te, Wallet as Ee, Webhook as De, X as Oe, XCircle as ke } from "lucide-react";
+import { useParams as Ae } from "react-router-dom";
 import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
-import { CTAOverflowMenu as Ae, EmphasisPanel as je, GlassCard as Me } from "@burdenoff/fe-libs/ui";
+import { CTAOverflowMenu as je, EmphasisPanel as Me, GlassCard as Ne } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/ApplicationDetailPage.tsx
-function Ne(e) {
+function Pe(e) {
 	return e ? {
 		id: e.id,
 		name: e.name,
@@ -76,7 +76,7 @@ function Ne(e) {
 		updatedAt: e.updatedAt
 	} : null;
 }
-function Pe(e) {
+function q(e) {
 	return {
 		id: e.id,
 		applicationId: e.applicationId,
@@ -100,7 +100,7 @@ function Pe(e) {
 		updatedAt: e.updatedAt
 	};
 }
-function q(e) {
+function Fe(e) {
 	return {
 		id: e.id,
 		applicationId: e.applicationId,
@@ -116,7 +116,7 @@ function q(e) {
 		createdAt: e.createdAt
 	};
 }
-function Fe(e) {
+function Ie(e) {
 	return {
 		id: e.id,
 		appId: e.appId,
@@ -138,152 +138,162 @@ function Fe(e) {
 		revokedBy: e.revokedBy || void 0
 	};
 }
-var Ie = [
+var Le = [
 	{
 		id: "overview",
 		label: "Overview",
-		icon: ce
+		icon: le
 	},
 	{
 		id: "analytics",
 		label: "Analytics",
-		icon: I
+		icon: F
 	},
 	{
 		id: "store-listing",
 		label: "Store Listing",
-		icon: Se
+		icon: Ce
 	},
 	{
 		id: "versions",
 		label: "Versions",
-		icon: _e
+		icon: ye
 	},
 	{
 		id: "pricing",
 		label: "Pricing",
-		icon: R
+		icon: L
 	},
 	{
 		id: "permissions",
 		label: "Permissions",
-		icon: xe
+		icon: H
 	},
 	{
 		id: "webhooks",
 		label: "Webhooks",
-		icon: Ee
+		icon: De
 	},
 	{
 		id: "delegations",
 		label: "Delegations",
-		icon: we
+		icon: Te
 	},
 	{
 		id: "playground",
 		label: "API Playground",
+		icon: R
+	},
+	{
+		id: "oauth",
+		label: "OAuth",
+		icon: _e
+	},
+	{
+		id: "api-keys",
+		label: "API Keys",
 		icon: z
 	}
-], Le = {
+], Re = {
 	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"
-}, Re = ({ message: e = "Loading..." }) => /* @__PURE__ */ K("div", {
+}, ze = ({ message: e = "Loading..." }) => /* @__PURE__ */ K("div", {
 	className: "flex items-center justify-center gap-3 py-12",
-	children: [/* @__PURE__ */ G(V, {
+	children: [/* @__PURE__ */ G(B, {
 		size: 20,
 		className: "animate-spin text-text-secondary"
 	}), /* @__PURE__ */ G("p", {
 		className: "text-sm text-text-secondary",
 		children: e
 	})]
-}), ze = ({ message: e }) => /* @__PURE__ */ K("div", {
+}), Be = ({ message: e }) => /* @__PURE__ */ K("div", {
 	className: "flex flex-col items-center justify-center gap-2 py-12 text-center",
-	children: [/* @__PURE__ */ G(se, {
+	children: [/* @__PURE__ */ G(ce, {
 		size: 32,
 		className: "text-status-error-text"
 	}), /* @__PURE__ */ G("p", {
 		className: "text-sm text-text-secondary",
 		children: e
 	})]
-}), Be = () => {
-	let { navigate: i, basePath: o, workspaceId: c } = e(), { t: u } = F(), p = (e, t) => {
+}), J = () => {
+	let { navigate: i, basePath: o, workspaceId: c } = e(), { t: u } = P(), p = (e, t) => {
 		let n = u(e);
 		return n === e ? t : n;
-	}, { allowed: _ } = ae(ie.APP_UPDATE), { allowed: y } = ae(ie.APP_DELETE), { appId: w } = ke(), [E, D] = P("overview"), [O, k] = P(!1), [te, A] = P(!1), [oe, M] = P(null), [N, I] = P(!1), { data: R, loading: z, error: me, refetch: he } = s({
+	}, { allowed: _ } = oe(ae.APP_UPDATE), { allowed: y } = oe(ae.APP_DELETE), { appId: w } = Ae(), [E, D] = N("overview"), [O, te] = N(!1), [ne, k] = N(!1), [se, j] = N(null), [M, F] = N(!1), { data: L, loading: R, error: he, refetch: ge } = s({
 		variables: { id: w },
 		skip: !w
-	}), [B, { loading: ge }] = m(), [_e, { loading: H }] = a(), [xe, { loading: Ce }] = h(), [U, { loading: we }] = f(), [Te, { loading: Ee }] = g(), { data: De, refetch: je } = d({
+	}), [z, { loading: _e }] = m(), [ve, { loading: ye }] = a(), [V, { loading: H }] = h(), [we, { loading: U }] = f(), [Te, { loading: Ee }] = g(), { data: De, refetch: Oe } = d({
 		variables: {
 			applicationId: w,
 			workspaceId: c ?? void 0
 		},
 		skip: !c || !w,
 		fetchPolicy: "cache-and-network"
-	}), Me = De?.appInstallations?.edges?.[0]?.node ?? null, { data: Pe } = l({
-		variables: { id: R?.application?.developerOrganizationId ?? "" },
-		skip: !R?.application?.developerOrganizationId,
+	}), Me = De?.appInstallations?.edges?.[0]?.node ?? null, { data: Ne } = l({
+		variables: { id: L?.application?.developerOrganizationId ?? "" },
+		skip: !L?.application?.developerOrganizationId,
 		fetchPolicy: "cache-first"
-	}), q = j((e) => {
+	}), q = A((e) => {
 		i?.(`${o}${e}`);
-	}, [i, o]), Fe = j(async () => {
-		let e = R?.application?.appId;
+	}, [i, o]), Fe = A(async () => {
+		let e = L?.application?.appId;
 		if (e) try {
-			let t = (await B({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
-			t && M(t), k(!1);
+			let t = (await z({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
+			t && j(t), te(!1);
 		} catch {}
-	}, [R?.application?.appId, B]), Le = j(async () => {
+	}, [L?.application?.appId, z]), Ie = A(async () => {
 		if (w) try {
-			await _e({ variables: { id: w } }), A(!1), q("/apps");
+			await ve({ variables: { id: w } }), k(!1), q("/apps");
 		} catch {}
 	}, [
 		w,
-		_e,
+		ve,
 		q
-	]), Re = j(async () => {
+	]), Re = A(async () => {
 		if (!(!w || !c)) try {
-			await U({ variables: { input: {
+			await we({ variables: { input: {
 				applicationId: w,
 				scope: "WORKSPACE",
 				workspaceId: c,
 				autoUpdate: !1
-			} } }), je(), T("success");
+			} } }), Oe(), T("success");
 		} catch (e) {
 			console.error("[DevPortal] Test in Workspace failed:", e), T("error");
 		}
 	}, [
 		w,
 		c,
-		U,
-		je
-	]), ze = j(async (e) => {
+		we,
+		Oe
+	]), ze = A(async (e) => {
 		try {
-			await Te({ variables: { id: e } }), je(), T("success");
+			await Te({ variables: { id: e } }), Oe(), T("success");
 		} catch {
 			T("error");
 		}
-	}, [Te, je]), Be = j(async () => {
+	}, [Te, Oe]), Be = A(async () => {
 		if (w) try {
-			await xe({ variables: { id: w } }), T("success");
+			await V({ variables: { id: w } }), T("success");
 		} catch (e) {
 			console.error("[DevPortal] Submit failed:", e), T("error");
 		} finally {
-			he();
+			ge();
 		}
 	}, [
 		w,
-		xe,
-		he
+		V,
+		ge
 	]);
-	if (z && !R) return /* @__PURE__ */ G(n, { message: p("devportal.loadingApplication", "Loading application...") });
-	if (me) return /* @__PURE__ */ G(v, {
+	if (R && !L) return /* @__PURE__ */ G(n, { message: p("devportal.loadingApplication", "Loading application...") });
+	if (he) return /* @__PURE__ */ G(v, {
 		title: p("devportal.error", "Error"),
 		backLink: `${o}/apps`,
 		backLabel: p("devportal.backToApplications", "Back to Applications"),
 		children: /* @__PURE__ */ K("div", {
 			className: "flex flex-col items-center justify-center py-12 text-center",
 			children: [
-				/* @__PURE__ */ G(se, {
+				/* @__PURE__ */ G(ce, {
 					size: 48,
 					className: "text-status-error-text mb-4"
 				}),
@@ -293,47 +303,47 @@ var Ie = [
 				}),
 				/* @__PURE__ */ G("p", {
 					className: "text-sm text-text-secondary",
-					children: me.message
+					children: he.message
 				})
 			]
 		})
 	});
-	let J = Ne(R?.application);
+	let J = Pe(L?.application);
 	if (!J) return /* @__PURE__ */ G(v, {
 		title: p("devportal.notFound", "Not Found"),
 		backLink: `${o}/apps`,
 		backLabel: p("devportal.backToApplications", "Back to Applications"),
 		children: /* @__PURE__ */ G(r, {
 			illustration: "empty-generic",
-			icon: /* @__PURE__ */ G(ce, { size: 48 }),
+			icon: /* @__PURE__ */ G(le, { size: 48 }),
 			title: p("devportal.applicationNotFound", "Application not found"),
 			description: p("devportal.applicationNotFoundDescription", "The application you're looking for doesn't exist or you don't have access to it.")
 		})
 	});
-	let Y = J.appType === "NODE" || J.appType === "WORKFLOW", Ve = R?.application?.versions?.totalCount ?? 0, Je = J.pricingType === "PAID", Ye = Pe?.developerOrganization, Xe = Ye?.platformFeeRate ?? .3, Ze = !!Ye?.billingAccountId, $e = J.pricingDetails ?? {}, X = J.pricingType === "FREE" || J.pricingType === "PAID" && typeof $e.price == "number" && $e.price > 0, Z = !!J.description?.trim() && !!J.category && !!J.iconUrl && (J.visibility === "PUBLIC" || J.visibility === "UNLISTED") && (!Y || Ve > 0) && (!Je || Ze) && X, et = Z && J.status !== "PUBLISHED" && J.status !== "SUBMITTED", tt = [
+	let Y = J.appType === "NODE" || J.appType === "WORKFLOW", X = J.appType === "API_INTEGRATION", Ue = L?.application?.versions?.totalCount ?? 0, Xe = J.pricingType === "PAID", Ze = Ne?.developerOrganization, Qe = Ze?.platformFeeRate ?? .3, $e = !!Ze?.billingAccountId, tt = J.pricingDetails ?? {}, Z = J.pricingType === "FREE" || J.pricingType === "PAID" && typeof tt.price == "number" && tt.price > 0, Q = !!J.description?.trim() && !!J.category && !!J.iconUrl && (J.visibility === "PUBLIC" || J.visibility === "UNLISTED") && (!Y && !X || Ue > 0) && (!Xe || $e) && Z, nt = Q && J.status !== "PUBLISHED" && J.status !== "SUBMITTED", rt = [
 		...Y ? [] : [{
 			label: p("devportal.rotateSecret", "Rotate Secret"),
-			icon: /* @__PURE__ */ G(ye, { size: 16 }),
+			icon: /* @__PURE__ */ G(xe, { size: 16 }),
 			disabled: !J.appId,
-			onSelect: () => k(!0)
+			onSelect: () => te(!0)
 		}],
 		...Y ? [] : Me ? [{
 			label: p("devportal.uninstallFromWorkspace", "Uninstall from Workspace"),
-			icon: /* @__PURE__ */ G(Oe, { size: 16 }),
+			icon: /* @__PURE__ */ G(ke, { size: 16 }),
 			disabled: Ee || !c,
 			onSelect: () => void ze(Me.id)
 		}] : [{
 			label: p("devportal.testInWorkspace", "Test in Workspace"),
-			icon: /* @__PURE__ */ G(pe, { size: 16 }),
-			disabled: we || !c,
+			icon: /* @__PURE__ */ G(me, { size: 16 }),
+			disabled: U || !c,
 			onSelect: () => void Re()
 		}],
 		{
 			label: p("devportal.deactivate", "Deactivate"),
-			icon: /* @__PURE__ */ G(ve, { size: 16 }),
+			icon: /* @__PURE__ */ G(be, { size: 16 }),
 			intent: "destructive",
 			disabled: !y,
-			onSelect: () => A(!0)
+			onSelect: () => k(!0)
 		}
 	];
 	return /* @__PURE__ */ K(v, {
@@ -346,41 +356,41 @@ var Ie = [
 			className: "flex items-center gap-2",
 			children: [J.status === "SUBMITTED" ? /* @__PURE__ */ K("div", {
 				className: "flex items-center gap-1.5 rounded-full border border-status-warning-bg bg-status-warning-bg-subtle px-3 py-1.5 text-xs font-medium text-status-warning-text",
-				children: [/* @__PURE__ */ G(de, { size: 13 }), p("devportal.underReview", "Under Review")]
+				children: [/* @__PURE__ */ G(fe, { size: 13 }), p("devportal.underReview", "Under Review")]
 			}) : J.status === "PUBLISHED" ? null : /* @__PURE__ */ G("button", {
 				type: "button",
 				onClick: () => void Be(),
-				disabled: !et || Ce,
-				title: Z ? void 0 : [
+				disabled: !nt || H,
+				title: Q ? void 0 : [
 					!J.description?.trim() && "Add full description",
 					!J.category && "Select a category",
 					!J.iconUrl && "Upload an app icon",
 					J.visibility === "PRIVATE" && "Set visibility to Public/Unlisted",
-					Y && Ve === 0 && "Upload at least one version",
-					!X && "Set pricing (choose Free or Paid in the Pricing tab)",
-					Je && !Ze && "Link a billing account to receive payments"
+					Y && Ue === 0 && "Upload at least one version",
+					!Z && "Set pricing (choose Free or Paid in the Pricing tab)",
+					Xe && !$e && "Link a billing account to receive payments"
 				].filter(Boolean).join(" · "),
-				className: t("inline-flex items-center gap-2 rounded-md px-5 py-2 text-sm font-medium whitespace-nowrap transition-colors", et && !Ce ? "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 cursor-pointer" : "cursor-not-allowed bg-bg-muted text-text-tertiary ring-1 ring-border-subtle"),
-				children: Ce ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(V, {
+				className: t("inline-flex items-center gap-2 rounded-md px-5 py-2 text-sm font-medium whitespace-nowrap transition-colors", nt && !H ? "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 cursor-pointer" : "cursor-not-allowed bg-bg-muted text-text-tertiary ring-1 ring-border-subtle"),
+				children: H ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(B, {
 					size: 15,
 					className: "animate-spin"
-				}), p("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(be, { size: 15 }), p("devportal.submitForReview", "Submit for Review")] })
-			}), /* @__PURE__ */ G(Ae, {
+				}), p("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(Se, { size: 15 }), p("devportal.submitForReview", "Submit for Review")] })
+			}), /* @__PURE__ */ G(je, {
 				primary: {
 					label: p("devportal.editApp", "Edit App"),
-					icon: /* @__PURE__ */ G(fe, { size: 16 }),
+					icon: /* @__PURE__ */ G(pe, { size: 16 }),
 					disabled: !_,
 					onSelect: () => q(`/apps/${J.id}/edit`)
 				},
-				actions: tt
+				actions: rt
 			})]
 		}),
 		children: [
-			oe && /* @__PURE__ */ G(ee, {
+			se && /* @__PURE__ */ G(ee, {
 				title: p("devportal.newAppSecretGenerated", "New App Secret Generated"),
-				secret: oe,
+				secret: se,
 				description: p("devportal.appSecretRotatedDescription", "Your app secret has been rotated. The old secret is no longer valid."),
-				onDismiss: () => M(null)
+				onDismiss: () => j(null)
 			}),
 			/* @__PURE__ */ K("div", {
 				className: "flex flex-wrap items-center gap-2",
@@ -403,7 +413,7 @@ var Ie = [
 			}),
 			J.status === "SUBMITTED" && /* @__PURE__ */ K("div", {
 				className: "flex items-start gap-3 rounded-lg border border-border-subtle bg-status-warning-bg-subtle p-4",
-				children: [/* @__PURE__ */ G(de, {
+				children: [/* @__PURE__ */ G(fe, {
 					size: 18,
 					className: "text-status-warning-text mt-0.5 flex-shrink-0"
 				}), /* @__PURE__ */ K("div", {
@@ -426,7 +436,7 @@ var Ie = [
 			}),
 			J.status === "REJECTED" && /* @__PURE__ */ K("div", {
 				className: "flex items-start gap-3 rounded-lg border border-status-error-bg bg-status-error-bg-subtle p-4",
-				children: [/* @__PURE__ */ G(Oe, {
+				children: [/* @__PURE__ */ G(ke, {
 					size: 18,
 					className: "text-status-error-text mt-0.5 flex-shrink-0"
 				}), /* @__PURE__ */ K("div", {
@@ -451,7 +461,7 @@ var Ie = [
 			}),
 			J.status === "PUBLISHED" && /* @__PURE__ */ K("div", {
 				className: "flex items-start gap-3 rounded-lg border border-status-success-bg bg-status-success-bg-subtle p-4",
-				children: [/* @__PURE__ */ G(le, {
+				children: [/* @__PURE__ */ G(ue, {
 					size: 18,
 					className: "text-status-success-text mt-0.5 flex-shrink-0"
 				}), /* @__PURE__ */ K("div", {
@@ -465,8 +475,8 @@ var Ie = [
 					})]
 				})]
 			}),
-			(J.status === "DRAFT" || J.status === "REJECTED") && !Z && (() => {
-				let e = !!J.description?.trim() && !!J.category && !!J.iconUrl && (J.visibility === "PUBLIC" || J.visibility === "UNLISTED"), n = !Y || Ve > 0, r = [
+			(J.status === "DRAFT" || J.status === "REJECTED") && !Q && (() => {
+				let e = !!J.description?.trim() && !!J.category && !!J.iconUrl && (J.visibility === "PUBLIC" || J.visibility === "UNLISTED"), n = !Y && !X || Ue > 0, r = [
 					!J.description?.trim() && "Add a full description",
 					!J.category && "Select a category",
 					!J.iconUrl && "Upload an app icon",
@@ -486,17 +496,30 @@ var Ie = [
 						done: n,
 						onClick: () => D("versions")
 					}] : [],
+					...X ? [{
+						id: "version",
+						label: p("devportal.setupIntegrationVersionStep", "Publish a Version"),
+						hint: n ? p("devportal.done", "Done") : p("devportal.integrationVersionHint", "Define required scopes and publish your first API version"),
+						done: n,
+						onClick: () => D("versions")
+					}, {
+						id: "webhooks",
+						label: p("devportal.setupWebhooksStep", "Configure Webhooks"),
+						hint: p("devportal.webhooksOptionalHint", "Set up endpoints to receive platform events (optional)"),
+						done: !1,
+						onClick: () => D("webhooks")
+					}] : [],
 					{
 						id: "pricing",
 						label: p("devportal.setupPricingStep", "Set Pricing"),
-						hint: X ? p("devportal.done", "Done") : p("devportal.pricingHint", "Choose Free or set a credit price in the Pricing tab"),
-						done: X,
+						hint: Z ? p("devportal.done", "Done") : p("devportal.pricingHint", "Choose Free or set a credit price in the Pricing tab"),
+						done: Z,
 						onClick: () => D("pricing")
 					},
 					{
 						id: "submit",
 						label: p("devportal.submitForReview", "Submit for Review"),
-						hint: Z ? p("devportal.readyToSubmit", "Ready — click Submit for Review above") : p("devportal.completeStepsFirst", "Complete the steps above first"),
+						hint: Q ? p("devportal.readyToSubmit", "Ready — click Submit for Review above") : p("devportal.completeStepsFirst", "Complete the steps above first"),
 						done: !1,
 						onClick: void 0
 					}
@@ -509,7 +532,7 @@ var Ie = [
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ G("div", {
 								className: "flex h-8 w-8 items-center justify-center rounded-full bg-action-primary-bg/10",
-								children: /* @__PURE__ */ G(Se, {
+								children: /* @__PURE__ */ G(Ce, {
 									size: 16,
 									className: "text-primary"
 								})
@@ -538,7 +561,7 @@ var Ie = [
 							children: [
 								/* @__PURE__ */ G("div", {
 									className: t("flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-full text-xs font-bold", e.done ? "bg-status-success-bg text-status-success-text" : "border-2 border-border-subtle bg-bg-sunken text-text-secondary"),
-									children: e.done ? /* @__PURE__ */ G(L, { size: 13 }) : n + 1
+									children: e.done ? /* @__PURE__ */ G(I, { size: 13 }) : n + 1
 								}),
 								/* @__PURE__ */ K("div", {
 									className: "flex-1 min-w-0",
@@ -550,7 +573,7 @@ var Ie = [
 										children: e.hint
 									})]
 								}),
-								e.onClick && !e.done && /* @__PURE__ */ G(ue, {
+								e.onClick && !e.done && /* @__PURE__ */ G(de, {
 									size: 16,
 									className: "flex-shrink-0 text-text-secondary"
 								})
@@ -565,7 +588,7 @@ var Ie = [
 					className: "-mb-px flex gap-4 overflow-x-auto",
 					role: "tablist",
 					"aria-label": p("devportal.applicationSections", "Application sections"),
-					children: Ie.filter((e) => !(Y && (e.id === "permissions" || e.id === "webhooks" || e.id === "delegations" || e.id === "playground") || !Y && e.id === "versions")).map((e) => {
+					children: Le.filter((e) => !(Y && (e.id === "permissions" || e.id === "webhooks" || e.id === "delegations" || e.id === "playground" || e.id === "oauth" || e.id === "api-keys") || !Y && !X && e.id === "versions" || !X && (e.id === "oauth" || e.id === "api-keys"))).map((e) => {
 						let n = e.icon;
 						return /* @__PURE__ */ K("button", {
 							id: `application-tab-${e.id}`,
@@ -586,87 +609,146 @@ var Ie = [
 				"aria-labelledby": `application-tab-${E}`,
 				tabIndex: 0,
 				children: [
-					E === "overview" && /* @__PURE__ */ G(qe, { app: J }),
-					E === "permissions" && /* @__PURE__ */ G(st, { app: J }),
-					E === "webhooks" && /* @__PURE__ */ G(We, {
+					E === "overview" && /* @__PURE__ */ G(Ye, { app: J }),
+					E === "permissions" && /* @__PURE__ */ G(ft, {
+						app: J,
+						versionScopes: L?.application?.versions?.edges?.[0]?.node?.requiredScopes ?? []
+					}),
+					E === "webhooks" && /* @__PURE__ */ G(Ke, {
 						appId: J.id,
 						onNavigate: q
 					}),
-					E === "delegations" && /* @__PURE__ */ G(Ge, {
+					E === "delegations" && /* @__PURE__ */ G(qe, {
 						authAppId: J.appId || void 0,
 						appName: J.name,
-						onGrantDelegation: () => I(!0),
+						onGrantDelegation: () => F(!0),
+						onNavigate: q
+					}),
+					E === "analytics" && /* @__PURE__ */ G(Je, { appId: J.id }),
+					E === "playground" && /* @__PURE__ */ G(et, { app: J }),
+					E === "oauth" && /* @__PURE__ */ G(Ve, {
+						appId: J.id,
 						onNavigate: q
 					}),
-					E === "analytics" && /* @__PURE__ */ G(Ke, { appId: J.id }),
-					E === "playground" && /* @__PURE__ */ G(Qe, { app: J }),
-					E === "store-listing" && /* @__PURE__ */ G(it, {
+					E === "api-keys" && /* @__PURE__ */ G(He, {
+						appId: J.id,
+						onNavigate: q
+					}),
+					E === "store-listing" && /* @__PURE__ */ G(ot, {
 						app: J,
-						versionCount: R?.application?.versions?.totalCount ?? 0,
+						versionCount: L?.application?.versions?.totalCount ?? 0,
 						isPackageApp: Y,
-						pricingDone: X,
-						onNavigateToVersions: Y ? () => D("versions") : void 0,
+						pricingDone: Z,
+						onNavigateToVersions: Y || X ? () => D("versions") : void 0,
 						onNavigateToPricing: () => D("pricing"),
 						onNavigateToSubmission: () => q(`/apps/${J.id}/store-submission`)
 					}),
-					E === "pricing" && /* @__PURE__ */ G(He, {
+					E === "pricing" && /* @__PURE__ */ G(We, {
 						app: J,
-						platformFeeRate: Xe,
-						billingAccountLinked: Ze,
+						platformFeeRate: Qe,
+						billingAccountLinked: $e,
 						onNavigateToRevenue: () => q("/revenue"),
-						isReadyToSubmit: Z
+						isReadyToSubmit: Q
 					}),
-					E === "versions" && /* @__PURE__ */ G(Ue, {
+					E === "versions" && /* @__PURE__ */ G(Ge, {
 						appId: J.id,
 						onNavigate: q,
-						pricingDone: X,
+						pricingDone: Z,
 						onNavigateToPricing: () => D("pricing")
 					})
 				]
 			}),
-			/* @__PURE__ */ G(ne, {
+			/* @__PURE__ */ G(re, {
 				open: O,
-				onOpenChange: k,
+				onOpenChange: te,
 				onConfirm: Fe,
 				title: p("devportal.rotateAppSecret", "Rotate App Secret"),
 				description: p("devportal.rotateAppSecretDescription", "This will generate a new client secret and invalidate the current one. All existing integrations using the old secret will stop working immediately."),
 				confirmLabel: p("devportal.rotateSecret", "Rotate Secret"),
 				cancelLabel: p("devportal.cancel", "Cancel"),
 				variant: "warning",
-				loading: ge
+				loading: _e
 			}),
-			/* @__PURE__ */ G(ne, {
-				open: te,
-				onOpenChange: A,
-				onConfirm: Le,
+			/* @__PURE__ */ G(re, {
+				open: ne,
+				onOpenChange: k,
+				onConfirm: Ie,
 				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: H
+				loading: ye
 			}),
-			/* @__PURE__ */ G(re, {
-				open: N,
-				onOpenChange: I,
+			/* @__PURE__ */ G(ie, {
+				open: M,
+				onOpenChange: F,
 				appId: J.appId || "",
 				appName: J.name,
 				appScopes: J.scopes?.map((e) => e.scope) ?? [],
 				onSuccess: () => {
-					I(!1);
+					F(!1);
 				}
 			})
 		]
 	});
-}, J = .01, Y = (e) => e * J, Ve = (e) => Math.round(e / J), He = ({ app: e, platformFeeRate: n, billingAccountLinked: r, onNavigateToRevenue: i, isReadyToSubmit: a = !1 }) => {
-	let { t: o } = F(), s = (e, t) => {
+}, Ve = ({ onNavigate: e }) => {
+	let { t } = P(), n = (e, n) => {
+		let r = t(e);
+		return r === e ? n : r;
+	};
+	return /* @__PURE__ */ K("div", {
+		className: "space-y-4 py-4 text-center",
+		children: [
+			/* @__PURE__ */ G(H, { className: "mx-auto h-10 w-10 text-text-secondary" }),
+			/* @__PURE__ */ G("h3", {
+				className: "font-medium",
+				children: n("devportal.oauthApps", "OAuth Apps")
+			}),
+			/* @__PURE__ */ G("p", {
+				className: "text-sm text-text-secondary",
+				children: n("devportal.oauthAppsManagedCentrally", "OAuth apps are now managed centrally. Visit the OAuth Apps page to create and manage your apps.")
+			}),
+			/* @__PURE__ */ K("button", {
+				onClick: () => e("/oauth"),
+				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
+				children: [/* @__PURE__ */ G(R, { size: 16 }), n("devportal.manageOAuthApps", "Manage OAuth Apps")]
+			})
+		]
+	});
+}, He = ({ onNavigate: e }) => {
+	let { t } = P(), n = (e, n) => {
+		let r = t(e);
+		return r === e ? n : r;
+	};
+	return /* @__PURE__ */ K("div", {
+		className: "space-y-4 py-4 text-center",
+		children: [
+			/* @__PURE__ */ G(z, { className: "mx-auto h-10 w-10 text-text-secondary" }),
+			/* @__PURE__ */ G("h3", {
+				className: "font-medium",
+				children: n("devportal.apiKeys", "API Keys")
+			}),
+			/* @__PURE__ */ G("p", {
+				className: "text-sm text-text-secondary",
+				children: n("devportal.apiKeysManagedCentrally", "API keys are now managed centrally. Visit the API Keys page to generate and manage your keys.")
+			}),
+			/* @__PURE__ */ K("button", {
+				onClick: () => e("/api-keys"),
+				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
+				children: [/* @__PURE__ */ G(R, { size: 16 }), n("devportal.manageApiKeys", "Manage API Keys")]
+			})
+		]
+	});
+}, Y = .01, X = (e) => e * Y, Ue = (e) => Math.round(e / Y), We = ({ app: e, platformFeeRate: n, billingAccountLinked: r, onNavigateToRevenue: i, isReadyToSubmit: a = !1 }) => {
+	let { t: o } = P(), s = (e, t) => {
 		let n = o(e);
 		return n === e ? t : n;
-	}, c = e.pricingDetails ?? {}, [l, u] = P({
+	}, c = e.pricingDetails ?? {}, [l, u] = N({
 		pricingType: e.pricingType ?? "FREE",
 		price: typeof c.price == "number" ? String(c.price) : ""
-	}), [d, f] = P(!1), [p] = _(), m = N(e);
-	m.current = e, oe(() => {
+	}), [d, f] = N(!1), [p] = _(), m = M(e);
+	m.current = e, se(() => {
 		let e = m.current.pricingDetails ?? {};
 		u({
 			pricingType: m.current.pricingType ?? "FREE",
@@ -698,7 +780,7 @@ var Ie = [
 		} finally {
 			f(!1);
 		}
-	}, v = l.pricingType !== "FREE", y = parseInt(l.price, 10), b = v && !isNaN(y) && y > 0, x = b ? Y(y) : 0, S = b ? Math.round(y * n) : 0, C = Y(S), w = b ? y - S : 0, ee = Y(w), E = (e) => "$" + e.toLocaleString("en-US", {
+	}, v = l.pricingType !== "FREE", y = parseInt(l.price, 10), b = v && !isNaN(y) && y > 0, x = b ? X(y) : 0, S = b ? Math.round(y * n) : 0, C = X(S), w = b ? y - S : 0, ee = X(w), E = (e) => "$" + e.toLocaleString("en-US", {
 		minimumFractionDigits: 2,
 		maximumFractionDigits: 2
 	}), D = (e) => e.toLocaleString("en-US") + " cr";
@@ -707,7 +789,7 @@ var Ie = [
 		children: [
 			/* @__PURE__ */ K("div", {
 				className: "flex items-start gap-3 rounded-lg border border-border-subtle bg-bg-sunken px-4 py-3",
-				children: [/* @__PURE__ */ G(R, {
+				children: [/* @__PURE__ */ G(L, {
 					size: 16,
 					className: "mt-0.5 shrink-0 text-primary"
 				}), /* @__PURE__ */ K("p", {
@@ -724,7 +806,7 @@ var Ie = [
 							className: "font-medium",
 							children: [
 								"1 credit = ",
-								E(J),
+								E(Y),
 								" USD."
 							]
 						}),
@@ -748,7 +830,7 @@ var Ie = [
 							className: "rounded-xl border border-border-subtle bg-bg-surface p-5 space-y-3",
 							children: [/* @__PURE__ */ G("div", {
 								className: "flex h-9 w-9 items-center justify-center rounded-lg bg-status-success-bg-subtle",
-								children: /* @__PURE__ */ G(Ce, {
+								children: /* @__PURE__ */ G(we, {
 									size: 18,
 									className: "text-status-success-text"
 								})
@@ -780,7 +862,7 @@ var Ie = [
 							className: "rounded-xl border border-border-subtle bg-bg-surface p-5 space-y-3",
 							children: [/* @__PURE__ */ G("div", {
 								className: "flex h-9 w-9 items-center justify-center rounded-lg bg-action-primary-bg/10",
-								children: /* @__PURE__ */ G(Te, {
+								children: /* @__PURE__ */ G(Ee, {
 									size: 18,
 									className: "text-primary"
 								})
@@ -809,7 +891,7 @@ var Ie = [
 							className: "rounded-xl border border-border-subtle bg-bg-surface p-5 space-y-3",
 							children: [/* @__PURE__ */ G("div", {
 								className: "flex h-9 w-9 items-center justify-center rounded-lg bg-status-warning-bg-subtle",
-								children: /* @__PURE__ */ G(me, {
+								children: /* @__PURE__ */ G(he, {
 									size: 18,
 									className: "text-status-warning-text"
 								})
@@ -843,7 +925,7 @@ var Ie = [
 					})] }),
 					/* @__PURE__ */ G("div", {
 						className: "flex flex-wrap gap-2",
-						children: et.map((e) => /* @__PURE__ */ G("button", {
+						children: nt.map((e) => /* @__PURE__ */ G("button", {
 							type: "button",
 							onClick: () => h("pricingType", e.value),
 							className: t("rounded-md border px-4 py-2 text-sm font-medium transition-colors", l.pricingType === e.value ? "bg-action-primary-bg text-action-primary-text border-primary" : "hover:bg-bg-sunken border-border-subtle"),
@@ -889,7 +971,7 @@ var Ie = [
 											E(x),
 											" USD at the current credit rate (1 cr =",
 											" ",
-											E(J),
+											E(Y),
 											")"
 										]
 									}),
@@ -908,13 +990,13 @@ var Ie = [
 									50
 								].map((e) => /* @__PURE__ */ K("button", {
 									type: "button",
-									onClick: () => h("price", String(Ve(e))),
+									onClick: () => h("price", String(Ue(e))),
 									className: "rounded border border-border-subtle px-2 py-0.5 hover:bg-bg-sunken transition-colors",
 									children: [
 										"$",
 										e,
 										" = ",
-										Ve(e).toLocaleString(),
+										Ue(e).toLocaleString(),
 										" cr"
 									]
 								}, e))]
@@ -1004,7 +1086,7 @@ var Ie = [
 							}),
 							!r && /* @__PURE__ */ K("div", {
 								className: "flex items-start gap-3 rounded-lg border border-status-warning-bg bg-status-warning-bg-subtle p-4",
-								children: [/* @__PURE__ */ G(se, {
+								children: [/* @__PURE__ */ G(ce, {
 									size: 16,
 									className: "mt-0.5 shrink-0 text-status-warning-text"
 								}), /* @__PURE__ */ K("div", {
@@ -1041,7 +1123,7 @@ var Ie = [
 					children: [
 						/* @__PURE__ */ K("li", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ G(L, {
+							children: [/* @__PURE__ */ G(I, {
 								size: 14,
 								className: "mt-0.5 shrink-0 text-status-success-text"
 							}), /* @__PURE__ */ K("span", { children: [
@@ -1059,21 +1141,21 @@ var Ie = [
 						}),
 						/* @__PURE__ */ K("li", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ G(L, {
+							children: [/* @__PURE__ */ G(I, {
 								size: 14,
 								className: "mt-0.5 shrink-0 text-status-success-text"
 							}), /* @__PURE__ */ G("span", { children: "All prices are in platform credits. The USD equivalent is indicative only and may vary with the current credit rate." })]
 						}),
 						/* @__PURE__ */ K("li", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ G(L, {
+							children: [/* @__PURE__ */ G(I, {
 								size: 14,
 								className: "mt-0.5 shrink-0 text-status-success-text"
 							}), /* @__PURE__ */ G("span", { children: "Earnings are credited to your billing account per-sale. Cash withdrawals are subject to a minimum threshold and applicable taxes in your jurisdiction." })]
 						}),
 						/* @__PURE__ */ K("li", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ G(L, {
+							children: [/* @__PURE__ */ G(I, {
 								size: 14,
 								className: "mt-0.5 shrink-0 text-status-success-text"
 							}), /* @__PURE__ */ K("span", { children: [
@@ -1100,13 +1182,13 @@ var Ie = [
 					onClick: () => void g(),
 					disabled: d,
 					className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
-					children: d ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(V, {
+					children: d ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(B, {
 						size: 16,
 						className: "animate-spin"
-					}), s("devportal.saving", "Saving…")] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(R, { size: 16 }), s("devportal.savePricing", "Save Pricing")] })
+					}), s("devportal.saving", "Saving…")] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(L, { size: 16 }), s("devportal.savePricing", "Save Pricing")] })
 				}), a && /* @__PURE__ */ K("div", {
 					className: "flex items-start gap-3 rounded-lg border border-status-success-bg bg-status-success-bg-subtle px-4 py-3",
-					children: [/* @__PURE__ */ G(L, {
+					children: [/* @__PURE__ */ G(I, {
 						size: 16,
 						className: "mt-0.5 shrink-0 text-status-success-text"
 					}), /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
@@ -1120,16 +1202,16 @@ var Ie = [
 			})
 		]
 	});
-}, Ue = ({ appId: e, onNavigate: n, pricingDone: i = !1, onNavigateToPricing: a }) => {
-	let { t: o } = F(), s = (e, t) => {
+}, Ge = ({ appId: e, onNavigate: n, pricingDone: i = !1, onNavigateToPricing: a }) => {
+	let { t: o } = P(), s = (e, t) => {
 		let n = o(e);
 		return n === e ? t : n;
 	}, { data: l, loading: u, error: d } = c({
 		variables: { applicationId: e },
 		fetchPolicy: "cache-and-network"
 	});
-	if (u) return /* @__PURE__ */ G(Re, { message: s("devportal.loadingVersions", "Loading versions…") });
-	if (d) return /* @__PURE__ */ G(ze, { message: d.message });
+	if (u) return /* @__PURE__ */ G(ze, { message: s("devportal.loadingVersions", "Loading versions…") });
+	if (d) return /* @__PURE__ */ G(Be, { message: d.message });
 	let f = (l?.application?.versions?.edges ?? []).map((e) => e.node);
 	return /* @__PURE__ */ K("div", {
 		className: "space-y-4",
@@ -1239,7 +1321,7 @@ var Ie = [
 				})
 			}) : /* @__PURE__ */ G(r, {
 				illustration: "empty-generic",
-				icon: /* @__PURE__ */ G(_e, { size: 32 }),
+				icon: /* @__PURE__ */ G(ye, { size: 32 }),
 				title: s("devportal.noVersions", "No versions yet"),
 				description: s("devportal.noVersionsDescription", "Upload your first version to make this item available for review and distribution."),
 				action: /* @__PURE__ */ K("button", {
@@ -1251,7 +1333,7 @@ var Ie = [
 			f.length > 0 && !i && a && /* @__PURE__ */ K("div", {
 				className: "mt-4 flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-sunken px-4 py-3",
 				children: [
-					/* @__PURE__ */ G(R, {
+					/* @__PURE__ */ G(L, {
 						size: 16,
 						className: "shrink-0 text-primary"
 					}),
@@ -1263,41 +1345,41 @@ var Ie = [
 						type: "button",
 						onClick: a,
 						className: "inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline underline-offset-2 whitespace-nowrap",
-						children: [s("devportal.nextSetPricing", "Set Pricing"), /* @__PURE__ */ G(ue, { size: 15 })]
+						children: [s("devportal.nextSetPricing", "Set Pricing"), /* @__PURE__ */ G(de, { size: 15 })]
 					})
 				]
 			})
 		]
 	});
-}, We = ({ appId: e, onNavigate: t }) => {
-	let { t: n } = F(), r = (e, t) => {
+}, Ke = ({ appId: e, onNavigate: t }) => {
+	let { t: n } = P(), r = (e, t) => {
 		let r = n(e);
 		return r === e ? t : r;
 	}, { data: i, loading: a, error: o } = u({ variables: { applicationId: e } });
-	return a ? /* @__PURE__ */ G(Re, { message: r("devportal.loadingWebhooks", "Loading webhooks...") }) : o ? /* @__PURE__ */ G(ze, { message: o.message }) : /* @__PURE__ */ G(Je, {
+	return a ? /* @__PURE__ */ G(ze, { message: r("devportal.loadingWebhooks", "Loading webhooks...") }) : o ? /* @__PURE__ */ G(Be, { message: o.message }) : /* @__PURE__ */ G(Xe, {
 		appId: e,
-		webhooks: (i?.webhooks ?? []).map(Pe),
+		webhooks: (i?.webhooks ?? []).map(q),
 		onNavigate: t
 	});
-}, Ge = ({ authAppId: e, appName: t, onGrantDelegation: n, onNavigate: a }) => {
-	let { t: o } = F(), s = (e, t) => {
+}, qe = ({ authAppId: e, appName: t, onGrantDelegation: n, onNavigate: a }) => {
+	let { t: o } = P(), s = (e, t) => {
 		let n = o(e);
 		return n === e ? t : n;
-	}, { data: c, loading: l, error: u, refetch: d } = i(), [f] = p(), [m, h] = P([]), [g, _] = P(!1), [v, y] = P(/* @__PURE__ */ new Set()), [b, x] = P(null), S = M(() => c?.currentUserDelegations?.delegations ? c.currentUserDelegations.delegations.filter((t) => t.appId === e).map(Fe) : [], [e, c]), C = M(() => S.filter((e) => e.status === "ACTIVE"), [S]), w = M(() => C.filter((e) => v.has(e.id)), [C, v]), T = C.length > 0 && C.every((e) => v.has(e.id)), ee = C.some((e) => v.has(e.id)) && !T, E = j((e, t) => {
+	}, { data: c, loading: l, error: u, refetch: d } = i(), [f] = p(), [m, h] = N([]), [g, _] = N(!1), [v, y] = N(/* @__PURE__ */ new Set()), [b, x] = N(null), S = j(() => c?.currentUserDelegations?.delegations ? c.currentUserDelegations.delegations.filter((t) => t.appId === e).map(Ie) : [], [e, c]), C = j(() => S.filter((e) => e.status === "ACTIVE"), [S]), w = j(() => C.filter((e) => v.has(e.id)), [C, v]), T = C.length > 0 && C.every((e) => v.has(e.id)), ee = C.some((e) => v.has(e.id)) && !T, E = A((e, t) => {
 		y((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, []), D = j((e) => {
+	}, []), D = A((e) => {
 		y((t) => {
 			let n = new Set(t);
 			return C.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, [C]), O = j(() => {
+	}, [C]), O = A(() => {
 		y(/* @__PURE__ */ new Set());
-	}, []), k = j(async (e) => {
+	}, []), te = A(async (e) => {
 		_(!0);
 		try {
 			let t = await Promise.allSettled(e.map((e) => f({ variables: { id: e } }))), n = t.filter((e) => e.status === "fulfilled").length, r = t.length - n;
@@ -1309,7 +1391,7 @@ var Ie = [
 			_(!1);
 		}
 	}, [f, d]);
-	return e ? l ? /* @__PURE__ */ G(Re, { message: s("devportal.loadingDelegations", "Loading delegations...") }) : u ? /* @__PURE__ */ G(ze, { message: u.message }) : /* @__PURE__ */ K(W, { children: [
+	return e ? l ? /* @__PURE__ */ G(ze, { message: s("devportal.loadingDelegations", "Loading delegations...") }) : u ? /* @__PURE__ */ G(Be, { message: u.message }) : /* @__PURE__ */ K(W, { children: [
 		b && /* @__PURE__ */ G("div", {
 			className: "rounded-lg border border-border-subtle bg-status-success-bg-subtle p-3 text-sm text-status-success-text",
 			children: /* @__PURE__ */ K("div", {
@@ -1321,7 +1403,7 @@ var Ie = [
 				})]
 			})
 		}),
-		/* @__PURE__ */ G(Ye, {
+		/* @__PURE__ */ G(Ze, {
 			appName: t,
 			delegations: S,
 			onGrantDelegation: n,
@@ -1334,13 +1416,13 @@ var Ie = [
 			allVisibleSelected: T,
 			partiallySelected: ee
 		}),
-		/* @__PURE__ */ G(ne, {
+		/* @__PURE__ */ G(re, {
 			open: m.length > 0,
 			onOpenChange: (e) => {
 				e || h([]);
 			},
 			onConfirm: () => {
-				m.length > 0 && k(m);
+				m.length > 0 && te(m);
 			},
 			title: m.length > 1 ? s("devportal.revokeDelegations", "Revoke Delegations") : s("devportal.revokeDelegation", "Revoke Delegation"),
 			description: m.length > 1 ? s("devportal.revokeMultipleDelegationsDescription", `This will immediately revoke ${m.length} selected delegations.`) : s("devportal.revokeDelegationDescription", "This will immediately revoke the delegation. The app will no longer be able to act on your behalf with the selected permissions."),
@@ -1351,31 +1433,31 @@ var Ie = [
 		})
 	] }) : /* @__PURE__ */ G(r, {
 		illustration: "empty-generic",
-		icon: /* @__PURE__ */ G(xe, { size: 32 }),
+		icon: /* @__PURE__ */ G(H, { size: 32 }),
 		title: s("devportal.linkAuthAppFirst", "Link an auth app first"),
 		description: s("devportal.linkAuthAppFirstDescription", "Delegations are managed through auth apps. Create or link an auth app before granting app-as-user access."),
 		action: /* @__PURE__ */ K("button", {
 			onClick: () => a("/oauth"),
 			className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-			children: [/* @__PURE__ */ G(z, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
+			children: [/* @__PURE__ */ G(R, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
 		})
 	});
-}, Ke = ({ appId: e }) => {
-	let { t } = F(), n = (e, n) => {
+}, Je = ({ appId: e }) => {
+	let { t } = P(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
-	}, r = M(() => /* @__PURE__ */ new Date(), []), { data: i, loading: a, error: s } = o({ variables: {
+	}, r = j(() => /* @__PURE__ */ new Date(), []), { data: i, loading: a, error: s } = o({ variables: {
 		applicationId: e,
 		period: "daily",
-		startDate: M(() => {
+		startDate: j(() => {
 			let e = new Date(r);
 			return e.setDate(e.getDate() - 30), e;
 		}, [r]).toISOString(),
 		endDate: r.toISOString()
 	} });
-	return a ? /* @__PURE__ */ G(Re, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : s ? /* @__PURE__ */ G(ze, { message: s.message }) : /* @__PURE__ */ G(Xe, { analytics: (i?.applicationAnalytics ?? []).map(q) });
-}, qe = ({ app: e }) => {
-	let { t } = F(), n = (e, n) => {
+	return a ? /* @__PURE__ */ G(ze, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : s ? /* @__PURE__ */ G(Be, { message: s.message }) : /* @__PURE__ */ G(Qe, { analytics: (i?.applicationAnalytics ?? []).map(Fe) });
+}, Ye = ({ app: e }) => {
+	let { t } = P(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
 	};
@@ -1384,22 +1466,22 @@ var Ie = [
 		children: [/* @__PURE__ */ K("div", {
 			className: "lg:col-span-2 space-y-6",
 			children: [
-				/* @__PURE__ */ G(je, { children: /* @__PURE__ */ K("div", {
+				/* @__PURE__ */ G(Me, { children: /* @__PURE__ */ K("div", {
 					className: "grid gap-4 sm:grid-cols-4",
 					children: [
-						/* @__PURE__ */ G(Q, {
+						/* @__PURE__ */ G($, {
 							label: n("devportal.totalInstalls", "Total Installs"),
 							value: e.installCount.toLocaleString()
 						}),
-						/* @__PURE__ */ G(Q, {
+						/* @__PURE__ */ G($, {
 							label: n("devportal.activeInstalls", "Active Installs"),
 							value: e.activeInstallCount.toLocaleString()
 						}),
-						/* @__PURE__ */ G(Q, {
+						/* @__PURE__ */ G($, {
 							label: n("devportal.averageRating", "Average Rating"),
 							value: e.averageRating ? `${e.averageRating.toFixed(1)} ★` : n("devportal.notAvailable", "N/A")
 						}),
-						/* @__PURE__ */ G(Q, {
+						/* @__PURE__ */ G($, {
 							label: n("devportal.reviews", "Reviews"),
 							value: e.reviewCount.toString()
 						})
@@ -1489,27 +1571,27 @@ var Ie = [
 				children: /* @__PURE__ */ K("div", {
 					className: "space-y-2",
 					children: [
-						e.websiteUrl && /* @__PURE__ */ G($, {
+						e.websiteUrl && /* @__PURE__ */ G(st, {
 							label: n("devportal.website", "Website"),
 							url: e.websiteUrl
 						}),
-						e.documentationUrl && /* @__PURE__ */ G($, {
+						e.documentationUrl && /* @__PURE__ */ G(st, {
 							label: n("devportal.documentation", "Documentation"),
 							url: e.documentationUrl
 						}),
-						e.supportUrl && /* @__PURE__ */ G($, {
+						e.supportUrl && /* @__PURE__ */ G(st, {
 							label: n("devportal.support", "Support"),
 							url: e.supportUrl
 						}),
-						e.githubUrl && /* @__PURE__ */ G($, {
+						e.githubUrl && /* @__PURE__ */ G(st, {
 							label: n("devportal.github", "GitHub"),
 							url: e.githubUrl
 						}),
-						e.privacyPolicyUrl && /* @__PURE__ */ G($, {
+						e.privacyPolicyUrl && /* @__PURE__ */ G(st, {
 							label: n("devportal.privacyPolicy", "Privacy Policy"),
 							url: e.privacyPolicyUrl
 						}),
-						e.termsOfServiceUrl && /* @__PURE__ */ G($, {
+						e.termsOfServiceUrl && /* @__PURE__ */ G(st, {
 							label: n("devportal.termsOfService", "Terms of Service"),
 							url: e.termsOfServiceUrl
 						})
@@ -1518,8 +1600,8 @@ var Ie = [
 			})]
 		})]
 	});
-}, Je = ({ appId: e, webhooks: t, onNavigate: n }) => {
-	let { t: i } = F(), a = (e, t) => {
+}, Xe = ({ appId: e, webhooks: t, onNavigate: n }) => {
+	let { t: i } = P(), a = (e, t) => {
 		let n = i(e);
 		return n === e ? t : n;
 	};
@@ -1539,7 +1621,7 @@ var Ie = [
 			}), /* @__PURE__ */ K("button", {
 				onClick: () => n(`/apps/${e}/webhooks/new`),
 				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-				children: [/* @__PURE__ */ G(H, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				children: [/* @__PURE__ */ G(V, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})]
 		}), t.length > 0 ? /* @__PURE__ */ G("div", {
 			className: "space-y-4",
@@ -1563,7 +1645,7 @@ var Ie = [
 						})] }), /* @__PURE__ */ G("button", {
 							onClick: () => n(`/apps/${e}/webhooks/${t.id}`),
 							className: "rounded-md p-1 hover:bg-bg-sunken",
-							children: /* @__PURE__ */ G(ge, { size: 20 })
+							children: /* @__PURE__ */ G(ve, { size: 20 })
 						})]
 					}),
 					/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
@@ -1620,18 +1702,18 @@ var Ie = [
 			}, t.id))
 		}) : /* @__PURE__ */ G(r, {
 			illustration: "empty-notifications",
-			icon: /* @__PURE__ */ G(Ee, { size: 32 }),
+			icon: /* @__PURE__ */ G(De, { size: 32 }),
 			title: a("devportal.noWebhooks", "No webhooks"),
 			description: a("devportal.noWebhooksDescription", "Add a webhook to receive event notifications"),
 			action: /* @__PURE__ */ K("button", {
 				onClick: () => n(`/apps/${e}/webhooks/new`),
 				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-				children: [/* @__PURE__ */ G(H, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				children: [/* @__PURE__ */ G(V, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})
 		})]
 	});
-}, Ye = ({ appName: e, delegations: n, onGrantDelegation: i, onRevokeDelegation: a, selectedDelegationIds: o, onToggleSelectDelegation: s, onToggleAllDelegations: c, onClearSelection: l, onRevokeSelected: u, allVisibleSelected: d, partiallySelected: f }) => {
-	let { t: p } = F(), m = (e, t) => {
+}, Ze = ({ appName: e, delegations: n, onGrantDelegation: i, onRevokeDelegation: a, selectedDelegationIds: o, onToggleSelectDelegation: s, onToggleAllDelegations: c, onClearSelection: l, onRevokeSelected: u, allVisibleSelected: d, partiallySelected: f }) => {
+	let { t: p } = P(), m = (e, t) => {
 		let n = p(e);
 		return n === e ? t : n;
 	}, h = n.filter((e) => e.status === "ACTIVE"), g = n.filter((e) => e.status !== "ACTIVE");
@@ -1666,7 +1748,7 @@ var Ie = [
 				})] }), /* @__PURE__ */ K("button", {
 					onClick: i,
 					className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-					children: [/* @__PURE__ */ G(H, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					children: [/* @__PURE__ */ G(V, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})]
 			}),
 			h.length > 0 && /* @__PURE__ */ G("div", {
@@ -1732,7 +1814,7 @@ var Ie = [
 										className: "font-medium",
 										children: ["Delegation #", e.id.slice(0, 8)]
 									}), /* @__PURE__ */ G("span", {
-										className: t("rounded-full px-2 py-0.5 text-xs font-medium", Le[e.status]),
+										className: t("rounded-full px-2 py-0.5 text-xs font-medium", Re[e.status]),
 										children: e.status
 									})]
 								}), /* @__PURE__ */ K("p", {
@@ -1750,7 +1832,7 @@ var Ie = [
 							}), e.status === "ACTIVE" && /* @__PURE__ */ K("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__ */ G(Oe, { size: 14 }), m("devportal.revoke", "Revoke")]
+								children: [/* @__PURE__ */ G(ke, { size: 14 }), m("devportal.revoke", "Revoke")]
 							})]
 						}),
 						/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
@@ -1779,7 +1861,7 @@ var Ie = [
 								e.expiresAt && /* @__PURE__ */ K("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ G(de, { size: 12 }),
+										/* @__PURE__ */ G(fe, { size: 12 }),
 										m("devportal.expires", "Expires"),
 										" ",
 										new Date(e.expiresAt).toLocaleDateString()
@@ -1787,7 +1869,7 @@ var Ie = [
 								}),
 								!e.expiresAt && e.status === "ACTIVE" && /* @__PURE__ */ K("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ G(le, {
+									children: [/* @__PURE__ */ G(ue, {
 										size: 12,
 										className: "text-status-success-text"
 									}), m("devportal.noExpiration", "No expiration")]
@@ -1795,7 +1877,7 @@ var Ie = [
 								e.revokedAt && /* @__PURE__ */ K("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ G(Oe, {
+										/* @__PURE__ */ G(ke, {
 											size: 12,
 											className: "text-status-error-text"
 										}),
@@ -1810,19 +1892,19 @@ var Ie = [
 				}, e.id))
 			}) : /* @__PURE__ */ G(r, {
 				illustration: "empty-people",
-				icon: /* @__PURE__ */ G(we, { size: 32 }),
+				icon: /* @__PURE__ */ G(Te, { size: 32 }),
 				title: m("devportal.noDelegations", "No delegations"),
 				description: m("devportal.noDelegationsDescription", "Grant a delegation to allow this app to act on your behalf"),
 				action: /* @__PURE__ */ K("button", {
 					onClick: i,
 					className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-					children: [/* @__PURE__ */ G(H, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					children: [/* @__PURE__ */ G(V, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})
 			})
 		]
 	});
-}, Xe = ({ analytics: e }) => {
-	let { t } = F(), n = (e, n) => {
+}, Qe = ({ analytics: e }) => {
+	let { t } = P(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
 	}, i = e[0], a = e[1], o = (e, t) => t ? (e - t) / t * 100 : 0;
@@ -1831,22 +1913,22 @@ var Ie = [
 		children: [/* @__PURE__ */ K("div", {
 			className: "grid gap-4 sm:grid-cols-4",
 			children: [
-				/* @__PURE__ */ G(Q, {
+				/* @__PURE__ */ G($, {
 					label: n("devportal.activeUsers", "Active Users"),
 					value: i?.activeUsers.toLocaleString() || "0",
 					trend: a ? o(i.activeUsers, a.activeUsers) : void 0
 				}),
-				/* @__PURE__ */ G(Q, {
+				/* @__PURE__ */ G($, {
 					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__ */ G(Q, {
+				/* @__PURE__ */ G($, {
 					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__ */ G(Q, {
+				/* @__PURE__ */ G($, {
 					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
@@ -1896,17 +1978,17 @@ var Ie = [
 				]
 			}) : /* @__PURE__ */ G(r, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ G(I, { size: 32 }),
+				icon: /* @__PURE__ */ G(F, { size: 32 }),
 				title: n("devportal.noAnalyticsData", "No analytics data"),
 				description: n("devportal.noAnalyticsDataDescription", "Analytics data will appear here once the application starts receiving traffic.")
 			})
 		})]
 	});
-}, Ze = "# Sample query - modify as needed\nquery IntrospectSchema {\n  __schema {\n    queryType { name }\n    mutationType { name }\n    types {\n      name\n      kind\n    }\n  }\n}", Qe = ({ app: t }) => {
-	let { apiGatewayUrl: n, workspacesGatewayUrl: r, authToken: i } = e(), { t: a } = F(), o = (e, t) => {
+}, $e = "# Sample query — replace with your own\n# Note: introspection is disabled on this gateway for security.\n# Use a real query from your app's API schema instead.\nquery GetCurrentUser {\n  currentUser {\n    id\n    email\n  }\n}", et = ({ app: t }) => {
+	let { apiGatewayUrl: n, workspacesGatewayUrl: r, authToken: i } = e(), { t: a } = P(), o = (e, t) => {
 		let n = a(e);
 		return n === e ? t : n;
-	}, [s, c] = P(Ze), [l, u] = P("{}"), [d, f] = P(""), [p, m] = P(!1), [h, g] = P(`${n || "https://gw-global.local.burdenoff.com"}/global/graphql`), [_, v] = P(i || ""), [y, b] = P(!1), x = j(async () => {
+	}, [s, c] = N($e), [l, u] = N("{}"), [d, f] = N(""), [p, m] = N(!1), [h, g] = N(`${n || "https://gw-global.local.burdenoff.com"}/global/graphql`), [_, v] = N(i || ""), [y, b] = N(!1), x = A(async () => {
 		m(!0), f("");
 		try {
 			let e = {};
@@ -1937,7 +2019,7 @@ var Ie = [
 		l,
 		h,
 		_
-	]), S = j(() => {
+	]), S = A(() => {
 		i && v(i), b(!0);
 	}, [i]);
 	return /* @__PURE__ */ K("div", {
@@ -1966,7 +2048,7 @@ var Ie = [
 				})] }), /* @__PURE__ */ K("button", {
 					onClick: S,
 					className: "flex items-center gap-2 rounded-md border px-3 py-1.5 text-sm font-medium hover:bg-accent transition-colors",
-					children: [/* @__PURE__ */ G(B, { size: 14 }), o("devportal.autoFillCredentials", "Auto-fill Credentials")]
+					children: [/* @__PURE__ */ G(z, { size: 14 }), o("devportal.autoFillCredentials", "Auto-fill Credentials")]
 				})]
 			}),
 			y && /* @__PURE__ */ K("div", {
@@ -2067,10 +2149,10 @@ var Ie = [
 				onClick: x,
 				disabled: p,
 				className: "flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
-				children: [p ? /* @__PURE__ */ G(V, {
+				children: [p ? /* @__PURE__ */ G(B, {
 					size: 16,
 					className: "animate-spin"
-				}) : /* @__PURE__ */ G(z, { size: 16 }), p ? o("devportal.executing", "Executing...") : o("devportal.executeQuery", "Execute Query")]
+				}) : /* @__PURE__ */ G(R, { size: 16 }), p ? o("devportal.executing", "Executing...") : o("devportal.executeQuery", "Execute Query")]
 			}),
 			d && /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("label", {
 				className: "block text-sm font-medium mb-1",
@@ -2081,10 +2163,10 @@ var Ie = [
 			})] })
 		]
 	});
-}, $e = ({ label: e, value: n, onChange: r, hint: i, accept: a = "image/png,image/jpeg,image/webp,image/gif,image/svg+xml", aspectClass: o = "aspect-square", upload: s, uploading: c, progress: l, error: u }) => {
-	let d = N(null), [f, p] = P(!1), m = N(n);
+}, tt = ({ 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 = M(null), [f, p] = N(!1), m = M(n);
 	m.current !== n && (m.current = n, f && p(!1));
-	let h = j(async (e) => {
+	let h = A(async (e) => {
 		try {
 			r((await s(e)).downloadUrl);
 		} catch {}
@@ -2110,7 +2192,7 @@ var Ie = [
 						className: "text-text-secondary opacity-40"
 					}), c && /* @__PURE__ */ K("div", {
 						className: "absolute inset-0 bg-bg-overlay flex flex-col items-center justify-center gap-1",
-						children: [/* @__PURE__ */ G(V, {
+						children: [/* @__PURE__ */ G(B, {
 							size: 14,
 							className: "animate-spin text-white"
 						}), /* @__PURE__ */ K("span", {
@@ -2158,8 +2240,8 @@ var Ie = [
 			})
 		]
 	});
-}, X = ({ urls: e, onChange: n, upload: r, uploading: i, progress: a, error: o }) => {
-	let s = N(null), [c, l] = P(""), u = j(async (t) => {
+}, Z = ({ urls: e, onChange: n, upload: r, uploading: i, progress: a, error: o }) => {
+	let s = M(null), [c, l] = N(""), u = A(async (t) => {
 		try {
 			let i = await r(t);
 			n([...e, i.downloadUrl]);
@@ -2199,14 +2281,14 @@ var Ie = [
 						type: "button",
 						onClick: () => f(t),
 						className: "absolute top-1 right-1 rounded-full bg-bg-overlay text-white p-0.5 opacity-0 group-hover:opacity-100 transition-opacity",
-						children: /* @__PURE__ */ G(De, { size: 12 })
+						children: /* @__PURE__ */ G(Oe, { size: 12 })
 					})]
 				}, t)), /* @__PURE__ */ G("button", {
 					type: "button",
 					disabled: i,
 					onClick: () => s.current?.click(),
 					className: t("w-36 aspect-video rounded-lg border-2 border-dashed border-border-subtle flex flex-col items-center justify-center gap-1.5 text-text-secondary hover:border-border-strong hover:bg-bg-sunken transition-colors disabled:opacity-50"),
-					children: i ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(V, {
+					children: i ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(B, {
 						size: 18,
 						className: "animate-spin text-primary"
 					}), /* @__PURE__ */ K("span", {
@@ -2253,13 +2335,13 @@ var Ie = [
 			})
 		]
 	});
-}, Z = new Set(["workflow", "template"]), et = [{
+}, Q = new Set(["workflow", "template"]), nt = [{
 	value: "FREE",
 	label: "Free"
 }, {
 	value: "PAID",
 	label: "Paid"
-}], tt = {
+}], rt = {
 	NODE: [
 		{
 			value: "node",
@@ -2331,12 +2413,12 @@ var Ie = [
 			label: "Plugin"
 		}
 	]
-}, nt = {
+}, it = {
 	NODE: "node",
 	WORKFLOW: "workflow",
 	APP: "app"
 };
-function rt(e) {
+function at(e) {
 	let t = e.manifest ?? {}, n = t.identity ?? {}, r = (t.digital ?? {}).install ?? {}, i = t.compatibility ?? {}, a = Array.isArray(t.permissions) ? t.permissions : [], o = Array.isArray(e.screenshots) ? e.screenshots.join("\n") : "";
 	return {
 		iconUrl: e.iconUrl ?? "",
@@ -2351,7 +2433,7 @@ function rt(e) {
 		supportUrl: e.supportUrl ?? "",
 		privacyPolicyUrl: e.privacyPolicyUrl ?? "",
 		termsOfServiceUrl: e.termsOfServiceUrl ?? "",
-		manifestItemType: typeof t.itemType == "string" ? t.itemType : nt[e.appType] ?? "",
+		manifestItemType: typeof t.itemType == "string" ? t.itemType : it[e.appType] ?? "",
 		manifestDisplayName: typeof n.displayName == "string" ? n.displayName : e.name ?? "",
 		manifestVersion: typeof n.version == "string" ? n.version : "",
 		manifestInstallType: typeof r.type == "string" ? r.type : "zip",
@@ -2362,15 +2444,15 @@ function rt(e) {
 		manifestJsonContent: typeof t.jsonContent == "string" ? t.jsonContent : typeof t.content == "string" ? t.content : ""
 	};
 }
-var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i = !1, onNavigateToVersions: a, onNavigateToPricing: o, onNavigateToSubmission: s }) => {
-	let { workspacesGatewayUrl: c, authToken: l, workspaceId: u, getWorkspaceToken: d } = e(), { t: f } = F(), p = (e, t) => {
+var ot = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i = !1, onNavigateToVersions: a, onNavigateToPricing: o, onNavigateToSubmission: s }) => {
+	let { workspacesGatewayUrl: c, authToken: l, workspaceId: u, getWorkspaceToken: d } = e(), { t: f } = P(), p = (e, t) => {
 		let n = f(e);
 		return n === e ? t : n;
-	}, [m, h] = P(() => rt(t)), [g, v] = P(!1), [b, x] = P(null), S = N(rt(t)), C = N(t);
+	}, [m, h] = N(() => at(t)), [g, v] = N(!1), [b, x] = N(null), S = M(at(t)), C = M(t);
 	C.current = t;
 	let w = JSON.stringify(m) !== JSON.stringify(S.current), [ee] = _();
-	oe(() => {
-		let e = rt(C.current);
+	se(() => {
+		let e = at(C.current);
 		h(e), S.current = e, x(null);
 	}, [t.id]);
 	let E = (e, t) => {
@@ -2378,10 +2460,10 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 			...n,
 			[e]: t
 		})), x(null);
-	}, D = m.shortDescription.trim().length > 0 && m.privacyPolicyUrl.trim().length > 0 && m.termsOfServiceUrl.trim().length > 0, ne = async () => {
+	}, D = m.shortDescription.trim().length > 0 && m.privacyPolicyUrl.trim().length > 0 && m.termsOfServiceUrl.trim().length > 0, re = async () => {
 		v(!0), x(null);
 		try {
-			let e = m.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean), n = m.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), r = Z.has(m.manifestItemType), i = t.manifest ?? {}, a = {
+			let e = m.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean), n = m.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), r = Q.has(m.manifestItemType), i = t.manifest ?? {}, a = {
 				manifestVersion: typeof i.manifestVersion == "string" ? i.manifestVersion : "1.0",
 				itemType: m.manifestItemType || void 0,
 				identity: {
@@ -2418,13 +2500,13 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 		} finally {
 			v(!1);
 		}
-	}, { upload: re, uploading: ie, progress: ae, error: j } = A(c, l, u, d, "/DevPortal/Assets"), { upload: M, uploading: ce, progress: I, error: R } = A(c, l, u, d, "/DevPortal/Assets"), { upload: fe, uploading: pe, progress: me, error: he } = A(c, l, u, d, "/DevPortal/Assets"), B = Z.has(m.manifestItemType), ge = t.status === "SUBMITTED";
+	}, { upload: ie, uploading: ae, progress: oe, error: A } = k(c, l, u, d, "/DevPortal/Assets"), { upload: j, uploading: le, progress: F, error: L } = k(c, l, u, d, "/DevPortal/Assets"), { upload: pe, uploading: me, progress: he, error: ge } = k(c, l, u, d, "/DevPortal/Assets"), z = Q.has(m.manifestItemType), _e = t.status === "SUBMITTED";
 	return /* @__PURE__ */ K("div", {
 		className: "space-y-8 max-w-3xl",
 		children: [
 			t.status === "PUBLISHED" ? /* @__PURE__ */ K("div", {
 				className: "flex items-start gap-3 rounded-lg border border-success/30 bg-success/10 px-4 py-3",
-				children: [/* @__PURE__ */ G(le, {
+				children: [/* @__PURE__ */ G(ue, {
 					size: 16,
 					className: "text-success mt-0.5 shrink-0"
 				}), /* @__PURE__ */ K("div", {
@@ -2441,11 +2523,11 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 						]
 					})]
 				})]
-			}) : ge ? /* @__PURE__ */ K("div", {
+			}) : _e ? /* @__PURE__ */ K("div", {
 				className: "flex items-center justify-between gap-3 rounded-lg border border-primary/30 bg-action-primary-bg/5 px-4 py-3",
 				children: [/* @__PURE__ */ K("div", {
 					className: "flex items-start gap-3",
-					children: [/* @__PURE__ */ G(de, {
+					children: [/* @__PURE__ */ G(fe, {
 						size: 16,
 						className: "text-primary mt-0.5 shrink-0"
 					}), /* @__PURE__ */ K("div", {
@@ -2469,11 +2551,11 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 					type: "button",
 					onClick: s,
 					className: "shrink-0 text-xs text-primary hover:underline font-medium flex items-center gap-1",
-					children: [p("devportal.viewStatus", "View Status"), /* @__PURE__ */ G(z, { size: 12 })]
+					children: [p("devportal.viewStatus", "View Status"), /* @__PURE__ */ G(R, { size: 12 })]
 				})]
 			}) : /* @__PURE__ */ K("div", {
 				className: "flex items-start gap-3 rounded-lg border border-warning/30 bg-warning/5 px-4 py-3",
-				children: [/* @__PURE__ */ G(se, {
+				children: [/* @__PURE__ */ G(ce, {
 					size: 16,
 					className: "text-warning mt-0.5 shrink-0"
 				}), /* @__PURE__ */ K("div", {
@@ -2493,14 +2575,14 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 				children: /* @__PURE__ */ K("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ G(k, {
+						/* @__PURE__ */ G(te, {
 							label: p("devportal.storeItemType", "Item Type"),
 							value: m.manifestItemType,
 							onChange: (e) => {
 								let t = e.target.value;
-								E("manifestItemType", t), Z.has(t) ? E("manifestInstallType", "json") : m.manifestInstallType === "json" && E("manifestInstallType", "zip");
+								E("manifestItemType", t), Q.has(t) ? E("manifestInstallType", "json") : m.manifestInstallType === "json" && E("manifestInstallType", "zip");
 							},
-							options: tt[t.appType] ?? tt.APP,
+							options: rt[t.appType] ?? rt.APP,
 							placeholder: p("devportal.selectItemType", "Select item type…"),
 							hint: p("devportal.storeItemTypeHint", "Sub-category shown in the marketplace (e.g. Node vs Agent vs Parser)")
 						}),
@@ -2510,7 +2592,7 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 							onChange: (e) => E("manifestDisplayName", e.target.value),
 							placeholder: "My Awesome Node"
 						}),
-						B && t.appType !== "WORKFLOW" && /* @__PURE__ */ G(te, {
+						z && t.appType !== "WORKFLOW" && /* @__PURE__ */ G(ne, {
 							label: p("devportal.jsonContent", "Template Definition (JSON)"),
 							value: m.manifestJsonContent,
 							onChange: (e) => E("manifestJsonContent", e.target.value),
@@ -2518,7 +2600,7 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 							placeholder: "{\n  \"nodes\": [],\n  \"edges\": []\n}",
 							hint: p("devportal.jsonContentHint", "Paste the full JSON definition. Stored and applied directly — no zip needed.")
 						}),
-						B && t.appType === "WORKFLOW" && /* @__PURE__ */ K("p", {
+						z && t.appType === "WORKFLOW" && /* @__PURE__ */ K("p", {
 							className: "text-sm text-text-secondary rounded-md bg-bg-sunken px-3 py-2",
 							children: [
 								"The Workflow Definition (JSON) is set per version. Go to the",
@@ -2538,26 +2620,26 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 					children: [
 						/* @__PURE__ */ K("div", {
 							className: "grid gap-5 sm:grid-cols-2",
-							children: [/* @__PURE__ */ G($e, {
+							children: [/* @__PURE__ */ G(tt, {
 								label: p("devportal.iconUrl", "Icon"),
 								value: m.iconUrl,
 								onChange: (e) => E("iconUrl", e),
 								hint: p("devportal.iconUrlHint", "Shown in marketplace cards and search — square proportions (1:1)"),
 								aspectClass: "aspect-square",
-								upload: re,
-								uploading: ie,
-								progress: ae,
-								error: j
-							}), /* @__PURE__ */ G($e, {
+								upload: ie,
+								uploading: ae,
+								progress: oe,
+								error: A
+							}), /* @__PURE__ */ G(tt, {
 								label: p("devportal.bannerUrl", "Banner"),
 								value: m.bannerUrl,
 								onChange: (e) => E("bannerUrl", e),
 								hint: p("devportal.bannerUrlHint", "Fills the right panel on the product page — square or portrait works best on all screen sizes (1:1)"),
 								aspectClass: "aspect-square",
-								upload: M,
-								uploading: ce,
-								progress: I,
-								error: R
+								upload: j,
+								uploading: le,
+								progress: F,
+								error: L
 							})]
 						}),
 						/* @__PURE__ */ G(O, {
@@ -2567,7 +2649,7 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 							placeholder: "https://...",
 							hint: p("devportal.videoUrlHint", "YouTube or Vimeo embed URL")
 						}),
-						/* @__PURE__ */ G(te, {
+						/* @__PURE__ */ G(ne, {
 							label: p("devportal.shortDescription", "Short Description"),
 							value: m.shortDescription,
 							onChange: (e) => E("shortDescription", e.target.value),
@@ -2575,20 +2657,20 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 							rows: 2,
 							hint: `${m.shortDescription.length}/200 · ${p("devportal.shortDescHint", "Shown in search results and cards")}`
 						}),
-						/* @__PURE__ */ G(te, {
+						/* @__PURE__ */ G(ne, {
 							label: p("devportal.longDescription", "Full Description"),
 							value: m.description,
 							onChange: (e) => E("description", e.target.value),
 							rows: 5,
 							hint: p("devportal.fullDescHint", "Markdown supported")
 						}),
-						/* @__PURE__ */ G(X, {
+						/* @__PURE__ */ G(Z, {
 							urls: m.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean),
 							onChange: (e) => E("screenshotsText", e.join("\n")),
-							upload: fe,
-							uploading: pe,
-							progress: me,
-							error: he
+							upload: pe,
+							uploading: me,
+							progress: he,
+							error: ge
 						})
 					]
 				})
@@ -2645,14 +2727,14 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 				children: [
 					b === "success" && /* @__PURE__ */ K("div", {
 						className: "flex items-center gap-2 rounded-md border border-success/30 bg-success/10 px-3 py-2 text-sm text-success",
-						children: [/* @__PURE__ */ G(le, {
+						children: [/* @__PURE__ */ G(ue, {
 							size: 15,
 							className: "shrink-0"
 						}), p("devportal.storeListing.savedSuccess", "Store listing saved successfully.")]
 					}),
 					b === "error" && /* @__PURE__ */ K("div", {
 						className: "flex items-center gap-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive",
-						children: [/* @__PURE__ */ G(se, {
+						children: [/* @__PURE__ */ G(ce, {
 							size: 15,
 							className: "shrink-0"
 						}), p("devportal.storeListing.savedError", "Failed to save. Please try again.")]
@@ -2662,14 +2744,14 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 						children: [
 							/* @__PURE__ */ G("button", {
 								type: "button",
-								onClick: ne,
+								onClick: re,
 								disabled: g || !D || !w,
 								title: D ? w ? void 0 : p("devportal.storeListing.noChanges", "All changes saved — edit any field to save again") : p("devportal.storeListing.requiredFieldsHint", "Fill in Short Description, Privacy Policy URL, and Terms of Service URL to save"),
 								className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-								children: g ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(V, {
+								children: g ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(B, {
 									size: 16,
 									className: "animate-spin"
-								}), p("devportal.saving", "Saving…")] }) : w ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(Se, { size: 16 }), p("devportal.saveStoreListing", "Save Store Listing")] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(L, { size: 16 }), p("devportal.saved", "Saved")] })
+								}), p("devportal.saving", "Saving…")] }) : w ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(Ce, { size: 16 }), p("devportal.saveStoreListing", "Save Store Listing")] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(I, { size: 16 }), p("devportal.saved", "Saved")] })
 							}),
 							!D && /* @__PURE__ */ G("p", {
 								className: "text-xs text-text-secondary",
@@ -2679,13 +2761,13 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 								type: "button",
 								onClick: a,
 								className: "inline-flex items-center gap-1.5 text-sm font-medium text-primary hover:underline underline-offset-2",
-								children: [p("devportal.nextUploadVersion", "Next: Upload a Version"), /* @__PURE__ */ G(ue, { size: 15 })]
+								children: [p("devportal.nextUploadVersion", "Next: Upload a Version"), /* @__PURE__ */ G(de, { size: 15 })]
 							}),
 							(!r || n > 0) && !i && o && /* @__PURE__ */ K("button", {
 								type: "button",
 								onClick: o,
 								className: "inline-flex items-center gap-1.5 text-sm font-medium text-primary hover:underline underline-offset-2",
-								children: [p("devportal.nextSetPricing", "Next: Set Pricing"), /* @__PURE__ */ G(ue, { size: 15 })]
+								children: [p("devportal.nextSetPricing", "Next: Set Pricing"), /* @__PURE__ */ G(de, { size: 15 })]
 							})
 						]
 					})
@@ -2693,9 +2775,9 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 			})
 		]
 	});
-}, Q = ({ label: e, value: n, trend: r }) => {
-	let { t: i } = F();
-	return /* @__PURE__ */ K(Me, {
+}, $ = ({ label: e, value: n, trend: r }) => {
+	let { t: i } = P();
+	return /* @__PURE__ */ K(Ne, {
 		treatment: "metric",
 		className: "p-4",
 		children: [
@@ -2721,13 +2803,13 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 			})
 		]
 	});
-}, $ = ({ label: e, url: t }) => /* @__PURE__ */ K("a", {
+}, st = ({ label: e, url: t }) => /* @__PURE__ */ K("a", {
 	href: t,
 	target: "_blank",
 	rel: "noopener noreferrer",
 	className: "flex items-center gap-2 text-sm text-primary hover:underline",
-	children: [/* @__PURE__ */ G(z, { size: 14 }), e]
-}), at = [
+	children: [/* @__PURE__ */ G(R, { size: 14 }), e]
+}), ct = [
 	{
 		id: "auth",
 		label: "Authentication",
@@ -2799,40 +2881,51 @@ var it = ({ app: t, versionCount: n = 0, isPackageApp: r = !1, pricingDone: i =
 		description: "Access control configuration"
 	}
 ];
-function ot(e) {
-	let t = Object.fromEntries(at.map((e) => [e.id, "none"]));
+function lt(e) {
+	let t = Object.fromEntries(ct.map((e) => [e.id, "none"]));
 	if (!e || !Array.isArray(e.permissions)) return t;
-	for (let n of e.permissions) n.resource in t && (t[n.resource] = n.level === "write" ? "write" : "read");
+	for (let n of e.permissions) n && typeof n == "object" && n.resource in t && (t[n.resource] = n.level === "write" ? "write" : "read");
 	return t;
 }
-var st = ({ app: e }) => {
-	let t = e.manifest ?? {}, [n, r] = P(() => ot(t)), [i, a] = P(!1), [o, s] = P(!1), [c] = _(), l = (e, t) => {
-		s(!1), r((n) => ({
+function ut(e) {
+	let t = Object.fromEntries(ct.map((e) => [e.id, "none"]));
+	for (let n of e) {
+		let [e, r] = n.split(":");
+		r && r in t && (t[r] = e === "write" ? "write" : "read");
+	}
+	return t;
+}
+function dt(e) {
+	return !e || !Array.isArray(e.permissions) ? !1 : e.permissions.some((e) => e && typeof e == "object");
+}
+var ft = ({ app: e, versionScopes: t }) => {
+	let n = e.manifest ?? {}, [r, i] = N(() => dt(n) ? lt(n) : t && t.length > 0 ? ut(t) : lt(n)), [a, o] = N(!1), [s, c] = N(!1), [l] = _(), u = (e, t) => {
+		c(!1), i((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, u = async () => {
-		a(!0);
+	}, d = async () => {
+		o(!0);
 		try {
-			let r = Object.entries(n).filter(([, e]) => e !== "none").map(([e, t]) => ({
+			let t = Object.entries(r).filter(([, e]) => e !== "none").map(([e, t]) => ({
 				resource: e,
 				level: t
 			}));
-			await c({ variables: {
+			await l({ variables: {
 				id: e.id,
 				input: { manifest: {
-					...t,
-					permissions: r
+					...n,
+					permissions: t
 				} }
-			} }), s(!0);
+			} }), c(!0);
 		} finally {
-			a(!1);
+			o(!1);
 		}
-	}, d = {
+	}, f = {
 		none: "No access",
 		read: "Read",
 		write: "Read & Write"
-	}, f = [
+	}, p = [
 		"none",
 		"read",
 		"write"
@@ -2852,13 +2945,13 @@ var st = ({ app: e }) => {
 							children: [/* @__PURE__ */ G("th", {
 								className: "px-4 py-3 text-left font-medium text-text-secondary w-1/2",
 								children: "Resource"
-							}), f.map((e) => /* @__PURE__ */ G("th", {
+							}), p.map((e) => /* @__PURE__ */ G("th", {
 								className: "px-4 py-3 text-center font-medium text-text-secondary",
-								children: d[e]
+								children: f[e]
 							}, e))]
 						}) }), /* @__PURE__ */ G("tbody", {
 							className: "divide-y divide-border",
-							children: at.map((e) => /* @__PURE__ */ K("tr", {
+							children: ct.map((e) => /* @__PURE__ */ K("tr", {
 								className: "hover:bg-bg-sunken/30 transition-colors",
 								children: [/* @__PURE__ */ K("td", {
 									className: "px-4 py-3",
@@ -2869,14 +2962,14 @@ var st = ({ app: e }) => {
 										className: "text-xs text-text-secondary",
 										children: e.description
 									})]
-								}), f.map((t) => /* @__PURE__ */ G("td", {
+								}), p.map((t) => /* @__PURE__ */ G("td", {
 									className: "px-4 py-3 text-center",
 									children: /* @__PURE__ */ G("input", {
 										type: "radio",
 										name: `perm-${e.id}`,
 										value: t,
-										checked: n[e.id] === t,
-										onChange: () => l(e.id, t),
+										checked: r[e.id] === t,
+										onChange: () => u(e.id, t),
 										className: "h-4 w-4 accent-primary cursor-pointer"
 									})
 								}, t))]
@@ -2886,25 +2979,25 @@ var st = ({ app: e }) => {
 				}),
 				/* @__PURE__ */ K("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-3 flex gap-2 text-xs text-text-secondary",
-					children: [/* @__PURE__ */ G(he, {
+					children: [/* @__PURE__ */ G(ge, {
 						size: 14,
 						className: "flex-shrink-0 mt-0.5"
 					}), /* @__PURE__ */ K("span", { children: [/* @__PURE__ */ G("strong", { children: "Read & Write" }), " implies Read. Request only what your app genuinely needs — fewer permissions build more user trust."] })]
 				}),
 				/* @__PURE__ */ K("div", {
 					className: "flex items-center justify-end gap-3",
-					children: [o && /* @__PURE__ */ K("span", {
+					children: [s && /* @__PURE__ */ K("span", {
 						className: "flex items-center gap-1.5 text-sm text-status-success-text",
-						children: [/* @__PURE__ */ G(le, { size: 14 }), "Saved"]
+						children: [/* @__PURE__ */ G(ue, { size: 14 }), "Saved"]
 					}), /* @__PURE__ */ K("button", {
 						type: "button",
-						onClick: () => void u(),
-						disabled: i,
+						onClick: () => void d(),
+						disabled: a,
 						className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
-						children: [i ? /* @__PURE__ */ G(V, {
+						children: [a ? /* @__PURE__ */ G(B, {
 							size: 14,
 							className: "animate-spin"
-						}) : /* @__PURE__ */ G(xe, { size: 14 }), "Save Permissions"]
+						}) : /* @__PURE__ */ G(H, { size: 14 }), "Save Permissions"]
 					})]
 				})
 			]
@@ -2912,6 +3005,6 @@ var st = ({ app: e }) => {
 	});
 };
 //#endregion
-export { Be as ApplicationDetailPage };
+export { J as ApplicationDetailPage };
 
 //# sourceMappingURL=ApplicationDetailPage.js.map