@burdenoff/microfe-devportal 2026.624.28 → 2026.624.29

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 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 Ee, useQuery as Y } from "@apollo/client/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 he, Key as ge, Loader2 as z, MoreHorizontal as _e, Plus as B, Power as ve, RefreshCw as ye, SendHorizontal as be, Shield as V, Store as xe, Upload as H, Users as U, Webhook as Se, X as Ce, XCircle as we } from "lucide-react";
+import { useParams as Te, useSearchParams as Ee } from "react-router-dom";
+import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
+import { gql as q } from "@apollo/client";
+import { useMutation as J, useQuery as Y } from "@apollo/client/react";
 //#region src/devportal/pages/ApplicationDetailPage.tsx
 function De(e) {
 	return e ? {
@@ -104,7 +104,7 @@ function Oe(e) {
 		updatedAt: e.updatedAt
 	};
 }
-function X(e) {
+function ke(e) {
 	return {
 		id: e.id,
 		applicationId: e.applicationId,
@@ -120,7 +120,7 @@ function X(e) {
 		createdAt: e.createdAt
 	};
 }
-function ke(e) {
+function Ae(e) {
 	return {
 		id: e.id,
 		appId: e.appId,
@@ -142,7 +142,7 @@ function ke(e) {
 		revokedBy: e.revokedBy || void 0
 	};
 }
-var Ae = [
+var je = [
 	{
 		id: "overview",
 		label: "Overview",
@@ -151,17 +151,17 @@ var Ae = [
 	{
 		id: "permissions",
 		label: "Permissions",
-		icon: H
+		icon: V
 	},
 	{
 		id: "webhooks",
 		label: "Webhooks",
-		icon: xe
+		icon: Se
 	},
 	{
 		id: "delegations",
 		label: "Delegations",
-		icon: W
+		icon: U
 	},
 	{
 		id: "analytics",
@@ -176,27 +176,27 @@ var Ae = [
 	{
 		id: "store-listing",
 		label: "Marketplace Listing",
-		icon: be
+		icon: xe
 	}
-], je = {
+], Me = {
 	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", {
+}, X = ({ message: e = "Loading..." }) => /* @__PURE__ */ K("div", {
 	className: "flex items-center justify-center gap-3 py-12",
-	children: [/* @__PURE__ */ K(B, {
+	children: [/* @__PURE__ */ G(z, {
 		size: 20,
 		className: "animate-spin text-muted-foreground"
-	}), /* @__PURE__ */ K("p", {
+	}), /* @__PURE__ */ G("p", {
 		className: "text-sm text-muted-foreground",
 		children: e
 	})]
-}), Me = ({ message: e }) => /* @__PURE__ */ q("div", {
+}), Z = ({ message: e }) => /* @__PURE__ */ K("div", {
 	className: "flex flex-col items-center justify-center gap-2 py-12 text-center",
-	children: [/* @__PURE__ */ K(le, {
+	children: [/* @__PURE__ */ G(le, {
 		size: 32,
 		className: "text-destructive"
-	}), /* @__PURE__ */ K("p", {
+	}), /* @__PURE__ */ G("p", {
 		className: "text-sm text-muted-foreground",
 		children: e
 	})]
@@ -204,7 +204,7 @@ var Ae = [
 	let { navigate: i, basePath: o, workspaceId: c } = e(), { t: l } = P(), u = (e, t) => {
 		let n = l(e);
 		return n === e ? t : n;
-	}, { allowed: d } = se(oe.APP_UPDATE), { allowed: m } = se(oe.APP_DELETE), { appId: g } = we(), [v, b] = Te(), C = [
+	}, { allowed: d } = se(oe.APP_UPDATE), { allowed: m } = se(oe.APP_DELETE), { appId: g } = Te(), [v, b] = Ee(), C = [
 		"overview",
 		"permissions",
 		"webhooks",
@@ -218,219 +218,240 @@ var Ae = [
 	}, [T]);
 	let re = (e) => {
 		D(e), b((t) => (t.set("tab", e), t), { replace: !0 });
-	}, [ie, k] = N(!1), [j, M] = N(!1), [I, L] = N(null), [ue, fe] = N(!1), { data: R, loading: z, error: he } = s({
+	}, [ie, k] = N(!1), [j, M] = N(!1), [I, L] = N(null), [ue, fe] = N(!1), { data: R, loading: he, error: ge } = s({
 		variables: { id: g },
 		skip: !g
-	}), [ge, { loading: V }] = h(), [H, { loading: be }] = a(), [U, { loading: W }] = p(), [xe, { loading: Se }] = _(), { data: G, refetch: J } = f({
+	}), [_e, { loading: B }] = h(), [V, { loading: xe }] = a(), [H, { loading: U }] = p(), [Se, { loading: Ce }] = _(), { data: W, refetch: q } = f({
 		variables: {
 			applicationId: g,
 			workspaceId: c ?? void 0
 		},
 		skip: !c || !g,
 		fetchPolicy: "cache-and-network"
-	}), Ee = G?.appInstallations?.edges?.[0]?.node ?? null, Y = A((e) => {
+	}), J = W?.appInstallations?.edges?.[0]?.node ?? null, Y = A((e) => {
 		i?.(`${o}${e}`);
 	}, [i, o]), Oe = A(async () => {
 		let e = R?.application?.appId;
 		if (e) try {
-			let t = (await ge({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
+			let t = (await _e({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
 			t && L(t), k(!1);
 		} catch {}
-	}, [R?.application?.appId, ge]), X = A(async () => {
+	}, [R?.application?.appId, _e]), ke = A(async () => {
 		if (g) try {
-			await H({ variables: { id: g } }), M(!1), Y("/apps");
+			await V({ variables: { id: g } }), M(!1), Y("/apps");
 		} catch {}
 	}, [
 		g,
-		H,
+		V,
 		Y
-	]), ke = A(async () => {
+	]), Ae = A(async () => {
 		if (!(!g || !c)) try {
-			await U({ variables: { input: {
+			await H({ variables: { input: {
 				applicationId: g,
 				scope: "WORKSPACE",
 				workspaceId: c,
 				autoUpdate: !1
-			} } }), J(), w("success");
+			} } }), q(), w("success");
 		} catch (e) {
 			console.error("[DevPortal] Test in Workspace failed:", e), w("error");
 		}
 	}, [
 		g,
 		c,
-		U,
-		J
-	]), je = A(async (e) => {
+		H,
+		q
+	]), Me = A(async () => {
+		if (!(!g || !c)) try {
+			J || (await H({ variables: { input: {
+				applicationId: g,
+				scope: "WORKSPACE",
+				workspaceId: c,
+				autoUpdate: !1
+			} } }), await q()), i?.("/workflows/new");
+		} catch (e) {
+			console.error("[DevPortal] Test in Workflow Builder failed:", e), w("error");
+		}
+	}, [
+		g,
+		c,
+		H,
+		J,
+		q,
+		i
+	]), X = A(async (e) => {
 		try {
-			await xe({ variables: { id: e } }), J(), w("success");
+			await Se({ variables: { id: e } }), q(), w("success");
 		} catch {
 			w("error");
 		}
-	}, [xe, J]);
-	if (z && !R) return /* @__PURE__ */ K(n, { message: u("devportal.loadingApplication", "Loading application...") });
-	if (he) return /* @__PURE__ */ K(y, {
+	}, [Se, q]);
+	if (he && !R) return /* @__PURE__ */ G(n, { message: u("devportal.loadingApplication", "Loading application...") });
+	if (ge) return /* @__PURE__ */ G(y, {
 		title: u("devportal.error", "Error"),
 		backLink: `${o}/apps`,
 		backLabel: u("devportal.backToApplications", "Back to Applications"),
-		children: /* @__PURE__ */ q("div", {
+		children: /* @__PURE__ */ K("div", {
 			className: "flex flex-col items-center justify-center py-12 text-center",
 			children: [
-				/* @__PURE__ */ K(le, {
+				/* @__PURE__ */ G(le, {
 					size: 48,
 					className: "text-destructive mb-4"
 				}),
-				/* @__PURE__ */ K("h3", {
+				/* @__PURE__ */ G("h3", {
 					className: "text-lg font-semibold mb-2",
 					children: u("devportal.failedToLoadApplication", "Failed to load application")
 				}),
-				/* @__PURE__ */ K("p", {
+				/* @__PURE__ */ G("p", {
 					className: "text-sm text-muted-foreground",
-					children: he.message
+					children: ge.message
 				})
 			]
 		})
 	});
 	let Z = De(R?.application);
-	return Z ? /* @__PURE__ */ q(y, {
+	return Z ? /* @__PURE__ */ K(y, {
 		title: Z.name,
 		description: Z.shortDescription,
 		backLink: `${o}/apps`,
 		backLabel: u("devportal.backToApplications", "Back to Applications"),
-		actions: /* @__PURE__ */ q("div", {
+		actions: /* @__PURE__ */ K("div", {
 			className: "flex items-center gap-2",
 			children: [
-				Z.appType !== "NODE" && Z.appType !== "WORKFLOW" && /* @__PURE__ */ q("button", {
+				Z.appType !== "NODE" && Z.appType !== "WORKFLOW" && /* @__PURE__ */ K("button", {
 					onClick: () => k(!0),
 					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(ve, { size: 16 }), u("devportal.rotateSecret", "Rotate Secret")]
+					children: [/* @__PURE__ */ G(ye, { size: 16 }), u("devportal.rotateSecret", "Rotate Secret")]
 				}),
-				/* @__PURE__ */ q("button", {
+				/* @__PURE__ */ K("button", {
 					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(de, { size: 16 }), u("devportal.versions", "Versions")]
+					children: [/* @__PURE__ */ G(de, { size: 16 }), u("devportal.versions", "Versions")]
 				}),
-				Z.status !== "PUBLISHED" && /* @__PURE__ */ q("button", {
+				Z.status !== "PUBLISHED" && /* @__PURE__ */ K("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(ye, { size: 16 }), u("devportal.submitForReview", "Submit for Review")]
+					children: [/* @__PURE__ */ G(be, { size: 16 }), u("devportal.submitForReview", "Submit for Review")]
 				}),
-				Z.appType !== "NODE" && Z.appType !== "WORKFLOW" && (Ee ? /* @__PURE__ */ q("button", {
-					onClick: () => void je(Ee.id),
-					disabled: Se || !c,
+				Z.appType !== "NODE" && Z.appType !== "WORKFLOW" && (J ? /* @__PURE__ */ K("button", {
+					onClick: () => void X(J.id),
+					disabled: Ce || !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: [Se ? /* @__PURE__ */ K(B, {
+					children: [Ce ? /* @__PURE__ */ G(z, {
 						size: 16,
 						className: "animate-spin"
-					}) : /* @__PURE__ */ K(Ce, { size: 16 }), u("devportal.uninstallFromWorkspace", "Uninstall from Workspace")]
-				}) : /* @__PURE__ */ q("button", {
-					onClick: () => void ke(),
-					disabled: W || !c,
+					}) : /* @__PURE__ */ G(we, { size: 16 }), u("devportal.uninstallFromWorkspace", "Uninstall from Workspace")]
+				}) : /* @__PURE__ */ K("button", {
+					onClick: () => void Ae(),
+					disabled: U || !c,
 					"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(B, {
+					children: [U ? /* @__PURE__ */ G(z, {
 						size: 16,
 						className: "animate-spin"
-					}) : /* @__PURE__ */ K(me, { size: 16 }), u("devportal.testInWorkspace", "Test in Workspace")]
+					}) : /* @__PURE__ */ G(me, { size: 16 }), u("devportal.testInWorkspace", "Test in Workspace")]
 				})),
-				Z.appType === "NODE" && /* @__PURE__ */ q("button", {
-					onClick: () => i?.(`/workflows/new?nodeId=${Z.id}`),
-					disabled: !c,
+				Z.appType === "NODE" && /* @__PURE__ */ K("button", {
+					onClick: () => void Me(),
+					disabled: U || !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"),
+					title: c ? J ? u("devportal.testInWorkflowBuilderHint", "Open the workflow builder (already installed in workspace)") : u("devportal.testInWorkflowBuilderInstallHint", "Install this node in your workspace and open the workflow 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(me, { size: 16 }), u("devportal.testInWorkflowBuilder", "Test in Workflow Builder")]
+					children: [U ? /* @__PURE__ */ G(z, {
+						size: 16,
+						className: "animate-spin"
+					}) : /* @__PURE__ */ G(me, { size: 16 }), u("devportal.testInWorkflowBuilder", "Test in Workflow Builder")]
 				}),
-				/* @__PURE__ */ q("button", {
+				/* @__PURE__ */ K("button", {
 					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(pe, { size: 16 }), u("devportal.editApp", "Edit App")]
+					children: [/* @__PURE__ */ G(pe, { size: 16 }), u("devportal.editApp", "Edit App")]
 				}),
-				/* @__PURE__ */ q("button", {
+				/* @__PURE__ */ K("button", {
 					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(_e, { size: 16 }), u("devportal.deactivate", "Deactivate")]
+					children: [/* @__PURE__ */ G(ve, { size: 16 }), u("devportal.deactivate", "Deactivate")]
 				})
 			]
 		}),
 		children: [
-			I && /* @__PURE__ */ K(ne, {
+			I && /* @__PURE__ */ G(ne, {
 				title: u("devportal.newAppSecretGenerated", "New App Secret Generated"),
 				secret: I,
 				description: u("devportal.appSecretRotatedDescription", "Your app secret has been rotated. The old secret is no longer valid."),
 				onDismiss: () => L(null)
 			}),
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ K("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ K(S, {
+					/* @__PURE__ */ G(S, {
 						status: Z.status,
 						type: "app"
 					}),
-					/* @__PURE__ */ K(S, {
+					/* @__PURE__ */ G(S, {
 						status: Z.visibility,
 						type: "app"
 					}),
-					Z.isVerified && /* @__PURE__ */ K(te, { verified: !0 }),
-					Z.isFeatured && /* @__PURE__ */ K(x, {}),
-					/* @__PURE__ */ K("span", {
+					Z.isVerified && /* @__PURE__ */ G(te, { verified: !0 }),
+					Z.isFeatured && /* @__PURE__ */ G(x, {}),
+					/* @__PURE__ */ G("span", {
 						className: "text-sm text-muted-foreground",
 						children: ee[Z.appType] || Z.appType
 					})
 				]
 			}),
-			/* @__PURE__ */ K("div", {
+			/* @__PURE__ */ G("div", {
 				className: "border-b",
-				children: /* @__PURE__ */ K("nav", {
+				children: /* @__PURE__ */ G("nav", {
 					className: "-mb-px flex gap-4 overflow-x-auto",
 					role: "tablist",
 					"aria-label": u("devportal.applicationSections", "Application sections"),
-					children: Ae.filter((e) => !((Z.appType === "NODE" || Z.appType === "WORKFLOW") && (e.id === "permissions" || e.id === "webhooks" || e.id === "delegations" || e.id === "playground"))).map((e) => {
+					children: je.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", {
+						return /* @__PURE__ */ K("button", {
 							id: `application-tab-${e.id}`,
 							role: "tab",
 							"aria-selected": E === e.id,
 							"aria-controls": `application-panel-${e.id}`,
 							onClick: () => re(e.id),
 							className: t("flex items-center gap-2 border-b-2 px-1 py-3 text-sm font-medium transition-colors", E === e.id ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-muted-foreground"),
-							children: [/* @__PURE__ */ K(n, { size: 16 }), e.label]
+							children: [/* @__PURE__ */ G(n, { size: 16 }), e.label]
 						}, e.id);
 					})
 				})
 			}),
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ K("div", {
 				className: "mt-6",
 				id: `application-panel-${E}`,
 				role: "tabpanel",
 				"aria-labelledby": `application-tab-${E}`,
 				tabIndex: 0,
 				children: [
-					E === "overview" && /* @__PURE__ */ K(Le, { app: Z }),
-					E === "permissions" && /* @__PURE__ */ K(tt, { app: Z }),
-					E === "webhooks" && /* @__PURE__ */ K(Pe, {
+					E === "overview" && /* @__PURE__ */ G(Le, { app: Z }),
+					E === "permissions" && /* @__PURE__ */ G(tt, { app: Z }),
+					E === "webhooks" && /* @__PURE__ */ G(Pe, {
 						appId: Z.id,
 						onNavigate: Y
 					}),
-					E === "delegations" && /* @__PURE__ */ K(Fe, {
+					E === "delegations" && /* @__PURE__ */ G(Fe, {
 						authAppId: Z.appId || void 0,
 						appName: Z.name,
 						onGrantDelegation: () => fe(!0),
 						onNavigate: Y
 					}),
-					E === "analytics" && /* @__PURE__ */ K(Ie, { app: Z }),
-					E === "playground" && /* @__PURE__ */ K(He, { app: Z }),
-					E === "store-listing" && /* @__PURE__ */ K(Qe, { app: Z })
+					E === "analytics" && /* @__PURE__ */ G(Ie, { app: Z }),
+					E === "playground" && /* @__PURE__ */ G(He, { app: Z }),
+					E === "store-listing" && /* @__PURE__ */ G(Qe, { app: Z })
 				]
 			}),
-			/* @__PURE__ */ K(O, {
+			/* @__PURE__ */ G(O, {
 				open: ie,
 				onOpenChange: k,
 				onConfirm: Oe,
@@ -439,20 +460,20 @@ var Ae = [
 				confirmLabel: u("devportal.rotateSecret", "Rotate Secret"),
 				cancelLabel: u("devportal.cancel", "Cancel"),
 				variant: "warning",
-				loading: V
+				loading: B
 			}),
-			/* @__PURE__ */ K(O, {
+			/* @__PURE__ */ G(O, {
 				open: j,
 				onOpenChange: M,
-				onConfirm: X,
+				onConfirm: ke,
 				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: be
+				loading: xe
 			}),
-			/* @__PURE__ */ K(ae, {
+			/* @__PURE__ */ G(ae, {
 				open: ue,
 				onOpenChange: fe,
 				appId: Z.appId || "",
@@ -463,12 +484,12 @@ var Ae = [
 				}
 			})
 		]
-	}) : /* @__PURE__ */ K(y, {
+	}) : /* @__PURE__ */ G(y, {
 		title: u("devportal.notFound", "Not Found"),
 		backLink: `${o}/apps`,
 		backLabel: u("devportal.backToApplications", "Back to Applications"),
-		children: /* @__PURE__ */ K(r, {
-			icon: /* @__PURE__ */ K(F, { size: 48 }),
+		children: /* @__PURE__ */ G(r, {
+			icon: /* @__PURE__ */ G(F, { size: 48 }),
 			title: u("devportal.applicationNotFound", "Application not found"),
 			description: u("devportal.applicationNotFoundDescription", "The application you're looking for doesn't exist or you don't have access to it.")
 		})
@@ -478,7 +499,7 @@ var Ae = [
 		let r = n(e);
 		return r === e ? t : r;
 	}, { data: i, loading: a, error: o } = d({ variables: { applicationId: e } });
-	return a ? /* @__PURE__ */ K(Z, { message: r("devportal.loadingWebhooks", "Loading webhooks...") }) : o ? /* @__PURE__ */ K(Me, { message: o.message }) : /* @__PURE__ */ K(Re, {
+	return a ? /* @__PURE__ */ G(X, { message: r("devportal.loadingWebhooks", "Loading webhooks...") }) : o ? /* @__PURE__ */ G(Z, { message: o.message }) : /* @__PURE__ */ G(Re, {
 		appId: e,
 		webhooks: (i?.webhooks ?? []).map(Oe),
 		onNavigate: t
@@ -487,7 +508,7 @@ var Ae = [
 	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(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) => {
+	}, { 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) => {
 		y((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
@@ -513,19 +534,19 @@ var Ae = [
 			_(!1);
 		}
 	}, [f, d]);
-	return e ? l ? /* @__PURE__ */ K(Z, { message: s("devportal.loadingDelegations", "Loading delegations...") }) : u ? /* @__PURE__ */ K(Me, { message: u.message }) : /* @__PURE__ */ q(G, { children: [
-		b && /* @__PURE__ */ K("div", {
+	return e ? l ? /* @__PURE__ */ G(X, { message: s("devportal.loadingDelegations", "Loading delegations...") }) : u ? /* @__PURE__ */ G(Z, { 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__ */ q("div", {
+			children: /* @__PURE__ */ K("div", {
 				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ K("span", { children: b }), /* @__PURE__ */ K("button", {
+				children: [/* @__PURE__ */ G("span", { children: b }), /* @__PURE__ */ G("button", {
 					onClick: () => ee(null),
 					className: "text-status-success-text hover:text-status-success-text",
 					children: s("devportal.dismiss", "Dismiss")
 				})]
 			})
 		}),
-		/* @__PURE__ */ K(ze, {
+		/* @__PURE__ */ G(ze, {
 			appName: t,
 			delegations: x,
 			onGrantDelegation: n,
@@ -538,7 +559,7 @@ var Ae = [
 			allVisibleSelected: C,
 			partiallySelected: w
 		}),
-		/* @__PURE__ */ K(O, {
+		/* @__PURE__ */ G(O, {
 			open: p.length > 0,
 			onOpenChange: (e) => {
 				e || h([]);
@@ -553,14 +574,14 @@ var Ae = [
 			variant: "destructive",
 			loading: g
 		})
-	] }) : /* @__PURE__ */ K(r, {
-		icon: /* @__PURE__ */ K(H, { size: 32 }),
+	] }) : /* @__PURE__ */ G(r, {
+		icon: /* @__PURE__ */ G(V, { size: 32 }),
 		title: s("devportal.linkAuthAppFirst", "Link an auth app first"),
 		description: s("devportal.linkAuthAppFirstDescription", "Delegations are managed through auth apps. Create or link an auth app before granting app-as-user access."),
-		action: /* @__PURE__ */ q("button", {
+		action: /* @__PURE__ */ K("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(R, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
+			children: [/* @__PURE__ */ G(R, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
 		})
 	});
 }, Ie = ({ app: e }) => {
@@ -592,31 +613,31 @@ var Ae = [
 	});
 	if (r) {
 		let t = m?.productInstallations?.items ?? [], r = m?.productInstallations?.total ?? 0, i = t.filter((e) => e.status === "ACTIVE").length;
-		return h && !m ? /* @__PURE__ */ K(Z, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : /* @__PURE__ */ q("div", {
+		return h && !m ? /* @__PURE__ */ G(X, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : /* @__PURE__ */ K("div", {
 			className: "space-y-6",
-			children: [/* @__PURE__ */ q("div", {
+			children: [/* @__PURE__ */ K("div", {
 				className: "grid gap-4 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ K(Q, {
+					/* @__PURE__ */ G(Q, {
 						label: n("devportal.totalInstalls", "Total Installs"),
 						value: r.toLocaleString()
 					}),
-					/* @__PURE__ */ K(Q, {
+					/* @__PURE__ */ G(Q, {
 						label: n("devportal.activeInstalls", "Active Installs"),
 						value: i.toLocaleString()
 					}),
-					/* @__PURE__ */ K(Q, {
+					/* @__PURE__ */ G(Q, {
 						label: n("devportal.averageRating", "Average Rating"),
 						value: e.averageRating ? `${e.averageRating.toFixed(1)} ★` : n("devportal.notAvailable", "N/A")
 					}),
-					/* @__PURE__ */ K(Q, {
+					/* @__PURE__ */ G(Q, {
 						label: n("devportal.reviews", "Reviews"),
 						value: e.reviewCount.toString()
 					})
 				]
-			}), t.length > 0 && /* @__PURE__ */ K(b, {
+			}), t.length > 0 && /* @__PURE__ */ G(b, {
 				title: n("devportal.installBreakdown", "Install Breakdown"),
-				children: /* @__PURE__ */ K(T, {
+				children: /* @__PURE__ */ G(T, {
 					data: t,
 					keyField: "id",
 					columns: [
@@ -649,7 +670,7 @@ var Ae = [
 			})]
 		});
 	}
-	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) });
+	return _ ? /* @__PURE__ */ G(X, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : v ? /* @__PURE__ */ G(Z, { message: v.message }) : /* @__PURE__ */ G(Be, { analytics: (g?.applicationAnalytics ?? []).map(ke) });
 }, Le = ({ app: t }) => {
 	let { t: n } = P(), r = (e, t) => {
 		let r = n(e);
@@ -680,16 +701,16 @@ var Ae = [
 			cta: "Submit for review →"
 		}
 	] : [], l = c.filter((e) => !e.done)[0];
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ K("div", {
 		className: "grid gap-6 lg:grid-cols-3",
-		children: [/* @__PURE__ */ q("div", {
+		children: [/* @__PURE__ */ K("div", {
 			className: "lg:col-span-2 space-y-6",
 			children: [
-				s && l && /* @__PURE__ */ q("div", {
+				s && l && /* @__PURE__ */ K("div", {
 					className: "rounded-lg border border-primary/30 bg-primary/5 p-4 space-y-3",
-					children: [/* @__PURE__ */ q("div", {
+					children: [/* @__PURE__ */ K("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ q("p", {
+						children: [/* @__PURE__ */ K("p", {
 							className: "font-semibold text-sm text-primary",
 							children: [
 								r("devportal.setupProgress", "Setup Progress"),
@@ -699,25 +720,25 @@ var Ae = [
 								c.length,
 								" complete"
 							]
-						}), /* @__PURE__ */ K("button", {
+						}), /* @__PURE__ */ G("button", {
 							onClick: () => i?.(`${a}/apps/${t.id}/publish`),
 							className: "text-xs text-primary hover:underline font-medium",
 							children: r("devportal.viewChecklist", "View full checklist →")
 						})]
-					}), /* @__PURE__ */ K("div", {
+					}), /* @__PURE__ */ G("div", {
 						className: "space-y-1.5",
-						children: c.map((e, t) => /* @__PURE__ */ q("div", {
+						children: c.map((e, t) => /* @__PURE__ */ K("div", {
 							className: "flex items-center gap-2 text-sm",
 							children: [
-								e.done ? /* @__PURE__ */ K(ue, {
+								e.done ? /* @__PURE__ */ G(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" }),
-								/* @__PURE__ */ K("span", {
+								}) : /* @__PURE__ */ G("div", { className: "h-3.5 w-3.5 rounded-full border-2 border-muted-foreground/40 shrink-0" }),
+								/* @__PURE__ */ G("span", {
 									className: e.done ? "line-through text-muted-foreground" : "text-foreground",
 									children: e.label
 								}),
-								!e.done && t === c.indexOf(l) && /* @__PURE__ */ K("button", {
+								!e.done && t === c.indexOf(l) && /* @__PURE__ */ G("button", {
 									onClick: () => i?.(e.path),
 									className: "ml-auto text-xs text-primary hover:underline font-medium shrink-0",
 									children: e.cta
@@ -726,56 +747,56 @@ var Ae = [
 						}, t))
 					})]
 				}),
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ K("div", {
 					className: "grid gap-4 sm:grid-cols-4",
 					children: [
-						/* @__PURE__ */ K(Q, {
+						/* @__PURE__ */ G(Q, {
 							label: r("devportal.totalInstalls", "Total Installs"),
 							value: t.installCount.toLocaleString()
 						}),
-						/* @__PURE__ */ K(Q, {
+						/* @__PURE__ */ G(Q, {
 							label: r("devportal.activeInstalls", "Active Installs"),
 							value: t.activeInstallCount.toLocaleString()
 						}),
-						/* @__PURE__ */ K(Q, {
+						/* @__PURE__ */ G(Q, {
 							label: r("devportal.averageRating", "Average Rating"),
 							value: t.averageRating ? `${t.averageRating.toFixed(1)} ★` : r("devportal.notAvailable", "N/A")
 						}),
-						/* @__PURE__ */ K(Q, {
+						/* @__PURE__ */ G(Q, {
 							label: r("devportal.reviews", "Reviews"),
 							value: t.reviewCount.toString()
 						})
 					]
 				}),
-				/* @__PURE__ */ K(b, {
+				/* @__PURE__ */ G(b, {
 					title: r("devportal.description", "Description"),
-					children: /* @__PURE__ */ K("div", {
+					children: /* @__PURE__ */ G("div", {
 						className: "prose prose-sm max-w-none",
-						children: /* @__PURE__ */ K("pre", {
+						children: /* @__PURE__ */ G("pre", {
 							className: "whitespace-pre-wrap font-sans text-sm text-foreground bg-transparent p-0 m-0",
 							children: t.description || r("devportal.noDescriptionProvided", "No description provided.")
 						})
 					})
 				}),
-				/* @__PURE__ */ K(b, {
+				/* @__PURE__ */ G(b, {
 					title: r("devportal.tagsAndKeywords", "Tags & Keywords"),
-					children: /* @__PURE__ */ q("div", {
+					children: /* @__PURE__ */ K("div", {
 						className: "space-y-3",
-						children: [t.tags.length > 0 && /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+						children: [t.tags.length > 0 && /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
 							className: "text-xs text-muted-foreground mb-2",
 							children: r("devportal.tags", "Tags")
-						}), /* @__PURE__ */ K("div", {
+						}), /* @__PURE__ */ G("div", {
 							className: "flex flex-wrap gap-2",
-							children: t.tags.map((e) => /* @__PURE__ */ K("span", {
+							children: t.tags.map((e) => /* @__PURE__ */ G("span", {
 								className: "rounded-full bg-primary/10 px-3 py-1 text-xs font-medium text-primary",
 								children: e
 							}, e))
-						})] }), t.keywords.length > 0 && /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+						})] }), t.keywords.length > 0 && /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
 							className: "text-xs text-muted-foreground mb-2",
 							children: r("devportal.keywords", "Keywords")
-						}), /* @__PURE__ */ K("div", {
+						}), /* @__PURE__ */ G("div", {
 							className: "flex flex-wrap gap-2",
-							children: t.keywords.map((e) => /* @__PURE__ */ K("span", {
+							children: t.keywords.map((e) => /* @__PURE__ */ G("span", {
 								className: "rounded-full bg-muted px-3 py-1 text-xs",
 								children: e
 							}, e))
@@ -783,14 +804,14 @@ var Ae = [
 					})
 				})
 			]
-		}), /* @__PURE__ */ q("div", {
+		}), /* @__PURE__ */ K("div", {
 			className: "space-y-6",
-			children: [/* @__PURE__ */ K(b, {
+			children: [/* @__PURE__ */ G(b, {
 				title: r("devportal.details", "Details"),
-				children: /* @__PURE__ */ K(E, { items: [
+				children: /* @__PURE__ */ G(E, { items: [
 					{
 						label: r("devportal.appId", "App ID"),
-						value: /* @__PURE__ */ K("code", {
+						value: /* @__PURE__ */ G("code", {
 							className: "text-xs",
 							children: t.id
 						})
@@ -820,32 +841,32 @@ var Ae = [
 						value: t.publishedAt ? new Date(t.publishedAt).toLocaleDateString() : r("devportal.notPublished", "Not published")
 					}
 				] })
-			}), /* @__PURE__ */ K(b, {
+			}), /* @__PURE__ */ G(b, {
 				title: r("devportal.links", "Links"),
-				children: /* @__PURE__ */ q("div", {
+				children: /* @__PURE__ */ K("div", {
 					className: "space-y-2",
 					children: [
-						t.websiteUrl && /* @__PURE__ */ K($, {
+						t.websiteUrl && /* @__PURE__ */ G($, {
 							label: r("devportal.website", "Website"),
 							url: t.websiteUrl
 						}),
-						t.documentationUrl && /* @__PURE__ */ K($, {
+						t.documentationUrl && /* @__PURE__ */ G($, {
 							label: r("devportal.documentation", "Documentation"),
 							url: t.documentationUrl
 						}),
-						t.supportUrl && /* @__PURE__ */ K($, {
+						t.supportUrl && /* @__PURE__ */ G($, {
 							label: r("devportal.support", "Support"),
 							url: t.supportUrl
 						}),
-						t.githubUrl && /* @__PURE__ */ K($, {
+						t.githubUrl && /* @__PURE__ */ G($, {
 							label: r("devportal.github", "GitHub"),
 							url: t.githubUrl
 						}),
-						t.privacyPolicyUrl && /* @__PURE__ */ K($, {
+						t.privacyPolicyUrl && /* @__PURE__ */ G($, {
 							label: r("devportal.privacyPolicy", "Privacy Policy"),
 							url: t.privacyPolicyUrl
 						}),
-						t.termsOfServiceUrl && /* @__PURE__ */ K($, {
+						t.termsOfServiceUrl && /* @__PURE__ */ G($, {
 							label: r("devportal.termsOfService", "Terms of Service"),
 							url: t.termsOfServiceUrl
 						})
@@ -859,11 +880,11 @@ var Ae = [
 		let n = i(e);
 		return n === e ? t : n;
 	};
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ K("div", {
 		className: "space-y-6",
-		children: [/* @__PURE__ */ q("div", {
+		children: [/* @__PURE__ */ K("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ q("p", {
+			children: [/* @__PURE__ */ K("p", {
 				className: "text-sm text-muted-foreground",
 				children: [
 					t.length,
@@ -872,81 +893,81 @@ var Ae = [
 					" ",
 					a("devportal.configured", "configured")
 				]
-			}), /* @__PURE__ */ q("button", {
+			}), /* @__PURE__ */ K("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(V, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				children: [/* @__PURE__ */ G(B, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})]
-		}), t.length > 0 ? /* @__PURE__ */ K("div", {
+		}), t.length > 0 ? /* @__PURE__ */ G("div", {
 			className: "space-y-4",
-			children: t.map((t) => /* @__PURE__ */ q("div", {
+			children: t.map((t) => /* @__PURE__ */ K("div", {
 				className: "rounded-lg border bg-card p-4 space-y-4",
 				children: [
-					/* @__PURE__ */ q("div", {
+					/* @__PURE__ */ K("div", {
 						className: "flex items-start justify-between",
-						children: [/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ q("div", {
+						children: [/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ K("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ K("h3", {
+							children: [/* @__PURE__ */ G("h3", {
 								className: "font-medium",
 								children: t.name
-							}), /* @__PURE__ */ K(S, {
+							}), /* @__PURE__ */ G(S, {
 								status: t.status,
 								type: "webhook"
 							})]
-						}), t.description && /* @__PURE__ */ K("p", {
+						}), t.description && /* @__PURE__ */ G("p", {
 							className: "text-sm text-muted-foreground mt-1",
 							children: t.description
-						})] }), /* @__PURE__ */ K("button", {
+						})] }), /* @__PURE__ */ G("button", {
 							onClick: () => n(`/apps/${e}/webhooks/${t.id}`),
 							className: "rounded-md p-1 hover:bg-muted",
-							children: /* @__PURE__ */ K(ge, { size: 20 })
+							children: /* @__PURE__ */ G(_e, { size: 20 })
 						})]
 					}),
-					/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+					/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
 						className: "text-xs text-muted-foreground mb-1",
 						children: a("devportal.endpointUrl", "Endpoint URL")
-					}), /* @__PURE__ */ K("code", {
+					}), /* @__PURE__ */ G("code", {
 						className: "text-sm bg-muted px-2 py-1 rounded block truncate",
 						children: t.url
 					})] }),
-					/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+					/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
 						className: "text-xs text-muted-foreground mb-2",
 						children: a("devportal.events", "Events")
-					}), /* @__PURE__ */ K("div", {
+					}), /* @__PURE__ */ G("div", {
 						className: "flex flex-wrap gap-2",
-						children: t.events.map((e) => /* @__PURE__ */ K("span", {
+						children: t.events.map((e) => /* @__PURE__ */ G("span", {
 							className: "rounded-full bg-muted px-2 py-0.5 text-xs",
 							children: e
 						}, e))
 					})] }),
-					/* @__PURE__ */ q("div", {
+					/* @__PURE__ */ K("div", {
 						className: "grid gap-4 sm:grid-cols-4 text-sm",
 						children: [
-							/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+							/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
 								className: "text-xs text-muted-foreground",
 								children: a("devportal.success", "Success")
-							}), /* @__PURE__ */ K("p", {
+							}), /* @__PURE__ */ G("p", {
 								className: "font-medium text-status-success-text",
 								children: t.successCount.toLocaleString()
 							})] }),
-							/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+							/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
 								className: "text-xs text-muted-foreground",
 								children: a("devportal.failed", "Failed")
-							}), /* @__PURE__ */ K("p", {
+							}), /* @__PURE__ */ G("p", {
 								className: "font-medium text-status-error-text",
 								children: t.failureCount.toLocaleString()
 							})] }),
-							/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+							/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
 								className: "text-xs text-muted-foreground",
 								children: a("devportal.successRate", "Success Rate")
-							}), /* @__PURE__ */ q("p", {
+							}), /* @__PURE__ */ K("p", {
 								className: "font-medium",
 								children: [t.successCount + t.failureCount > 0 ? (t.successCount / (t.successCount + t.failureCount) * 100).toFixed(1) : "0.0", "%"]
 							})] }),
-							/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+							/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
 								className: "text-xs text-muted-foreground",
 								children: a("devportal.lastTriggered", "Last Triggered")
-							}), /* @__PURE__ */ K("p", {
+							}), /* @__PURE__ */ G("p", {
 								className: "font-medium",
 								children: t.lastTriggeredAt ? new Date(t.lastTriggeredAt).toLocaleString() : a("devportal.never", "Never")
 							})] })
@@ -954,14 +975,14 @@ var Ae = [
 					})
 				]
 			}, t.id))
-		}) : /* @__PURE__ */ K(r, {
-			icon: /* @__PURE__ */ K(xe, { size: 32 }),
+		}) : /* @__PURE__ */ G(r, {
+			icon: /* @__PURE__ */ G(Se, { size: 32 }),
 			title: a("devportal.noWebhooks", "No webhooks"),
 			description: a("devportal.noWebhooksDescription", "Add a webhook to receive event notifications"),
-			action: /* @__PURE__ */ q("button", {
+			action: /* @__PURE__ */ K("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(V, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				children: [/* @__PURE__ */ G(B, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})
 		})]
 	});
@@ -970,12 +991,12 @@ var Ae = [
 		let n = p(e);
 		return n === e ? t : n;
 	}, h = n.filter((e) => e.status === "ACTIVE"), g = n.filter((e) => e.status !== "ACTIVE");
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ K("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ K("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ q("p", {
+				children: [/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ K("p", {
 					className: "text-sm text-muted-foreground",
 					children: [
 						n.length,
@@ -986,7 +1007,7 @@ var Ae = [
 						" ",
 						e
 					]
-				}), h.length > 0 && /* @__PURE__ */ q("p", {
+				}), h.length > 0 && /* @__PURE__ */ K("p", {
 					className: "text-xs text-muted-foreground mt-0.5",
 					children: [
 						h.length,
@@ -998,44 +1019,44 @@ var Ae = [
 						" ",
 						m("devportal.revokedExpired", "revoked/expired")
 					]
-				})] }), /* @__PURE__ */ q("button", {
+				})] }), /* @__PURE__ */ K("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(V, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					children: [/* @__PURE__ */ G(B, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})]
 			}),
-			h.length > 0 && /* @__PURE__ */ K("div", {
+			h.length > 0 && /* @__PURE__ */ G("div", {
 				className: "rounded-lg border bg-card p-4",
-				children: /* @__PURE__ */ q("div", {
+				children: /* @__PURE__ */ K("div", {
 					className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
-					children: [/* @__PURE__ */ q("div", {
+					children: [/* @__PURE__ */ K("div", {
 						className: "flex flex-wrap items-center gap-3",
-						children: [/* @__PURE__ */ q("div", {
+						children: [/* @__PURE__ */ K("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ K(C, {
+							children: [/* @__PURE__ */ G(C, {
 								checked: d,
 								indeterminate: f,
 								onChange: c,
 								ariaLabel: m("devportal.selectAllActiveDelegations", "Select all active app delegations")
-							}), /* @__PURE__ */ K("span", {
+							}), /* @__PURE__ */ G("span", {
 								className: "text-sm font-medium",
 								children: m("devportal.selectAllActive", "Select all active")
 							})]
-						}), o.size > 0 && /* @__PURE__ */ K("button", {
+						}), o.size > 0 && /* @__PURE__ */ G("button", {
 							onClick: l,
 							className: "text-sm text-muted-foreground hover:text-foreground",
 							children: m("devportal.clearSelection", "Clear selection")
 						})]
-					}), /* @__PURE__ */ q("div", {
+					}), /* @__PURE__ */ K("div", {
 						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ q("span", {
+						children: [/* @__PURE__ */ K("span", {
 							className: "rounded-full bg-muted px-3 py-1 text-sm font-medium text-muted-foreground",
 							children: [
 								o.size,
 								" ",
 								m("devportal.selected", "selected")
 							]
-						}), /* @__PURE__ */ q("button", {
+						}), /* @__PURE__ */ K("button", {
 							onClick: u,
 							disabled: o.size === 0,
 							className: "rounded-md border border-status-error-bg px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-50",
@@ -1044,33 +1065,33 @@ var Ae = [
 					})]
 				})
 			}),
-			n.length > 0 ? /* @__PURE__ */ K("div", {
+			n.length > 0 ? /* @__PURE__ */ G("div", {
 				className: "space-y-4",
-				children: n.map((e) => /* @__PURE__ */ q("div", {
+				children: n.map((e) => /* @__PURE__ */ K("div", {
 					className: "rounded-lg border bg-card p-4 space-y-4",
 					children: [
-						/* @__PURE__ */ q("div", {
+						/* @__PURE__ */ K("div", {
 							className: "flex items-start justify-between",
-							children: [/* @__PURE__ */ q("div", {
+							children: [/* @__PURE__ */ K("div", {
 								className: "flex items-start gap-3",
-								children: [e.status === "ACTIVE" && /* @__PURE__ */ K("div", {
+								children: [e.status === "ACTIVE" && /* @__PURE__ */ G("div", {
 									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ K(C, {
+									children: /* @__PURE__ */ G(C, {
 										checked: o.has(e.id),
 										onChange: (t) => s(e.id, t),
 										ariaLabel: `Select delegation ${e.id}`,
 										className: "mt-1"
 									})
-								}), /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ q("div", {
+								}), /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ K("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ q("h3", {
+									children: [/* @__PURE__ */ K("h3", {
 										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", je[e.status]),
+									}), /* @__PURE__ */ G("span", {
+										className: t("rounded-full px-2 py-0.5 text-xs font-medium", Me[e.status]),
 										children: e.status
 									})]
-								}), /* @__PURE__ */ q("p", {
+								}), /* @__PURE__ */ K("p", {
 									className: "text-sm text-muted-foreground mt-1",
 									children: [
 										m("devportal.granted", "Granted"),
@@ -1082,55 +1103,55 @@ var Ae = [
 										e.grantedBy === e.userId ? m("devportal.you", "you") : e.grantedBy.slice(0, 8)
 									]
 								})] })]
-							}), e.status === "ACTIVE" && /* @__PURE__ */ q("button", {
+							}), 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__ */ K(Ce, { size: 14 }), m("devportal.revoke", "Revoke")]
+								children: [/* @__PURE__ */ G(we, { size: 14 }), m("devportal.revoke", "Revoke")]
 							})]
 						}),
-						/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+						/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
 							className: "text-xs text-muted-foreground mb-2",
 							children: m("devportal.grantedScopes", "Granted Scopes")
-						}), /* @__PURE__ */ K("div", {
+						}), /* @__PURE__ */ G("div", {
 							className: "flex flex-wrap gap-2",
-							children: e.scopes.map((e) => /* @__PURE__ */ K("span", {
+							children: e.scopes.map((e) => /* @__PURE__ */ G("span", {
 								className: "rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-xs text-status-success-text",
 								children: e
 							}, e))
 						})] }),
-						e.workspaceIds.length > 0 && /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+						e.workspaceIds.length > 0 && /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
 							className: "text-xs text-muted-foreground mb-2",
 							children: m("devportal.workspaceScope", "Workspace Scope")
-						}), /* @__PURE__ */ K("div", {
+						}), /* @__PURE__ */ G("div", {
 							className: "flex flex-wrap gap-2",
-							children: e.workspaceIds.map((e) => /* @__PURE__ */ K("code", {
+							children: e.workspaceIds.map((e) => /* @__PURE__ */ G("code", {
 								className: "rounded bg-muted px-2 py-0.5 text-xs",
 								children: e
 							}, e))
 						})] }),
-						/* @__PURE__ */ q("div", {
+						/* @__PURE__ */ K("div", {
 							className: "flex items-center gap-4 text-xs text-muted-foreground",
 							children: [
-								e.expiresAt && /* @__PURE__ */ q("span", {
+								e.expiresAt && /* @__PURE__ */ K("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ K(de, { size: 12 }),
+										/* @__PURE__ */ G(de, { size: 12 }),
 										m("devportal.expires", "Expires"),
 										" ",
 										new Date(e.expiresAt).toLocaleDateString()
 									]
 								}),
-								!e.expiresAt && e.status === "ACTIVE" && /* @__PURE__ */ q("span", {
+								!e.expiresAt && e.status === "ACTIVE" && /* @__PURE__ */ K("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ K(L, {
+									children: [/* @__PURE__ */ G(L, {
 										size: 12,
 										className: "text-status-success-text"
 									}), m("devportal.noExpiration", "No expiration")]
 								}),
-								e.revokedAt && /* @__PURE__ */ q("span", {
+								e.revokedAt && /* @__PURE__ */ K("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ K(Ce, {
+										/* @__PURE__ */ G(we, {
 											size: 12,
 											className: "text-status-error-text"
 										}),
@@ -1143,14 +1164,14 @@ var Ae = [
 						})
 					]
 				}, e.id))
-			}) : /* @__PURE__ */ K(r, {
-				icon: /* @__PURE__ */ K(W, { size: 32 }),
+			}) : /* @__PURE__ */ G(r, {
+				icon: /* @__PURE__ */ G(U, { 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", {
+				action: /* @__PURE__ */ K("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(V, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					children: [/* @__PURE__ */ G(B, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})
 			})
 		]
@@ -1160,35 +1181,35 @@ var Ae = [
 		let r = t(e);
 		return r === e ? n : r;
 	}, i = e[0], a = e[1], o = (e, t) => t ? (e - t) / t * 100 : 0;
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ K("div", {
 		className: "space-y-6",
-		children: [/* @__PURE__ */ q("div", {
+		children: [/* @__PURE__ */ K("div", {
 			className: "grid gap-4 sm:grid-cols-4",
 			children: [
-				/* @__PURE__ */ K(Q, {
+				/* @__PURE__ */ G(Q, {
 					label: n("devportal.activeUsers", "Active Users"),
 					value: i?.activeUsers.toLocaleString() || "0",
 					trend: a ? o(i.activeUsers, a.activeUsers) : void 0
 				}),
-				/* @__PURE__ */ K(Q, {
+				/* @__PURE__ */ G(Q, {
 					label: n("devportal.apiCalls", "API Calls"),
 					value: i ? `${(i.apiCalls / 1e3).toFixed(1)}K` : "0",
 					trend: a ? o(i.apiCalls, a.apiCalls) : void 0
 				}),
-				/* @__PURE__ */ K(Q, {
+				/* @__PURE__ */ G(Q, {
 					label: n("devportal.avgResponseTime", "Avg Response Time"),
 					value: i?.avgResponseTime ? `${i.avgResponseTime}ms` : n("devportal.notAvailable", "N/A"),
 					trend: a && i?.avgResponseTime ? -o(i.avgResponseTime, a.avgResponseTime || 1) : void 0
 				}),
-				/* @__PURE__ */ K(Q, {
+				/* @__PURE__ */ G(Q, {
 					label: n("devportal.errorRate", "Error Rate"),
 					value: i && i.apiCalls > 0 ? `${(i.errors / i.apiCalls * 100).toFixed(2)}%` : "0%",
 					trend: a && i && i.apiCalls > 0 && a.apiCalls > 0 ? -o(i.errors / i.apiCalls, a.errors / a.apiCalls) : void 0
 				})
 			]
-		}), /* @__PURE__ */ K(b, {
+		}), /* @__PURE__ */ G(b, {
 			title: n("devportal.dailyBreakdown", "Daily Breakdown"),
-			children: e.length > 0 ? /* @__PURE__ */ K(T, {
+			children: e.length > 0 ? /* @__PURE__ */ G(T, {
 				data: e,
 				keyField: "id",
 				columns: [
@@ -1228,8 +1249,8 @@ var Ae = [
 						render: (e) => e.sessions.toLocaleString()
 					}
 				]
-			}) : /* @__PURE__ */ K(r, {
-				icon: /* @__PURE__ */ K(I, { size: 32 }),
+			}) : /* @__PURE__ */ G(r, {
+				icon: /* @__PURE__ */ G(I, { size: 32 }),
 				title: n("devportal.noAnalyticsData", "No analytics data"),
 				description: n("devportal.noAnalyticsDataDescription", "Analytics data will appear here once the application starts receiving traffic.")
 			})
@@ -1273,21 +1294,21 @@ var Ae = [
 	]), x = A(() => {
 		i && v(i), b(!0);
 	}, [i]);
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ K("div", {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ K("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("h3", {
+				children: [/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("h3", {
 					className: "text-lg font-semibold",
 					children: o("devportal.apiPlayground", "API Playground")
-				}), /* @__PURE__ */ q("p", {
+				}), /* @__PURE__ */ K("p", {
 					className: "text-sm text-muted-foreground",
 					children: [
 						o("devportal.apiPlaygroundDescription", "Test GraphQL APIs in the context of"),
 						" ",
-						/* @__PURE__ */ K("strong", { children: t.name }),
-						t.appId && /* @__PURE__ */ q("span", {
+						/* @__PURE__ */ G("strong", { children: t.name }),
+						t.appId && /* @__PURE__ */ K("span", {
 							className: "ml-1 text-xs text-muted-foreground",
 							children: [
 								"(OAuth App: ",
@@ -1296,39 +1317,39 @@ var Ae = [
 							]
 						})
 					]
-				})] }), /* @__PURE__ */ q("button", {
+				})] }), /* @__PURE__ */ K("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(he, { size: 14 }), o("devportal.autoFillCredentials", "Auto-fill Credentials")]
+					children: [/* @__PURE__ */ G(ge, { size: 14 }), o("devportal.autoFillCredentials", "Auto-fill Credentials")]
 				})]
 			}),
-			y && /* @__PURE__ */ q("div", {
+			y && /* @__PURE__ */ K("div", {
 				className: "rounded-lg border bg-status-info-bg-subtle p-4 text-sm space-y-2",
 				children: [
-					/* @__PURE__ */ K("p", {
+					/* @__PURE__ */ G("p", {
 						className: "font-medium text-status-info-text",
 						children: o("devportal.authenticationGuide", "Authentication Guide")
 					}),
-					/* @__PURE__ */ q("p", {
+					/* @__PURE__ */ K("p", {
 						className: "text-status-info-text",
 						children: [
 							o("devportal.authenticationGuideText", "Your current session token has been filled in. For app-level authentication (Client Credentials flow), use the"),
 							" ",
-							/* @__PURE__ */ K("strong", { children: o("devportal.oauthClientsTab", "OAuth Clients") }),
+							/* @__PURE__ */ G("strong", { children: o("devportal.oauthClientsTab", "OAuth Clients") }),
 							" ",
 							o("devportal.authenticationGuideText2", "tab to get the app's clientId and clientSecret, then call:")
 						]
 					}),
-					/* @__PURE__ */ K("pre", {
+					/* @__PURE__ */ G("pre", {
 						className: "rounded bg-status-info-bg-subtle p-2 text-xs overflow-x-auto text-status-info-text",
 						children: "mutation {\n  authenticateApp(input: {\n    clientId: \"<your-client-id>\"\n    clientSecret: \"<your-client-secret>\"\n    scopes: []\n  }) {\n    accessToken\n    tokenType\n    expiresIn\n  }\n}"
 					}),
-					/* @__PURE__ */ q("p", {
+					/* @__PURE__ */ K("p", {
 						className: "text-status-info-text",
 						children: [
 							o("devportal.useReturnedAccessToken", "Use the returned"),
 							" ",
-							/* @__PURE__ */ K("code", {
+							/* @__PURE__ */ G("code", {
 								className: "bg-status-info-bg-subtle px-1 rounded",
 								children: "accessToken"
 							}),
@@ -1336,79 +1357,79 @@ var Ae = [
 							o("devportal.asBearerToken", "as the Bearer token below.")
 						]
 					}),
-					/* @__PURE__ */ K("button", {
+					/* @__PURE__ */ G("button", {
 						onClick: () => b(!1),
 						className: "text-xs text-accent-blue hover:underline",
 						children: o("devportal.dismiss", "Dismiss")
 					})
 				]
 			}),
-			/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("label", {
+			/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("label", {
 				className: "block text-sm font-medium mb-1",
 				children: o("devportal.gatewayEndpoint", "Gateway Endpoint")
-			}), /* @__PURE__ */ q("div", {
+			}), /* @__PURE__ */ K("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ K("input", {
+				children: [/* @__PURE__ */ G("input", {
 					type: "text",
 					value: h,
 					onChange: (e) => g(e.target.value),
 					className: "flex-1 rounded-md border px-3 py-2 text-sm font-mono bg-background"
-				}), /* @__PURE__ */ q("select", {
+				}), /* @__PURE__ */ K("select", {
 					onChange: (e) => g(e.target.value),
 					className: "rounded-md border px-3 py-2 text-sm bg-background",
 					value: h,
-					children: [/* @__PURE__ */ K("option", {
+					children: [/* @__PURE__ */ G("option", {
 						value: `${n || "https://gw-global.local.burdenoff.com"}/global/graphql`,
 						children: o("devportal.globalGateway", "Global Gateway")
-					}), /* @__PURE__ */ K("option", {
+					}), /* @__PURE__ */ G("option", {
 						value: `${r || "https://gw-wspace.local.burdenoff.com"}/workspaces/graphql`,
 						children: o("devportal.workspaceGateway", "Workspace Gateway")
 					})]
 				})]
 			})] }),
-			/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("label", {
+			/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("label", {
 				className: "block text-sm font-medium mb-1",
 				children: o("devportal.bearerToken", "Bearer Token")
-			}), /* @__PURE__ */ K("input", {
+			}), /* @__PURE__ */ G("input", {
 				type: "password",
 				value: _,
 				onChange: (e) => v(e.target.value),
 				placeholder: o("devportal.pasteAccessToken", "Paste access token here..."),
 				className: "w-full rounded-md border px-3 py-2 text-sm font-mono bg-background"
 			})] }),
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ K("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-4",
-				children: [/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("label", {
+				children: [/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("label", {
 					className: "block text-sm font-medium mb-1",
 					children: o("devportal.query", "Query")
-				}), /* @__PURE__ */ K("textarea", {
+				}), /* @__PURE__ */ G("textarea", {
 					value: s,
 					onChange: (e) => c(e.target.value),
 					className: "w-full h-64 rounded-md border px-3 py-2 text-sm font-mono bg-background resize-y",
 					spellCheck: !1
-				})] }), /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("label", {
+				})] }), /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("label", {
 					className: "block text-sm font-medium mb-1",
 					children: o("devportal.variablesJson", "Variables (JSON)")
-				}), /* @__PURE__ */ K("textarea", {
+				}), /* @__PURE__ */ G("textarea", {
 					value: l,
 					onChange: (e) => u(e.target.value),
 					className: "w-full h-64 rounded-md border px-3 py-2 text-sm font-mono bg-background resize-y",
 					spellCheck: !1
 				})] })]
 			}),
-			/* @__PURE__ */ q("button", {
+			/* @__PURE__ */ K("button", {
 				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(B, {
+				children: [p ? /* @__PURE__ */ G(z, {
 					size: 16,
 					className: "animate-spin"
-				}) : /* @__PURE__ */ K(R, { 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__ */ q("div", { children: [/* @__PURE__ */ K("label", {
+			d && /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("label", {
 				className: "block text-sm font-medium mb-1",
 				children: o("devportal.response", "Response")
-			}), /* @__PURE__ */ K("pre", {
+			}), /* @__PURE__ */ G("pre", {
 				className: "w-full max-h-96 overflow-auto rounded-md border bg-muted p-4 text-xs font-mono",
 				children: d
 			})] })
@@ -1420,45 +1441,45 @@ var Ae = [
 			r((await s(e)).downloadUrl);
 		} catch {}
 	}, [s, r]);
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ K("div", {
 		className: "space-y-1.5",
 		children: [
-			/* @__PURE__ */ K("label", {
+			/* @__PURE__ */ G("label", {
 				className: "text-sm font-medium",
 				children: e
 			}),
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ K("div", {
 				className: "flex gap-3 items-start",
-				children: [/* @__PURE__ */ q("div", {
+				children: [/* @__PURE__ */ K("div", {
 					className: t("relative shrink-0 w-20 rounded-lg border border-border bg-bg-sunken overflow-hidden flex items-center justify-center", o),
-					children: [n ? /* @__PURE__ */ K("img", {
+					children: [n ? /* @__PURE__ */ G("img", {
 						src: n,
 						alt: e,
 						className: "w-full h-full object-cover"
-					}) : /* @__PURE__ */ K(U, {
+					}) : /* @__PURE__ */ G(H, {
 						size: 18,
 						className: "text-text-secondary opacity-40"
-					}), c && /* @__PURE__ */ q("div", {
+					}), c && /* @__PURE__ */ K("div", {
 						className: "absolute inset-0 bg-black/40 flex flex-col items-center justify-center gap-1",
-						children: [/* @__PURE__ */ K(B, {
+						children: [/* @__PURE__ */ G(z, {
 							size: 14,
 							className: "animate-spin text-white"
-						}), /* @__PURE__ */ q("span", {
+						}), /* @__PURE__ */ K("span", {
 							className: "text-white text-xs",
 							children: [l, "%"]
 						})]
 					})]
-				}), /* @__PURE__ */ q("div", {
+				}), /* @__PURE__ */ K("div", {
 					className: "flex-1 space-y-1.5",
 					children: [
-						/* @__PURE__ */ K("input", {
+						/* @__PURE__ */ G("input", {
 							type: "url",
 							value: n,
 							onChange: (e) => r(e.target.value),
 							placeholder: "https://...",
 							className: "w-full rounded-md border border-border bg-bg-input px-3 py-1.5 text-sm placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-primary/30"
 						}),
-						/* @__PURE__ */ K("input", {
+						/* @__PURE__ */ G("input", {
 							ref: d,
 							type: "file",
 							accept: a,
@@ -1468,21 +1489,21 @@ var Ae = [
 								t && f(t), e.target.value = "";
 							}
 						}),
-						/* @__PURE__ */ q("button", {
+						/* @__PURE__ */ K("button", {
 							type: "button",
 							disabled: c,
 							onClick: () => d.current?.click(),
 							className: "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs font-medium hover:bg-muted transition-colors disabled:opacity-50",
-							children: [/* @__PURE__ */ K(U, { size: 11 }), c ? `Uploading… ${l}%` : "Upload image"]
+							children: [/* @__PURE__ */ G(H, { size: 11 }), c ? `Uploading… ${l}%` : "Upload image"]
 						}),
-						u && /* @__PURE__ */ K("p", {
+						u && /* @__PURE__ */ G("p", {
 							className: "text-xs text-status-error-text",
 							children: u
 						})
 					]
 				})]
 			}),
-			i && /* @__PURE__ */ K("p", {
+			i && /* @__PURE__ */ G("p", {
 				className: "text-xs text-text-secondary",
 				children: i
 			})
@@ -1501,45 +1522,45 @@ var Ae = [
 	]), l = (t) => {
 		n(e.filter((e, n) => n !== t));
 	};
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ K("div", {
 		className: "space-y-2",
 		children: [
-			/* @__PURE__ */ K("label", {
+			/* @__PURE__ */ G("label", {
 				className: "text-sm font-medium",
 				children: "Screenshots"
 			}),
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ K("div", {
 				className: "flex flex-wrap gap-3",
-				children: [e.map((e, t) => /* @__PURE__ */ q("div", {
+				children: [e.map((e, t) => /* @__PURE__ */ K("div", {
 					className: "relative group w-36 aspect-video rounded-lg border border-border overflow-hidden bg-bg-sunken",
-					children: [/* @__PURE__ */ K("img", {
+					children: [/* @__PURE__ */ G("img", {
 						src: e,
 						alt: `Screenshot ${t + 1}`,
 						className: "w-full h-full object-cover"
-					}), /* @__PURE__ */ K("button", {
+					}), /* @__PURE__ */ G("button", {
 						type: "button",
 						onClick: () => l(t),
 						className: "absolute top-1 right-1 rounded-full bg-black/60 text-white p-0.5 opacity-0 group-hover:opacity-100 transition-opacity",
-						children: /* @__PURE__ */ K(Se, { size: 12 })
+						children: /* @__PURE__ */ G(Ce, { size: 12 })
 					})]
-				}, t)), /* @__PURE__ */ K("button", {
+				}, 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 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(B, {
+					children: i ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(z, {
 						size: 18,
 						className: "animate-spin text-primary"
-					}), /* @__PURE__ */ q("span", {
+					}), /* @__PURE__ */ K("span", {
 						className: "text-xs",
 						children: [a, "%"]
-					})] }) : /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(U, { size: 18 }), /* @__PURE__ */ K("span", {
+					})] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(H, { size: 18 }), /* @__PURE__ */ G("span", {
 						className: "text-xs",
 						children: "Add screenshot"
 					})] })
 				})]
 			}),
-			/* @__PURE__ */ K("input", {
+			/* @__PURE__ */ G("input", {
 				ref: s,
 				type: "file",
 				accept: "image/png,image/jpeg,image/webp,image/gif",
@@ -1549,7 +1570,7 @@ var Ae = [
 					t && c(t), e.target.value = "";
 				}
 			}),
-			o && /* @__PURE__ */ K("p", {
+			o && /* @__PURE__ */ G("p", {
 				className: "text-xs text-status-error-text",
 				children: o
 			})
@@ -1660,15 +1681,15 @@ function Je(e) {
 		manifestJsonContent: typeof t.jsonContent == "string" ? t.jsonContent : typeof t.content == "string" ? t.content : ""
 	};
 }
-var Ye = J`
+var Ye = q`
   query MyPublisherForListing {
     myPublisher { id }
   }
-`, Xe = J`
+`, Xe = q`
   query PublisherProductsForListing($publisherId: String!) {
     products(filter: { publisherId: $publisherId }) { id productId }
   }
-`, Ze = J`
+`, Ze = q`
   mutation UpdateStoreProduct($input: UpdateProductInput!) {
     updateProduct(input: $input) { id name description }
   }
@@ -1682,7 +1703,7 @@ var Ye = J`
 		variables: { publisherId: x ?? "" },
 		fetchPolicy: "cache-first",
 		skip: !x
-	}), te = S?.products?.find((e) => e.productId === n.id)?.id ?? null, [C] = Ee(Ze), [ne] = v(), [T, { loading: E }] = g();
+	}), te = S?.products?.find((e) => e.productId === n.id)?.id ?? null, [C] = J(Ze), [ne] = v(), [T, { loading: E }] = g();
 	ce(() => {
 		f(Je(y.current));
 	}, [n.id]);
@@ -1752,7 +1773,7 @@ var Ye = J`
 		} catch {
 			w("error");
 		}
-	}, 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) => {
+	}, se = M(null), j = M(null), { upload: F, uploading: I, progress: ue, error: pe } = k(r, i, a, o), { upload: R, uploading: me, progress: ge, error: _e } = k(r, i, a, o, "/DevPortal/Assets"), { upload: B, uploading: ve, progress: ye, error: V } = k(r, i, a, o, "/DevPortal/Assets"), { upload: U, uploading: Se, progress: Ce, error: we } = k(r, i, a, o, "/DevPortal/Assets"), Te = A(async (e) => {
 		let t = e.target.files?.[0];
 		if (t) {
 			e.target.value = "";
@@ -1764,7 +1785,7 @@ var Ye = J`
 				}));
 			} catch {}
 		}
-	}, [F]), Te = A(async (e) => {
+	}, [F]), Ee = A(async (e) => {
 		e.preventDefault(), _(!1);
 		let t = e.dataTransfer.files?.[0];
 		if (t) try {
@@ -1774,7 +1795,7 @@ var Ye = J`
 				manifestRegistryUrl: e.downloadUrl
 			}));
 		} catch {}
-	}, [F]), J = A((e) => {
+	}, [F]), q = A((e) => {
 		let t = e.target.files?.[0];
 		if (!t) return;
 		let n = new FileReader();
@@ -1809,9 +1830,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), X = d.manifestInstallType === "builtin", ke = d.pricingType !== "FREE", Ae = d.manifestRegistryUrl ? d.manifestRegistryUrl.split("/").pop()?.split("?")[0] ?? "" : "";
+	}, [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.status;
-	let je = n.status === "SUBMITTED", Z = n.status === "PUBLISHED", Me = n.appType === "NODE" || n.appType === "WORKFLOW", Ne = [
+	let Me = n.status === "SUBMITTED", X = n.status === "PUBLISHED", Z = n.appType === "NODE" || n.appType === "WORKFLOW", Ne = [
 		{
 			label: "Short description",
 			done: !!d.shortDescription.trim()
@@ -1833,37 +1854,37 @@ var Ye = J`
 			done: !!d.termsOfServiceUrl.trim()
 		}
 	], Pe = Ne.filter((e) => e.done).length, Fe = Ne.length;
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ K("div", {
 		className: "space-y-8 max-w-3xl",
 		children: [
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ K("div", {
 				className: "rounded-lg border border-primary/20 bg-primary/5 px-4 py-3 space-y-2",
-				children: [/* @__PURE__ */ K("p", {
+				children: [/* @__PURE__ */ G("p", {
 					className: "text-sm font-semibold text-primary",
 					children: u("devportal.listingTabPurpose", "What is this tab for?")
-				}), /* @__PURE__ */ q("ul", {
+				}), /* @__PURE__ */ K("ul", {
 					className: "text-sm text-muted-foreground space-y-1 list-none pl-0",
 					children: [
-						/* @__PURE__ */ q("li", {
+						/* @__PURE__ */ K("li", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ K(be, {
+							children: [/* @__PURE__ */ G(xe, {
 								size: 14,
 								className: "mt-0.5 shrink-0 text-primary"
-							}), /* @__PURE__ */ q("span", { children: [
-								/* @__PURE__ */ K("strong", { children: u("devportal.thisTab", "This tab") }),
+							}), /* @__PURE__ */ K("span", { children: [
+								/* @__PURE__ */ G("strong", { children: u("devportal.thisTab", "This tab") }),
 								" ",
 								u("devportal.listingTabDesc", "controls your store card — the name, description, icon and screenshots users see in the marketplace. Save changes here any time without creating a new release.")
 							] })]
 						}),
-						Me && /* @__PURE__ */ q("li", {
+						Z && /* @__PURE__ */ K("li", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ K(de, {
+							children: [/* @__PURE__ */ G(de, {
 								size: 14,
 								className: "mt-0.5 shrink-0 text-primary"
-							}), /* @__PURE__ */ q("span", { children: [
+							}), /* @__PURE__ */ K("span", { children: [
 								u("devportal.versionsTabDesc", "To release a new version (ZIP package + manifest), go to the"),
 								" ",
-								/* @__PURE__ */ K("button", {
+								/* @__PURE__ */ G("button", {
 									type: "button",
 									className: "underline text-primary hover:no-underline",
 									onClick: () => s?.(`${c}/apps/${n.id}/versions`),
@@ -1872,26 +1893,26 @@ var Ye = J`
 								"."
 							] })]
 						}),
-						/* @__PURE__ */ q("li", {
+						/* @__PURE__ */ K("li", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ K(ye, {
+							children: [/* @__PURE__ */ G(be, {
 								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.") })]
+							}), /* @__PURE__ */ G("span", { children: u("devportal.submitTabDesc", "When your listing is ready, click \"Submit for Review\" to send it to the review team.") })]
 						})
 					]
 				})]
 			}),
-			!Z && /* @__PURE__ */ q("div", {
+			!X && /* @__PURE__ */ K("div", {
 				className: "rounded-lg border bg-card p-4 space-y-3",
-				children: [/* @__PURE__ */ q("div", {
+				children: [/* @__PURE__ */ K("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ q("p", {
+					children: [/* @__PURE__ */ K("p", {
 						className: "text-sm font-medium",
 						children: [
 							u("devportal.listingCompleteness", "Listing completeness"),
 							" ",
-							/* @__PURE__ */ q("span", {
+							/* @__PURE__ */ K("span", {
 								className: t("ml-1 text-xs font-semibold", Pe === Fe ? "text-status-success-text" : "text-status-warning-text"),
 								children: [
 									Pe,
@@ -1900,38 +1921,38 @@ var Ye = J`
 								]
 							})
 						]
-					}), Pe === Fe && /* @__PURE__ */ q("span", {
+					}), Pe === Fe && /* @__PURE__ */ K("span", {
 						className: "text-xs text-status-success-text flex items-center gap-1",
-						children: [/* @__PURE__ */ K(L, { size: 12 }), u("devportal.readyToSubmit", "Ready to submit")]
+						children: [/* @__PURE__ */ G(L, { size: 12 }), u("devportal.readyToSubmit", "Ready to submit")]
 					})]
-				}), /* @__PURE__ */ K("div", {
+				}), /* @__PURE__ */ G("div", {
 					className: "grid grid-cols-2 sm:grid-cols-3 gap-2",
-					children: Ne.map((e) => /* @__PURE__ */ q("div", {
+					children: Ne.map((e) => /* @__PURE__ */ K("div", {
 						className: "flex items-center gap-1.5 text-xs",
-						children: [e.done ? /* @__PURE__ */ K(L, {
+						children: [e.done ? /* @__PURE__ */ G(L, {
 							size: 12,
 							className: "text-status-success-text shrink-0"
-						}) : /* @__PURE__ */ K(le, {
+						}) : /* @__PURE__ */ G(le, {
 							size: 12,
 							className: "text-status-warning-text shrink-0"
-						}), /* @__PURE__ */ K("span", {
+						}), /* @__PURE__ */ G("span", {
 							className: e.done ? "text-foreground" : "text-muted-foreground",
 							children: e.label
 						})]
 					}, e.label))
 				})]
 			}),
-			Z ? /* @__PURE__ */ q("div", {
+			X ? /* @__PURE__ */ K("div", {
 				className: "flex items-start gap-3 rounded-lg border border-success/30 bg-success/10 px-4 py-3",
-				children: [/* @__PURE__ */ K(L, {
+				children: [/* @__PURE__ */ G(L, {
 					size: 16,
 					className: "text-success mt-0.5 shrink-0"
-				}), /* @__PURE__ */ q("div", {
+				}), /* @__PURE__ */ K("div", {
 					className: "text-sm",
-					children: [/* @__PURE__ */ K("span", {
+					children: [/* @__PURE__ */ G("span", {
 						className: "font-medium text-success",
 						children: u("devportal.storeListing.published", "Published")
-					}), n.publishedAt && /* @__PURE__ */ q("span", {
+					}), n.publishedAt && /* @__PURE__ */ K("span", {
 						className: "text-muted-foreground ml-2",
 						children: [
 							u("devportal.storeListing.since", "since"),
@@ -1940,66 +1961,66 @@ var Ye = J`
 						]
 					})]
 				})]
-			}) : je ? /* @__PURE__ */ q("div", {
+			}) : Me ? /* @__PURE__ */ K("div", {
 				className: "flex items-start gap-3 rounded-lg border border-primary/30 bg-primary/5 px-4 py-3",
-				children: [/* @__PURE__ */ K(de, {
+				children: [/* @__PURE__ */ G(de, {
 					size: 16,
 					className: "text-primary mt-0.5 shrink-0"
-				}), /* @__PURE__ */ q("div", {
+				}), /* @__PURE__ */ K("div", {
 					className: "text-sm",
 					children: [
-						/* @__PURE__ */ K("span", {
+						/* @__PURE__ */ G("span", {
 							className: "font-medium text-primary",
 							children: u("devportal.storeListing.underReview", "Submitted for review")
 						}),
-						n.submittedAt && /* @__PURE__ */ K("span", {
+						n.submittedAt && /* @__PURE__ */ G("span", {
 							className: "text-muted-foreground ml-2",
 							children: new Date(n.submittedAt).toLocaleDateString()
 						}),
-						n.reviewStatus && /* @__PURE__ */ q("span", {
+						n.reviewStatus && /* @__PURE__ */ K("span", {
 							className: "text-muted-foreground ml-2",
 							children: ["· ", n.reviewStatus]
 						})
 					]
 				})]
-			}) : /* @__PURE__ */ q("div", {
+			}) : /* @__PURE__ */ K("div", {
 				className: "flex items-start gap-3 rounded-lg border border-warning/30 bg-warning/5 px-4 py-3",
-				children: [/* @__PURE__ */ K(le, {
+				children: [/* @__PURE__ */ G(le, {
 					size: 16,
 					className: "text-warning mt-0.5 shrink-0"
-				}), /* @__PURE__ */ q("div", {
+				}), /* @__PURE__ */ K("div", {
 					className: "text-sm",
-					children: [/* @__PURE__ */ K("span", {
+					children: [/* @__PURE__ */ G("span", {
 						className: "font-medium text-warning",
 						children: u("devportal.storeListing.draft", "Draft")
-					}), /* @__PURE__ */ K("span", {
+					}), /* @__PURE__ */ G("span", {
 						className: "text-muted-foreground ml-2",
 						children: u("devportal.storeListing.draftHint", "Complete your store listing and submit for review to publish.")
 					})]
 				})]
 			}),
-			Me ? /* @__PURE__ */ q("div", {
+			Z ? /* @__PURE__ */ K("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-sunken px-4 py-4 flex items-start gap-3",
-				children: [/* @__PURE__ */ K(z, {
+				children: [/* @__PURE__ */ G(he, {
 					size: 16,
 					className: "shrink-0 mt-0.5 text-muted-foreground"
-				}), /* @__PURE__ */ q("div", {
+				}), /* @__PURE__ */ K("div", {
 					className: "text-sm space-y-1",
-					children: [/* @__PURE__ */ K("p", {
+					children: [/* @__PURE__ */ G("p", {
 						className: "font-medium",
 						children: u("devportal.packageManagedInVersions", "ZIP package & manifest are managed in Versions")
-					}), /* @__PURE__ */ K("p", {
+					}), /* @__PURE__ */ G("p", {
 						className: "text-muted-foreground",
 						children: u("devportal.packageManagedInVersionsDesc", "For NODE and WORKFLOW types, each release is uploaded through the Versions page — including the ZIP archive and manifest.json. This keeps your code releases separate from your store card.")
 					})]
 				})]
-			}) : /* @__PURE__ */ K(b, {
+			}) : /* @__PURE__ */ G(b, {
 				title: u("devportal.package", "Package"),
 				description: u("devportal.packageDescription", "Technical configuration — how FluidGrid installs and runs this item"),
-				children: /* @__PURE__ */ q("div", {
+				children: /* @__PURE__ */ K("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ K(re, {
+						/* @__PURE__ */ G(re, {
 							label: u("devportal.storeItemType", "Item Type"),
 							value: d.manifestItemType,
 							onChange: (e) => {
@@ -2010,14 +2031,14 @@ var Ye = J`
 							placeholder: u("devportal.selectItemType", "Select item type…"),
 							hint: u("devportal.storeItemTypeHint", "Determines how this item is categorised and how the platform runs it")
 						}),
-						/* @__PURE__ */ q("div", {
+						/* @__PURE__ */ K("div", {
 							className: "grid gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ K(D, {
+							children: [/* @__PURE__ */ G(D, {
 								label: u("devportal.manifestDisplayName", "Display Name"),
 								value: d.manifestDisplayName,
 								onChange: (e) => O("manifestDisplayName", e.target.value),
 								placeholder: "My Awesome Node"
-							}), /* @__PURE__ */ K(D, {
+							}), /* @__PURE__ */ G(D, {
 								label: u("devportal.manifestVersion", "Version"),
 								value: d.manifestVersion,
 								onChange: (e) => O("manifestVersion", e.target.value),
@@ -2025,7 +2046,7 @@ var Ye = J`
 								hint: u("devportal.semverHint", "Semantic version (MAJOR.MINOR.PATCH)")
 							})]
 						}),
-						Oe && /* @__PURE__ */ K(ie, {
+						Oe && /* @__PURE__ */ G(ie, {
 							label: u("devportal.jsonContent", d.manifestItemType === "workflow" ? "Workflow Definition (JSON)" : "Template Definition (JSON)"),
 							value: d.manifestJsonContent,
 							onChange: (e) => O("manifestJsonContent", e.target.value),
@@ -2033,62 +2054,62 @@ var Ye = J`
 							placeholder: "{\n  \"nodes\": [],\n  \"edges\": []\n}",
 							hint: u("devportal.jsonContentHint", "Paste the full JSON definition. Stored and applied directly — no zip needed.")
 						}),
-						!Oe && /* @__PURE__ */ q("div", {
+						!Oe && /* @__PURE__ */ K("div", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ q("div", {
+								/* @__PURE__ */ K("div", {
 									className: "flex items-center justify-between flex-wrap gap-2",
-									children: [/* @__PURE__ */ K("label", {
+									children: [/* @__PURE__ */ G("label", {
 										className: "text-sm font-medium",
 										children: u("devportal.packageFile", "Package File")
-									}), /* @__PURE__ */ q("label", {
+									}), /* @__PURE__ */ K("label", {
 										className: "flex items-center gap-2 text-sm cursor-pointer select-none",
-										children: [/* @__PURE__ */ K("input", {
+										children: [/* @__PURE__ */ G("input", {
 											type: "checkbox",
-											checked: X,
+											checked: ke,
 											onChange: (e) => O("manifestInstallType", e.target.checked ? "builtin" : "zip"),
 											className: "h-4 w-4 rounded border-border accent-primary"
-										}), /* @__PURE__ */ K("span", {
+										}), /* @__PURE__ */ G("span", {
 											className: "text-text-secondary",
 											children: u("devportal.builtinToggle", "Built-in (pre-installed, no upload needed)")
 										})]
 									})]
 								}),
-								!X && /* @__PURE__ */ q(G, { children: [
-									/* @__PURE__ */ q("div", {
+								!ke && /* @__PURE__ */ K(W, { children: [
+									/* @__PURE__ */ K("div", {
 										className: "flex gap-3 rounded-lg border border-border-subtle bg-bg-sunken p-3 text-sm text-text-secondary",
-										children: [/* @__PURE__ */ K(z, {
+										children: [/* @__PURE__ */ G(he, {
 											size: 15,
 											className: "mt-0.5 shrink-0"
-										}), /* @__PURE__ */ q("span", { children: [
+										}), /* @__PURE__ */ K("span", { children: [
 											u("devportal.zipModelHint", "Package your code and a "),
-											/* @__PURE__ */ K("code", {
+											/* @__PURE__ */ G("code", {
 												className: "rounded bg-muted px-1 py-0.5 font-mono text-xs",
 												children: "manifest.json"
 											}),
 											u("devportal.zipModelHint2", " into a single zip — like a Chrome extension. Upload it below and FluidGrid handles the rest automatically.")
 										] })]
 									}),
-									/* @__PURE__ */ q("div", {
+									/* @__PURE__ */ K("div", {
 										onDragOver: (e) => {
 											e.preventDefault(), _(!0);
 										},
 										onDragLeave: () => _(!1),
-										onDrop: (e) => void Te(e),
+										onDrop: (e) => void Ee(e),
 										onClick: () => !I && j.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", h ? "border-primary bg-primary/5" : "border-border hover:border-border-strong hover:bg-bg-sunken", I && "pointer-events-none opacity-75"),
-										children: [/* @__PURE__ */ K("input", {
+										children: [/* @__PURE__ */ G("input", {
 											ref: j,
 											type: "file",
 											accept: ".zip,application/zip,application/x-zip-compressed",
 											className: "hidden",
-											onChange: (e) => void we(e)
-										}), I ? /* @__PURE__ */ q(G, { children: [
-											/* @__PURE__ */ K(B, {
+											onChange: (e) => void Te(e)
+										}), I ? /* @__PURE__ */ K(W, { children: [
+											/* @__PURE__ */ G(z, {
 												size: 28,
 												className: "animate-spin text-primary"
 											}),
-											/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ q("p", {
+											/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ K("p", {
 												className: "text-sm font-medium",
 												children: [
 													u("devportal.uploading", "Uploading…"),
@@ -2096,78 +2117,78 @@ var Ye = J`
 													ue,
 													"%"
 												]
-											}), /* @__PURE__ */ K("p", {
+											}), /* @__PURE__ */ G("p", {
 												className: "text-xs text-text-secondary mt-0.5",
 												children: u("devportal.uploadingHint", "Stored securely in your workspace")
 											})] }),
-											/* @__PURE__ */ K("div", {
+											/* @__PURE__ */ G("div", {
 												className: "w-48 h-1.5 rounded-full bg-muted overflow-hidden",
-												children: /* @__PURE__ */ K("div", {
+												children: /* @__PURE__ */ G("div", {
 													className: "h-full bg-primary transition-all",
 													style: { width: `${ue}%` }
 												})
 											})
-										] }) : Ae ? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(L, {
+										] }) : je ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(L, {
 											size: 28,
 											className: "text-status-success-text"
-										}), /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+										}), /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
 											className: "text-sm font-medium",
-											children: Ae
-										}), /* @__PURE__ */ K("p", {
+											children: je
+										}), /* @__PURE__ */ G("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(U, {
+										})] })] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(H, {
 											size: 28,
 											className: "text-text-secondary"
-										}), /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", {
+										}), /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
 											className: "text-sm font-medium",
 											children: u("devportal.dropZipHere", "Drop your .zip here")
-										}), /* @__PURE__ */ K("p", {
+										}), /* @__PURE__ */ G("p", {
 											className: "text-xs text-text-secondary mt-0.5",
 											children: u("devportal.orClickToBrowse", "or click to browse")
 										})] })] })]
 									}),
-									pe && /* @__PURE__ */ K("p", {
+									pe && /* @__PURE__ */ G("p", {
 										className: "text-xs text-status-error-text",
 										children: pe
 									})
 								] }),
-								X && /* @__PURE__ */ q("div", {
+								ke && /* @__PURE__ */ K("div", {
 									className: "flex gap-3 rounded-lg border border-border-subtle bg-bg-sunken p-3 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ K(z, {
+									children: [/* @__PURE__ */ G(he, {
 										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.") })]
+									}), /* @__PURE__ */ G("span", { children: u("devportal.builtinHint", "Built-in items are pre-installed by the platform. No package upload is needed.") })]
 								})
 							]
 						}),
-						/* @__PURE__ */ q("div", {
+						/* @__PURE__ */ K("div", {
 							className: "flex flex-wrap items-center gap-2 border-t pt-4",
 							children: [
-								/* @__PURE__ */ K("input", {
+								/* @__PURE__ */ G("input", {
 									ref: se,
 									type: "file",
 									accept: ".json,application/json",
 									className: "hidden",
-									onChange: J
+									onChange: q
 								}),
-								/* @__PURE__ */ K("span", {
+								/* @__PURE__ */ G("span", {
 									className: "text-xs text-text-secondary mr-1",
 									children: "manifest.json:"
 								}),
-								/* @__PURE__ */ q("button", {
+								/* @__PURE__ */ K("button", {
 									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(U, { size: 12 }), u("devportal.importManifest", "Import")]
+									children: [/* @__PURE__ */ G(H, { size: 12 }), u("devportal.importManifest", "Import")]
 								}),
-								/* @__PURE__ */ q("button", {
+								/* @__PURE__ */ K("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(fe, { size: 12 }), u("devportal.exportManifest", "Export")]
+									children: [/* @__PURE__ */ G(fe, { size: 12 }), u("devportal.exportManifest", "Export")]
 								}),
-								/* @__PURE__ */ K("span", {
+								/* @__PURE__ */ G("span", {
 									className: "text-xs text-text-secondary",
 									children: u("devportal.manifestTip", "— export to get a manifest.json to include inside your zip")
 								})
@@ -2176,15 +2197,15 @@ var Ye = J`
 					]
 				})
 			}),
-			/* @__PURE__ */ K(b, {
+			/* @__PURE__ */ G(b, {
 				title: u("devportal.storePresentation", "Store Presence"),
 				description: u("devportal.storePresentationDescription", "Visual assets and copy shown to users browsing the marketplace"),
-				children: /* @__PURE__ */ q("div", {
+				children: /* @__PURE__ */ K("div", {
 					className: "space-y-5",
 					children: [
-						/* @__PURE__ */ q("div", {
+						/* @__PURE__ */ K("div", {
 							className: "grid gap-5 sm:grid-cols-2",
-							children: [/* @__PURE__ */ K(Ue, {
+							children: [/* @__PURE__ */ G(Ue, {
 								label: u("devportal.iconUrl", "Icon"),
 								value: d.iconUrl,
 								onChange: (e) => O("iconUrl", e),
@@ -2192,28 +2213,28 @@ var Ye = J`
 								aspectClass: "aspect-square",
 								upload: R,
 								uploading: me,
-								progress: he,
-								error: ge
-							}), /* @__PURE__ */ K(Ue, {
+								progress: ge,
+								error: _e
+							}), /* @__PURE__ */ G(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: V,
-								uploading: _e,
-								progress: ve,
-								error: H
+								upload: B,
+								uploading: ve,
+								progress: ye,
+								error: V
 							})]
 						}),
-						/* @__PURE__ */ K(D, {
+						/* @__PURE__ */ G(D, {
 							label: u("devportal.videoUrl", "Demo Video URL"),
 							value: d.videoUrl,
 							onChange: (e) => O("videoUrl", e.target.value),
 							placeholder: "https://...",
 							hint: u("devportal.videoUrlHint", "YouTube or Vimeo embed URL")
 						}),
-						/* @__PURE__ */ K(ie, {
+						/* @__PURE__ */ G(ie, {
 							label: u("devportal.shortDescription", "Short Description"),
 							value: d.shortDescription,
 							onChange: (e) => O("shortDescription", e.target.value),
@@ -2221,62 +2242,62 @@ var Ye = J`
 							rows: 2,
 							hint: `${d.shortDescription.length}/200 · ${u("devportal.shortDescHint", "Shown in search results and cards")}`
 						}),
-						/* @__PURE__ */ K(ie, {
+						/* @__PURE__ */ G(ie, {
 							label: u("devportal.longDescription", "Full Description"),
 							value: d.description,
 							onChange: (e) => O("description", e.target.value),
 							rows: 5,
 							hint: u("devportal.fullDescHint", "Markdown supported")
 						}),
-						/* @__PURE__ */ K(We, {
+						/* @__PURE__ */ G(We, {
 							urls: d.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean),
 							onChange: (e) => O("screenshotsText", e.join("\n")),
-							upload: W,
-							uploading: xe,
-							progress: Se,
-							error: Ce
+							upload: U,
+							uploading: Se,
+							progress: Ce,
+							error: we
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ K(b, {
+			/* @__PURE__ */ G(b, {
 				title: u("devportal.linksPolicies", "Links & Policies"),
 				description: u("devportal.linksPoliciesDescription", "External resources and legal documents — privacy policy and terms are required for store submission"),
-				children: /* @__PURE__ */ q("div", {
+				children: /* @__PURE__ */ K("div", {
 					className: "grid gap-4 sm:grid-cols-2",
 					children: [
-						/* @__PURE__ */ K(D, {
+						/* @__PURE__ */ G(D, {
 							label: u("devportal.websiteUrl", "Website"),
 							value: d.websiteUrl,
 							onChange: (e) => O("websiteUrl", e.target.value),
 							placeholder: "https://..."
 						}),
-						/* @__PURE__ */ K(D, {
+						/* @__PURE__ */ G(D, {
 							label: u("devportal.documentationUrl", "Documentation"),
 							value: d.documentationUrl,
 							onChange: (e) => O("documentationUrl", e.target.value),
 							placeholder: "https://..."
 						}),
-						/* @__PURE__ */ K(D, {
+						/* @__PURE__ */ G(D, {
 							label: u("devportal.githubUrl", "GitHub"),
 							value: d.githubUrl,
 							onChange: (e) => O("githubUrl", e.target.value),
 							placeholder: "https://github.com/..."
 						}),
-						/* @__PURE__ */ K(D, {
+						/* @__PURE__ */ G(D, {
 							label: u("devportal.supportUrl", "Support"),
 							value: d.supportUrl,
 							onChange: (e) => O("supportUrl", e.target.value),
 							placeholder: "https://..."
 						}),
-						/* @__PURE__ */ K(D, {
+						/* @__PURE__ */ G(D, {
 							label: `${u("devportal.privacyPolicyUrl", "Privacy Policy")} *`,
 							value: d.privacyPolicyUrl,
 							onChange: (e) => O("privacyPolicyUrl", e.target.value),
 							placeholder: "https://...",
 							hint: u("devportal.requiredForStore", "Required for store submission")
 						}),
-						/* @__PURE__ */ K(D, {
+						/* @__PURE__ */ G(D, {
 							label: `${u("devportal.termsOfServiceUrl", "Terms of Service")} *`,
 							value: d.termsOfServiceUrl,
 							onChange: (e) => O("termsOfServiceUrl", e.target.value),
@@ -2286,31 +2307,31 @@ var Ye = J`
 					]
 				})
 			}),
-			/* @__PURE__ */ K(b, {
+			/* @__PURE__ */ G(b, {
 				title: u("devportal.pricing", "Pricing"),
 				description: u("devportal.pricingDescription", "How this item is priced in the marketplace"),
-				children: /* @__PURE__ */ q("div", {
+				children: /* @__PURE__ */ K("div", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("label", {
+					children: [/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("label", {
 						className: "mb-2 block text-sm font-medium",
 						children: u("devportal.pricingType", "Pricing Type")
-					}), /* @__PURE__ */ K("div", {
+					}), /* @__PURE__ */ G("div", {
 						className: "flex flex-wrap gap-2",
-						children: Ke.map((e) => /* @__PURE__ */ K("button", {
+						children: Ke.map((e) => /* @__PURE__ */ G("button", {
 							type: "button",
 							onClick: () => O("pricingType", e.value),
 							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))
-					})] }), ke && /* @__PURE__ */ q("div", {
+					})] }), Ae && /* @__PURE__ */ K("div", {
 						className: "grid gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ K(D, {
+						children: [/* @__PURE__ */ G(D, {
 							label: u("devportal.price", "Price"),
 							type: "number",
 							value: d.price,
 							onChange: (e) => O("price", e.target.value),
 							placeholder: "0.00"
-						}), /* @__PURE__ */ K(D, {
+						}), /* @__PURE__ */ G(D, {
 							label: u("devportal.currency", "Currency"),
 							value: d.currency,
 							onChange: (e) => O("currency", e.target.value),
@@ -2319,32 +2340,32 @@ var Ye = J`
 					})]
 				})
 			}),
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ K("div", {
 				className: "border-t pt-6 flex items-center gap-3 flex-wrap",
 				children: [
-					/* @__PURE__ */ K("button", {
+					/* @__PURE__ */ G("button", {
 						type: "button",
 						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(B, {
+						children: p ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(z, {
 							size: 16,
 							className: "animate-spin"
-						}), u("devportal.saving", "Saving…")] }) : /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(be, { size: 16 }), u("devportal.saveMarketplaceListing", "Save Marketplace Listing")] })
+						}), u("devportal.saving", "Saving…")] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(xe, { size: 16 }), u("devportal.saveMarketplaceListing", "Save Marketplace Listing")] })
 					}),
-					!Z && !je && /* @__PURE__ */ K("button", {
+					!X && !Me && /* @__PURE__ */ G("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(B, {
+						children: E ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(z, {
 							size: 16,
 							className: "animate-spin"
-						}), u("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(ye, { size: 16 }), u("devportal.submitForReview", "Submit for Review")] })
+						}), u("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(be, { size: 16 }), u("devportal.submitForReview", "Submit for Review")] })
 					}),
-					!Z && je && /* @__PURE__ */ q("p", {
+					!X && Me && /* @__PURE__ */ K("p", {
 						className: "text-xs text-muted-foreground flex items-center gap-1.5",
-						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.")]
+						children: [/* @__PURE__ */ G(de, { size: 12 }), u("devportal.awaitingReview", "Your listing is under review. You can still update and save — changes take effect after approval.")]
 					})
 				]
 			})
@@ -2352,18 +2373,18 @@ var Ye = J`
 	});
 }, Q = ({ label: e, value: n, trend: r }) => {
 	let { t: i } = P();
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ K("div", {
 		className: "rounded-lg border bg-card p-4",
 		children: [
-			/* @__PURE__ */ K("p", {
+			/* @__PURE__ */ G("p", {
 				className: "text-sm text-muted-foreground",
 				children: e
 			}),
-			/* @__PURE__ */ K("p", {
+			/* @__PURE__ */ G("p", {
 				className: "text-2xl font-bold",
 				children: n
 			}),
-			r !== void 0 && /* @__PURE__ */ q("p", {
+			r !== void 0 && /* @__PURE__ */ K("p", {
 				className: t("text-xs mt-1", r > 0 ? "text-status-success-text" : r < 0 ? "text-status-error-text" : "text-muted-foreground"),
 				children: [
 					r > 0 ? "+" : "",
@@ -2377,12 +2398,12 @@ var Ye = J`
 			})
 		]
 	});
-}, $ = ({ label: e, url: t }) => /* @__PURE__ */ q("a", {
+}, $ = ({ 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__ */ K(R, { size: 14 }), e]
+	children: [/* @__PURE__ */ G(R, { size: 14 }), e]
 }), $e = [
 	{
 		id: "auth",
@@ -2493,41 +2514,41 @@ var tt = ({ app: e }) => {
 		"read",
 		"write"
 	];
-	return /* @__PURE__ */ K(b, {
+	return /* @__PURE__ */ G(b, {
 		title: "Permissions",
 		description: "Define what platform data this app can request access to. Users see these when authorizing the app.",
-		children: /* @__PURE__ */ q("div", {
+		children: /* @__PURE__ */ K("div", {
 			className: "space-y-4",
 			children: [
-				/* @__PURE__ */ K("div", {
+				/* @__PURE__ */ G("div", {
 					className: "overflow-x-auto rounded-lg border border-border",
-					children: /* @__PURE__ */ q("table", {
+					children: /* @__PURE__ */ K("table", {
 						className: "w-full text-sm",
-						children: [/* @__PURE__ */ K("thead", { children: /* @__PURE__ */ q("tr", {
+						children: [/* @__PURE__ */ G("thead", { children: /* @__PURE__ */ K("tr", {
 							className: "border-b border-border bg-muted/50",
-							children: [/* @__PURE__ */ K("th", {
+							children: [/* @__PURE__ */ G("th", {
 								className: "px-4 py-3 text-left font-medium text-muted-foreground w-1/2",
 								children: "Resource"
-							}), f.map((e) => /* @__PURE__ */ K("th", {
+							}), f.map((e) => /* @__PURE__ */ G("th", {
 								className: "px-4 py-3 text-center font-medium text-muted-foreground",
 								children: d[e]
 							}, e))]
-						}) }), /* @__PURE__ */ K("tbody", {
+						}) }), /* @__PURE__ */ G("tbody", {
 							className: "divide-y divide-border",
-							children: $e.map((e) => /* @__PURE__ */ q("tr", {
+							children: $e.map((e) => /* @__PURE__ */ K("tr", {
 								className: "hover:bg-muted/30 transition-colors",
-								children: [/* @__PURE__ */ q("td", {
+								children: [/* @__PURE__ */ K("td", {
 									className: "px-4 py-3",
-									children: [/* @__PURE__ */ K("p", {
+									children: [/* @__PURE__ */ G("p", {
 										className: "font-medium text-foreground",
 										children: e.label
-									}), /* @__PURE__ */ K("p", {
+									}), /* @__PURE__ */ G("p", {
 										className: "text-xs text-muted-foreground",
 										children: e.description
 									})]
-								}), f.map((t) => /* @__PURE__ */ K("td", {
+								}), f.map((t) => /* @__PURE__ */ G("td", {
 									className: "px-4 py-3 text-center",
-									children: /* @__PURE__ */ K("input", {
+									children: /* @__PURE__ */ G("input", {
 										type: "radio",
 										name: `perm-${e.id}`,
 										value: t,
@@ -2540,27 +2561,27 @@ var tt = ({ app: e }) => {
 						})]
 					})
 				}),
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ K("div", {
 					className: "rounded-lg border border-border-subtle bg-muted/30 p-3 flex gap-2 text-xs text-muted-foreground",
-					children: [/* @__PURE__ */ K(z, {
+					children: [/* @__PURE__ */ G(he, {
 						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."] })]
+					}), /* @__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__ */ q("div", {
+				/* @__PURE__ */ K("div", {
 					className: "flex items-center justify-end gap-3",
-					children: [o && /* @__PURE__ */ q("span", {
+					children: [o && /* @__PURE__ */ K("span", {
 						className: "flex items-center gap-1.5 text-sm text-status-success-text",
-						children: [/* @__PURE__ */ K(L, { size: 14 }), "Saved"]
-					}), /* @__PURE__ */ q("button", {
+						children: [/* @__PURE__ */ G(L, { size: 14 }), "Saved"]
+					}), /* @__PURE__ */ K("button", {
 						type: "button",
 						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(B, {
+						children: [i ? /* @__PURE__ */ G(z, {
 							size: 14,
 							className: "animate-spin"
-						}) : /* @__PURE__ */ K(H, { size: 14 }), "Save Permissions"]
+						}) : /* @__PURE__ */ G(V, { size: 14 }), "Save Permissions"]
 					})]
 				})
 			]