@burdenoff/microfe-devportal 2026.622.2 → 2026.623.1

package/dist/devportal/pages/ApplicationDetailPage.js

@@ -2,27 +2,27 @@ import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { cn as t } from "../utils/cn.js";
 import { LoadingState as n } from "../components/LoadingState.js";
 import { EmptyState as r } from "../components/EmptyState.js";
-import { useCurrentUserDelegationsQuery as i, useDeactivateAppMutation as a, useGetApplicationAnalyticsQuery as o, useGetApplicationQuery as s, useGetWebhooksQuery as c, useInstallApplicationMutation as l, useRevokeDelegationMutation as u, useRotateAppSecretMutation as d, useSubmitApplicationMutation as f, useUpdateApplicationMutation as p } from "../../generated/global-operations.js";
-import { PageLayout as m, PageSection as h } from "../components/PageLayout.js";
-import { APP_TYPE_LABELS as g } from "../utils/constants.js";
-import { FeaturedBadge as _, StatusBadge as v, VerifiedBadge as y } from "../components/StatusBadge.js";
-import { SelectionCheckbox as b } from "../components/SelectionCheckbox.js";
-import { nativeNotify as x } from "../../utils/nativeBridge.js";
-import { NewSecretAlert as S } from "../components/SecretDisplay.js";
-import { DataTable as C, DetailList as ee } from "../components/DataTable.js";
-import { InputField as w, SelectField as T, TextareaField as E } from "../components/FormField.js";
+import { useCurrentUserDelegationsQuery as i, useDeactivateAppMutation as a, useGetApplicationAnalyticsQuery as o, useGetApplicationQuery as s, useGetWebhooksQuery as c, useGetWorkspaceInstallationQuery as l, useInstallApplicationMutation as u, useRevokeDelegationMutation as d, useRotateAppSecretMutation as f, useSubmitApplicationMutation as p, useUninstallApplicationMutation as m, useUpdateApplicationMutation as h } from "../../generated/global-operations.js";
+import { PageLayout as g, PageSection as _ } from "../components/PageLayout.js";
+import { APP_TYPE_LABELS as v } from "../utils/constants.js";
+import { FeaturedBadge as y, StatusBadge as b, VerifiedBadge as x } from "../components/StatusBadge.js";
+import { SelectionCheckbox as S } from "../components/SelectionCheckbox.js";
+import { nativeNotify as C } from "../../utils/nativeBridge.js";
+import { NewSecretAlert as ee } from "../components/SecretDisplay.js";
+import { DataTable as w, DetailList as T } from "../components/DataTable.js";
+import { InputField as E, SelectField as D, TextareaField as O } from "../components/FormField.js";
 import { ConfirmDialog as te } from "../components/ConfirmDialog.js";
-import { GrantDelegationModal as D } from "../components/GrantDelegationModal.js";
-import { DEVPORTAL_PERMISSIONS as O } from "../constants/permissions.js";
-import { useDevportalPermission as k } from "../hooks/usePermission.js";
-import { usePackageUpload as A } from "../hooks/usePackageUpload.js";
-import { useCallback as j, useEffect as ne, useMemo as M, useRef as N, useState as P } from "react";
-import { useI18n as F } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as re, AppWindow as ie, BarChart3 as I, CheckCircle as L, Clock as ae, Download as oe, Edit as se, ExternalLink as R, FlaskConical as ce, Info as z, Key as B, Loader2 as V, MoreHorizontal as H, Plus as U, Power as le, RefreshCw as ue, Shield as W, Store as de, Upload as G, Users as fe, Webhook as pe, X as me, XCircle as K } from "lucide-react";
-import { useParams as he } from "react-router-dom";
+import { GrantDelegationModal as k } from "../components/GrantDelegationModal.js";
+import { DEVPORTAL_PERMISSIONS as A } from "../constants/permissions.js";
+import { useDevportalPermission as ne } from "../hooks/usePermission.js";
+import { usePackageUpload as j } from "../hooks/usePackageUpload.js";
+import { useCallback as M, useEffect as re, useMemo as N, useRef as P, useState as F } from "react";
+import { useI18n as I } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as ie, AppWindow as ae, BarChart3 as L, CheckCircle as R, Clock as oe, Download as se, Edit as ce, ExternalLink as z, FlaskConical as le, Info as ue, Key as B, Loader2 as V, MoreHorizontal as de, Plus as H, Power as fe, RefreshCw as pe, Shield as U, Store as me, Upload as W, Users as G, Webhook as he, X as K, XCircle as ge } from "lucide-react";
+import { useParams as _e } from "react-router-dom";
 import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
 //#region src/devportal/pages/ApplicationDetailPage.tsx
