@burdenoff/microfe-devportal 2026.623.2 → 2026.623.4

package/dist/devportal/pages/ApplicationDetailPage.js

@@ -18,11 +18,11 @@ 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 ue, Key as B, Loader2 as V, MoreHorizontal as de, Plus as H, Power as fe, RefreshCw as pe, Shield as U, Store as me, Upload as W, Users as G, Webhook as he, X as K, XCircle as ge } from "lucide-react";
-import { useParams as _e } from "react-router-dom";
+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 ue, Key as B, 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 K, XCircle as _e } from "lucide-react";
+import { useParams as ve } from "react-router-dom";
 import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
 //#region src/devportal/pages/ApplicationDetailPage.tsx
-function ve(e) {
+function ye(e) {
 	return e ? {
 		id: e.id,
 		name: e.name,
@@ -58,6 +58,14 @@ function ve(e) {
 		isVerified: e.isVerified,
 		requiresApproval: e.requiresApproval,
 		appId: e.appId || void 0,
+		scopes: e.scopes?.map((e) => ({
+			id: e.id,
+			applicationId: e.applicationId,
+			scope: e.scope,
+			description: e.description || void 0,
+			isRequired: e.isRequired,
+			createdAt: e.createdAt
+		})),
 		createdAt: e.createdAt,
 		updatedAt: e.updatedAt
 	} : null;
@@ -86,7 +94,7 @@ function X(e) {
 		updatedAt: e.updatedAt
 	};
 }
-function ye(e) {
+function be(e) {
 	return {
 		id: e.id,
 		applicationId: e.applicationId,
@@ -102,7 +110,7 @@ function ye(e) {
 		createdAt: e.createdAt
 	};
 }
-function be(e) {
+function xe(e) {
 	return {
 		id: e.id,
 		appId: e.appId,
@@ -124,7 +132,7 @@ function be(e) {
 		revokedBy: e.revokedBy || void 0
 	};
 }
-var xe = [
+var Se = [
 	{
 		id: "overview",
 		label: "Overview",
@@ -143,7 +151,7 @@ var xe = [
 	{
 		id: "webhooks",
 		label: "Webhooks",
-		icon: he
+		icon: ge
 	},
 	{
 		id: "delegations",
@@ -163,13 +171,13 @@ var xe = [
 	{
 		id: "store-listing",
 		label: "Store Listing",
-		icon: me
+		icon: he
 	}
-], Se = {
+], Ce = {
 	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"
-}, Ce = ({ message: e = "Loading..." }) => /* @__PURE__ */ Y("div", {
+}, we = ({ message: e = "Loading..." }) => /* @__PURE__ */ Y("div", {
 	className: "flex items-center justify-center gap-3 py-12",
 	children: [/* @__PURE__ */ J(V, {
 		size: 20,
@@ -187,29 +195,29 @@ var xe = [
 		className: "text-sm text-muted-foreground",
 		children: e
 	})]
-}), we = () => {
+}), Te = () => {
 	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(A.APP_UPDATE), { allowed: _ } = ne(A.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: se, error: z } = s({
+	}, { allowed: h } = ne(A.APP_UPDATE), { allowed: _ } = ne(A.APP_DELETE), { appId: S } = ve(), [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({
 		variables: { id: S },
 		skip: !S
-	}), [ue, { loading: B }] = f(), [de, { loading: H }] = a(), [U, { loading: me }] = u(), [W, { loading: G }] = m(), { data: he, refetch: K } = l({
+	}), [ue, { loading: B }] = f(), [de, { loading: H }] = a(), [U, { loading: he }] = u(), [W, { loading: G }] = m(), { data: ge, refetch: K } = l({
 		variables: {
 			applicationId: S,
 			workspaceId: c ?? void 0
 		},
 		skip: !c || !S,
 		fetchPolicy: "cache-and-network"
-	}), q = he?.appInstallations?.edges?.[0]?.node ?? null, X = M((e) => {
+	}), q = ge?.appInstallations?.edges?.[0]?.node ?? null, X = M((e) => {
 		i?.(`${o}${e}`);
-	}, [i, o]), ye = M(async () => {
+	}, [i, o]), be = M(async () => {
 		let e = R?.application?.appId;
 		if (e) try {
 			let t = (await ue({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
 			t && N(t), D(!1);
 		} catch {}
-	}, [R?.application?.appId, ue]), be = M(async () => {
+	}, [R?.application?.appId, ue]), xe = M(async () => {
 		if (S) try {
 			await de({ variables: { id: S } }), j(!1), X("/apps");
 		} catch {}
@@ -217,7 +225,7 @@ var xe = [
 		S,
 		de,
 		X
-	]), Se = M(async () => {
+	]), Ce = M(async () => {
 		if (!(!S || !c)) try {
 			await U({ variables: { input: {
 				applicationId: S,
@@ -225,15 +233,15 @@ var xe = [
 				workspaceId: c,
 				autoUpdate: !1
 			} } }), K(), C("success");
-		} catch {
-			C("error");
+		} catch (e) {
+			console.error("[DevPortal] Test in Workspace failed:", e), C("error");
 		}
 	}, [
 		S,
 		c,
 		U,
 		K
-	]), Ce = M(async (e) => {
+	]), we = M(async (e) => {
 		try {
 			await W({ variables: { id: e } }), K(), C("success");
 		} catch {
@@ -263,7 +271,7 @@ var xe = [
 			]
 		})
 	});
-	let Z = ve(R?.application);
+	let Z = ye(R?.application);
 	return Z ? /* @__PURE__ */ Y(g, {
 		title: Z.name,
 		description: Z.shortDescription,
@@ -284,22 +292,27 @@ var xe = [
 					className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted transition-colors",
 					children: [/* @__PURE__ */ J(oe, { size: 16 }), p("devportal.versions", "Versions")]
 				}),
+				Z.status !== "PUBLISHED" && /* @__PURE__ */ Y("button", {
+					onClick: () => T("store-listing"),
+					className: "inline-flex items-center gap-2 rounded-md border border-primary/40 px-4 py-2 text-sm font-medium text-primary hover:bg-primary/10 transition-colors",
+					children: [/* @__PURE__ */ J(me, { size: 16 }), p("devportal.submitForReview", "Submit for Review")]
+				}),
 				q ? /* @__PURE__ */ Y("button", {
-					onClick: () => void Ce(q.id),
+					onClick: () => void we(q.id),
 					disabled: G || !c,
 					title: p("devportal.uninstallFromWorkspace", "Uninstall this app from your current workspace"),
 					className: "inline-flex items-center gap-2 rounded-md border border-destructive/50 px-4 py-2 text-sm font-medium text-destructive hover:bg-destructive/10 transition-colors disabled:opacity-50",
 					children: [G ? /* @__PURE__ */ J(V, {
 						size: 16,
 						className: "animate-spin"
-					}) : /* @__PURE__ */ J(ge, { size: 16 }), p("devportal.uninstallFromWorkspace", "Uninstall from Workspace")]
+					}) : /* @__PURE__ */ J(_e, { size: 16 }), p("devportal.uninstallFromWorkspace", "Uninstall from Workspace")]
 				}) : /* @__PURE__ */ Y("button", {
-					onClick: () => void Se(),
-					disabled: me || !c,
+					onClick: () => void Ce(),
+					disabled: he || !c,
 					"aria-disabled": !c,
 					title: c ? p("devportal.testInWorkspaceHint", "Install this app into your current workspace to test it") : p("devportal.noWorkspaceContext", "No workspace context available"),
 					className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted transition-colors disabled:opacity-50",
-					children: [me ? /* @__PURE__ */ J(V, {
+					children: [he ? /* @__PURE__ */ J(V, {
 						size: 16,
 						className: "animate-spin"
 					}) : /* @__PURE__ */ J(le, { size: 16 }), p("devportal.testInWorkspace", "Test in Workspace")]
@@ -352,7 +365,7 @@ var xe = [
 					className: "-mb-px flex gap-4 overflow-x-auto",
 					role: "tablist",
 					"aria-label": p("devportal.applicationSections", "Application sections"),
-					children: xe.map((e) => {
+					children: Se.map((e) => {
 						let n = e.icon;
 						return /* @__PURE__ */ Y("button", {
 							id: `application-tab-${e.id}`,
@@ -373,34 +386,34 @@ var xe = [
 				"aria-labelledby": `application-tab-${w}`,
 				tabIndex: 0,
 				children: [
-					w === "overview" && /* @__PURE__ */ J(Ae, { app: Z }),
-					w === "oauth" && /* @__PURE__ */ J(Te, {
+					w === "overview" && /* @__PURE__ */ J(je, { app: Z }),
+					w === "oauth" && /* @__PURE__ */ J(Ee, {
 						appId: Z.appId || Z.id,
 						onNavigate: X
 					}),
-					w === "api-keys" && /* @__PURE__ */ J(Ee, {
+					w === "api-keys" && /* @__PURE__ */ J(De, {
 						appId: Z.appId || Z.id,
 						onNavigate: X
 					}),
-					w === "webhooks" && /* @__PURE__ */ J(De, {
+					w === "webhooks" && /* @__PURE__ */ J(Oe, {
 						appId: Z.id,
 						onNavigate: X
 					}),
-					w === "delegations" && /* @__PURE__ */ J(Oe, {
+					w === "delegations" && /* @__PURE__ */ J(ke, {
 						authAppId: Z.appId || void 0,
 						appName: Z.name,
 						onGrantDelegation: () => L(!0),
 						onNavigate: X
 					}),
-					w === "analytics" && /* @__PURE__ */ J(ke, { appId: Z.id }),
-					w === "playground" && /* @__PURE__ */ J(Fe, { app: Z }),
-					w === "store-listing" && /* @__PURE__ */ J(He, { app: Z })
+					w === "analytics" && /* @__PURE__ */ J(Ae, { appId: Z.id }),
+					w === "playground" && /* @__PURE__ */ J(Ie, { app: Z }),
+					w === "store-listing" && /* @__PURE__ */ J(Ue, { app: Z })
 				]
 			}),
 			/* @__PURE__ */ J(te, {
 				open: E,
 				onOpenChange: D,
-				onConfirm: ye,
+				onConfirm: be,
 				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"),
@@ -411,7 +424,7 @@ var xe = [
 			/* @__PURE__ */ J(te, {
 				open: O,
 				onOpenChange: j,
-				onConfirm: be,
+				onConfirm: xe,
 				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"),
@@ -440,7 +453,7 @@ var xe = [
 			description: p("devportal.applicationNotFoundDescription", "The application you're looking for doesn't exist or you don't have access to it.")
 		})
 	});
-}, Te = ({ onNavigate: e }) => {
+}, Ee = ({ onNavigate: e }) => {
 	let { t } = I(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
@@ -464,7 +477,7 @@ var xe = [
 			})
 		]
 	});
-}, Ee = ({ onNavigate: e }) => {
+}, De = ({ onNavigate: e }) => {
 	let { t } = I(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
@@ -488,21 +501,21 @@ var xe = [
 			})
 		]
 	});
-}, De = ({ appId: e, onNavigate: t }) => {
+}, Oe = ({ 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__ */ J(Ce, { message: r("devportal.loadingWebhooks", "Loading webhooks...") }) : o ? /* @__PURE__ */ J(Z, { message: o.message }) : /* @__PURE__ */ J(je, {
+	return a ? /* @__PURE__ */ J(we, { message: r("devportal.loadingWebhooks", "Loading webhooks...") }) : o ? /* @__PURE__ */ J(Z, { message: o.message }) : /* @__PURE__ */ J(Me, {
 		appId: e,
 		webhooks: (i?.webhooks ?? []).map(X),
 		onNavigate: t
 	});
-}, Oe = ({ authAppId: e, appName: t, onGrantDelegation: n, onNavigate: a }) => {
+}, ke = ({ 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(be) : [], [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(xe) : [], [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;
@@ -528,7 +541,7 @@ var xe = [
 			_(!1);
 		}
 	}, [p, f]);
-	return e ? l ? /* @__PURE__ */ J(Ce, { message: s("devportal.loadingDelegations", "Loading delegations...") }) : u ? /* @__PURE__ */ J(Z, { message: u.message }) : /* @__PURE__ */ Y(q, { children: [
+	return e ? l ? /* @__PURE__ */ J(we, { message: s("devportal.loadingDelegations", "Loading delegations...") }) : u ? /* @__PURE__ */ J(Z, { 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__ */ Y("div", {
@@ -540,7 +553,7 @@ var xe = [
 				})]
 			})
 		}),
-		/* @__PURE__ */ J(Me, {
+		/* @__PURE__ */ J(Ne, {
 			appName: t,
 			delegations: S,
 			onGrantDelegation: n,
@@ -578,7 +591,7 @@ var xe = [
 			children: [/* @__PURE__ */ J(z, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
 		})
 	});
-}, ke = ({ appId: e }) => {
+}, Ae = ({ appId: e }) => {
 	let { t } = I(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
@@ -591,8 +604,8 @@ var xe = [
 		}, [r]).toISOString(),
 		endDate: r.toISOString()
 	} });
-	return a ? /* @__PURE__ */ J(Ce, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : s ? /* @__PURE__ */ J(Z, { message: s.message }) : /* @__PURE__ */ J(Ne, { analytics: (i?.applicationAnalytics ?? []).map(ye) });
-}, Ae = ({ app: e }) => {
+	return a ? /* @__PURE__ */ J(we, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : s ? /* @__PURE__ */ J(Z, { message: s.message }) : /* @__PURE__ */ J(Pe, { analytics: (i?.applicationAnalytics ?? []).map(be) });
+}, je = ({ app: e }) => {
 	let { t } = I(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
@@ -730,7 +743,7 @@ var xe = [
 			})]
 		})]
 	});
-}, je = ({ appId: e, webhooks: t, onNavigate: n }) => {
+}, Me = ({ appId: e, webhooks: t, onNavigate: n }) => {
 	let { t: i } = I(), a = (e, t) => {
 		let n = i(e);
 		return n === e ? t : n;
@@ -831,7 +844,7 @@ var xe = [
 				]
 			}, t.id))
 		}) : /* @__PURE__ */ J(r, {
-			icon: /* @__PURE__ */ J(he, { size: 32 }),
+			icon: /* @__PURE__ */ J(ge, { size: 32 }),
 			title: a("devportal.noWebhooks", "No webhooks"),
 			description: a("devportal.noWebhooksDescription", "Add a webhook to receive event notifications"),
 			action: /* @__PURE__ */ Y("button", {
@@ -841,7 +854,7 @@ var xe = [
 			})
 		})]
 	});
-}, Me = ({ appName: e, delegations: n, onGrantDelegation: i, onRevokeDelegation: a, selectedDelegationIds: o, onToggleSelectDelegation: s, onToggleAllDelegations: c, onClearSelection: l, onRevokeSelected: u, allVisibleSelected: d, partiallySelected: f }) => {
+}, Ne = ({ 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;
@@ -943,7 +956,7 @@ var xe = [
 										className: "font-medium",
 										children: ["Delegation #", e.id.slice(0, 8)]
 									}), /* @__PURE__ */ J("span", {
-										className: t("rounded-full px-2 py-0.5 text-xs font-medium", Se[e.status]),
+										className: t("rounded-full px-2 py-0.5 text-xs font-medium", Ce[e.status]),
 										children: e.status
 									})]
 								}), /* @__PURE__ */ Y("p", {
@@ -961,7 +974,7 @@ var xe = [
 							}), 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__ */ J(ge, { size: 14 }), m("devportal.revoke", "Revoke")]
+								children: [/* @__PURE__ */ J(_e, { size: 14 }), m("devportal.revoke", "Revoke")]
 							})]
 						}),
 						/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
@@ -1006,7 +1019,7 @@ var xe = [
 								e.revokedAt && /* @__PURE__ */ Y("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ J(ge, {
+										/* @__PURE__ */ J(_e, {
 											size: 12,
 											className: "text-status-error-text"
 										}),
@@ -1031,7 +1044,7 @@ var xe = [
 			})
 		]
 	});
-}, Ne = ({ analytics: e }) => {
+}, Pe = ({ analytics: e }) => {
 	let { t } = I(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
@@ -1111,11 +1124,11 @@ var xe = [
 			})
 		})]
 	});
-}, Pe = "# Sample query - modify as needed\nquery IntrospectSchema {\n  __schema {\n    queryType { name }\n    mutationType { name }\n    types {\n      name\n      kind\n    }\n  }\n}", Fe = ({ app: t }) => {
+}, Fe = "# Sample query - modify as needed\nquery IntrospectSchema {\n  __schema {\n    queryType { name }\n    mutationType { name }\n    types {\n      name\n      kind\n    }\n  }\n}", Ie = ({ 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(Pe), [l, u] = F("{}"), [d, f] = F(""), [p, m] = F(!1), [h, g] = F(`${n || "http://localhost:4000"}/global/graphql`), [_, v] = F(i || ""), [y, b] = F(!1), x = M(async () => {
+	}, [s, c] = F(Fe), [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 = {};
@@ -1234,10 +1247,10 @@ var xe = [
 					className: "rounded-md border px-3 py-2 text-sm bg-background",
 					value: h,
 					children: [/* @__PURE__ */ J("option", {
-						value: `${n || "http://localhost:4000"}/global/graphql`,
+						value: `${n || "https://gw-global.local.burdenoff.com"}/global/graphql`,
 						children: o("devportal.globalGateway", "Global Gateway")
 					}), /* @__PURE__ */ J("option", {
-						value: `${r || "http://localhost:4003"}/workspaces/graphql`,
+						value: `${r || "https://gw-wspace.local.burdenoff.com"}/workspaces/graphql`,
 						children: o("devportal.workspaceGateway", "Workspace Gateway")
 					})]
 				})]
@@ -1290,7 +1303,7 @@ var xe = [
 			})] })
 		]
 	});
-}, Ie = ({ 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 }) => {
+}, Le = ({ 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);
@@ -1364,7 +1377,7 @@ var xe = [
 			})
 		]
 	});
-}, Le = ({ urls: e, onChange: n, upload: r, uploading: i, progress: a, error: o }) => {
+}, Re = ({ 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);
@@ -1431,13 +1444,13 @@ var xe = [
 			})
 		]
 	});
