@burdenoff/microfe-devportal 2026.624.25 → 2026.624.27

package/dist/devportal/pages/ApplicationDetailPage.js

@@ -18,11 +18,11 @@ import { useDevportalPermission as se } from "../hooks/usePermission.js";
 import { usePackageUpload as k } from "../hooks/usePackageUpload.js";
 import { useCallback as A, useEffect as ce, 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 le, AppWindow as F, BarChart3 as I, CheckCircle as L, CheckCircle2 as R, Clock as z, Download as ue, Edit as de, ExternalLink as B, FlaskConical as fe, Info as V, Key as pe, Loader2 as H, MoreHorizontal as me, Plus as U, Power as he, RefreshCw as ge, SendHorizontal as _e, Shield as ve, Store as ye, Upload as W, Users as be, Webhook as xe, X as Se, XCircle as Ce } from "lucide-react";
+import { AlertCircle as le, AppWindow as F, BarChart3 as I, CheckCircle as L, CheckCircle2 as ue, Clock as de, Download as fe, Edit as pe, ExternalLink as R, FlaskConical as me, Info as z, Key as he, Loader2 as B, MoreHorizontal as ge, Plus as V, Power as _e, RefreshCw as ve, SendHorizontal as ye, Shield as H, Store as be, Upload as U, Users as W, Webhook as xe, X as Se, XCircle as Ce } from "lucide-react";
 import { useParams as we, useSearchParams as Te } from "react-router-dom";
 import { Fragment as G, jsx as K, jsxs as q } from "react/jsx-runtime";
 import { gql as J } from "@apollo/client";