-function ge(e) {
+function ve(e) {
 	return e ? {
 		id: e.id,
 		name: e.name,
@@ -62,7 +62,7 @@ function ge(e) {
 		updatedAt: e.updatedAt
 	} : null;
 }
-function _e(e) {
+function X(e) {
 	return {
 		id: e.id,
 		applicationId: e.applicationId,
@@ -86,7 +86,7 @@ function _e(e) {
 		updatedAt: e.updatedAt
 	};
 }
-function ve(e) {
+function ye(e) {
 	return {
 		id: e.id,
 		applicationId: e.applicationId,
@@ -102,7 +102,7 @@ function ve(e) {
 		createdAt: e.createdAt
 	};
 }
-function ye(e) {
+function be(e) {
 	return {
 		id: e.id,
 		appId: e.appId,
@@ -124,16 +124,16 @@ function ye(e) {
 		revokedBy: e.revokedBy || void 0
 	};
 }
-var be = [
+var xe = [
 	{
 		id: "overview",
 		label: "Overview",
-		icon: ie
+		icon: ae
 	},
 	{
 		id: "oauth",
 		label: "OAuth Clients",
-		icon: W
+		icon: U
 	},
 	{
 		id: "api-keys",
@@ -143,33 +143,33 @@ var be = [
 	{
 		id: "webhooks",
 		label: "Webhooks",
-		icon: pe
+		icon: he
 	},
 	{
 		id: "delegations",
 		label: "Delegations",
-		icon: fe
+		icon: G
 	},
 	{
 		id: "analytics",
 		label: "Analytics",
-		icon: I
+		icon: L
 	},
 	{
 		id: "playground",
 		label: "API Playground",
-		icon: R
+		icon: z
 	},
 	{
 		id: "store-listing",
 		label: "Store Listing",
-		icon: de
+		icon: me
 	}
-], xe = {
+], Se = {
 	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"
-}, X = ({ message: e = "Loading..." }) => /* @__PURE__ */ Y("div", {
+}, Ce = ({ message: e = "Loading..." }) => /* @__PURE__ */ Y("div", {
 	className: "flex items-center justify-center gap-3 py-12",
 	children: [/* @__PURE__ */ J(V, {
 		size: 20,
@@ -180,146 +180,169 @@ var be = [
 	})]
 }), Z = ({ message: e }) => /* @__PURE__ */ Y("div", {
 	className: "flex flex-col items-center justify-center gap-2 py-12 text-center",
-	children: [/* @__PURE__ */ J(re, {
+	children: [/* @__PURE__ */ J(ie, {
 		size: 32,
 		className: "text-destructive"
 	}), /* @__PURE__ */ J("p", {
 		className: "text-sm text-muted-foreground",
 		children: e
 	})]
-}), Se = () => {
-	let { navigate: i, basePath: o, workspaceId: c } = e(), { t: u } = F(), f = (e, t) => {
-		let n = u(e);
+}), we = () => {
+	let { navigate: i, basePath: o, workspaceId: c } = e(), { t: d } = I(), p = (e, t) => {
+		let n = d(e);
 		return n === e ? t : n;
-	}, { allowed: p } = k(O.APP_UPDATE), { allowed: h } = k(O.APP_DELETE), { appId: b } = he(), [C, ee] = P("overview"), [w, T] = P(!1), [E, A] = P(!1), [ne, M] = P(null), [N, I] = P(!1), { data: L, loading: oe, error: R } = s({
-		variables: { id: b },
-		skip: !b
-	}), [z, { loading: B }] = d(), [H, { loading: U }] = a(), [W, { loading: de }] = l(), G = j((e) => {
+	}, { allowed: h } = ne(A.APP_UPDATE), { allowed: _ } = ne(A.APP_DELETE), { appId: S } = _e(), [w, T] = F("overview"), [E, D] = F(!1), [O, j] = F(!1), [re, N] = F(null), [P, L] = F(!1), { data: R, loading: se, error: z } = s({
+		variables: { id: S },
+		skip: !S
+	}), [ue, { loading: B }] = f(), [de, { loading: H }] = a(), [U, { loading: me }] = u(), [W, { loading: G }] = m(), { data: he, refetch: K } = l({
+		variables: {
+			applicationId: S,
+			workspaceId: c ?? void 0
+		},
+		skip: !c || !S,
+		fetchPolicy: "cache-and-network"
+	}), q = he?.appInstallations?.edges?.[0]?.node ?? null, X = M((e) => {
 		i?.(`${o}${e}`);
-	}, [i, o]), fe = j(async () => {
-		let e = L?.application?.appId;
+	}, [i, o]), ye = M(async () => {
+		let e = R?.application?.appId;
 		if (e) try {
-			let t = (await z({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
-			t && M(t), T(!1);
+			let t = (await ue({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
+			t && N(t), D(!1);
 		} catch {}
-	}, [L?.application?.appId, z]), pe = j(async () => {
-		if (b) try {
-			await H({ variables: { id: b } }), A(!1), G("/apps");
+	}, [R?.application?.appId, ue]), be = M(async () => {
+		if (S) try {
+			await de({ variables: { id: S } }), j(!1), X("/apps");
 		} catch {}
 	}, [
-		b,
-		H,
-		G
-	]), me = j(async () => {
-		if (!(!b || !c)) try {
-			await W({ variables: { input: {
-				applicationId: b,
+		S,
+		de,
+		X
+	]), Se = M(async () => {
+		if (!(!S || !c)) try {
+			await U({ variables: { input: {
+				applicationId: S,
 				scope: "WORKSPACE",
 				workspaceId: c,
 				autoUpdate: !1
-			} } }), x("success");
+			} } }), K(), C("success");
 		} catch {
-			x("error");
+			C("error");
 		}
 	}, [
-		b,
+		S,
 		c,
-		W
-	]);
-	if (oe && !L) return /* @__PURE__ */ J(n, { message: f("devportal.loadingApplication", "Loading application...") });
-	if (R) return /* @__PURE__ */ J(m, {
-		title: f("devportal.error", "Error"),
+		U,
+		K
+	]), Ce = M(async (e) => {
+		try {
+			await W({ variables: { id: e } }), K(), C("success");
+		} catch {
+			C("error");
+		}
+	}, [W, K]);
+	if (se && !R) return /* @__PURE__ */ J(n, { message: p("devportal.loadingApplication", "Loading application...") });
+	if (z) return /* @__PURE__ */ J(g, {
+		title: p("devportal.error", "Error"),
 		backLink: `${o}/apps`,
-		backLabel: f("devportal.backToApplications", "Back to Applications"),
+		backLabel: p("devportal.backToApplications", "Back to Applications"),
 		children: /* @__PURE__ */ Y("div", {
 			className: "flex flex-col items-center justify-center py-12 text-center",
 			children: [
-				/* @__PURE__ */ J(re, {
+				/* @__PURE__ */ J(ie, {
 					size: 48,
 					className: "text-destructive mb-4"
 				}),
 				/* @__PURE__ */ J("h3", {
 					className: "text-lg font-semibold mb-2",
-					children: f("devportal.failedToLoadApplication", "Failed to load application")
+					children: p("devportal.failedToLoadApplication", "Failed to load application")
 				}),
 				/* @__PURE__ */ J("p", {
 					className: "text-sm text-muted-foreground",
-					children: R.message
+					children: z.message
 				})
 			]
 		})
 	});
-	let K = ge(L?.application);
-	return K ? /* @__PURE__ */ Y(m, {
-		title: K.name,
-		description: K.shortDescription,
+	let Z = ve(R?.application);
+	return Z ? /* @__PURE__ */ Y(g, {
+		title: Z.name,
+		description: Z.shortDescription,
 		backLink: `${o}/apps`,
-		backLabel: f("devportal.backToApplications", "Back to Applications"),
+		backLabel: p("devportal.backToApplications", "Back to Applications"),
 		actions: /* @__PURE__ */ Y("div", {
 			className: "flex items-center gap-2",
 			children: [
 				/* @__PURE__ */ Y("button", {
-					onClick: () => T(!0),
-					disabled: !K.appId,
-					title: K.appId ? f("devportal.rotateSecretHint", "Generate a new client secret") : f("devportal.rotateSecretNoClient", "Create an OAuth client first to enable secret rotation"),
+					onClick: () => D(!0),
+					disabled: !Z.appId,
+					title: Z.appId ? p("devportal.rotateSecretHint", "Generate a new client secret") : p("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__ */ J(ue, { size: 16 }), f("devportal.rotateSecret", "Rotate Secret")]
+					children: [/* @__PURE__ */ J(pe, { size: 16 }), p("devportal.rotateSecret", "Rotate Secret")]
 				}),
 				/* @__PURE__ */ Y("button", {
-					onClick: () => G(`/apps/${K.id}/versions`),
+					onClick: () => X(`/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__ */ J(ae, { size: 16 }), f("devportal.versions", "Versions")]
+					children: [/* @__PURE__ */ J(oe, { size: 16 }), p("devportal.versions", "Versions")]
 				}),
-				/* @__PURE__ */ Y("button", {
-					onClick: () => void me(),
-					disabled: de || !c,
+				q ? /* @__PURE__ */ Y("button", {
+					onClick: () => void Ce(q.id),
+					disabled: G || !c,
+					title: p("devportal.uninstallFromWorkspace", "Uninstall this app from your current workspace"),
+					className: "inline-flex items-center gap-2 rounded-md border border-destructive/50 px-4 py-2 text-sm font-medium text-destructive hover:bg-destructive/10 transition-colors disabled:opacity-50",
+					children: [G ? /* @__PURE__ */ J(V, {
+						size: 16,
+						className: "animate-spin"
+					}) : /* @__PURE__ */ J(ge, { size: 16 }), p("devportal.uninstallFromWorkspace", "Uninstall from Workspace")]
+				}) : /* @__PURE__ */ Y("button", {
+					onClick: () => void Se(),
+					disabled: me || !c,
 					"aria-disabled": !c,
-					title: c ? f("devportal.testInWorkspaceHint", "Install this app into your current workspace to test it") : f("devportal.noWorkspaceContext", "No workspace context available"),
+					title: c ? p("devportal.testInWorkspaceHint", "Install this app into your current workspace to test it") : p("devportal.noWorkspaceContext", "No workspace context available"),
 					className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted transition-colors disabled:opacity-50",
-					children: [de ? /* @__PURE__ */ J(V, {
+					children: [me ? /* @__PURE__ */ J(V, {
 						size: 16,
 						className: "animate-spin"
-					}) : /* @__PURE__ */ J(ce, { size: 16 }), f("devportal.testInWorkspace", "Test in Workspace")]
+					}) : /* @__PURE__ */ J(le, { size: 16 }), p("devportal.testInWorkspace", "Test in Workspace")]
 				}),
 				/* @__PURE__ */ Y("button", {
-					onClick: () => G(`/apps/${K.id}/edit`),
-					disabled: !p,
-					"aria-disabled": !p,
+					onClick: () => X(`/apps/${Z.id}/edit`),
+					disabled: !h,
+					"aria-disabled": !h,
 					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__ */ J(se, { size: 16 }), f("devportal.editApp", "Edit App")]
+					children: [/* @__PURE__ */ J(ce, { size: 16 }), p("devportal.editApp", "Edit App")]
 				}),
 				/* @__PURE__ */ Y("button", {
-					onClick: () => A(!0),
-					disabled: !h,
-					"aria-disabled": !h,
+					onClick: () => j(!0),
+					disabled: !_,
+					"aria-disabled": !_,
 					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__ */ J(le, { size: 16 }), f("devportal.deactivate", "Deactivate")]
+					children: [/* @__PURE__ */ J(fe, { size: 16 }), p("devportal.deactivate", "Deactivate")]
 				})
 			]
 		}),
 		children: [
-			ne && /* @__PURE__ */ J(S, {
-				title: f("devportal.newAppSecretGenerated", "New App Secret Generated"),
-				secret: ne,
-				description: f("devportal.appSecretRotatedDescription", "Your app secret has been rotated. The old secret is no longer valid."),
-				onDismiss: () => M(null)
+			re && /* @__PURE__ */ J(ee, {
+				title: p("devportal.newAppSecretGenerated", "New App Secret Generated"),
+				secret: re,
+				description: p("devportal.appSecretRotatedDescription", "Your app secret has been rotated. The old secret is no longer valid."),
+				onDismiss: () => N(null)
 			}),
 			/* @__PURE__ */ Y("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ J(v, {
-						status: K.status,
+					/* @__PURE__ */ J(b, {
+						status: Z.status,
 						type: "app"
 					}),
-					/* @__PURE__ */ J(v, {
-						status: K.visibility,
+					/* @__PURE__ */ J(b, {
+						status: Z.visibility,
 						type: "app"
 					}),
-					K.isVerified && /* @__PURE__ */ J(y, { verified: !0 }),
-					K.isFeatured && /* @__PURE__ */ J(_, {}),
+					Z.isVerified && /* @__PURE__ */ J(x, { verified: !0 }),
+					Z.isFeatured && /* @__PURE__ */ J(y, {}),
 					/* @__PURE__ */ J("span", {
 						className: "text-sm text-muted-foreground",
-						children: g[K.appType] || K.appType
+						children: v[Z.appType] || Z.appType
 					})
 				]
 			}),
@@ -328,16 +351,16 @@ var be = [
 				children: /* @__PURE__ */ J("nav", {
 					className: "-mb-px flex gap-4 overflow-x-auto",
 					role: "tablist",
-					"aria-label": f("devportal.applicationSections", "Application sections"),
-					children: be.map((e) => {
+					"aria-label": p("devportal.applicationSections", "Application sections"),
+					children: xe.map((e) => {
 						let n = e.icon;
 						return /* @__PURE__ */ Y("button", {
 							id: `application-tab-${e.id}`,
 							role: "tab",
-							"aria-selected": C === e.id,
+							"aria-selected": w === e.id,
 							"aria-controls": `application-panel-${e.id}`,
-							onClick: () => ee(e.id),
-							className: t("flex items-center gap-2 border-b-2 px-1 py-3 text-sm font-medium transition-colors", C === e.id ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-muted-foreground"),
+							onClick: () => T(e.id),
+							className: t("flex items-center gap-2 border-b-2 px-1 py-3 text-sm font-medium transition-colors", w === e.id ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-muted-foreground"),
 							children: [/* @__PURE__ */ J(n, { size: 16 }), e.label]
 						}, e.id);
 					})
@@ -345,87 +368,87 @@ var be = [
 			}),
 			/* @__PURE__ */ Y("div", {
 				className: "mt-6",
-				id: `application-panel-${C}`,
+				id: `application-panel-${w}`,
 				role: "tabpanel",
-				"aria-labelledby": `application-tab-${C}`,
+				"aria-labelledby": `application-tab-${w}`,
 				tabIndex: 0,
 				children: [
-					C === "overview" && /* @__PURE__ */ J(Oe, { app: K }),
-					C === "oauth" && /* @__PURE__ */ J(Ce, {
-						appId: K.appId || K.id,
-						onNavigate: G
+					w === "overview" && /* @__PURE__ */ J(Ae, { app: Z }),
+					w === "oauth" && /* @__PURE__ */ J(Te, {
+						appId: Z.appId || Z.id,
+						onNavigate: X
 					}),
-					C === "api-keys" && /* @__PURE__ */ J(we, {
-						appId: K.appId || K.id,
-						onNavigate: G
+					w === "api-keys" && /* @__PURE__ */ J(Ee, {
+						appId: Z.appId || Z.id,
+						onNavigate: X
 					}),
-					C === "webhooks" && /* @__PURE__ */ J(Te, {
-						appId: K.id,
-						onNavigate: G
+					w === "webhooks" && /* @__PURE__ */ J(De, {
+						appId: Z.id,
+						onNavigate: X
 					}),
-					C === "delegations" && /* @__PURE__ */ J(Ee, {
-						authAppId: K.appId || void 0,
-						appName: K.name,
-						onGrantDelegation: () => I(!0),
-						onNavigate: G
+					w === "delegations" && /* @__PURE__ */ J(Oe, {
+						authAppId: Z.appId || void 0,
+						appName: Z.name,
+						onGrantDelegation: () => L(!0),
+						onNavigate: X
 					}),
-					C === "analytics" && /* @__PURE__ */ J(De, { appId: K.id }),
-					C === "playground" && /* @__PURE__ */ J(Ne, { app: K }),
-					C === "store-listing" && /* @__PURE__ */ J(Be, { app: K })
+					w === "analytics" && /* @__PURE__ */ J(ke, { appId: Z.id }),
+					w === "playground" && /* @__PURE__ */ J(Fe, { app: Z }),
+					w === "store-listing" && /* @__PURE__ */ J(He, { app: Z })
 				]
 			}),
 			/* @__PURE__ */ J(te, {
-				open: w,
-				onOpenChange: T,
-				onConfirm: fe,
-				title: f("devportal.rotateAppSecret", "Rotate App Secret"),
-				description: f("devportal.rotateAppSecretDescription", "This will generate a new client secret and invalidate the current one. All existing integrations using the old secret will stop working immediately."),
-				confirmLabel: f("devportal.rotateSecret", "Rotate Secret"),
-				cancelLabel: f("devportal.cancel", "Cancel"),
+				open: E,
+				onOpenChange: D,
+				onConfirm: ye,
+				title: p("devportal.rotateAppSecret", "Rotate App Secret"),
+				description: p("devportal.rotateAppSecretDescription", "This will generate a new client secret and invalidate the current one. All existing integrations using the old secret will stop working immediately."),
+				confirmLabel: p("devportal.rotateSecret", "Rotate Secret"),
+				cancelLabel: p("devportal.cancel", "Cancel"),
 				variant: "warning",
 				loading: B
 			}),
 			/* @__PURE__ */ J(te, {
-				open: E,
-				onOpenChange: A,
-				onConfirm: pe,
-				title: f("devportal.deactivateApplication", "Deactivate Application"),
-				description: f("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: f("devportal.deactivate", "Deactivate"),
-				cancelLabel: f("devportal.cancel", "Cancel"),
+				open: O,
+				onOpenChange: j,
+				onConfirm: be,
+				title: p("devportal.deactivateApplication", "Deactivate Application"),
+				description: p("devportal.deactivateApplicationDescription", "This will deactivate the application. All OAuth clients, API keys, and webhooks associated with this app will stop functioning. This action can be reversed by reactivating the app."),
+				confirmLabel: p("devportal.deactivate", "Deactivate"),
+				cancelLabel: p("devportal.cancel", "Cancel"),
 				variant: "destructive",
-				loading: U
+				loading: H
 			}),
-			/* @__PURE__ */ J(D, {
-				open: N,
-				onOpenChange: I,
-				appId: K.appId || "",
-				appName: K.name,
-				appScopes: K.scopes?.map((e) => e.scope) ?? [],
+			/* @__PURE__ */ J(k, {
+				open: P,
+				onOpenChange: L,
+				appId: Z.appId || "",
+				appName: Z.name,
+				appScopes: Z.scopes?.map((e) => e.scope) ?? [],
 				onSuccess: () => {
-					I(!1);
+					L(!1);
 				}
 			})
 		]
-	}) : /* @__PURE__ */ J(m, {
-		title: f("devportal.notFound", "Not Found"),
+	}) : /* @__PURE__ */ J(g, {
+		title: p("devportal.notFound", "Not Found"),
 		backLink: `${o}/apps`,
-		backLabel: f("devportal.backToApplications", "Back to Applications"),
+		backLabel: p("devportal.backToApplications", "Back to Applications"),
 		children: /* @__PURE__ */ J(r, {
-			icon: /* @__PURE__ */ J(ie, { size: 48 }),
-			title: f("devportal.applicationNotFound", "Application not found"),
-			description: f("devportal.applicationNotFoundDescription", "The application you're looking for doesn't exist or you don't have access to it.")
+			icon: /* @__PURE__ */ J(ae, { size: 48 }),
+			title: p("devportal.applicationNotFound", "Application not found"),
+			description: p("devportal.applicationNotFoundDescription", "The application you're looking for doesn't exist or you don't have access to it.")
 		})
 	});
-}, Ce = ({ onNavigate: e }) => {
-	let { t } = F(), n = (e, n) => {
+}, Te = ({ onNavigate: e }) => {
+	let { t } = I(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
 	};
 	return /* @__PURE__ */ Y("div", {
 		className: "space-y-4 py-4 text-center",
 		children: [
-			/* @__PURE__ */ J(W, { className: "mx-auto h-10 w-10 text-muted-foreground" }),
+			/* @__PURE__ */ J(U, { className: "mx-auto h-10 w-10 text-muted-foreground" }),
 			/* @__PURE__ */ J("h3", {
 				className: "font-medium",
 				children: n("devportal.oauthApps", "OAuth Apps")
@@ -437,12 +460,12 @@ var be = [
 			/* @__PURE__ */ Y("button", {
 				onClick: () => e("/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 transition-colors",
-				children: [/* @__PURE__ */ J(R, { size: 16 }), n("devportal.manageOAuthApps", "Manage OAuth Apps")]
+				children: [/* @__PURE__ */ J(z, { size: 16 }), n("devportal.manageOAuthApps", "Manage OAuth Apps")]
 			})
 		]
 	});
-}, we = ({ onNavigate: e }) => {
-	let { t } = F(), n = (e, n) => {
+}, Ee = ({ onNavigate: e }) => {
+	let { t } = I(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
 	};
@@ -461,39 +484,39 @@ var be = [
 			/* @__PURE__ */ Y("button", {
 				onClick: () => e("/api-keys"),
 				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__ */ J(R, { size: 16 }), n("devportal.manageApiKeys", "Manage API Keys")]
+				children: [/* @__PURE__ */ J(z, { size: 16 }), n("devportal.manageApiKeys", "Manage API Keys")]
 			})
 		]
 	});
-}, Te = ({ appId: e, onNavigate: t }) => {
-	let { t: n } = F(), r = (e, t) => {
+}, De = ({ appId: e, onNavigate: t }) => {
+	let { t: n } = I(), r = (e, t) => {
 		let r = n(e);
 		return r === e ? t : r;
 	}, { data: i, loading: a, error: o } = c({ variables: { applicationId: e } });
-	return a ? /* @__PURE__ */ J(X, { message: r("devportal.loadingWebhooks", "Loading webhooks...") }) : o ? /* @__PURE__ */ J(Z, { message: o.message }) : /* @__PURE__ */ J(ke, {
+	return a ? /* @__PURE__ */ J(Ce, { message: r("devportal.loadingWebhooks", "Loading webhooks...") }) : o ? /* @__PURE__ */ J(Z, { message: o.message }) : /* @__PURE__ */ J(je, {
 		appId: e,
-		webhooks: (i?.webhooks ?? []).map(_e),
+		webhooks: (i?.webhooks ?? []).map(X),
 		onNavigate: t
 	});
-}, Ee = ({ authAppId: e, appName: t, onGrantDelegation: n, onNavigate: a }) => {
-	let { t: o } = F(), s = (e, t) => {
+}, Oe = ({ authAppId: e, appName: t, onGrantDelegation: n, onNavigate: a }) => {
+	let { t: o } = I(), s = (e, t) => {
 		let n = o(e);
 		return n === e ? t : n;
-	}, { data: c, loading: l, error: d, refetch: f } = i(), [p] = u(), [m, h] = P([]), [g, _] = P(!1), [v, y] = P(/* @__PURE__ */ new Set()), [b, x] = P(null), S = M(() => c?.currentUserDelegations?.delegations ? c.currentUserDelegations.delegations.filter((t) => t.appId === e).map(ye) : [], [e, c]), C = M(() => S.filter((e) => e.status === "ACTIVE"), [S]), ee = M(() => C.filter((e) => v.has(e.id)), [C, v]), w = C.length > 0 && C.every((e) => v.has(e.id)), T = C.some((e) => v.has(e.id)) && !w, E = j((e, t) => {
+	}, { data: c, loading: l, error: u, refetch: f } = i(), [p] = d(), [m, h] = F([]), [g, _] = F(!1), [v, y] = F(/* @__PURE__ */ new Set()), [b, x] = F(null), S = N(() => c?.currentUserDelegations?.delegations ? c.currentUserDelegations.delegations.filter((t) => t.appId === e).map(be) : [], [e, c]), C = N(() => S.filter((e) => e.status === "ACTIVE"), [S]), ee = N(() => C.filter((e) => v.has(e.id)), [C, v]), w = C.length > 0 && C.every((e) => v.has(e.id)), T = C.some((e) => v.has(e.id)) && !w, E = M((e, t) => {
 		y((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, []), D = j((e) => {
+	}, []), D = M((e) => {
 		y((t) => {
 			let n = new Set(t);
 			return C.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, [C]), O = j(() => {
+	}, [C]), O = M(() => {
 		y(/* @__PURE__ */ new Set());
-	}, []), k = j(async (e) => {
+	}, []), k = M(async (e) => {
 		_(!0);
 		try {
 			let t = await Promise.allSettled(e.map((e) => p({ variables: { id: e } }))), n = t.filter((e) => e.status === "fulfilled").length, r = t.length - n;
@@ -505,7 +528,7 @@ var be = [
 			_(!1);
 		}
 	}, [p, f]);
-	return e ? l ? /* @__PURE__ */ J(X, { message: s("devportal.loadingDelegations", "Loading delegations...") }) : d ? /* @__PURE__ */ J(Z, { message: d.message }) : /* @__PURE__ */ Y(q, { children: [
+	return e ? l ? /* @__PURE__ */ J(Ce, { message: s("devportal.loadingDelegations", "Loading delegations...") }) : u ? /* @__PURE__ */ J(Z, { message: u.message }) : /* @__PURE__ */ Y(q, { children: [
 		b && /* @__PURE__ */ J("div", {
 			className: "rounded-lg border border-border-subtle bg-status-success-bg-subtle p-3 text-sm text-status-success-text",
 			children: /* @__PURE__ */ Y("div", {
@@ -517,7 +540,7 @@ var be = [
 				})]
 			})
 		}),
-		/* @__PURE__ */ J(Ae, {
+		/* @__PURE__ */ J(Me, {
 			appName: t,
 			delegations: S,
 			onGrantDelegation: n,
@@ -546,31 +569,31 @@ var be = [
 			loading: g
 		})
 	] }) : /* @__PURE__ */ J(r, {
-		icon: /* @__PURE__ */ J(W, { size: 32 }),
+		icon: /* @__PURE__ */ J(U, { size: 32 }),
 		title: s("devportal.linkAuthAppFirst", "Link an auth app first"),
 		description: s("devportal.linkAuthAppFirstDescription", "Delegations are managed through auth apps. Create or link an auth app before granting app-as-user access."),
 		action: /* @__PURE__ */ Y("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__ */ J(R, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
+			children: [/* @__PURE__ */ J(z, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
 		})
 	});
-}, De = ({ appId: e }) => {
-	let { t } = F(), n = (e, n) => {
+}, ke = ({ appId: e }) => {
+	let { t } = I(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
-	}, r = M(() => /* @__PURE__ */ new Date(), []), { data: i, loading: a, error: s } = o({ variables: {
+	}, r = N(() => /* @__PURE__ */ new Date(), []), { data: i, loading: a, error: s } = o({ variables: {
 		applicationId: e,
 		period: "daily",
-		startDate: M(() => {
+		startDate: N(() => {
 			let e = new Date(r);
 			return e.setDate(e.getDate() - 30), e;
 		}, [r]).toISOString(),
 		endDate: r.toISOString()
 	} });
-	return a ? /* @__PURE__ */ J(X, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : s ? /* @__PURE__ */ J(Z, { message: s.message }) : /* @__PURE__ */ J(je, { analytics: (i?.applicationAnalytics ?? []).map(ve) });
-}, Oe = ({ app: e }) => {
-	let { t } = F(), n = (e, n) => {
+	return a ? /* @__PURE__ */ J(Ce, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : s ? /* @__PURE__ */ J(Z, { message: s.message }) : /* @__PURE__ */ J(Ne, { analytics: (i?.applicationAnalytics ?? []).map(ye) });
+}, Ae = ({ app: e }) => {
+	let { t } = I(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
 	};
@@ -600,7 +623,7 @@ var be = [
 						})
 					]
 				}),
-				/* @__PURE__ */ J(h, {
+				/* @__PURE__ */ J(_, {
 					title: n("devportal.description", "Description"),
 					children: /* @__PURE__ */ J("div", {
 						className: "prose prose-sm max-w-none",
@@ -610,7 +633,7 @@ var be = [
 						})
 					})
 				}),
-				/* @__PURE__ */ J(h, {
+				/* @__PURE__ */ J(_, {
 					title: n("devportal.tagsAndKeywords", "Tags & Keywords"),
 					children: /* @__PURE__ */ Y("div", {
 						className: "space-y-3",
@@ -638,9 +661,9 @@ var be = [
 			]
 		}), /* @__PURE__ */ Y("div", {
 			className: "space-y-6",
-			children: [/* @__PURE__ */ J(h, {
+			children: [/* @__PURE__ */ J(_, {
 				title: n("devportal.details", "Details"),
-				children: /* @__PURE__ */ J(ee, { items: [
+				children: /* @__PURE__ */ J(T, { items: [
 					{
 						label: n("devportal.appId", "App ID"),
 						value: /* @__PURE__ */ J("code", {
@@ -673,7 +696,7 @@ var be = [
 						value: e.publishedAt ? new Date(e.publishedAt).toLocaleDateString() : n("devportal.notPublished", "Not published")
 					}
 				] })
-			}), /* @__PURE__ */ J(h, {
+			}), /* @__PURE__ */ J(_, {
 				title: n("devportal.links", "Links"),
 				children: /* @__PURE__ */ Y("div", {
 					className: "space-y-2",
@@ -707,8 +730,8 @@ var be = [
 			})]
 		})]
 	});
-}, ke = ({ appId: e, webhooks: t, onNavigate: n }) => {
-	let { t: i } = F(), a = (e, t) => {
+}, je = ({ appId: e, webhooks: t, onNavigate: n }) => {
+	let { t: i } = I(), a = (e, t) => {
 		let n = i(e);
 		return n === e ? t : n;
 	};
@@ -728,7 +751,7 @@ var be = [
 			}), /* @__PURE__ */ Y("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__ */ J(U, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				children: [/* @__PURE__ */ J(H, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})]
 		}), t.length > 0 ? /* @__PURE__ */ J("div", {
 			className: "space-y-4",
@@ -742,7 +765,7 @@ var be = [
 							children: [/* @__PURE__ */ J("h3", {
 								className: "font-medium",
 								children: t.name
-							}), /* @__PURE__ */ J(v, {
+							}), /* @__PURE__ */ J(b, {
 								status: t.status,
 								type: "webhook"
 							})]
@@ -752,7 +775,7 @@ var be = [
 						})] }), /* @__PURE__ */ J("button", {
 							onClick: () => n(`/apps/${e}/webhooks/${t.id}`),
 							className: "rounded-md p-1 hover:bg-muted",
-							children: /* @__PURE__ */ J(H, { size: 20 })
+							children: /* @__PURE__ */ J(de, { size: 20 })
 						})]
 					}),
 					/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
@@ -808,18 +831,18 @@ var be = [
 				]
 			}, t.id))
 		}) : /* @__PURE__ */ J(r, {
-			icon: /* @__PURE__ */ J(pe, { size: 32 }),
+			icon: /* @__PURE__ */ J(he, { size: 32 }),
 			title: a("devportal.noWebhooks", "No webhooks"),
 			description: a("devportal.noWebhooksDescription", "Add a webhook to receive event notifications"),
 			action: /* @__PURE__ */ Y("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__ */ J(U, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				children: [/* @__PURE__ */ J(H, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})
 		})]
 	});
-}, Ae = ({ appName: e, delegations: n, onGrantDelegation: i, onRevokeDelegation: a, selectedDelegationIds: o, onToggleSelectDelegation: s, onToggleAllDelegations: c, onClearSelection: l, onRevokeSelected: u, allVisibleSelected: d, partiallySelected: f }) => {
-	let { t: p } = F(), m = (e, t) => {
+}, Me = ({ appName: e, delegations: n, onGrantDelegation: i, onRevokeDelegation: a, selectedDelegationIds: o, onToggleSelectDelegation: s, onToggleAllDelegations: c, onClearSelection: l, onRevokeSelected: u, allVisibleSelected: d, partiallySelected: f }) => {
+	let { t: p } = I(), m = (e, t) => {
 		let n = p(e);
 		return n === e ? t : n;
 	}, h = n.filter((e) => e.status === "ACTIVE"), g = n.filter((e) => e.status !== "ACTIVE");
@@ -854,7 +877,7 @@ var be = [
 				})] }), /* @__PURE__ */ Y("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__ */ J(U, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					children: [/* @__PURE__ */ J(H, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})]
 			}),
 			h.length > 0 && /* @__PURE__ */ J("div", {
@@ -865,7 +888,7 @@ var be = [
 						className: "flex flex-wrap items-center gap-3",
 						children: [/* @__PURE__ */ Y("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ J(b, {
+							children: [/* @__PURE__ */ J(S, {
 								checked: d,
 								indeterminate: f,
 								onChange: c,
@@ -908,7 +931,7 @@ var be = [
 								className: "flex items-start gap-3",
 								children: [e.status === "ACTIVE" && /* @__PURE__ */ J("div", {
 									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ J(b, {
+									children: /* @__PURE__ */ J(S, {
 										checked: o.has(e.id),
 										onChange: (t) => s(e.id, t),
 										ariaLabel: `Select delegation ${e.id}`,
@@ -920,7 +943,7 @@ var be = [
 										className: "font-medium",
 										children: ["Delegation #", e.id.slice(0, 8)]
 									}), /* @__PURE__ */ J("span", {
-										className: t("rounded-full px-2 py-0.5 text-xs font-medium", xe[e.status]),
+										className: t("rounded-full px-2 py-0.5 text-xs font-medium", Se[e.status]),
 										children: e.status
 									})]
 								}), /* @__PURE__ */ Y("p", {
@@ -938,7 +961,7 @@ var be = [
 							}), e.status === "ACTIVE" && /* @__PURE__ */ Y("button", {
 								onClick: () => a(e.id),
 								className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
-								children: [/* @__PURE__ */ J(K, { size: 14 }), m("devportal.revoke", "Revoke")]
+								children: [/* @__PURE__ */ J(ge, { size: 14 }), m("devportal.revoke", "Revoke")]
 							})]
 						}),
 						/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
@@ -967,7 +990,7 @@ var be = [
 								e.expiresAt && /* @__PURE__ */ Y("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ J(ae, { size: 12 }),
+										/* @__PURE__ */ J(oe, { size: 12 }),
 										m("devportal.expires", "Expires"),
 										" ",
 										new Date(e.expiresAt).toLocaleDateString()
@@ -975,7 +998,7 @@ var be = [
 								}),
 								!e.expiresAt && e.status === "ACTIVE" && /* @__PURE__ */ Y("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ J(L, {
+									children: [/* @__PURE__ */ J(R, {
 										size: 12,
 										className: "text-status-success-text"
 									}), m("devportal.noExpiration", "No expiration")]
@@ -983,7 +1006,7 @@ var be = [
 								e.revokedAt && /* @__PURE__ */ Y("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ J(K, {
+										/* @__PURE__ */ J(ge, {
 											size: 12,
 											className: "text-status-error-text"
 										}),
@@ -997,19 +1020,19 @@ var be = [
 					]
 				}, e.id))
 			}) : /* @__PURE__ */ J(r, {
-				icon: /* @__PURE__ */ J(fe, { size: 32 }),
+				icon: /* @__PURE__ */ J(G, { 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__ */ Y("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__ */ J(U, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					children: [/* @__PURE__ */ J(H, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})
 			})
 		]
 	});
-}, je = ({ analytics: e }) => {
-	let { t } = F(), n = (e, n) => {
+}, Ne = ({ analytics: e }) => {
+	let { t } = I(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
 	}, i = e[0], a = e[1], o = (e, t) => t ? (e - t) / t * 100 : 0;
@@ -1039,9 +1062,9 @@ var be = [
 					trend: a && i && i.apiCalls > 0 && a.apiCalls > 0 ? -o(i.errors / i.apiCalls, a.errors / a.apiCalls) : void 0
 				})
 			]
-		}), /* @__PURE__ */ J(h, {
+		}), /* @__PURE__ */ J(_, {
 			title: n("devportal.dailyBreakdown", "Daily Breakdown"),
-			children: e.length > 0 ? /* @__PURE__ */ J(C, {
+			children: e.length > 0 ? /* @__PURE__ */ J(w, {
 				data: e,
 				keyField: "id",
 				columns: [
@@ -1082,17 +1105,17 @@ var be = [
 					}
 				]
 			}) : /* @__PURE__ */ J(r, {
-				icon: /* @__PURE__ */ J(I, { size: 32 }),
+				icon: /* @__PURE__ */ J(L, { size: 32 }),
 				title: n("devportal.noAnalyticsData", "No analytics data"),
 				description: n("devportal.noAnalyticsDataDescription", "Analytics data will appear here once the application starts receiving traffic.")
 			})
 		})]
 	});
-}, Me = "# Sample query - modify as needed\nquery IntrospectSchema {\n  __schema {\n    queryType { name }\n    mutationType { name }\n    types {\n      name\n      kind\n    }\n  }\n}", Ne = ({ app: t }) => {
-	let { apiGatewayUrl: n, workspacesGatewayUrl: r, authToken: i } = e(), { t: a } = F(), o = (e, t) => {
+}, Pe = "# Sample query - modify as needed\nquery IntrospectSchema {\n  __schema {\n    queryType { name }\n    mutationType { name }\n    types {\n      name\n      kind\n    }\n  }\n}", Fe = ({ app: t }) => {
+	let { apiGatewayUrl: n, workspacesGatewayUrl: r, authToken: i } = e(), { t: a } = I(), o = (e, t) => {
 		let n = a(e);
 		return n === e ? t : n;
-	}, [s, c] = P(Me), [l, u] = P("{}"), [d, f] = P(""), [p, m] = P(!1), [h, g] = P(`${n || "http://localhost:4000"}/global/graphql`), [_, v] = P(i || ""), [y, b] = P(!1), x = j(async () => {
+	}, [s, c] = F(Pe), [l, u] = F("{}"), [d, f] = F(""), [p, m] = F(!1), [h, g] = F(`${n || "http://localhost:4000"}/global/graphql`), [_, v] = F(i || ""), [y, b] = F(!1), x = M(async () => {
 		m(!0), f("");
 		try {
 			let e = {};
@@ -1123,7 +1146,7 @@ var be = [
 		l,
 		h,
 		_
-	]), S = j(() => {
+	]), S = M(() => {
 		i && v(i), b(!0);
 	}, [i]);
 	return /* @__PURE__ */ Y("div", {
@@ -1256,7 +1279,7 @@ var be = [
 				children: [p ? /* @__PURE__ */ J(V, {
 					size: 16,
 					className: "animate-spin"
-				}) : /* @__PURE__ */ J(R, { size: 16 }), p ? o("devportal.executing", "Executing...") : o("devportal.executeQuery", "Execute Query")]
+				}) : /* @__PURE__ */ J(z, { size: 16 }), p ? o("devportal.executing", "Executing...") : o("devportal.executeQuery", "Execute Query")]
 			}),
 			d && /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
 				className: "block text-sm font-medium mb-1",
@@ -1267,8 +1290,8 @@ var be = [
 			})] })
 		]
 	});
-}, Pe = ({ label: e, value: n, onChange: r, hint: i, accept: a = "image/png,image/jpeg,image/webp,image/gif,image/svg+xml", aspectClass: o = "aspect-square", upload: s, uploading: c, progress: l, error: u }) => {
-	let d = N(null), f = j(async (e) => {
+}, Ie = ({ label: e, value: n, onChange: r, hint: i, accept: a = "image/png,image/jpeg,image/webp,image/gif,image/svg+xml", aspectClass: o = "aspect-square", upload: s, uploading: c, progress: l, error: u }) => {
+	let d = P(null), f = M(async (e) => {
 		try {
 			r((await s(e)).downloadUrl);
 		} catch {}
@@ -1288,7 +1311,7 @@ var be = [
 						src: n,
 						alt: e,
 						className: "w-full h-full object-cover"
-					}) : /* @__PURE__ */ J(G, {
+					}) : /* @__PURE__ */ J(W, {
 						size: 18,
 						className: "text-text-secondary opacity-40"
 					}), c && /* @__PURE__ */ Y("div", {
@@ -1326,7 +1349,7 @@ var be = [
 							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__ */ J(G, { size: 11 }), c ? `Uploading… ${l}%` : "Upload image"]
+							children: [/* @__PURE__ */ J(W, { size: 11 }), c ? `Uploading… ${l}%` : "Upload image"]
 						}),
 						u && /* @__PURE__ */ J("p", {
 							className: "text-xs text-status-error-text",
@@ -1341,8 +1364,8 @@ var be = [
 			})
 		]
 	});
-}, Fe = ({ urls: e, onChange: n, upload: r, uploading: i, progress: a, error: o }) => {
-	let s = N(null), c = j(async (t) => {
+}, Le = ({ urls: e, onChange: n, upload: r, uploading: i, progress: a, error: o }) => {
+	let s = P(null), c = M(async (t) => {
 		try {
 			let i = await r(t);
 			n([...e, i.downloadUrl]);
@@ -1373,7 +1396,7 @@ var be = [
 						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__ */ J(me, { size: 12 })
+						children: /* @__PURE__ */ J(K, { size: 12 })
 					})]
 				}, t)), /* @__PURE__ */ J("button", {
 					type: "button",
@@ -1386,7 +1409,7 @@ var be = [
 					}), /* @__PURE__ */ Y("span", {
 						className: "text-xs",
 						children: [a, "%"]
-					})] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(G, { size: 18 }), /* @__PURE__ */ J("span", {
+					})] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(W, { size: 18 }), /* @__PURE__ */ J("span", {
 						className: "text-xs",
 						children: "Add screenshot"
 					})] })
@@ -1408,13 +1431,13 @@ var be = [
 			})
 		]
 	});
-}, Ie = new Set(["workflow", "template"]), Le = [{
+}, Re = new Set(["workflow", "template"]), ze = [{
 	value: "FREE",
 	label: "Free"
 }, {
 	value: "PAID",
 	label: "Paid"
-}], Re = [
+}], Be = [
 	{
 		value: "agent",
 		label: "Agent"
@@ -1484,7 +1507,7 @@ var be = [
 		label: "Component"
 	}
 ];
-function ze(e) {
+function Ve(e) {
 	let t = e.manifest ?? {}, n = t.identity ?? {}, r = (t.digital ?? {}).install ?? {}, i = t.compatibility ?? {}, a = Array.isArray(t.permissions) ? t.permissions : [], o = e.pricingDetails ?? {}, s = Array.isArray(e.screenshots) ? e.screenshots.join("\n") : "";
 	return {
 		iconUrl: e.iconUrl ?? "",
@@ -1513,25 +1536,25 @@ function ze(e) {
 		manifestJsonContent: typeof t.jsonContent == "string" ? t.jsonContent : typeof t.content == "string" ? t.content : ""
 	};
 }
-var Be = ({ app: n }) => {
-	let { workspacesGatewayUrl: r, authToken: i, workspaceId: a, getWorkspaceToken: o } = e(), { t: s } = F(), c = (e, t) => {
+var He = ({ app: n }) => {
+	let { workspacesGatewayUrl: r, authToken: i, workspaceId: a, getWorkspaceToken: o } = e(), { t: s } = I(), c = (e, t) => {
 		let n = s(e);
 		return n === e ? t : n;
-	}, [l, u] = P(() => ze(n)), [d, m] = P(!1), [g, _] = P(!1), v = N(n);
+	}, [l, u] = F(() => Ve(n)), [d, f] = F(!1), [m, g] = F(!1), v = P(n);
 	v.current = n;
-	let [y] = p(), [b, { loading: S }] = f();
-	ne(() => {
-		u(ze(v.current));
+	let [y] = h(), [b, { loading: x }] = p();
+	re(() => {
+		u(Ve(v.current));
 	}, [n.id]);
-	let C = (e, t) => {
+	let S = (e, t) => {
 		u((n) => ({
 			...n,
 			[e]: t
 		}));
 	}, ee = async () => {
-		m(!0);
+		f(!0);
 		try {
-			let e = l.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean), t = l.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), r = Ie.has(l.manifestItemType), i = n.manifest ?? {}, a = {
+			let e = l.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean), t = l.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), r = Re.has(l.manifestItemType), i = n.manifest ?? {}, a = {
 				manifestVersion: typeof i.manifestVersion == "string" ? i.manifestVersion : "1.0",
 				itemType: l.manifestItemType || void 0,
 				identity: {
@@ -1568,19 +1591,19 @@ var Be = ({ app: n }) => {
 					pricingDetails: Object.keys(o).length > 0 ? o : null,
 					manifest: a
 				}
-			} }), x("success");
+			} }), C("success");
 		} catch {
-			x("error");
+			C("error");
 		} finally {
-			m(!1);
+			f(!1);
 		}
-	}, te = async () => {
+	}, w = async () => {
 		try {
-			await b({ variables: { id: n.id } }), x("success");
+			await b({ variables: { id: n.id } }), C("success");
 		} catch {
-			x("error");
+			C("error");
 		}
-	}, D = N(null), O = N(null), { upload: k, uploading: M, progress: ie, error: I } = A(r, i, a, o), { upload: se, uploading: R, progress: ce, error: B } = A(r, i, a, o, "/DevPortal/Assets"), { upload: H, uploading: U, progress: le, error: ue } = A(r, i, a, o, "/DevPortal/Assets"), { upload: W, uploading: fe, progress: pe, error: me } = A(r, i, a, o, "/DevPortal/Assets"), K = j(async (e) => {
+	}, T = P(null), te = P(null), { upload: k, uploading: A, progress: ne, error: N } = j(r, i, a, o), { upload: ae, uploading: L, progress: ce, error: z } = j(r, i, a, o, "/DevPortal/Assets"), { upload: le, uploading: B, progress: de, error: H } = j(r, i, a, o, "/DevPortal/Assets"), { upload: fe, uploading: pe, progress: U, error: G } = j(r, i, a, o, "/DevPortal/Assets"), he = M(async (e) => {
 		let t = e.target.files?.[0];
 		if (t) {
 			e.target.value = "";
@@ -1592,8 +1615,8 @@ var Be = ({ app: n }) => {
 				}));
 			} catch {}
 		}
-	}, [k]), he = j(async (e) => {
-		e.preventDefault(), _(!1);
+	}, [k]), K = M(async (e) => {
+		e.preventDefault(), g(!1);
 		let t = e.dataTransfer.files?.[0];
 		if (t) try {
 			let e = await k(t);
@@ -1602,7 +1625,7 @@ var Be = ({ app: n }) => {
 				manifestRegistryUrl: e.downloadUrl
 			}));
 		} catch {}
-	}, [k]), ge = j((e) => {
+	}, [k]), ge = M((e) => {
 		let t = e.target.files?.[0];
 		if (!t) return;
 		let n = new FileReader();
@@ -1621,8 +1644,8 @@ var Be = ({ app: n }) => {
 				}));
 			} catch {}
 		}, n.readAsText(t), e.target.value = "";
-	}, []), _e = j(() => {
-		let e = l.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), t = Ie.has(l.manifestItemType), r = {
+	}, []), _e = M(() => {
+		let e = l.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), t = Re.has(l.manifestItemType), r = {
 			manifestVersion: "1.0",
 			itemType: l.manifestItemType || void 0,
 			identity: {
@@ -1637,15 +1660,15 @@ var Be = ({ app: n }) => {
 			compatibility: { minPlatformVersion: l.manifestMinPlatformVersion }
 		}, i = new Blob([JSON.stringify(r, null, 2)], { type: "application/json" }), a = URL.createObjectURL(i), o = document.createElement("a");
 		o.href = a, o.download = `${n.slug}-manifest.json`, o.click(), URL.revokeObjectURL(a);
-	}, [n.slug, l]), ve = Ie.has(l.manifestItemType), ye = l.manifestInstallType === "builtin", be = l.pricingType !== "FREE", xe = l.manifestRegistryUrl ? l.manifestRegistryUrl.split("/").pop()?.split("?")[0] ?? "" : "";
+	}, [n.slug, l]), ve = Re.has(l.manifestItemType), X = l.manifestInstallType === "builtin", ye = l.pricingType !== "FREE", be = l.manifestRegistryUrl ? l.manifestRegistryUrl.split("/").pop()?.split("?")[0] ?? "" : "";
 	n.status;
-	let X = n.status === "SUBMITTED", Z = n.status === "PUBLISHED";
+	let xe = n.status === "SUBMITTED", Se = n.status === "PUBLISHED";
 	return /* @__PURE__ */ Y("div", {
 		className: "space-y-8 max-w-3xl",
 		children: [
-			Z ? /* @__PURE__ */ Y("div", {
+			Se ? /* @__PURE__ */ Y("div", {
 				className: "flex items-start gap-3 rounded-lg border border-success/30 bg-success/10 px-4 py-3",
-				children: [/* @__PURE__ */ J(L, {
+				children: [/* @__PURE__ */ J(R, {
 					size: 16,
 					className: "text-success mt-0.5 shrink-0"
 				}), /* @__PURE__ */ Y("div", {
@@ -1662,9 +1685,9 @@ var Be = ({ app: n }) => {
 						]
 					})]
 				})]
-			}) : X ? /* @__PURE__ */ Y("div", {
+			}) : xe ? /* @__PURE__ */ Y("div", {
 				className: "flex items-start gap-3 rounded-lg border border-primary/30 bg-primary/5 px-4 py-3",
-				children: [/* @__PURE__ */ J(ae, {
+				children: [/* @__PURE__ */ J(oe, {
 					size: 16,
 					className: "text-primary mt-0.5 shrink-0"
 				}), /* @__PURE__ */ Y("div", {
@@ -1686,7 +1709,7 @@ var Be = ({ app: n }) => {
 				})]
 			}) : /* @__PURE__ */ Y("div", {
 				className: "flex items-start gap-3 rounded-lg border border-warning/30 bg-warning/5 px-4 py-3",
-				children: [/* @__PURE__ */ J(re, {
+				children: [/* @__PURE__ */ J(ie, {
 					size: 16,
 					className: "text-warning mt-0.5 shrink-0"
 				}), /* @__PURE__ */ Y("div", {
@@ -1700,42 +1723,42 @@ var Be = ({ app: n }) => {
 					})]
 				})]
 			}),
-			/* @__PURE__ */ J(h, {
+			/* @__PURE__ */ J(_, {
 				title: c("devportal.package", "Package"),
 				description: c("devportal.packageDescription", "Technical configuration — how FluidGrid installs and runs this item"),
 				children: /* @__PURE__ */ Y("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ J(T, {
+						/* @__PURE__ */ J(D, {
 							label: c("devportal.storeItemType", "Item Type"),
 							value: l.manifestItemType,
 							onChange: (e) => {
 								let t = e.target.value;
-								C("manifestItemType", t), Ie.has(t) ? C("manifestInstallType", "json") : l.manifestInstallType === "json" && C("manifestInstallType", "zip");
+								S("manifestItemType", t), Re.has(t) ? S("manifestInstallType", "json") : l.manifestInstallType === "json" && S("manifestInstallType", "zip");
 							},
-							options: Re,
+							options: Be,
 							placeholder: c("devportal.selectItemType", "Select item type…"),
 							hint: c("devportal.storeItemTypeHint", "Determines how this item is categorised and how the platform runs it")
 						}),
 						/* @__PURE__ */ Y("div", {
 							className: "grid gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ J(w, {
+							children: [/* @__PURE__ */ J(E, {
 								label: c("devportal.manifestDisplayName", "Display Name"),
 								value: l.manifestDisplayName,
-								onChange: (e) => C("manifestDisplayName", e.target.value),
+								onChange: (e) => S("manifestDisplayName", e.target.value),
 								placeholder: "My Awesome Node"
-							}), /* @__PURE__ */ J(w, {
+							}), /* @__PURE__ */ J(E, {
 								label: c("devportal.manifestVersion", "Version"),
 								value: l.manifestVersion,
-								onChange: (e) => C("manifestVersion", e.target.value),
+								onChange: (e) => S("manifestVersion", e.target.value),
 								placeholder: "1.0.0",
 								hint: c("devportal.semverHint", "Semantic version (MAJOR.MINOR.PATCH)")
 							})]
 						}),
-						ve && /* @__PURE__ */ J(E, {
+						ve && /* @__PURE__ */ J(O, {
 							label: c("devportal.jsonContent", l.manifestItemType === "workflow" ? "Workflow Definition (JSON)" : "Template Definition (JSON)"),
 							value: l.manifestJsonContent,
-							onChange: (e) => C("manifestJsonContent", e.target.value),
+							onChange: (e) => S("manifestJsonContent", e.target.value),
 							rows: 12,
 							placeholder: "{\n  \"nodes\": [],\n  \"edges\": []\n}",
 							hint: c("devportal.jsonContentHint", "Paste the full JSON definition. Stored and applied directly — no zip needed.")
@@ -1752,8 +1775,8 @@ var Be = ({ app: n }) => {
 										className: "flex items-center gap-2 text-sm cursor-pointer select-none",
 										children: [/* @__PURE__ */ J("input", {
 											type: "checkbox",
-											checked: ye,
-											onChange: (e) => C("manifestInstallType", e.target.checked ? "builtin" : "zip"),
+											checked: X,
+											onChange: (e) => S("manifestInstallType", e.target.checked ? "builtin" : "zip"),
 											className: "h-4 w-4 rounded border-border accent-primary"
 										}), /* @__PURE__ */ J("span", {
 											className: "text-text-secondary",
@@ -1761,10 +1784,10 @@ var Be = ({ app: n }) => {
 										})]
 									})]
 								}),
-								!ye && /* @__PURE__ */ Y(q, { children: [
+								!X && /* @__PURE__ */ Y(q, { children: [
 									/* @__PURE__ */ Y("div", {
 										className: "flex gap-3 rounded-lg border border-border-subtle bg-bg-sunken p-3 text-sm text-text-secondary",
-										children: [/* @__PURE__ */ J(z, {
+										children: [/* @__PURE__ */ J(ue, {
 											size: 15,
 											className: "mt-0.5 shrink-0"
 										}), /* @__PURE__ */ Y("span", { children: [
@@ -1778,19 +1801,19 @@ var Be = ({ app: n }) => {
 									}),
 									/* @__PURE__ */ Y("div", {
 										onDragOver: (e) => {
-											e.preventDefault(), _(!0);
+											e.preventDefault(), g(!0);
 										},
-										onDragLeave: () => _(!1),
-										onDrop: (e) => void he(e),
-										onClick: () => !M && O.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", g ? "border-primary bg-primary/5" : "border-border hover:border-border-strong hover:bg-bg-sunken", M && "pointer-events-none opacity-75"),
+										onDragLeave: () => g(!1),
+										onDrop: (e) => void K(e),
+										onClick: () => !A && te.current?.click(),
+										className: t("relative flex flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed px-6 py-10 text-center transition-colors cursor-pointer", m ? "border-primary bg-primary/5" : "border-border hover:border-border-strong hover:bg-bg-sunken", A && "pointer-events-none opacity-75"),
 										children: [/* @__PURE__ */ J("input", {
-											ref: O,
+											ref: te,
 											type: "file",
 											accept: ".zip,application/zip,application/x-zip-compressed",
 											className: "hidden",
-											onChange: (e) => void K(e)
-										}), M ? /* @__PURE__ */ Y(q, { children: [
+											onChange: (e) => void he(e)
+										}), A ? /* @__PURE__ */ Y(q, { children: [
 											/* @__PURE__ */ J(V, {
 												size: 28,
 												className: "animate-spin text-primary"
@@ -1800,7 +1823,7 @@ var Be = ({ app: n }) => {
 												children: [
 													c("devportal.uploading", "Uploading…"),
 													" ",
-													ie,
+													ne,
 													"%"
 												]
 											}), /* @__PURE__ */ J("p", {
@@ -1811,19 +1834,19 @@ var Be = ({ app: n }) => {
 												className: "w-48 h-1.5 rounded-full bg-muted overflow-hidden",
 												children: /* @__PURE__ */ J("div", {
 													className: "h-full bg-primary transition-all",
-													style: { width: `${ie}%` }
+													style: { width: `${ne}%` }
 												})
 											})
-										] }) : xe ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(L, {
+										] }) : be ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(R, {
 											size: 28,
 											className: "text-status-success-text"
 										}), /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 											className: "text-sm font-medium",
-											children: xe
+											children: be
 										}), /* @__PURE__ */ J("p", {
 											className: "text-xs text-text-secondary mt-0.5",
 											children: c("devportal.clickToReplace", "Click or drag to replace")
-										})] })] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(G, {
+										})] })] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(W, {
 											size: 28,
 											className: "text-text-secondary"
 										}), /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
@@ -1834,14 +1857,14 @@ var Be = ({ app: n }) => {
 											children: c("devportal.orClickToBrowse", "or click to browse")
 										})] })] })]
 									}),
-									I && /* @__PURE__ */ J("p", {
+									N && /* @__PURE__ */ J("p", {
 										className: "text-xs text-status-error-text",
-										children: I
+										children: N
 									})
 								] }),
-								ye && /* @__PURE__ */ Y("div", {
+								X && /* @__PURE__ */ Y("div", {
 									className: "flex gap-3 rounded-lg border border-border-subtle bg-bg-sunken p-3 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ J(z, {
+									children: [/* @__PURE__ */ J(ue, {
 										size: 15,
 										className: "mt-0.5 shrink-0"
 									}), /* @__PURE__ */ J("span", { children: c("devportal.builtinHint", "Built-in items are pre-installed by the platform. No package upload is needed.") })]
@@ -1852,7 +1875,7 @@ var Be = ({ app: n }) => {
 							className: "flex flex-wrap items-center gap-2 border-t pt-4",
 							children: [
 								/* @__PURE__ */ J("input", {
-									ref: D,
+									ref: T,
 									type: "file",
 									accept: ".json,application/json",
 									className: "hidden",
@@ -1864,15 +1887,15 @@ var Be = ({ app: n }) => {
 								}),
 								/* @__PURE__ */ Y("button", {
 									type: "button",
-									onClick: () => D.current?.click(),
+									onClick: () => T.current?.click(),
 									className: "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs font-medium hover:bg-muted transition-colors",
-									children: [/* @__PURE__ */ J(G, { size: 12 }), c("devportal.importManifest", "Import")]
+									children: [/* @__PURE__ */ J(W, { size: 12 }), c("devportal.importManifest", "Import")]
 								}),
 								/* @__PURE__ */ Y("button", {
 									type: "button",
 									onClick: _e,
 									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__ */ J(oe, { size: 12 }), c("devportal.exportManifest", "Export")]
+									children: [/* @__PURE__ */ J(se, { size: 12 }), c("devportal.exportManifest", "Export")]
 								}),
 								/* @__PURE__ */ J("span", {
 									className: "text-xs text-text-secondary",
@@ -1883,7 +1906,7 @@ var Be = ({ app: n }) => {
 					]
 				})
 			}),
-			/* @__PURE__ */ J(h, {
+			/* @__PURE__ */ J(_, {
 				title: c("devportal.storePresentation", "Store Presence"),
 				description: c("devportal.storePresentationDescription", "Visual assets and copy shown to users browsing the marketplace"),
 				children: /* @__PURE__ */ Y("div", {
@@ -1891,109 +1914,109 @@ var Be = ({ app: n }) => {
 					children: [
 						/* @__PURE__ */ Y("div", {
 							className: "grid gap-5 sm:grid-cols-2",
-							children: [/* @__PURE__ */ J(Pe, {
+							children: [/* @__PURE__ */ J(Ie, {
 								label: c("devportal.iconUrl", "Icon"),
 								value: l.iconUrl,
-								onChange: (e) => C("iconUrl", e),
+								onChange: (e) => S("iconUrl", e),
 								hint: c("devportal.iconUrlHint", "Square, 256×256 px recommended"),
 								aspectClass: "aspect-square",
-								upload: se,
-								uploading: R,
+								upload: ae,
+								uploading: L,
 								progress: ce,
-								error: B
-							}), /* @__PURE__ */ J(Pe, {
+								error: z
+							}), /* @__PURE__ */ J(Ie, {
 								label: c("devportal.bannerUrl", "Banner"),
 								value: l.bannerUrl,
-								onChange: (e) => C("bannerUrl", e),
+								onChange: (e) => S("bannerUrl", e),
 								hint: c("devportal.bannerUrlHint", "1280×640 px recommended"),
 								aspectClass: "aspect-video",
-								upload: H,
-								uploading: U,
-								progress: le,
-								error: ue
+								upload: le,
+								uploading: B,
+								progress: de,
+								error: H
 							})]
 						}),
-						/* @__PURE__ */ J(w, {
+						/* @__PURE__ */ J(E, {
 							label: c("devportal.videoUrl", "Demo Video URL"),
 							value: l.videoUrl,
-							onChange: (e) => C("videoUrl", e.target.value),
+							onChange: (e) => S("videoUrl", e.target.value),
 							placeholder: "https://...",
 							hint: c("devportal.videoUrlHint", "YouTube or Vimeo embed URL")
 						}),
-						/* @__PURE__ */ J(E, {
+						/* @__PURE__ */ J(O, {
 							label: c("devportal.shortDescription", "Short Description"),
 							value: l.shortDescription,
-							onChange: (e) => C("shortDescription", e.target.value),
+							onChange: (e) => S("shortDescription", e.target.value),
 							maxLength: 200,
 							rows: 2,
 							hint: `${l.shortDescription.length}/200 · ${c("devportal.shortDescHint", "Shown in search results and cards")}`
 						}),
-						/* @__PURE__ */ J(E, {
+						/* @__PURE__ */ J(O, {
 							label: c("devportal.longDescription", "Full Description"),
 							value: l.description,
-							onChange: (e) => C("description", e.target.value),
+							onChange: (e) => S("description", e.target.value),
 							rows: 5,
 							hint: c("devportal.fullDescHint", "Markdown supported")
 						}),
-						/* @__PURE__ */ J(Fe, {
+						/* @__PURE__ */ J(Le, {
 							urls: l.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean),
-							onChange: (e) => C("screenshotsText", e.join("\n")),
-							upload: W,
-							uploading: fe,
-							progress: pe,
-							error: me
+							onChange: (e) => S("screenshotsText", e.join("\n")),
+							upload: fe,
+							uploading: pe,
+							progress: U,
+							error: G
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ J(h, {
+			/* @__PURE__ */ J(_, {
 				title: c("devportal.linksPolicies", "Links & Policies"),
 				description: c("devportal.linksPoliciesDescription", "External resources and legal documents — privacy policy and terms are required for store submission"),
 				children: /* @__PURE__ */ Y("div", {
 					className: "grid gap-4 sm:grid-cols-2",
 					children: [
-						/* @__PURE__ */ J(w, {
+						/* @__PURE__ */ J(E, {
 							label: c("devportal.websiteUrl", "Website"),
 							value: l.websiteUrl,
-							onChange: (e) => C("websiteUrl", e.target.value),
+							onChange: (e) => S("websiteUrl", e.target.value),
 							placeholder: "https://..."
 						}),
-						/* @__PURE__ */ J(w, {
+						/* @__PURE__ */ J(E, {
 							label: c("devportal.documentationUrl", "Documentation"),
 							value: l.documentationUrl,
-							onChange: (e) => C("documentationUrl", e.target.value),
+							onChange: (e) => S("documentationUrl", e.target.value),
 							placeholder: "https://..."
 						}),
-						/* @__PURE__ */ J(w, {
+						/* @__PURE__ */ J(E, {
 							label: c("devportal.githubUrl", "GitHub"),
 							value: l.githubUrl,
-							onChange: (e) => C("githubUrl", e.target.value),
+							onChange: (e) => S("githubUrl", e.target.value),
 							placeholder: "https://github.com/..."
 						}),
-						/* @__PURE__ */ J(w, {
+						/* @__PURE__ */ J(E, {
 							label: c("devportal.supportUrl", "Support"),
 							value: l.supportUrl,
-							onChange: (e) => C("supportUrl", e.target.value),
+							onChange: (e) => S("supportUrl", e.target.value),
 							placeholder: "https://..."
 						}),
-						/* @__PURE__ */ J(w, {
+						/* @__PURE__ */ J(E, {
 							label: `${c("devportal.privacyPolicyUrl", "Privacy Policy")} *`,
 							value: l.privacyPolicyUrl,
-							onChange: (e) => C("privacyPolicyUrl", e.target.value),
+							onChange: (e) => S("privacyPolicyUrl", e.target.value),
 							placeholder: "https://...",
 							hint: c("devportal.requiredForStore", "Required for store submission")
 						}),
-						/* @__PURE__ */ J(w, {
+						/* @__PURE__ */ J(E, {
 							label: `${c("devportal.termsOfServiceUrl", "Terms of Service")} *`,
 							value: l.termsOfServiceUrl,
-							onChange: (e) => C("termsOfServiceUrl", e.target.value),
+							onChange: (e) => S("termsOfServiceUrl", e.target.value),
 							placeholder: "https://...",
 							hint: c("devportal.requiredForStore", "Required for store submission")
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ J(h, {
+			/* @__PURE__ */ J(_, {
 				title: c("devportal.pricing", "Pricing"),
 				description: c("devportal.pricingDescription", "How this item is priced in the marketplace"),
 				children: /* @__PURE__ */ Y("div", {
@@ -2003,24 +2026,24 @@ var Be = ({ app: n }) => {
 						children: c("devportal.pricingType", "Pricing Type")
 					}), /* @__PURE__ */ J("div", {
 						className: "flex flex-wrap gap-2",
-						children: Le.map((e) => /* @__PURE__ */ J("button", {
+						children: ze.map((e) => /* @__PURE__ */ J("button", {
 							type: "button",
-							onClick: () => C("pricingType", e.value),
+							onClick: () => S("pricingType", e.value),
 							className: t("rounded-md border px-3 py-1.5 text-sm font-medium transition-colors", l.pricingType === e.value ? "bg-primary text-primary-foreground border-primary" : "hover:bg-muted"),
 							children: e.label
 						}, e.value))
-					})] }), be && /* @__PURE__ */ Y("div", {
+					})] }), ye && /* @__PURE__ */ Y("div", {
 						className: "grid gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ J(w, {
+						children: [/* @__PURE__ */ J(E, {
 							label: c("devportal.price", "Price"),
 							type: "number",
 							value: l.price,
-							onChange: (e) => C("price", e.target.value),
+							onChange: (e) => S("price", e.target.value),
 							placeholder: "0.00"
-						}), /* @__PURE__ */ J(w, {
+						}), /* @__PURE__ */ J(E, {
 							label: c("devportal.currency", "Currency"),
 							value: l.currency,
-							onChange: (e) => C("currency", e.target.value),
+							onChange: (e) => S("currency", e.target.value),
 							placeholder: "USD"
 						})]
 					})]
@@ -2036,22 +2059,22 @@ var Be = ({ app: n }) => {
 					children: d ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(V, {
 						size: 16,
 						className: "animate-spin"
-					}), c("devportal.saving", "Saving…")] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(de, { size: 16 }), c("devportal.saveStoreListing", "Save Store Listing")] })
-				}), !Z && /* @__PURE__ */ J("button", {
+					}), c("devportal.saving", "Saving…")] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(me, { size: 16 }), c("devportal.saveStoreListing", "Save Store Listing")] })
+				}), !Se && /* @__PURE__ */ J("button", {
 					type: "button",
-					onClick: () => void te(),
-					disabled: S || d,
+					onClick: () => void w(),
+					disabled: x || d,
 					className: "inline-flex items-center gap-2 rounded-md border border-primary px-4 py-2 text-sm font-medium text-primary hover:bg-primary/5 transition-colors disabled:opacity-50",
-					children: S ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(V, {
+					children: x ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(V, {
 						size: 16,
 						className: "animate-spin"
-					}), c("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(L, { size: 16 }), X ? c("devportal.resubmitForReview", "Resubmit for Review") : c("devportal.submitForReview", "Submit for Review")] })
+					}), c("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(R, { size: 16 }), xe ? c("devportal.resubmitForReview", "Resubmit for Review") : c("devportal.submitForReview", "Submit for Review")] })
 				})]
 			})
 		]
 	});
 }, Q = ({ label: e, value: n, trend: r }) => {
-	let { t: i } = F();
+	let { t: i } = I();
 	return /* @__PURE__ */ Y("div", {
 		className: "rounded-lg border bg-card p-4",
 		children: [
@@ -2082,9 +2105,9 @@ var Be = ({ app: n }) => {
 	target: "_blank",
 	rel: "noopener noreferrer",
 	className: "flex items-center gap-2 text-sm text-primary hover:underline",
-	children: [/* @__PURE__ */ J(R, { size: 14 }), e]
+	children: [/* @__PURE__ */ J(z, { size: 14 }), e]
 });
 //#endregion
-export { Se as ApplicationDetailPage };
+export { we as ApplicationDetailPage };
 
 //# sourceMappingURL=ApplicationDetailPage.js.map