-}, Re = new Set(["workflow", "template"]), ze = [{
+}, ze = new Set(["workflow", "template"]), Be = [{
 	value: "FREE",
 	label: "Free"
 }, {
 	value: "PAID",
 	label: "Paid"
-}], Be = [
+}], Ve = [
 	{
 		value: "agent",
 		label: "Agent"
@@ -1507,7 +1520,7 @@ var xe = [
 		label: "Component"
 	}
 ];
-function Ve(e) {
+function He(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 ?? "",
@@ -1536,15 +1549,15 @@ function Ve(e) {
 		manifestJsonContent: typeof t.jsonContent == "string" ? t.jsonContent : typeof t.content == "string" ? t.content : ""
 	};
 }
-var He = ({ app: n }) => {
+var Ue = ({ 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(() => Ve(n)), [d, f] = F(!1), [m, g] = F(!1), v = P(n);
+	}, [l, u] = F(() => He(n)), [d, f] = F(!1), [m, g] = F(!1), v = P(n);
 	v.current = n;
 	let [y] = h(), [b, { loading: x }] = p();
 	re(() => {
-		u(Ve(v.current));
+		u(He(v.current));
 	}, [n.id]);
 	let S = (e, t) => {
 		u((n) => ({
@@ -1554,7 +1567,7 @@ var He = ({ 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 = Re.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 = ze.has(l.manifestItemType), i = n.manifest ?? {}, a = {
 				manifestVersion: typeof i.manifestVersion == "string" ? i.manifestVersion : "1.0",
 				itemType: l.manifestItemType || void 0,
 				identity: {
@@ -1603,7 +1616,7 @@ var He = ({ app: n }) => {
 		} catch {
 			C("error");
 		}
-	}, T = P(null), te = P(null), { upload: k, uploading: A, 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: B, progress: de, error: H } = j(r, i, a, o, "/DevPortal/Assets"), { upload: fe, uploading: pe, progress: U, error: G } = j(r, i, a, o, "/DevPortal/Assets"), he = M(async (e) => {
+	}, T = P(null), te = P(null), { upload: k, uploading: A, 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: B, 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) => {
 		let t = e.target.files?.[0];
 		if (t) {
 			e.target.value = "";
@@ -1615,7 +1628,7 @@ var He = ({ app: n }) => {
 				}));
 			} catch {}
 		}
-	}, [k]), K = M(async (e) => {
+	}, [k]), ge = M(async (e) => {
 		e.preventDefault(), g(!1);
 		let t = e.dataTransfer.files?.[0];
 		if (t) try {
@@ -1625,7 +1638,7 @@ var He = ({ app: n }) => {
 				manifestRegistryUrl: e.downloadUrl
 			}));
 		} catch {}
-	}, [k]), ge = M((e) => {
+	}, [k]), K = M((e) => {
 		let t = e.target.files?.[0];
 		if (!t) return;
 		let n = new FileReader();
@@ -1645,7 +1658,7 @@ var He = ({ app: n }) => {
 			} catch {}
 		}, n.readAsText(t), e.target.value = "";
 	}, []), _e = M(() => {
-		let e = l.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), t = Re.has(l.manifestItemType), r = {
+		let e = l.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), t = ze.has(l.manifestItemType), r = {
 			manifestVersion: "1.0",
 			itemType: l.manifestItemType || void 0,
 			identity: {
@@ -1660,7 +1673,7 @@ var He = ({ app: n }) => {
 			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]), ve = Re.has(l.manifestItemType), X = l.manifestInstallType === "builtin", ye = l.pricingType !== "FREE", be = l.manifestRegistryUrl ? l.manifestRegistryUrl.split("/").pop()?.split("?")[0] ?? "" : "";
+	}, [n.slug, l]), ve = ze.has(l.manifestItemType), ye = l.manifestInstallType === "builtin", X = l.pricingType !== "FREE", be = l.manifestRegistryUrl ? l.manifestRegistryUrl.split("/").pop()?.split("?")[0] ?? "" : "";
 	n.status;
 	let xe = n.status === "SUBMITTED", Se = n.status === "PUBLISHED";
 	return /* @__PURE__ */ Y("div", {
@@ -1734,9 +1747,9 @@ var He = ({ app: n }) => {
 							value: l.manifestItemType,
 							onChange: (e) => {
 								let t = e.target.value;
-								S("manifestItemType", t), Re.has(t) ? S("manifestInstallType", "json") : l.manifestInstallType === "json" && S("manifestInstallType", "zip");
+								S("manifestItemType", t), ze.has(t) ? S("manifestInstallType", "json") : l.manifestInstallType === "json" && S("manifestInstallType", "zip");
 							},
-							options: Be,
+							options: Ve,
 							placeholder: c("devportal.selectItemType", "Select item type…"),
 							hint: c("devportal.storeItemTypeHint", "Determines how this item is categorised and how the platform runs it")
 						}),
@@ -1775,7 +1788,7 @@ var He = ({ app: n }) => {
 										className: "flex items-center gap-2 text-sm cursor-pointer select-none",
 										children: [/* @__PURE__ */ J("input", {
 											type: "checkbox",
-											checked: X,
+											checked: ye,
 											onChange: (e) => S("manifestInstallType", e.target.checked ? "builtin" : "zip"),
 											className: "h-4 w-4 rounded border-border accent-primary"
 										}), /* @__PURE__ */ J("span", {
@@ -1784,7 +1797,7 @@ var He = ({ app: n }) => {
 										})]
 									})]
 								}),
-								!X && /* @__PURE__ */ Y(q, { children: [
+								!ye && /* @__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__ */ J(ue, {
@@ -1804,7 +1817,7 @@ var He = ({ app: n }) => {
 											e.preventDefault(), g(!0);
 										},
 										onDragLeave: () => g(!1),
-										onDrop: (e) => void K(e),
+										onDrop: (e) => void ge(e),
 										onClick: () => !A && te.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-primary/5" : "border-border hover:border-border-strong hover:bg-bg-sunken", A && "pointer-events-none opacity-75"),
 										children: [/* @__PURE__ */ J("input", {
@@ -1812,7 +1825,7 @@ var He = ({ app: n }) => {
 											type: "file",
 											accept: ".zip,application/zip,application/x-zip-compressed",
 											className: "hidden",
-											onChange: (e) => void he(e)
+											onChange: (e) => void G(e)
 										}), A ? /* @__PURE__ */ Y(q, { children: [
 											/* @__PURE__ */ J(V, {
 												size: 28,
@@ -1862,7 +1875,7 @@ var He = ({ app: n }) => {
 										children: N
 									})
 								] }),
-								X && /* @__PURE__ */ Y("div", {
+								ye && /* @__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__ */ J(ue, {
 										size: 15,
@@ -1879,7 +1892,7 @@ var He = ({ app: n }) => {
 									type: "file",
 									accept: ".json,application/json",
 									className: "hidden",
-									onChange: ge
+									onChange: K
 								}),
 								/* @__PURE__ */ J("span", {
 									className: "text-xs text-text-secondary mr-1",
@@ -1914,7 +1927,7 @@ var He = ({ app: n }) => {
 					children: [
 						/* @__PURE__ */ Y("div", {
 							className: "grid gap-5 sm:grid-cols-2",
-							children: [/* @__PURE__ */ J(Ie, {
+							children: [/* @__PURE__ */ J(Le, {
 								label: c("devportal.iconUrl", "Icon"),
 								value: l.iconUrl,
 								onChange: (e) => S("iconUrl", e),
@@ -1924,7 +1937,7 @@ var He = ({ app: n }) => {
 								uploading: L,
 								progress: ce,
 								error: z
-							}), /* @__PURE__ */ J(Ie, {
+							}), /* @__PURE__ */ J(Le, {
 								label: c("devportal.bannerUrl", "Banner"),
 								value: l.bannerUrl,
 								onChange: (e) => S("bannerUrl", e),
@@ -1958,13 +1971,13 @@ var He = ({ app: n }) => {
 							rows: 5,
 							hint: c("devportal.fullDescHint", "Markdown supported")
 						}),
-						/* @__PURE__ */ J(Le, {
+						/* @__PURE__ */ J(Re, {
 							urls: l.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean),
 							onChange: (e) => S("screenshotsText", e.join("\n")),
 							upload: fe,
 							uploading: pe,
-							progress: U,
-							error: G
+							progress: me,
+							error: U
 						})
 					]
 				})
@@ -2026,13 +2039,13 @@ var He = ({ app: n }) => {
 						children: c("devportal.pricingType", "Pricing Type")
 					}), /* @__PURE__ */ J("div", {
 						className: "flex flex-wrap gap-2",
-						children: ze.map((e) => /* @__PURE__ */ J("button", {
+						children: Be.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-primary text-primary-foreground border-primary" : "hover:bg-muted"),
 							children: e.label
 						}, e.value))
-					})] }), ye && /* @__PURE__ */ Y("div", {
+					})] }), X && /* @__PURE__ */ Y("div", {
 						className: "grid gap-4 sm:grid-cols-2",
 						children: [/* @__PURE__ */ J(E, {
 							label: c("devportal.price", "Price"),
@@ -2059,7 +2072,7 @@ var He = ({ app: n }) => {
 					children: d ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(V, {
 						size: 16,
 						className: "animate-spin"
-					}), c("devportal.saving", "Saving…")] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(me, { size: 16 }), c("devportal.saveStoreListing", "Save Store Listing")] })
+					}), c("devportal.saving", "Saving…")] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(he, { size: 16 }), c("devportal.saveStoreListing", "Save Store Listing")] })
 				}), !Se && /* @__PURE__ */ J("button", {
 					type: "button",
 					onClick: () => void w(),
@@ -2108,6 +2121,6 @@ var He = ({ app: n }) => {
 	children: [/* @__PURE__ */ J(z, { size: 14 }), e]
 });
 //#endregion
-export { we as ApplicationDetailPage };
+export { Te as ApplicationDetailPage };
 
 //# sourceMappingURL=ApplicationDetailPage.js.map