-import { useMutation as Y, useQuery as Ee } from "@apollo/client/react";
+import { useMutation as Ee, useQuery as Y } from "@apollo/client/react";
 //#region src/devportal/pages/ApplicationDetailPage.tsx
 function De(e) {
 	return e ? {
@@ -103,7 +103,7 @@ function Oe(e) {
 		updatedAt: e.updatedAt
 	};
 }
-function ke(e) {
+function X(e) {
 	return {
 		id: e.id,
 		applicationId: e.applicationId,
@@ -119,7 +119,7 @@ function ke(e) {
 		createdAt: e.createdAt
 	};
 }
-function Ae(e) {
+function ke(e) {
 	return {
 		id: e.id,
 		appId: e.appId,
@@ -141,7 +141,7 @@ function Ae(e) {
 		revokedBy: e.revokedBy || void 0
 	};
 }
-var je = [
+var Ae = [
 	{
 		id: "overview",
 		label: "Overview",
@@ -150,7 +150,7 @@ var je = [
 	{
 		id: "permissions",
 		label: "Permissions",
-		icon: ve
+		icon: H
 	},
 	{
 		id: "webhooks",
@@ -160,7 +160,7 @@ var je = [
 	{
 		id: "delegations",
 		label: "Delegations",
-		icon: be
+		icon: W
 	},
 	{
 		id: "analytics",
@@ -170,20 +170,20 @@ var je = [
 	{
 		id: "playground",
 		label: "API Playground",
-		icon: B
+		icon: R
 	},
 	{
 		id: "store-listing",
 		label: "Marketplace Listing",
-		icon: ye
+		icon: be
 	}
-], X = {
+], je = {
 	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"
 }, Z = ({ message: e = "Loading..." }) => /* @__PURE__ */ q("div", {
 	className: "flex items-center justify-center gap-3 py-12",
-	children: [/* @__PURE__ */ K(H, {
+	children: [/* @__PURE__ */ K(B, {
 		size: 20,
 		className: "animate-spin text-muted-foreground"
 	}), /* @__PURE__ */ K("p", {
@@ -211,59 +211,63 @@ var je = [
 		"analytics",
 		"playground",
 		"store-listing"
-	], T = v.get("tab"), [E, D] = N(T && C.includes(T) ? T : "overview"), re = (e) => {
+	], T = v.get("tab"), [E, D] = N(T && C.includes(T) ? T : "overview");
+	ce(() => {
+		T && C.includes(T) && T !== E && D(T);
+	}, [T]);
+	let re = (e) => {
 		D(e), b((t) => (t.set("tab", e), t), { replace: !0 });
-	}, [ie, k] = N(!1), [ce, j] = N(!1), [M, I] = N(null), [L, R] = N(!1), { data: ue, loading: B, error: V } = s({
+	}, [ie, k] = N(!1), [j, M] = N(!1), [I, L] = N(null), [ue, fe] = N(!1), { data: R, loading: z, error: he } = s({
 		variables: { id: g },
 		skip: !g
-	}), [pe, { loading: me }] = h(), [U, { loading: ve }] = a(), [ye, { loading: W }] = p(), [be, { loading: xe }] = _(), { data: Se, refetch: G } = f({
+	}), [ge, { loading: V }] = h(), [H, { loading: be }] = a(), [U, { loading: W }] = p(), [xe, { loading: Se }] = _(), { data: G, refetch: J } = f({
 		variables: {
 			applicationId: g,
 			workspaceId: c ?? void 0
 		},
 		skip: !c || !g,
 		fetchPolicy: "cache-and-network"
-	}), J = Se?.appInstallations?.edges?.[0]?.node ?? null, Y = A((e) => {
+	}), Ee = G?.appInstallations?.edges?.[0]?.node ?? null, Y = A((e) => {
 		i?.(`${o}${e}`);
-	}, [i, o]), Ee = A(async () => {
-		let e = ue?.application?.appId;
+	}, [i, o]), Oe = A(async () => {
+		let e = R?.application?.appId;
 		if (e) try {
-			let t = (await pe({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
-			t && I(t), k(!1);
+			let t = (await ge({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
+			t && L(t), k(!1);
 		} catch {}
-	}, [ue?.application?.appId, pe]), Oe = A(async () => {
+	}, [R?.application?.appId, ge]), X = A(async () => {
 		if (g) try {
-			await U({ variables: { id: g } }), j(!1), Y("/apps");
+			await H({ variables: { id: g } }), M(!1), Y("/apps");
 		} catch {}
 	}, [
 		g,
-		U,
+		H,
 		Y
 	]), ke = A(async () => {
 		if (!(!g || !c)) try {
-			await ye({ variables: { input: {
+			await U({ variables: { input: {
 				applicationId: g,
 				scope: "WORKSPACE",
 				workspaceId: c,
 				autoUpdate: !1
-			} } }), G(), w("success");
+			} } }), J(), w("success");
 		} catch (e) {
 			console.error("[DevPortal] Test in Workspace failed:", e), w("error");
 		}
 	}, [
 		g,
 		c,
-		ye,
-		G
-	]), Ae = A(async (e) => {
+		U,
+		J
+	]), je = A(async (e) => {
 		try {
-			await be({ variables: { id: e } }), G(), w("success");
+			await xe({ variables: { id: e } }), J(), w("success");
 		} catch {
 			w("error");
 		}
-	}, [be, G]);
-	if (B && !ue) return /* @__PURE__ */ K(n, { message: u("devportal.loadingApplication", "Loading application...") });
-	if (V) return /* @__PURE__ */ K(y, {
+	}, [xe, J]);
+	if (z && !R) return /* @__PURE__ */ K(n, { message: u("devportal.loadingApplication", "Loading application...") });
+	if (he) return /* @__PURE__ */ K(y, {
 		title: u("devportal.error", "Error"),
 		backLink: `${o}/apps`,
 		backLabel: u("devportal.backToApplications", "Back to Applications"),
@@ -280,43 +284,43 @@ var je = [
 				}),
 				/* @__PURE__ */ K("p", {
 					className: "text-sm text-muted-foreground",
-					children: V.message
+					children: he.message
 				})
 			]
 		})
 	});
-	let X = De(ue?.application);
-	return X ? /* @__PURE__ */ q(y, {
-		title: X.name,
-		description: X.shortDescription,
+	let Z = De(R?.application);
+	return Z ? /* @__PURE__ */ q(y, {
+		title: Z.name,
+		description: Z.shortDescription,
 		backLink: `${o}/apps`,
 		backLabel: u("devportal.backToApplications", "Back to Applications"),
 		actions: /* @__PURE__ */ q("div", {
 			className: "flex items-center gap-2",
 			children: [
-				X.appType !== "NODE" && X.appType !== "WORKFLOW" && /* @__PURE__ */ q("button", {
+				Z.appType !== "NODE" && Z.appType !== "WORKFLOW" && /* @__PURE__ */ q("button", {
 					onClick: () => k(!0),
-					disabled: !X.appId,
-					title: X.appId ? u("devportal.rotateSecretHint", "Generate a new client secret") : u("devportal.rotateSecretNoClient", "Create an OAuth client first to enable secret rotation"),
+					disabled: !Z.appId,
+					title: Z.appId ? u("devportal.rotateSecretHint", "Generate a new client secret") : u("devportal.rotateSecretNoClient", "Create an OAuth client first to enable secret rotation"),
 					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 disabled:cursor-not-allowed",
-					children: [/* @__PURE__ */ K(ge, { size: 16 }), u("devportal.rotateSecret", "Rotate Secret")]
+					children: [/* @__PURE__ */ K(ve, { size: 16 }), u("devportal.rotateSecret", "Rotate Secret")]
 				}),
 				/* @__PURE__ */ q("button", {
-					onClick: () => Y(`/apps/${X.id}/versions`),
+					onClick: () => Y(`/apps/${Z.id}/versions`),
 					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__ */ K(z, { size: 16 }), u("devportal.versions", "Versions")]
+					children: [/* @__PURE__ */ K(de, { size: 16 }), u("devportal.versions", "Versions")]
 				}),
-				X.status !== "PUBLISHED" && /* @__PURE__ */ q("button", {
-					onClick: () => Y(`/apps/${X.id}/publish`),
+				Z.status !== "PUBLISHED" && /* @__PURE__ */ q("button", {
+					onClick: () => Y(`/apps/${Z.id}/publish`),
 					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__ */ K(_e, { size: 16 }), u("devportal.submitForReview", "Submit for Review")]
+					children: [/* @__PURE__ */ K(ye, { size: 16 }), u("devportal.submitForReview", "Submit for Review")]
 				}),
-				X.appType !== "NODE" && X.appType !== "WORKFLOW" && (J ? /* @__PURE__ */ q("button", {
-					onClick: () => void Ae(J.id),
-					disabled: xe || !c,
+				Z.appType !== "NODE" && Z.appType !== "WORKFLOW" && (Ee ? /* @__PURE__ */ q("button", {
+					onClick: () => void je(Ee.id),
+					disabled: Se || !c,
 					title: u("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: [xe ? /* @__PURE__ */ K(H, {
+					children: [Se ? /* @__PURE__ */ K(B, {
 						size: 16,
 						className: "animate-spin"
 					}) : /* @__PURE__ */ K(Ce, { size: 16 }), u("devportal.uninstallFromWorkspace", "Uninstall from Workspace")]
@@ -326,58 +330,58 @@ var je = [
 					"aria-disabled": !c,
 					title: c ? u("devportal.testInWorkspaceHint", "Install this app into your current workspace to test it") : u("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: [W ? /* @__PURE__ */ K(H, {
+					children: [W ? /* @__PURE__ */ K(B, {
 						size: 16,
 						className: "animate-spin"
-					}) : /* @__PURE__ */ K(fe, { size: 16 }), u("devportal.testInWorkspace", "Test in Workspace")]
+					}) : /* @__PURE__ */ K(me, { size: 16 }), u("devportal.testInWorkspace", "Test in Workspace")]
 				})),
-				X.appType === "NODE" && /* @__PURE__ */ q("button", {
-					onClick: () => i?.(`/workflows/new?nodeId=${X.id}`),
+				Z.appType === "NODE" && /* @__PURE__ */ q("button", {
+					onClick: () => i?.(`/workflows/new?nodeId=${Z.id}`),
 					disabled: !c,
 					"aria-disabled": !c,
 					title: c ? u("devportal.testInWorkflowBuilderHint", "Open a new workflow with this node available in the builder") : u("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: [/* @__PURE__ */ K(fe, { size: 16 }), u("devportal.testInWorkflowBuilder", "Test in Workflow Builder")]
+					children: [/* @__PURE__ */ K(me, { size: 16 }), u("devportal.testInWorkflowBuilder", "Test in Workflow Builder")]
 				}),
 				/* @__PURE__ */ q("button", {
-					onClick: () => Y(`/apps/${X.id}/edit`),
+					onClick: () => Y(`/apps/${Z.id}/edit`),
 					disabled: !d,
 					"aria-disabled": !d,
 					className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
-					children: [/* @__PURE__ */ K(de, { size: 16 }), u("devportal.editApp", "Edit App")]
+					children: [/* @__PURE__ */ K(pe, { size: 16 }), u("devportal.editApp", "Edit App")]
 				}),
 				/* @__PURE__ */ q("button", {
-					onClick: () => j(!0),
+					onClick: () => M(!0),
 					disabled: !m,
 					"aria-disabled": !m,
 					className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle transition-colors disabled:opacity-50",
-					children: [/* @__PURE__ */ K(he, { size: 16 }), u("devportal.deactivate", "Deactivate")]
+					children: [/* @__PURE__ */ K(_e, { size: 16 }), u("devportal.deactivate", "Deactivate")]
 				})
 			]
 		}),
 		children: [
-			M && /* @__PURE__ */ K(ne, {
+			I && /* @__PURE__ */ K(ne, {
 				title: u("devportal.newAppSecretGenerated", "New App Secret Generated"),
-				secret: M,
+				secret: I,
 				description: u("devportal.appSecretRotatedDescription", "Your app secret has been rotated. The old secret is no longer valid."),
-				onDismiss: () => I(null)
+				onDismiss: () => L(null)
 			}),
 			/* @__PURE__ */ q("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
 					/* @__PURE__ */ K(S, {
-						status: X.status,
+						status: Z.status,
 						type: "app"
 					}),
 					/* @__PURE__ */ K(S, {
-						status: X.visibility,
+						status: Z.visibility,
 						type: "app"
 					}),
-					X.isVerified && /* @__PURE__ */ K(te, { verified: !0 }),
-					X.isFeatured && /* @__PURE__ */ K(x, {}),
+					Z.isVerified && /* @__PURE__ */ K(te, { verified: !0 }),
+					Z.isFeatured && /* @__PURE__ */ K(x, {}),
 					/* @__PURE__ */ K("span", {
 						className: "text-sm text-muted-foreground",
-						children: ee[X.appType] || X.appType
+						children: ee[Z.appType] || Z.appType
 					})
 				]
 			}),
@@ -387,7 +391,7 @@ var je = [
 					className: "-mb-px flex gap-4 overflow-x-auto",
 					role: "tablist",
 					"aria-label": u("devportal.applicationSections", "Application sections"),
-					children: je.filter((e) => !((X.appType === "NODE" || X.appType === "WORKFLOW") && (e.id === "permissions" || e.id === "webhooks" || e.id === "delegations" || e.id === "playground"))).map((e) => {
+					children: Ae.filter((e) => !((Z.appType === "NODE" || Z.appType === "WORKFLOW") && (e.id === "permissions" || e.id === "webhooks" || e.id === "delegations" || e.id === "playground"))).map((e) => {
 						let n = e.icon;
 						return /* @__PURE__ */ q("button", {
 							id: `application-tab-${e.id}`,
@@ -408,53 +412,53 @@ var je = [
 				"aria-labelledby": `application-tab-${E}`,
 				tabIndex: 0,
 				children: [
-					E === "overview" && /* @__PURE__ */ K(Le, { app: X }),
-					E === "permissions" && /* @__PURE__ */ K(tt, { app: X }),
+					E === "overview" && /* @__PURE__ */ K(Le, { app: Z }),
+					E === "permissions" && /* @__PURE__ */ K(tt, { app: Z }),
 					E === "webhooks" && /* @__PURE__ */ K(Pe, {
-						appId: X.id,
+						appId: Z.id,
 						onNavigate: Y
 					}),
 					E === "delegations" && /* @__PURE__ */ K(Fe, {
-						authAppId: X.appId || void 0,
-						appName: X.name,
-						onGrantDelegation: () => R(!0),
+						authAppId: Z.appId || void 0,
+						appName: Z.name,
+						onGrantDelegation: () => fe(!0),
 						onNavigate: Y
 					}),
-					E === "analytics" && /* @__PURE__ */ K(Ie, { app: X }),
-					E === "playground" && /* @__PURE__ */ K(He, { app: X }),
-					E === "store-listing" && /* @__PURE__ */ K(Qe, { app: X })
+					E === "analytics" && /* @__PURE__ */ K(Ie, { app: Z }),
+					E === "playground" && /* @__PURE__ */ K(He, { app: Z }),
+					E === "store-listing" && /* @__PURE__ */ K(Qe, { app: Z })
 				]
 			}),
 			/* @__PURE__ */ K(O, {
 				open: ie,
 				onOpenChange: k,
-				onConfirm: Ee,
+				onConfirm: Oe,
 				title: u("devportal.rotateAppSecret", "Rotate App Secret"),
 				description: u("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: u("devportal.rotateSecret", "Rotate Secret"),
 				cancelLabel: u("devportal.cancel", "Cancel"),
 				variant: "warning",
-				loading: me
+				loading: V
 			}),
 			/* @__PURE__ */ K(O, {
-				open: ce,
-				onOpenChange: j,
-				onConfirm: Oe,
+				open: j,
+				onOpenChange: M,
+				onConfirm: X,
 				title: u("devportal.deactivateApplication", "Deactivate Application"),
 				description: u("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: u("devportal.deactivate", "Deactivate"),
 				cancelLabel: u("devportal.cancel", "Cancel"),
 				variant: "destructive",
-				loading: ve
+				loading: be
 			}),
 			/* @__PURE__ */ K(ae, {
-				open: L,
-				onOpenChange: R,
-				appId: X.appId || "",
-				appName: X.name,
-				appScopes: X.scopes?.map((e) => e.scope) ?? [],
+				open: ue,
+				onOpenChange: fe,
+				appId: Z.appId || "",
+				appName: Z.name,
+				appScopes: Z.scopes?.map((e) => e.scope) ?? [],
 				onSuccess: () => {
-					R(!1);
+					fe(!1);
 				}
 			})
 		]
@@ -482,7 +486,7 @@ var je = [
 	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] = m(), [p, h] = N([]), [g, _] = N(!1), [v, y] = N(/* @__PURE__ */ new Set()), [b, ee] = N(null), x = j(() => c?.currentUserDelegations?.delegations ? c.currentUserDelegations.delegations.filter((t) => t.appId === e).map(Ae) : [], [e, c]), S = j(() => x.filter((e) => e.status === "ACTIVE"), [x]), te = j(() => S.filter((e) => v.has(e.id)), [S, v]), C = S.length > 0 && S.every((e) => v.has(e.id)), w = S.some((e) => v.has(e.id)) && !C, ne = A((e, t) => {
+	}, { data: c, loading: l, error: u, refetch: d } = i(), [f] = m(), [p, h] = N([]), [g, _] = N(!1), [v, y] = N(/* @__PURE__ */ new Set()), [b, ee] = N(null), x = j(() => c?.currentUserDelegations?.delegations ? c.currentUserDelegations.delegations.filter((t) => t.appId === e).map(ke) : [], [e, c]), S = j(() => x.filter((e) => e.status === "ACTIVE"), [x]), te = j(() => S.filter((e) => v.has(e.id)), [S, v]), C = S.length > 0 && S.every((e) => v.has(e.id)), w = S.some((e) => v.has(e.id)) && !C, ne = A((e, t) => {
 		y((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
@@ -549,13 +553,13 @@ var je = [
 			loading: g
 		})
 	] }) : /* @__PURE__ */ K(r, {
-		icon: /* @__PURE__ */ K(ve, { size: 32 }),
+		icon: /* @__PURE__ */ K(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__ */ q("button", {
 			onClick: () => a("/oauth"),
 			className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
-			children: [/* @__PURE__ */ K(B, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
+			children: [/* @__PURE__ */ K(R, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
 		})
 	});
 }, Ie = ({ app: e }) => {
@@ -644,7 +648,7 @@ var je = [
 			})]
 		});
 	}
-	return _ ? /* @__PURE__ */ K(Z, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : v ? /* @__PURE__ */ K(Me, { message: v.message }) : /* @__PURE__ */ K(Be, { analytics: (g?.applicationAnalytics ?? []).map(ke) });
+	return _ ? /* @__PURE__ */ K(Z, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : v ? /* @__PURE__ */ K(Me, { message: v.message }) : /* @__PURE__ */ K(Be, { analytics: (g?.applicationAnalytics ?? []).map(X) });
 }, Le = ({ app: t }) => {
 	let { t: n } = P(), r = (e, t) => {
 		let r = n(e);
@@ -704,7 +708,7 @@ var je = [
 						children: c.map((e, t) => /* @__PURE__ */ q("div", {
 							className: "flex items-center gap-2 text-sm",
 							children: [
-								e.done ? /* @__PURE__ */ K(R, {
+								e.done ? /* @__PURE__ */ K(ue, {
 									size: 14,
 									className: "text-status-success-text shrink-0"
 								}) : /* @__PURE__ */ K("div", { className: "h-3.5 w-3.5 rounded-full border-2 border-muted-foreground/40 shrink-0" }),
@@ -870,7 +874,7 @@ var je = [
 			}), /* @__PURE__ */ q("button", {
 				onClick: () => n(`/apps/${e}/webhooks/new`),
 				className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
-				children: [/* @__PURE__ */ K(U, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				children: [/* @__PURE__ */ K(V, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})]
 		}), t.length > 0 ? /* @__PURE__ */ K("div", {
 			className: "space-y-4",
@@ -894,7 +898,7 @@ var je = [
 						})] }), /* @__PURE__ */ K("button", {
 							onClick: () => n(`/apps/${e}/webhooks/${t.id}`),
 							className: "rounded-md p-1 hover:bg-muted",
-							children: /* @__PURE__ */ K(me, { size: 20 })
+							children: /* @__PURE__ */ K(ge, { size: 20 })
 						})]
 					}),
 					/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
@@ -956,7 +960,7 @@ var je = [
 			action: /* @__PURE__ */ q("button", {
 				onClick: () => n(`/apps/${e}/webhooks/new`),
 				className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
-				children: [/* @__PURE__ */ K(U, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				children: [/* @__PURE__ */ K(V, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})
 		})]
 	});
@@ -996,7 +1000,7 @@ var je = [
 				})] }), /* @__PURE__ */ q("button", {
 					onClick: i,
 					className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
-					children: [/* @__PURE__ */ K(U, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					children: [/* @__PURE__ */ K(V, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})]
 			}),
 			h.length > 0 && /* @__PURE__ */ K("div", {
@@ -1062,7 +1066,7 @@ var je = [
 										className: "font-medium",
 										children: ["Delegation #", e.id.slice(0, 8)]
 									}), /* @__PURE__ */ K("span", {
-										className: t("rounded-full px-2 py-0.5 text-xs font-medium", X[e.status]),
+										className: t("rounded-full px-2 py-0.5 text-xs font-medium", je[e.status]),
 										children: e.status
 									})]
 								}), /* @__PURE__ */ q("p", {
@@ -1109,7 +1113,7 @@ var je = [
 								e.expiresAt && /* @__PURE__ */ q("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ K(z, { size: 12 }),
+										/* @__PURE__ */ K(de, { size: 12 }),
 										m("devportal.expires", "Expires"),
 										" ",
 										new Date(e.expiresAt).toLocaleDateString()
@@ -1139,13 +1143,13 @@ var je = [
 					]
 				}, e.id))
 			}) : /* @__PURE__ */ K(r, {
-				icon: /* @__PURE__ */ K(be, { size: 32 }),
+				icon: /* @__PURE__ */ K(W, { 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__ */ q("button", {
 					onClick: i,
 					className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
-					children: [/* @__PURE__ */ K(U, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					children: [/* @__PURE__ */ K(V, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})
 			})
 		]
@@ -1294,7 +1298,7 @@ var je = [
 				})] }), /* @__PURE__ */ q("button", {
 					onClick: x,
 					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__ */ K(pe, { size: 14 }), o("devportal.autoFillCredentials", "Auto-fill Credentials")]
+					children: [/* @__PURE__ */ K(he, { size: 14 }), o("devportal.autoFillCredentials", "Auto-fill Credentials")]
 				})]
 			}),
 			y && /* @__PURE__ */ q("div", {
@@ -1395,10 +1399,10 @@ var je = [
 				onClick: ee,
 				disabled: p,
 				className: "flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
-				children: [p ? /* @__PURE__ */ K(H, {
+				children: [p ? /* @__PURE__ */ K(B, {
 					size: 16,
 					className: "animate-spin"
-				}) : /* @__PURE__ */ K(B, { size: 16 }), p ? o("devportal.executing", "Executing...") : o("devportal.executeQuery", "Execute Query")]
+				}) : /* @__PURE__ */ K(R, { size: 16 }), p ? o("devportal.executing", "Executing...") : o("devportal.executeQuery", "Execute Query")]
 			}),
 			d && /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("label", {
 				className: "block text-sm font-medium mb-1",
@@ -1430,12 +1434,12 @@ var je = [
 						src: n,
 						alt: e,
 						className: "w-full h-full object-cover"
-					}) : /* @__PURE__ */ K(W, {
+					}) : /* @__PURE__ */ K(U, {
 						size: 18,
 						className: "text-text-secondary opacity-40"
 					}), c && /* @__PURE__ */ q("div", {
 						className: "absolute inset-0 bg-black/40 flex flex-col items-center justify-center gap-1",
-						children: [/* @__PURE__ */ K(H, {
+						children: [/* @__PURE__ */ K(B, {
 							size: 14,
 							className: "animate-spin text-white"
 						}), /* @__PURE__ */ q("span", {
@@ -1468,7 +1472,7 @@ var je = [
 							disabled: c,
 							onClick: () => d.current?.click(),
 							className: "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs font-medium hover:bg-muted transition-colors disabled:opacity-50",
-							children: [/* @__PURE__ */ K(W, { size: 11 }), c ? `Uploading… ${l}%` : "Upload image"]
+							children: [/* @__PURE__ */ K(U, { size: 11 }), c ? `Uploading… ${l}%` : "Upload image"]
 						}),
 						u && /* @__PURE__ */ K("p", {
 							className: "text-xs text-status-error-text",
@@ -1522,13 +1526,13 @@ var je = [
 					disabled: i,
 					onClick: () => s.current?.click(),
 					className: t("w-36 aspect-video rounded-lg border-2 border-dashed border-border 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__ */ q(G, { children: [/* @__PURE__ */ K(H, {
+					children: i ? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(B, {
 						size: 18,
 						className: "animate-spin text-primary"
 					}), /* @__PURE__ */ q("span", {
 						className: "text-xs",
 						children: [a, "%"]
-					})] }) : /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(W, { size: 18 }), /* @__PURE__ */ K("span", {
+					})] }) : /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(U, { size: 18 }), /* @__PURE__ */ K("span", {
 						className: "text-xs",
 						children: "Add screenshot"
 					})] })
@@ -1673,11 +1677,11 @@ var Ye = J`
 		return n === e ? t : n;
 	}, [d, f] = N(() => Je(n)), [p, m] = N(!1), [h, _] = N(!1), y = M(n);
 	y.current = n;
-	let { data: ee } = Ee(Ye, { fetchPolicy: "cache-first" }), x = ee?.myPublisher?.id ?? null, { data: S } = Ee(Xe, {
+	let { data: ee } = Y(Ye, { fetchPolicy: "cache-first" }), x = ee?.myPublisher?.id ?? null, { data: S } = Y(Xe, {
 		variables: { publisherId: x ?? "" },
 		fetchPolicy: "cache-first",
 		skip: !x
-	}), te = S?.products?.find((e) => e.productId === n.id)?.id ?? null, [C] = Y(Ze), [ne] = v(), [T, { loading: E }] = g();
+	}), te = S?.products?.find((e) => e.productId === n.id)?.id ?? null, [C] = Ee(Ze), [ne] = v(), [T, { loading: E }] = g();
 	ce(() => {
 		f(Je(y.current));
 	}, [n.id]);
@@ -1747,7 +1751,7 @@ var Ye = J`
 		} catch {
 			w("error");
 		}
-	}, se = M(null), j = M(null), { upload: F, uploading: I, progress: R, error: de } = k(r, i, a, o), { upload: B, uploading: fe, progress: pe, error: me } = k(r, i, a, o, "/DevPortal/Assets"), { upload: U, uploading: he, progress: ge, error: ve } = k(r, i, a, o, "/DevPortal/Assets"), { upload: be, uploading: xe, progress: Se, error: Ce } = k(r, i, a, o, "/DevPortal/Assets"), we = A(async (e) => {
+	}, se = M(null), j = M(null), { upload: F, uploading: I, progress: ue, error: pe } = k(r, i, a, o), { upload: R, uploading: me, progress: he, error: ge } = k(r, i, a, o, "/DevPortal/Assets"), { upload: V, uploading: _e, progress: ve, error: H } = k(r, i, a, o, "/DevPortal/Assets"), { upload: W, uploading: xe, progress: Se, error: Ce } = k(r, i, a, o, "/DevPortal/Assets"), we = A(async (e) => {
 		let t = e.target.files?.[0];
 		if (t) {
 			e.target.value = "";
@@ -1804,9 +1808,9 @@ var Ye = J`
 			compatibility: { minPlatformVersion: d.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, d]), Oe = Ge.has(d.manifestItemType), ke = d.manifestInstallType === "builtin", Ae = d.pricingType !== "FREE", je = d.manifestRegistryUrl ? d.manifestRegistryUrl.split("/").pop()?.split("?")[0] ?? "" : "";
+	}, [n.slug, d]), Oe = Ge.has(d.manifestItemType), X = d.manifestInstallType === "builtin", ke = d.pricingType !== "FREE", Ae = d.manifestRegistryUrl ? d.manifestRegistryUrl.split("/").pop()?.split("?")[0] ?? "" : "";
 	n.status;
-	let X = n.status === "SUBMITTED", Z = n.status === "PUBLISHED", Me = n.appType === "NODE" || n.appType === "WORKFLOW", Ne = [
+	let je = n.status === "SUBMITTED", Z = n.status === "PUBLISHED", Me = n.appType === "NODE" || n.appType === "WORKFLOW", Ne = [
 		{
 			label: "Short description",
 			done: !!d.shortDescription.trim()
@@ -1841,7 +1845,7 @@ var Ye = J`
 					children: [
 						/* @__PURE__ */ q("li", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ K(ye, {
+							children: [/* @__PURE__ */ K(be, {
 								size: 14,
 								className: "mt-0.5 shrink-0 text-primary"
 							}), /* @__PURE__ */ q("span", { children: [
@@ -1852,7 +1856,7 @@ var Ye = J`
 						}),
 						Me && /* @__PURE__ */ q("li", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ K(z, {
+							children: [/* @__PURE__ */ K(de, {
 								size: 14,
 								className: "mt-0.5 shrink-0 text-primary"
 							}), /* @__PURE__ */ q("span", { children: [
@@ -1869,7 +1873,7 @@ var Ye = J`
 						}),
 						/* @__PURE__ */ q("li", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ K(_e, {
+							children: [/* @__PURE__ */ K(ye, {
 								size: 14,
 								className: "mt-0.5 shrink-0 text-primary"
 							}), /* @__PURE__ */ K("span", { children: u("devportal.submitTabDesc", "When your listing is ready, click \"Submit for Review\" to send it to the review team.") })]
@@ -1935,9 +1939,9 @@ var Ye = J`
 						]
 					})]
 				})]
-			}) : X ? /* @__PURE__ */ q("div", {
+			}) : je ? /* @__PURE__ */ q("div", {
 				className: "flex items-start gap-3 rounded-lg border border-primary/30 bg-primary/5 px-4 py-3",
-				children: [/* @__PURE__ */ K(z, {
+				children: [/* @__PURE__ */ K(de, {
 					size: 16,
 					className: "text-primary mt-0.5 shrink-0"
 				}), /* @__PURE__ */ q("div", {
@@ -1975,7 +1979,7 @@ var Ye = J`
 			}),
 			Me ? /* @__PURE__ */ q("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-sunken px-4 py-4 flex items-start gap-3",
-				children: [/* @__PURE__ */ K(V, {
+				children: [/* @__PURE__ */ K(z, {
 					size: 16,
 					className: "shrink-0 mt-0.5 text-muted-foreground"
 				}), /* @__PURE__ */ q("div", {
@@ -2040,7 +2044,7 @@ var Ye = J`
 										className: "flex items-center gap-2 text-sm cursor-pointer select-none",
 										children: [/* @__PURE__ */ K("input", {
 											type: "checkbox",
-											checked: ke,
+											checked: X,
 											onChange: (e) => O("manifestInstallType", e.target.checked ? "builtin" : "zip"),
 											className: "h-4 w-4 rounded border-border accent-primary"
 										}), /* @__PURE__ */ K("span", {
@@ -2049,10 +2053,10 @@ var Ye = J`
 										})]
 									})]
 								}),
-								!ke && /* @__PURE__ */ q(G, { children: [
+								!X && /* @__PURE__ */ q(G, { children: [
 									/* @__PURE__ */ q("div", {
 										className: "flex gap-3 rounded-lg border border-border-subtle bg-bg-sunken p-3 text-sm text-text-secondary",
-										children: [/* @__PURE__ */ K(V, {
+										children: [/* @__PURE__ */ K(z, {
 											size: 15,
 											className: "mt-0.5 shrink-0"
 										}), /* @__PURE__ */ q("span", { children: [
@@ -2079,7 +2083,7 @@ var Ye = J`
 											className: "hidden",
 											onChange: (e) => void we(e)
 										}), I ? /* @__PURE__ */ q(G, { children: [
-											/* @__PURE__ */ K(H, {
+											/* @__PURE__ */ K(B, {
 												size: 28,
 												className: "animate-spin text-primary"
 											}),
@@ -2088,7 +2092,7 @@ var Ye = J`
 												children: [
 													u("devportal.uploading", "Uploading…"),
 													" ",
-													R,
+													ue,
 													"%"
 												]
 											}), /* @__PURE__ */ K("p", {
@@ -2099,19 +2103,19 @@ var Ye = J`
 												className: "w-48 h-1.5 rounded-full bg-muted overflow-hidden",
 												children: /* @__PURE__ */ K("div", {
 													className: "h-full bg-primary transition-all",
-													style: { width: `${R}%` }
+													style: { width: `${ue}%` }
 												})
 											})
-										] }) : je ? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(L, {
+										] }) : Ae ? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(L, {
 											size: 28,
 											className: "text-status-success-text"
 										}), /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
 											className: "text-sm font-medium",
-											children: je
+											children: Ae
 										}), /* @__PURE__ */ K("p", {
 											className: "text-xs text-text-secondary mt-0.5",
 											children: u("devportal.clickToReplace", "Click or drag to replace")
-										})] })] }) : /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(W, {
+										})] })] }) : /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(U, {
 											size: 28,
 											className: "text-text-secondary"
 										}), /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
@@ -2122,14 +2126,14 @@ var Ye = J`
 											children: u("devportal.orClickToBrowse", "or click to browse")
 										})] })] })]
 									}),
-									de && /* @__PURE__ */ K("p", {
+									pe && /* @__PURE__ */ K("p", {
 										className: "text-xs text-status-error-text",
-										children: de
+										children: pe
 									})
 								] }),
-								ke && /* @__PURE__ */ q("div", {
+								X && /* @__PURE__ */ q("div", {
 									className: "flex gap-3 rounded-lg border border-border-subtle bg-bg-sunken p-3 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ K(V, {
+									children: [/* @__PURE__ */ K(z, {
 										size: 15,
 										className: "mt-0.5 shrink-0"
 									}), /* @__PURE__ */ K("span", { children: u("devportal.builtinHint", "Built-in items are pre-installed by the platform. No package upload is needed.") })]
@@ -2154,13 +2158,13 @@ var Ye = J`
 									type: "button",
 									onClick: () => se.current?.click(),
 									className: "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs font-medium hover:bg-muted transition-colors",
-									children: [/* @__PURE__ */ K(W, { size: 12 }), u("devportal.importManifest", "Import")]
+									children: [/* @__PURE__ */ K(U, { size: 12 }), u("devportal.importManifest", "Import")]
 								}),
 								/* @__PURE__ */ q("button", {
 									type: "button",
 									onClick: De,
 									className: "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs font-medium hover:bg-muted transition-colors",
-									children: [/* @__PURE__ */ K(ue, { size: 12 }), u("devportal.exportManifest", "Export")]
+									children: [/* @__PURE__ */ K(fe, { size: 12 }), u("devportal.exportManifest", "Export")]
 								}),
 								/* @__PURE__ */ K("span", {
 									className: "text-xs text-text-secondary",
@@ -2185,20 +2189,20 @@ var Ye = J`
 								onChange: (e) => O("iconUrl", e),
 								hint: u("devportal.iconUrlHint", "Square, 256×256 px recommended"),
 								aspectClass: "aspect-square",
-								upload: B,
-								uploading: fe,
-								progress: pe,
-								error: me
+								upload: R,
+								uploading: me,
+								progress: he,
+								error: ge
 							}), /* @__PURE__ */ K(Ue, {
 								label: u("devportal.bannerUrl", "Banner"),
 								value: d.bannerUrl,
 								onChange: (e) => O("bannerUrl", e),
 								hint: u("devportal.bannerUrlHint", "1280×640 px recommended"),
 								aspectClass: "aspect-video",
-								upload: U,
-								uploading: he,
-								progress: ge,
-								error: ve
+								upload: V,
+								uploading: _e,
+								progress: ve,
+								error: H
 							})]
 						}),
 						/* @__PURE__ */ K(D, {
@@ -2226,7 +2230,7 @@ var Ye = J`
 						/* @__PURE__ */ K(We, {
 							urls: d.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean),
 							onChange: (e) => O("screenshotsText", e.join("\n")),
-							upload: be,
+							upload: W,
 							uploading: xe,
 							progress: Se,
 							error: Ce
@@ -2297,7 +2301,7 @@ var Ye = J`
 							className: t("rounded-md border px-3 py-1.5 text-sm font-medium transition-colors", d.pricingType === e.value ? "bg-primary text-primary-foreground border-primary" : "hover:bg-muted"),
 							children: e.label
 						}, e.value))
-					})] }), Ae && /* @__PURE__ */ q("div", {
+					})] }), ke && /* @__PURE__ */ q("div", {
 						className: "grid gap-4 sm:grid-cols-2",
 						children: [/* @__PURE__ */ K(D, {
 							label: u("devportal.price", "Price"),
@@ -2322,24 +2326,24 @@ var Ye = J`
 						onClick: ae,
 						disabled: p,
 						className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
-						children: p ? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(H, {
+						children: p ? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(B, {
 							size: 16,
 							className: "animate-spin"
-						}), u("devportal.saving", "Saving…")] }) : /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(ye, { size: 16 }), u("devportal.saveMarketplaceListing", "Save Marketplace Listing")] })
+						}), u("devportal.saving", "Saving…")] }) : /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(be, { size: 16 }), u("devportal.saveMarketplaceListing", "Save Marketplace Listing")] })
 					}),
-					!Z && !X && /* @__PURE__ */ K("button", {
+					!Z && !je && /* @__PURE__ */ K("button", {
 						type: "button",
 						onClick: () => void oe(),
 						disabled: E || p,
 						className: "inline-flex items-center gap-2 rounded-md border border-primary px-4 py-2 text-sm font-medium text-primary hover:bg-primary/5 transition-colors disabled:opacity-50",
-						children: E ? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(H, {
+						children: E ? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(B, {
 							size: 16,
 							className: "animate-spin"
-						}), u("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(_e, { size: 16 }), u("devportal.submitForReview", "Submit for Review")] })
+						}), u("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(ye, { size: 16 }), u("devportal.submitForReview", "Submit for Review")] })
 					}),
-					!Z && X && /* @__PURE__ */ q("p", {
+					!Z && je && /* @__PURE__ */ q("p", {
 						className: "text-xs text-muted-foreground flex items-center gap-1.5",
-						children: [/* @__PURE__ */ K(z, { size: 12 }), u("devportal.awaitingReview", "Your listing is under review. You can still update and save — changes take effect after approval.")]
+						children: [/* @__PURE__ */ K(de, { size: 12 }), u("devportal.awaitingReview", "Your listing is under review. You can still update and save — changes take effect after approval.")]
 					})
 				]
 			})
@@ -2377,7 +2381,7 @@ var Ye = J`
 	target: "_blank",
 	rel: "noopener noreferrer",
 	className: "flex items-center gap-2 text-sm text-primary hover:underline",
-	children: [/* @__PURE__ */ K(B, { size: 14 }), e]
+	children: [/* @__PURE__ */ K(R, { size: 14 }), e]
 }), $e = [
 	{
 		id: "auth",
@@ -2537,7 +2541,7 @@ var tt = ({ app: e }) => {
 				}),
 				/* @__PURE__ */ q("div", {
 					className: "rounded-lg border border-border-subtle bg-muted/30 p-3 flex gap-2 text-xs text-muted-foreground",
-					children: [/* @__PURE__ */ K(V, {
+					children: [/* @__PURE__ */ K(z, {
 						size: 14,
 						className: "flex-shrink-0 mt-0.5"
 					}), /* @__PURE__ */ q("span", { children: [/* @__PURE__ */ K("strong", { children: "Read & Write" }), " implies Read. Request only what your app genuinely needs — fewer permissions build more user trust."] })]
@@ -2552,10 +2556,10 @@ var tt = ({ app: e }) => {
 						onClick: () => void u(),
 						disabled: i,
 						className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
-						children: [i ? /* @__PURE__ */ K(H, {
+						children: [i ? /* @__PURE__ */ K(B, {
 							size: 14,
 							className: "animate-spin"
-						}) : /* @__PURE__ */ K(ve, { size: 14 }), "Save Permissions"]
+						}) : /* @__PURE__ */ K(H, { size: 14 }), "Save Permissions"]
 					})]
 				})
 			]