@burdenoff/microfe-devportal 2026.616.1 → 2026.622.2

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, useUpdateApplicationMutation as f } from "../../generated/global-operations.js";
-import { PageLayout as p, PageSection as m } from "../components/PageLayout.js";
-import { APP_TYPE_LABELS as h } from "../utils/constants.js";
-import { FeaturedBadge as g, StatusBadge as _, VerifiedBadge as v } from "../components/StatusBadge.js";
-import { SelectionCheckbox as y } from "../components/SelectionCheckbox.js";
-import { nativeNotify as b } from "../../utils/nativeBridge.js";
-import { NewSecretAlert as x } from "../components/SecretDisplay.js";
-import { DataTable as S, DetailList as C } from "../components/DataTable.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 { ConfirmDialog as D } from "../components/ConfirmDialog.js";
-import { GrantDelegationModal as ee } from "../components/GrantDelegationModal.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 te } from "../hooks/usePackageUpload.js";
-import { useCallback as A, useEffect as j, useMemo as M, useRef as N, useState as P } from "react";
+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 I, AppWindow as ne, BarChart3 as L, CheckCircle as R, Clock as z, Download as re, Edit as ie, ExternalLink as B, FlaskConical as ae, Info as oe, Key as V, Loader2 as H, MoreHorizontal as se, Plus as U, Power as ce, RefreshCw as le, Shield as W, Store as G, Upload as K, Users as q, Webhook as ue, XCircle as de } from "lucide-react";
-import { useParams as fe } from "react-router-dom";
-import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
+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 { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
 //#region src/devportal/pages/ApplicationDetailPage.tsx
-function pe(e) {
+function ge(e) {
 	return e ? {
 		id: e.id,
 		name: e.name,
@@ -62,7 +62,7 @@ function pe(e) {
 		updatedAt: e.updatedAt
 	} : null;
 }
-function Z(e) {
+function _e(e) {
 	return {
 		id: e.id,
 		applicationId: e.applicationId,
@@ -86,7 +86,7 @@ function Z(e) {
 		updatedAt: e.updatedAt
 	};
 }
-function me(e) {
+function ve(e) {
 	return {
 		id: e.id,
 		applicationId: e.applicationId,
@@ -102,7 +102,7 @@ function me(e) {
 		createdAt: e.createdAt
 	};
 }
-function he(e) {
+function ye(e) {
 	return {
 		id: e.id,
 		appId: e.appId,
@@ -124,11 +124,11 @@ function he(e) {
 		revokedBy: e.revokedBy || void 0
 	};
 }
-var ge = [
+var be = [
 	{
 		id: "overview",
 		label: "Overview",
-		icon: ne
+		icon: ie
 	},
 	{
 		id: "oauth",
@@ -138,359 +138,362 @@ var ge = [
 	{
 		id: "api-keys",
 		label: "API Keys",
-		icon: V
+		icon: B
 	},
 	{
 		id: "webhooks",
 		label: "Webhooks",
-		icon: ue
+		icon: pe
 	},
 	{
 		id: "delegations",
 		label: "Delegations",
-		icon: q
+		icon: fe
 	},
 	{
 		id: "analytics",
 		label: "Analytics",
-		icon: L
+		icon: I
 	},
 	{
 		id: "playground",
 		label: "API Playground",
-		icon: B
+		icon: R
 	},
 	{
 		id: "store-listing",
 		label: "Store Listing",
-		icon: G
+		icon: de
 	}
-], _e = {
+], xe = {
 	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"
-}, ve = ({ message: e = "Loading..." }) => /* @__PURE__ */ X("div", {
+}, X = ({ message: e = "Loading..." }) => /* @__PURE__ */ Y("div", {
 	className: "flex items-center justify-center gap-3 py-12",
-	children: [/* @__PURE__ */ Y(H, {
+	children: [/* @__PURE__ */ J(V, {
 		size: 20,
 		className: "animate-spin text-muted-foreground"
-	}), /* @__PURE__ */ Y("p", {
+	}), /* @__PURE__ */ J("p", {
 		className: "text-sm text-muted-foreground",
 		children: e
 	})]
-}), ye = ({ message: e }) => /* @__PURE__ */ X("div", {
+}), Z = ({ message: e }) => /* @__PURE__ */ Y("div", {
 	className: "flex flex-col items-center justify-center gap-2 py-12 text-center",
-	children: [/* @__PURE__ */ Y(I, {
+	children: [/* @__PURE__ */ J(re, {
 		size: 32,
 		className: "text-destructive"
-	}), /* @__PURE__ */ Y("p", {
+	}), /* @__PURE__ */ J("p", {
 		className: "text-sm text-muted-foreground",
 		children: e
 	})]
-}), be = () => {
+}), Se = () => {
 	let { navigate: i, basePath: o, workspaceId: c } = e(), { t: u } = F(), f = (e, t) => {
 		let n = u(e);
 		return n === e ? t : n;
-	}, { allowed: m } = k(O.APP_UPDATE), { allowed: y } = k(O.APP_DELETE), { appId: S } = fe(), [C, w] = P("overview"), [T, E] = P(!1), [te, j] = P(!1), [M, N] = P(null), [L, R] = P(!1), { data: re, loading: B, error: oe } = s({
-		variables: { id: S },
-		skip: !S
-	}), [V, { loading: se }] = d(), [U, { loading: W }] = a(), [G, { loading: K }] = l(), q = A((e) => {
+	}, { 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) => {
 		i?.(`${o}${e}`);
-	}, [i, o]), ue = A(async () => {
-		if (S) try {
-			let e = (await V({ variables: { id: S } })).data?.rotateAppSecret.clientSecret;
-			e && N(e), E(!1);
+	}, [i, o]), fe = j(async () => {
+		let e = L?.application?.appId;
+		if (e) try {
+			let t = (await z({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
+			t && M(t), T(!1);
 		} catch {}
-	}, [S, V]), de = A(async () => {
-		if (S) try {
-			await U({ variables: { id: S } }), j(!1), q("/apps");
+	}, [L?.application?.appId, z]), pe = j(async () => {
+		if (b) try {
+			await H({ variables: { id: b } }), A(!1), G("/apps");
 		} catch {}
 	}, [
-		S,
-		U,
-		q
-	]), J = A(async () => {
-		if (!(!S || !c)) try {
-			await G({ variables: { input: {
-				applicationId: S,
+		b,
+		H,
+		G
+	]), me = j(async () => {
+		if (!(!b || !c)) try {
+			await W({ variables: { input: {
+				applicationId: b,
 				scope: "WORKSPACE",
 				workspaceId: c,
 				autoUpdate: !1
-			} } }), b("success");
+			} } }), x("success");
 		} catch {
-			b("error");
+			x("error");
 		}
 	}, [
-		S,
+		b,
 		c,
-		G
+		W
 	]);
-	if (B && !re) return /* @__PURE__ */ Y(n, { message: f("devportal.loadingApplication", "Loading application...") });
-	if (oe) return /* @__PURE__ */ Y(p, {
+	if (oe && !L) return /* @__PURE__ */ J(n, { message: f("devportal.loadingApplication", "Loading application...") });
+	if (R) return /* @__PURE__ */ J(m, {
 		title: f("devportal.error", "Error"),
 		backLink: `${o}/apps`,
 		backLabel: f("devportal.backToApplications", "Back to Applications"),
-		children: /* @__PURE__ */ X("div", {
+		children: /* @__PURE__ */ Y("div", {
 			className: "flex flex-col items-center justify-center py-12 text-center",
 			children: [
-				/* @__PURE__ */ Y(I, {
+				/* @__PURE__ */ J(re, {
 					size: 48,
 					className: "text-destructive mb-4"
 				}),
-				/* @__PURE__ */ Y("h3", {
+				/* @__PURE__ */ J("h3", {
 					className: "text-lg font-semibold mb-2",
 					children: f("devportal.failedToLoadApplication", "Failed to load application")
 				}),
-				/* @__PURE__ */ Y("p", {
+				/* @__PURE__ */ J("p", {
 					className: "text-sm text-muted-foreground",
-					children: oe.message
+					children: R.message
 				})
 			]
 		})
 	});
-	let Z = pe(re?.application);
-	return Z ? /* @__PURE__ */ X(p, {
-		title: Z.name,
-		description: Z.shortDescription,
+	let K = ge(L?.application);
+	return K ? /* @__PURE__ */ Y(m, {
+		title: K.name,
+		description: K.shortDescription,
 		backLink: `${o}/apps`,
 		backLabel: f("devportal.backToApplications", "Back to Applications"),
-		actions: /* @__PURE__ */ X("div", {
+		actions: /* @__PURE__ */ Y("div", {
 			className: "flex items-center gap-2",
 			children: [
-				/* @__PURE__ */ X("button", {
-					onClick: () => E(!0),
-					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__ */ Y(le, { size: 16 }), f("devportal.rotateSecret", "Rotate Secret")]
+				/* @__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"),
+					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")]
 				}),
-				/* @__PURE__ */ X("button", {
-					onClick: () => q(`/apps/${Z.id}/versions`),
+				/* @__PURE__ */ Y("button", {
+					onClick: () => G(`/apps/${K.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__ */ Y(z, { size: 16 }), f("devportal.versions", "Versions")]
+					children: [/* @__PURE__ */ J(ae, { size: 16 }), f("devportal.versions", "Versions")]
 				}),
-				/* @__PURE__ */ X("button", {
-					onClick: () => void J(),
-					disabled: K || !c,
+				/* @__PURE__ */ Y("button", {
+					onClick: () => void me(),
+					disabled: de || !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"),
 					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: [K ? /* @__PURE__ */ Y(H, {
+					children: [de ? /* @__PURE__ */ J(V, {
 						size: 16,
 						className: "animate-spin"
-					}) : /* @__PURE__ */ Y(ae, { size: 16 }), f("devportal.testInWorkspace", "Test in Workspace")]
+					}) : /* @__PURE__ */ J(ce, { size: 16 }), f("devportal.testInWorkspace", "Test in Workspace")]
 				}),
-				/* @__PURE__ */ X("button", {
-					onClick: () => q(`/apps/${Z.id}/edit`),
-					disabled: !m,
-					"aria-disabled": !m,
+				/* @__PURE__ */ Y("button", {
+					onClick: () => G(`/apps/${K.id}/edit`),
+					disabled: !p,
+					"aria-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: [/* @__PURE__ */ Y(ie, { size: 16 }), f("devportal.editApp", "Edit App")]
+					children: [/* @__PURE__ */ J(se, { size: 16 }), f("devportal.editApp", "Edit App")]
 				}),
-				/* @__PURE__ */ X("button", {
-					onClick: () => j(!0),
-					disabled: !y,
-					"aria-disabled": !y,
+				/* @__PURE__ */ Y("button", {
+					onClick: () => A(!0),
+					disabled: !h,
+					"aria-disabled": !h,
 					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__ */ Y(ce, { size: 16 }), f("devportal.deactivate", "Deactivate")]
+					children: [/* @__PURE__ */ J(le, { size: 16 }), f("devportal.deactivate", "Deactivate")]
 				})
 			]
 		}),
 		children: [
-			M && /* @__PURE__ */ Y(x, {
+			ne && /* @__PURE__ */ J(S, {
 				title: f("devportal.newAppSecretGenerated", "New App Secret Generated"),
-				secret: M,
+				secret: ne,
 				description: f("devportal.appSecretRotatedDescription", "Your app secret has been rotated. The old secret is no longer valid."),
-				onDismiss: () => N(null)
+				onDismiss: () => M(null)
 			}),
-			/* @__PURE__ */ X("div", {
+			/* @__PURE__ */ Y("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ Y(_, {
-						status: Z.status,
+					/* @__PURE__ */ J(v, {
+						status: K.status,
 						type: "app"
 					}),
-					/* @__PURE__ */ Y(_, {
-						status: Z.visibility,
+					/* @__PURE__ */ J(v, {
+						status: K.visibility,
 						type: "app"
 					}),
-					Z.isVerified && /* @__PURE__ */ Y(v, { verified: !0 }),
-					Z.isFeatured && /* @__PURE__ */ Y(g, {}),
-					/* @__PURE__ */ Y("span", {
+					K.isVerified && /* @__PURE__ */ J(y, { verified: !0 }),
+					K.isFeatured && /* @__PURE__ */ J(_, {}),
+					/* @__PURE__ */ J("span", {
 						className: "text-sm text-muted-foreground",
-						children: h[Z.appType] || Z.appType
+						children: g[K.appType] || K.appType
 					})
 				]
 			}),
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ J("div", {
 				className: "border-b",
-				children: /* @__PURE__ */ Y("nav", {
+				children: /* @__PURE__ */ J("nav", {
 					className: "-mb-px flex gap-4 overflow-x-auto",
 					role: "tablist",
 					"aria-label": f("devportal.applicationSections", "Application sections"),
-					children: ge.map((e) => {
+					children: be.map((e) => {
 						let n = e.icon;
-						return /* @__PURE__ */ X("button", {
+						return /* @__PURE__ */ Y("button", {
 							id: `application-tab-${e.id}`,
 							role: "tab",
 							"aria-selected": C === e.id,
 							"aria-controls": `application-panel-${e.id}`,
-							onClick: () => w(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"),
-							children: [/* @__PURE__ */ Y(n, { size: 16 }), e.label]
+							children: [/* @__PURE__ */ J(n, { size: 16 }), e.label]
 						}, e.id);
 					})
 				})
 			}),
-			/* @__PURE__ */ X("div", {
+			/* @__PURE__ */ Y("div", {
 				className: "mt-6",
 				id: `application-panel-${C}`,
 				role: "tabpanel",
 				"aria-labelledby": `application-tab-${C}`,
 				tabIndex: 0,
 				children: [
-					C === "overview" && /* @__PURE__ */ Y(Ee, { app: Z }),
-					C === "oauth" && /* @__PURE__ */ Y(xe, {
-						appId: Z.appId || Z.id,
-						onNavigate: q
+					C === "overview" && /* @__PURE__ */ J(Oe, { app: K }),
+					C === "oauth" && /* @__PURE__ */ J(Ce, {
+						appId: K.appId || K.id,
+						onNavigate: G
 					}),
-					C === "api-keys" && /* @__PURE__ */ Y(Se, {
-						appId: Z.appId || Z.id,
-						onNavigate: q
+					C === "api-keys" && /* @__PURE__ */ J(we, {
+						appId: K.appId || K.id,
+						onNavigate: G
 					}),
-					C === "webhooks" && /* @__PURE__ */ Y(Ce, {
-						appId: Z.id,
-						onNavigate: q
+					C === "webhooks" && /* @__PURE__ */ J(Te, {
+						appId: K.id,
+						onNavigate: G
 					}),
-					C === "delegations" && /* @__PURE__ */ Y(we, {
-						authAppId: Z.appId || void 0,
-						appName: Z.name,
-						onGrantDelegation: () => R(!0),
-						onNavigate: q
+					C === "delegations" && /* @__PURE__ */ J(Ee, {
+						authAppId: K.appId || void 0,
+						appName: K.name,
+						onGrantDelegation: () => I(!0),
+						onNavigate: G
 					}),
-					C === "analytics" && /* @__PURE__ */ Y(Te, { appId: Z.id }),
-					C === "playground" && /* @__PURE__ */ Y(je, { app: Z }),
-					C === "store-listing" && /* @__PURE__ */ Y(Le, { app: Z })
+					C === "analytics" && /* @__PURE__ */ J(De, { appId: K.id }),
+					C === "playground" && /* @__PURE__ */ J(Ne, { app: K }),
+					C === "store-listing" && /* @__PURE__ */ J(Be, { app: K })
 				]
 			}),
-			/* @__PURE__ */ Y(D, {
-				open: T,
-				onOpenChange: E,
-				onConfirm: ue,
+			/* @__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"),
 				variant: "warning",
-				loading: se
+				loading: B
 			}),
-			/* @__PURE__ */ Y(D, {
-				open: te,
-				onOpenChange: j,
-				onConfirm: de,
+			/* @__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"),
 				variant: "destructive",
-				loading: W
+				loading: U
 			}),
-			/* @__PURE__ */ Y(ee, {
-				open: L,
-				onOpenChange: R,
-				appId: Z.appId || "",
-				appName: Z.name,
-				appScopes: Z.scopes?.map((e) => e.scope) ?? [],
+			/* @__PURE__ */ J(D, {
+				open: N,
+				onOpenChange: I,
+				appId: K.appId || "",
+				appName: K.name,
+				appScopes: K.scopes?.map((e) => e.scope) ?? [],
 				onSuccess: () => {
-					R(!1);
+					I(!1);
 				}
 			})
 		]
-	}) : /* @__PURE__ */ Y(p, {
+	}) : /* @__PURE__ */ J(m, {
 		title: f("devportal.notFound", "Not Found"),
 		backLink: `${o}/apps`,
 		backLabel: f("devportal.backToApplications", "Back to Applications"),
-		children: /* @__PURE__ */ Y(r, {
-			icon: /* @__PURE__ */ Y(ne, { size: 48 }),
+		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.")
 		})
 	});
-}, xe = ({ onNavigate: e }) => {
+}, Ce = ({ onNavigate: e }) => {
 	let { t } = F(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
 	};
-	return /* @__PURE__ */ X("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "space-y-4 py-4 text-center",
 		children: [
-			/* @__PURE__ */ Y(W, { className: "mx-auto h-10 w-10 text-muted-foreground" }),
-			/* @__PURE__ */ Y("h3", {
+			/* @__PURE__ */ J(W, { className: "mx-auto h-10 w-10 text-muted-foreground" }),
+			/* @__PURE__ */ J("h3", {
 				className: "font-medium",
 				children: n("devportal.oauthApps", "OAuth Apps")
 			}),
-			/* @__PURE__ */ Y("p", {
+			/* @__PURE__ */ J("p", {
 				className: "text-sm text-muted-foreground",
 				children: n("devportal.oauthAppsManagedCentrally", "OAuth apps are now managed centrally. Visit the OAuth Apps page to create and manage your apps.")
 			}),
-			/* @__PURE__ */ X("button", {
+			/* @__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__ */ Y(B, { size: 16 }), n("devportal.manageOAuthApps", "Manage OAuth Apps")]
+				children: [/* @__PURE__ */ J(R, { size: 16 }), n("devportal.manageOAuthApps", "Manage OAuth Apps")]
 			})
 		]
 	});
-}, Se = ({ onNavigate: e }) => {
+}, we = ({ onNavigate: e }) => {
 	let { t } = F(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
 	};
-	return /* @__PURE__ */ X("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "space-y-4 py-4 text-center",
 		children: [
-			/* @__PURE__ */ Y(V, { className: "mx-auto h-10 w-10 text-muted-foreground" }),
-			/* @__PURE__ */ Y("h3", {
+			/* @__PURE__ */ J(B, { className: "mx-auto h-10 w-10 text-muted-foreground" }),
+			/* @__PURE__ */ J("h3", {
 				className: "font-medium",
 				children: n("devportal.apiKeys", "API Keys")
 			}),
-			/* @__PURE__ */ Y("p", {
+			/* @__PURE__ */ J("p", {
 				className: "text-sm text-muted-foreground",
 				children: n("devportal.apiKeysManagedCentrally", "API keys are now managed centrally. Visit the API Keys page to generate and manage your keys.")
 			}),
-			/* @__PURE__ */ X("button", {
+			/* @__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__ */ Y(B, { size: 16 }), n("devportal.manageApiKeys", "Manage API Keys")]
+				children: [/* @__PURE__ */ J(R, { size: 16 }), n("devportal.manageApiKeys", "Manage API Keys")]
 			})
 		]
 	});
-}, Ce = ({ appId: e, onNavigate: t }) => {
+}, Te = ({ appId: e, onNavigate: t }) => {
 	let { t: n } = F(), 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__ */ Y(ve, { message: r("devportal.loadingWebhooks", "Loading webhooks...") }) : o ? /* @__PURE__ */ Y(ye, { message: o.message }) : /* @__PURE__ */ Y(De, {
+	return a ? /* @__PURE__ */ J(X, { message: r("devportal.loadingWebhooks", "Loading webhooks...") }) : o ? /* @__PURE__ */ J(Z, { message: o.message }) : /* @__PURE__ */ J(ke, {
 		appId: e,
-		webhooks: (i?.webhooks ?? []).map(Z),
+		webhooks: (i?.webhooks ?? []).map(_e),
 		onNavigate: t
 	});
-}, we = ({ authAppId: e, appName: t, onGrantDelegation: n, onNavigate: a }) => {
+}, Ee = ({ authAppId: e, appName: t, onGrantDelegation: n, onNavigate: a }) => {
 	let { t: o } = F(), 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(he) : [], [e, c]), C = M(() => S.filter((e) => e.status === "ACTIVE"), [S]), w = M(() => C.filter((e) => v.has(e.id)), [C, v]), T = C.length > 0 && C.every((e) => v.has(e.id)), E = C.some((e) => v.has(e.id)) && !T, ee = A((e, t) => {
+	}, { 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) => {
 		y((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, []), O = A((e) => {
+	}, []), D = j((e) => {
 		y((t) => {
 			let n = new Set(t);
 			return C.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, [C]), k = A(() => {
+	}, [C]), O = j(() => {
 		y(/* @__PURE__ */ new Set());
-	}, []), te = A(async (e) => {
+	}, []), k = j(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;
@@ -502,38 +505,38 @@ var ge = [
 			_(!1);
 		}
 	}, [p, f]);
-	return e ? l ? /* @__PURE__ */ Y(ve, { message: s("devportal.loadingDelegations", "Loading delegations...") }) : d ? /* @__PURE__ */ Y(ye, { message: d.message }) : /* @__PURE__ */ X(J, { children: [
-		b && /* @__PURE__ */ Y("div", {
+	return e ? l ? /* @__PURE__ */ J(X, { message: s("devportal.loadingDelegations", "Loading delegations...") }) : d ? /* @__PURE__ */ J(Z, { message: d.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__ */ X("div", {
+			children: /* @__PURE__ */ Y("div", {
 				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ Y("span", { children: b }), /* @__PURE__ */ Y("button", {
+				children: [/* @__PURE__ */ J("span", { children: b }), /* @__PURE__ */ J("button", {
 					onClick: () => x(null),
 					className: "text-status-success-text hover:text-status-success-text",
 					children: s("devportal.dismiss", "Dismiss")
 				})]
 			})
 		}),
-		/* @__PURE__ */ Y(Oe, {
+		/* @__PURE__ */ J(Ae, {
 			appName: t,
 			delegations: S,
 			onGrantDelegation: n,
 			onRevokeDelegation: (e) => h([e]),
 			selectedDelegationIds: v,
-			onToggleSelectDelegation: ee,
-			onToggleAllDelegations: O,
-			onClearSelection: k,
-			onRevokeSelected: () => h(w.map((e) => e.id)),
-			allVisibleSelected: T,
-			partiallySelected: E
+			onToggleSelectDelegation: E,
+			onToggleAllDelegations: D,
+			onClearSelection: O,
+			onRevokeSelected: () => h(ee.map((e) => e.id)),
+			allVisibleSelected: w,
+			partiallySelected: T
 		}),
-		/* @__PURE__ */ Y(D, {
+		/* @__PURE__ */ J(te, {
 			open: m.length > 0,
 			onOpenChange: (e) => {
 				e || h([]);
 			},
 			onConfirm: () => {
-				m.length > 0 && te(m);
+				m.length > 0 && k(m);
 			},
 			title: m.length > 1 ? s("devportal.revokeDelegations", "Revoke Delegations") : s("devportal.revokeDelegation", "Revoke Delegation"),
 			description: m.length > 1 ? s("devportal.revokeMultipleDelegationsDescription", `This will immediately revoke ${m.length} selected delegations.`) : s("devportal.revokeDelegationDescription", "This will immediately revoke the delegation. The app will no longer be able to act on your behalf with the selected permissions."),
@@ -542,17 +545,17 @@ var ge = [
 			variant: "destructive",
 			loading: g
 		})
-	] }) : /* @__PURE__ */ Y(r, {
-		icon: /* @__PURE__ */ Y(W, { size: 32 }),
+	] }) : /* @__PURE__ */ J(r, {
+		icon: /* @__PURE__ */ J(W, { 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__ */ X("button", {
+		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__ */ Y(B, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
+			children: [/* @__PURE__ */ J(R, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
 		})
 	});
-}, Te = ({ appId: e }) => {
+}, De = ({ appId: e }) => {
 	let { t } = F(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
@@ -565,67 +568,67 @@ var ge = [
 		}, [r]).toISOString(),
 		endDate: r.toISOString()
 	} });
-	return a ? /* @__PURE__ */ Y(ve, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : s ? /* @__PURE__ */ Y(ye, { message: s.message }) : /* @__PURE__ */ Y(ke, { analytics: (i?.applicationAnalytics ?? []).map(me) });
-}, Ee = ({ app: e }) => {
+	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) => {
 		let r = t(e);
 		return r === e ? n : r;
 	};
-	return /* @__PURE__ */ X("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "grid gap-6 lg:grid-cols-3",
-		children: [/* @__PURE__ */ X("div", {
+		children: [/* @__PURE__ */ Y("div", {
 			className: "lg:col-span-2 space-y-6",
 			children: [
-				/* @__PURE__ */ X("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "grid gap-4 sm:grid-cols-4",
 					children: [
-						/* @__PURE__ */ Y(Q, {
+						/* @__PURE__ */ J(Q, {
 							label: n("devportal.totalInstalls", "Total Installs"),
 							value: e.installCount.toLocaleString()
 						}),
-						/* @__PURE__ */ Y(Q, {
+						/* @__PURE__ */ J(Q, {
 							label: n("devportal.activeInstalls", "Active Installs"),
 							value: e.activeInstallCount.toLocaleString()
 						}),
-						/* @__PURE__ */ Y(Q, {
+						/* @__PURE__ */ J(Q, {
 							label: n("devportal.averageRating", "Average Rating"),
 							value: e.averageRating ? `${e.averageRating.toFixed(1)} ★` : n("devportal.notAvailable", "N/A")
 						}),
-						/* @__PURE__ */ Y(Q, {
+						/* @__PURE__ */ J(Q, {
 							label: n("devportal.reviews", "Reviews"),
 							value: e.reviewCount.toString()
 						})
 					]
 				}),
-				/* @__PURE__ */ Y(m, {
+				/* @__PURE__ */ J(h, {
 					title: n("devportal.description", "Description"),
-					children: /* @__PURE__ */ Y("div", {
+					children: /* @__PURE__ */ J("div", {
 						className: "prose prose-sm max-w-none",
-						children: /* @__PURE__ */ Y("pre", {
+						children: /* @__PURE__ */ J("pre", {
 							className: "whitespace-pre-wrap font-sans text-sm text-foreground bg-transparent p-0 m-0",
 							children: e.description || n("devportal.noDescriptionProvided", "No description provided.")
 						})
 					})
 				}),
-				/* @__PURE__ */ Y(m, {
+				/* @__PURE__ */ J(h, {
 					title: n("devportal.tagsAndKeywords", "Tags & Keywords"),
-					children: /* @__PURE__ */ X("div", {
+					children: /* @__PURE__ */ Y("div", {
 						className: "space-y-3",
-						children: [e.tags.length > 0 && /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("p", {
+						children: [e.tags.length > 0 && /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 							className: "text-xs text-muted-foreground mb-2",
 							children: n("devportal.tags", "Tags")
-						}), /* @__PURE__ */ Y("div", {
+						}), /* @__PURE__ */ J("div", {
 							className: "flex flex-wrap gap-2",
-							children: e.tags.map((e) => /* @__PURE__ */ Y("span", {
+							children: e.tags.map((e) => /* @__PURE__ */ J("span", {
 								className: "rounded-full bg-primary/10 px-3 py-1 text-xs font-medium text-primary",
 								children: e
 							}, e))
-						})] }), e.keywords.length > 0 && /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("p", {
+						})] }), e.keywords.length > 0 && /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 							className: "text-xs text-muted-foreground mb-2",
 							children: n("devportal.keywords", "Keywords")
-						}), /* @__PURE__ */ Y("div", {
+						}), /* @__PURE__ */ J("div", {
 							className: "flex flex-wrap gap-2",
-							children: e.keywords.map((e) => /* @__PURE__ */ Y("span", {
+							children: e.keywords.map((e) => /* @__PURE__ */ J("span", {
 								className: "rounded-full bg-muted px-3 py-1 text-xs",
 								children: e
 							}, e))
@@ -633,14 +636,14 @@ var ge = [
 					})
 				})
 			]
-		}), /* @__PURE__ */ X("div", {
+		}), /* @__PURE__ */ Y("div", {
 			className: "space-y-6",
-			children: [/* @__PURE__ */ Y(m, {
+			children: [/* @__PURE__ */ J(h, {
 				title: n("devportal.details", "Details"),
-				children: /* @__PURE__ */ Y(C, { items: [
+				children: /* @__PURE__ */ J(ee, { items: [
 					{
 						label: n("devportal.appId", "App ID"),
-						value: /* @__PURE__ */ Y("code", {
+						value: /* @__PURE__ */ J("code", {
 							className: "text-xs",
 							children: e.id
 						})
@@ -670,32 +673,32 @@ var ge = [
 						value: e.publishedAt ? new Date(e.publishedAt).toLocaleDateString() : n("devportal.notPublished", "Not published")
 					}
 				] })
-			}), /* @__PURE__ */ Y(m, {
+			}), /* @__PURE__ */ J(h, {
 				title: n("devportal.links", "Links"),
-				children: /* @__PURE__ */ X("div", {
+				children: /* @__PURE__ */ Y("div", {
 					className: "space-y-2",
 					children: [
-						e.websiteUrl && /* @__PURE__ */ Y($, {
+						e.websiteUrl && /* @__PURE__ */ J($, {
 							label: n("devportal.website", "Website"),
 							url: e.websiteUrl
 						}),
-						e.documentationUrl && /* @__PURE__ */ Y($, {
+						e.documentationUrl && /* @__PURE__ */ J($, {
 							label: n("devportal.documentation", "Documentation"),
 							url: e.documentationUrl
 						}),
-						e.supportUrl && /* @__PURE__ */ Y($, {
+						e.supportUrl && /* @__PURE__ */ J($, {
 							label: n("devportal.support", "Support"),
 							url: e.supportUrl
 						}),
-						e.githubUrl && /* @__PURE__ */ Y($, {
+						e.githubUrl && /* @__PURE__ */ J($, {
 							label: n("devportal.github", "GitHub"),
 							url: e.githubUrl
 						}),
-						e.privacyPolicyUrl && /* @__PURE__ */ Y($, {
+						e.privacyPolicyUrl && /* @__PURE__ */ J($, {
 							label: n("devportal.privacyPolicy", "Privacy Policy"),
 							url: e.privacyPolicyUrl
 						}),
-						e.termsOfServiceUrl && /* @__PURE__ */ Y($, {
+						e.termsOfServiceUrl && /* @__PURE__ */ J($, {
 							label: n("devportal.termsOfService", "Terms of Service"),
 							url: e.termsOfServiceUrl
 						})
@@ -704,16 +707,16 @@ var ge = [
 			})]
 		})]
 	});
-}, De = ({ appId: e, webhooks: t, onNavigate: n }) => {
+}, ke = ({ appId: e, webhooks: t, onNavigate: n }) => {
 	let { t: i } = F(), a = (e, t) => {
 		let n = i(e);
 		return n === e ? t : n;
 	};
-	return /* @__PURE__ */ X("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "space-y-6",
-		children: [/* @__PURE__ */ X("div", {
+		children: [/* @__PURE__ */ Y("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ X("p", {
+			children: [/* @__PURE__ */ Y("p", {
 				className: "text-sm text-muted-foreground",
 				children: [
 					t.length,
@@ -722,81 +725,81 @@ var ge = [
 					" ",
 					a("devportal.configured", "configured")
 				]
-			}), /* @__PURE__ */ X("button", {
+			}), /* @__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__ */ Y(U, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				children: [/* @__PURE__ */ J(U, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})]
-		}), t.length > 0 ? /* @__PURE__ */ Y("div", {
+		}), t.length > 0 ? /* @__PURE__ */ J("div", {
 			className: "space-y-4",
-			children: t.map((t) => /* @__PURE__ */ X("div", {
+			children: t.map((t) => /* @__PURE__ */ Y("div", {
 				className: "rounded-lg border bg-card p-4 space-y-4",
 				children: [
-					/* @__PURE__ */ X("div", {
+					/* @__PURE__ */ Y("div", {
 						className: "flex items-start justify-between",
-						children: [/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ X("div", {
+						children: [/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ Y("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ Y("h3", {
+							children: [/* @__PURE__ */ J("h3", {
 								className: "font-medium",
 								children: t.name
-							}), /* @__PURE__ */ Y(_, {
+							}), /* @__PURE__ */ J(v, {
 								status: t.status,
 								type: "webhook"
 							})]
-						}), t.description && /* @__PURE__ */ Y("p", {
+						}), t.description && /* @__PURE__ */ J("p", {
 							className: "text-sm text-muted-foreground mt-1",
 							children: t.description
-						})] }), /* @__PURE__ */ Y("button", {
+						})] }), /* @__PURE__ */ J("button", {
 							onClick: () => n(`/apps/${e}/webhooks/${t.id}`),
 							className: "rounded-md p-1 hover:bg-muted",
-							children: /* @__PURE__ */ Y(se, { size: 20 })
+							children: /* @__PURE__ */ J(H, { size: 20 })
 						})]
 					}),
-					/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("p", {
+					/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 						className: "text-xs text-muted-foreground mb-1",
 						children: a("devportal.endpointUrl", "Endpoint URL")
-					}), /* @__PURE__ */ Y("code", {
+					}), /* @__PURE__ */ J("code", {
 						className: "text-sm bg-muted px-2 py-1 rounded block truncate",
 						children: t.url
 					})] }),
-					/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("p", {
+					/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 						className: "text-xs text-muted-foreground mb-2",
 						children: a("devportal.events", "Events")
-					}), /* @__PURE__ */ Y("div", {
+					}), /* @__PURE__ */ J("div", {
 						className: "flex flex-wrap gap-2",
-						children: t.events.map((e) => /* @__PURE__ */ Y("span", {
+						children: t.events.map((e) => /* @__PURE__ */ J("span", {
 							className: "rounded-full bg-muted px-2 py-0.5 text-xs",
 							children: e
 						}, e))
 					})] }),
-					/* @__PURE__ */ X("div", {
+					/* @__PURE__ */ Y("div", {
 						className: "grid gap-4 sm:grid-cols-4 text-sm",
 						children: [
-							/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("p", {
+							/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 								className: "text-xs text-muted-foreground",
 								children: a("devportal.success", "Success")
-							}), /* @__PURE__ */ Y("p", {
+							}), /* @__PURE__ */ J("p", {
 								className: "font-medium text-status-success-text",
 								children: t.successCount.toLocaleString()
 							})] }),
-							/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("p", {
+							/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 								className: "text-xs text-muted-foreground",
 								children: a("devportal.failed", "Failed")
-							}), /* @__PURE__ */ Y("p", {
+							}), /* @__PURE__ */ J("p", {
 								className: "font-medium text-status-error-text",
 								children: t.failureCount.toLocaleString()
 							})] }),
-							/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("p", {
+							/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 								className: "text-xs text-muted-foreground",
 								children: a("devportal.successRate", "Success Rate")
-							}), /* @__PURE__ */ X("p", {
+							}), /* @__PURE__ */ Y("p", {
 								className: "font-medium",
 								children: [t.successCount + t.failureCount > 0 ? (t.successCount / (t.successCount + t.failureCount) * 100).toFixed(1) : "0.0", "%"]
 							})] }),
-							/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("p", {
+							/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 								className: "text-xs text-muted-foreground",
 								children: a("devportal.lastTriggered", "Last Triggered")
-							}), /* @__PURE__ */ Y("p", {
+							}), /* @__PURE__ */ J("p", {
 								className: "font-medium",
 								children: t.lastTriggeredAt ? new Date(t.lastTriggeredAt).toLocaleString() : a("devportal.never", "Never")
 							})] })
@@ -804,28 +807,28 @@ var ge = [
 					})
 				]
 			}, t.id))
-		}) : /* @__PURE__ */ Y(r, {
-			icon: /* @__PURE__ */ Y(ue, { size: 32 }),
+		}) : /* @__PURE__ */ J(r, {
+			icon: /* @__PURE__ */ J(pe, { size: 32 }),
 			title: a("devportal.noWebhooks", "No webhooks"),
 			description: a("devportal.noWebhooksDescription", "Add a webhook to receive event notifications"),
-			action: /* @__PURE__ */ X("button", {
+			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__ */ Y(U, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				children: [/* @__PURE__ */ J(U, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})
 		})]
 	});
-}, Oe = ({ appName: e, delegations: n, onGrantDelegation: i, onRevokeDelegation: a, selectedDelegationIds: o, onToggleSelectDelegation: s, onToggleAllDelegations: c, onClearSelection: l, onRevokeSelected: u, allVisibleSelected: d, partiallySelected: f }) => {
+}, 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) => {
 		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__ */ X("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ X("div", {
+			/* @__PURE__ */ Y("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ X("p", {
+				children: [/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ Y("p", {
 					className: "text-sm text-muted-foreground",
 					children: [
 						n.length,
@@ -836,7 +839,7 @@ var ge = [
 						" ",
 						e
 					]
-				}), h.length > 0 && /* @__PURE__ */ X("p", {
+				}), h.length > 0 && /* @__PURE__ */ Y("p", {
 					className: "text-xs text-muted-foreground mt-0.5",
 					children: [
 						h.length,
@@ -848,44 +851,44 @@ var ge = [
 						" ",
 						m("devportal.revokedExpired", "revoked/expired")
 					]
-				})] }), /* @__PURE__ */ X("button", {
+				})] }), /* @__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__ */ Y(U, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					children: [/* @__PURE__ */ J(U, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})]
 			}),
-			h.length > 0 && /* @__PURE__ */ Y("div", {
+			h.length > 0 && /* @__PURE__ */ J("div", {
 				className: "rounded-lg border bg-card p-4",
-				children: /* @__PURE__ */ X("div", {
+				children: /* @__PURE__ */ Y("div", {
 					className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
-					children: [/* @__PURE__ */ X("div", {
+					children: [/* @__PURE__ */ Y("div", {
 						className: "flex flex-wrap items-center gap-3",
-						children: [/* @__PURE__ */ X("div", {
+						children: [/* @__PURE__ */ Y("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ Y(y, {
+							children: [/* @__PURE__ */ J(b, {
 								checked: d,
 								indeterminate: f,
 								onChange: c,
 								ariaLabel: m("devportal.selectAllActiveDelegations", "Select all active app delegations")
-							}), /* @__PURE__ */ Y("span", {
+							}), /* @__PURE__ */ J("span", {
 								className: "text-sm font-medium",
 								children: m("devportal.selectAllActive", "Select all active")
 							})]
-						}), o.size > 0 && /* @__PURE__ */ Y("button", {
+						}), o.size > 0 && /* @__PURE__ */ J("button", {
 							onClick: l,
 							className: "text-sm text-muted-foreground hover:text-foreground",
 							children: m("devportal.clearSelection", "Clear selection")
 						})]
-					}), /* @__PURE__ */ X("div", {
+					}), /* @__PURE__ */ Y("div", {
 						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ X("span", {
+						children: [/* @__PURE__ */ Y("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__ */ X("button", {
+						}), /* @__PURE__ */ Y("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",
@@ -894,33 +897,33 @@ var ge = [
 					})]
 				})
 			}),
-			n.length > 0 ? /* @__PURE__ */ Y("div", {
+			n.length > 0 ? /* @__PURE__ */ J("div", {
 				className: "space-y-4",
-				children: n.map((e) => /* @__PURE__ */ X("div", {
+				children: n.map((e) => /* @__PURE__ */ Y("div", {
 					className: "rounded-lg border bg-card p-4 space-y-4",
 					children: [
-						/* @__PURE__ */ X("div", {
+						/* @__PURE__ */ Y("div", {
 							className: "flex items-start justify-between",
-							children: [/* @__PURE__ */ X("div", {
+							children: [/* @__PURE__ */ Y("div", {
 								className: "flex items-start gap-3",
-								children: [e.status === "ACTIVE" && /* @__PURE__ */ Y("div", {
+								children: [e.status === "ACTIVE" && /* @__PURE__ */ J("div", {
 									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ Y(y, {
+									children: /* @__PURE__ */ J(b, {
 										checked: o.has(e.id),
 										onChange: (t) => s(e.id, t),
 										ariaLabel: `Select delegation ${e.id}`,
 										className: "mt-1"
 									})
-								}), /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ X("div", {
+								}), /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ Y("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ X("h3", {
+									children: [/* @__PURE__ */ Y("h3", {
 										className: "font-medium",
 										children: ["Delegation #", e.id.slice(0, 8)]
-									}), /* @__PURE__ */ Y("span", {
-										className: t("rounded-full px-2 py-0.5 text-xs font-medium", _e[e.status]),
+									}), /* @__PURE__ */ J("span", {
+										className: t("rounded-full px-2 py-0.5 text-xs font-medium", xe[e.status]),
 										children: e.status
 									})]
-								}), /* @__PURE__ */ X("p", {
+								}), /* @__PURE__ */ Y("p", {
 									className: "text-sm text-muted-foreground mt-1",
 									children: [
 										m("devportal.granted", "Granted"),
@@ -932,55 +935,55 @@ var ge = [
 										e.grantedBy === e.userId ? m("devportal.you", "you") : e.grantedBy.slice(0, 8)
 									]
 								})] })]
-							}), e.status === "ACTIVE" && /* @__PURE__ */ X("button", {
+							}), 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__ */ Y(de, { size: 14 }), m("devportal.revoke", "Revoke")]
+								children: [/* @__PURE__ */ J(K, { size: 14 }), m("devportal.revoke", "Revoke")]
 							})]
 						}),
-						/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("p", {
+						/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 							className: "text-xs text-muted-foreground mb-2",
 							children: m("devportal.grantedScopes", "Granted Scopes")
-						}), /* @__PURE__ */ Y("div", {
+						}), /* @__PURE__ */ J("div", {
 							className: "flex flex-wrap gap-2",
-							children: e.scopes.map((e) => /* @__PURE__ */ Y("span", {
+							children: e.scopes.map((e) => /* @__PURE__ */ J("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__ */ X("div", { children: [/* @__PURE__ */ Y("p", {
+						e.workspaceIds.length > 0 && /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
 							className: "text-xs text-muted-foreground mb-2",
 							children: m("devportal.workspaceScope", "Workspace Scope")
-						}), /* @__PURE__ */ Y("div", {
+						}), /* @__PURE__ */ J("div", {
 							className: "flex flex-wrap gap-2",
-							children: e.workspaceIds.map((e) => /* @__PURE__ */ Y("code", {
+							children: e.workspaceIds.map((e) => /* @__PURE__ */ J("code", {
 								className: "rounded bg-muted px-2 py-0.5 text-xs",
 								children: e
 							}, e))
 						})] }),
-						/* @__PURE__ */ X("div", {
+						/* @__PURE__ */ Y("div", {
 							className: "flex items-center gap-4 text-xs text-muted-foreground",
 							children: [
-								e.expiresAt && /* @__PURE__ */ X("span", {
+								e.expiresAt && /* @__PURE__ */ Y("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ Y(z, { size: 12 }),
+										/* @__PURE__ */ J(ae, { size: 12 }),
 										m("devportal.expires", "Expires"),
 										" ",
 										new Date(e.expiresAt).toLocaleDateString()
 									]
 								}),
-								!e.expiresAt && e.status === "ACTIVE" && /* @__PURE__ */ X("span", {
+								!e.expiresAt && e.status === "ACTIVE" && /* @__PURE__ */ Y("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ Y(R, {
+									children: [/* @__PURE__ */ J(L, {
 										size: 12,
 										className: "text-status-success-text"
 									}), m("devportal.noExpiration", "No expiration")]
 								}),
-								e.revokedAt && /* @__PURE__ */ X("span", {
+								e.revokedAt && /* @__PURE__ */ Y("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ Y(de, {
+										/* @__PURE__ */ J(K, {
 											size: 12,
 											className: "text-status-error-text"
 										}),
@@ -993,52 +996,52 @@ var ge = [
 						})
 					]
 				}, e.id))
-			}) : /* @__PURE__ */ Y(r, {
-				icon: /* @__PURE__ */ Y(q, { size: 32 }),
+			}) : /* @__PURE__ */ J(r, {
+				icon: /* @__PURE__ */ J(fe, { 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__ */ X("button", {
+				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__ */ Y(U, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					children: [/* @__PURE__ */ J(U, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})
 			})
 		]
 	});
-}, ke = ({ analytics: e }) => {
+}, je = ({ analytics: e }) => {
 	let { t } = F(), 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;
-	return /* @__PURE__ */ X("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "space-y-6",
-		children: [/* @__PURE__ */ X("div", {
+		children: [/* @__PURE__ */ Y("div", {
 			className: "grid gap-4 sm:grid-cols-4",
 			children: [
-				/* @__PURE__ */ Y(Q, {
+				/* @__PURE__ */ J(Q, {
 					label: n("devportal.activeUsers", "Active Users"),
 					value: i?.activeUsers.toLocaleString() || "0",
 					trend: a ? o(i.activeUsers, a.activeUsers) : void 0
 				}),
-				/* @__PURE__ */ Y(Q, {
+				/* @__PURE__ */ J(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__ */ Y(Q, {
+				/* @__PURE__ */ J(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__ */ Y(Q, {
+				/* @__PURE__ */ J(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__ */ Y(m, {
+		}), /* @__PURE__ */ J(h, {
 			title: n("devportal.dailyBreakdown", "Daily Breakdown"),
-			children: e.length > 0 ? /* @__PURE__ */ Y(S, {
+			children: e.length > 0 ? /* @__PURE__ */ J(C, {
 				data: e,
 				keyField: "id",
 				columns: [
@@ -1078,66 +1081,66 @@ var ge = [
 						render: (e) => e.sessions.toLocaleString()
 					}
 				]
-			}) : /* @__PURE__ */ Y(r, {
-				icon: /* @__PURE__ */ Y(L, { size: 32 }),
+			}) : /* @__PURE__ */ J(r, {
+				icon: /* @__PURE__ */ J(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.")
 			})
 		})]
 	});
-}, Ae = "# Sample query - modify as needed\nquery IntrospectSchema {\n  __schema {\n    queryType { name }\n    mutationType { name }\n    types {\n      name\n      kind\n    }\n  }\n}", je = ({ app: t }) => {
-	let { apiGatewayUrl: n, authToken: r } = e(), { t: i } = F(), a = (e, t) => {
-		let n = i(e);
+}, 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) => {
+		let n = a(e);
 		return n === e ? t : n;
-	}, [o, s] = P(Ae), [c, l] = P("{}"), [u, d] = P(""), [f, p] = P(!1), [m, h] = P(`${n || "http://localhost:4000"}/global/graphql`), [g, _] = P(r || ""), [v, y] = P(!1), b = A(async () => {
-		p(!0), d("");
+	}, [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 () => {
+		m(!0), f("");
 		try {
 			let e = {};
 			try {
-				e = JSON.parse(c);
+				e = JSON.parse(l);
 			} catch {
-				d(JSON.stringify({ error: "Invalid JSON in variables" }, null, 2)), p(!1);
+				f(JSON.stringify({ error: "Invalid JSON in variables" }, null, 2)), m(!1);
 				return;
 			}
 			let t = { "Content-Type": "application/json" };
-			g && (t.Authorization = `Bearer ${g}`);
-			let n = await (await fetch(m, {
+			_ && (t.Authorization = `Bearer ${_}`);
+			let n = await (await fetch(h, {
 				method: "POST",
 				headers: t,
 				body: JSON.stringify({
-					query: o,
+					query: s,
 					variables: e
 				})
 			})).json();
-			d(JSON.stringify(n, null, 2));
+			f(JSON.stringify(n, null, 2));
 		} catch (e) {
-			d(JSON.stringify({ error: e instanceof Error ? e.message : "Request failed" }, null, 2));
+			f(JSON.stringify({ error: e instanceof Error ? e.message : "Request failed" }, null, 2));
 		} finally {
-			p(!1);
+			m(!1);
 		}
 	}, [
-		o,
-		c,
-		m,
-		g
-	]), x = A(() => {
-		r && _(r), y(!0);
-	}, [r]);
-	return /* @__PURE__ */ X("div", {
+		s,
+		l,
+		h,
+		_
+	]), S = j(() => {
+		i && v(i), b(!0);
+	}, [i]);
+	return /* @__PURE__ */ Y("div", {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ X("div", {
+			/* @__PURE__ */ Y("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("h3", {
+				children: [/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("h3", {
 					className: "text-lg font-semibold",
-					children: a("devportal.apiPlayground", "API Playground")
-				}), /* @__PURE__ */ X("p", {
+					children: o("devportal.apiPlayground", "API Playground")
+				}), /* @__PURE__ */ Y("p", {
 					className: "text-sm text-muted-foreground",
 					children: [
-						a("devportal.apiPlaygroundDescription", "Test GraphQL APIs in the context of"),
+						o("devportal.apiPlaygroundDescription", "Test GraphQL APIs in the context of"),
 						" ",
-						/* @__PURE__ */ Y("strong", { children: t.name }),
-						t.appId && /* @__PURE__ */ X("span", {
+						/* @__PURE__ */ J("strong", { children: t.name }),
+						t.appId && /* @__PURE__ */ Y("span", {
 							className: "ml-1 text-xs text-muted-foreground",
 							children: [
 								"(OAuth App: ",
@@ -1146,146 +1149,272 @@ var ge = [
 							]
 						})
 					]
-				})] }), /* @__PURE__ */ X("button", {
-					onClick: x,
+				})] }), /* @__PURE__ */ Y("button", {
+					onClick: S,
 					className: "flex items-center gap-2 rounded-md border px-3 py-1.5 text-sm font-medium hover:bg-accent transition-colors",
-					children: [/* @__PURE__ */ Y(V, { size: 14 }), a("devportal.autoFillCredentials", "Auto-fill Credentials")]
+					children: [/* @__PURE__ */ J(B, { size: 14 }), o("devportal.autoFillCredentials", "Auto-fill Credentials")]
 				})]
 			}),
-			v && /* @__PURE__ */ X("div", {
+			y && /* @__PURE__ */ Y("div", {
 				className: "rounded-lg border bg-status-info-bg-subtle p-4 text-sm space-y-2",
 				children: [
-					/* @__PURE__ */ Y("p", {
+					/* @__PURE__ */ J("p", {
 						className: "font-medium text-status-info-text",
-						children: a("devportal.authenticationGuide", "Authentication Guide")
+						children: o("devportal.authenticationGuide", "Authentication Guide")
 					}),
-					/* @__PURE__ */ X("p", {
+					/* @__PURE__ */ Y("p", {
 						className: "text-status-info-text",
 						children: [
-							a("devportal.authenticationGuideText", "Your current session token has been filled in. For app-level authentication (Client Credentials flow), use the"),
+							o("devportal.authenticationGuideText", "Your current session token has been filled in. For app-level authentication (Client Credentials flow), use the"),
 							" ",
-							/* @__PURE__ */ Y("strong", { children: a("devportal.oauthClientsTab", "OAuth Clients") }),
+							/* @__PURE__ */ J("strong", { children: o("devportal.oauthClientsTab", "OAuth Clients") }),
 							" ",
-							a("devportal.authenticationGuideText2", "tab to get the app's clientId and clientSecret, then call:")
+							o("devportal.authenticationGuideText2", "tab to get the app's clientId and clientSecret, then call:")
 						]
 					}),
-					/* @__PURE__ */ Y("pre", {
+					/* @__PURE__ */ J("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__ */ X("p", {
+					/* @__PURE__ */ Y("p", {
 						className: "text-status-info-text",
 						children: [
-							a("devportal.useReturnedAccessToken", "Use the returned"),
+							o("devportal.useReturnedAccessToken", "Use the returned"),
 							" ",
-							/* @__PURE__ */ Y("code", {
+							/* @__PURE__ */ J("code", {
 								className: "bg-status-info-bg-subtle px-1 rounded",
 								children: "accessToken"
 							}),
 							" ",
-							a("devportal.asBearerToken", "as the Bearer token below.")
+							o("devportal.asBearerToken", "as the Bearer token below.")
 						]
 					}),
-					/* @__PURE__ */ Y("button", {
-						onClick: () => y(!1),
+					/* @__PURE__ */ J("button", {
+						onClick: () => b(!1),
 						className: "text-xs text-accent-blue hover:underline",
-						children: a("devportal.dismiss", "Dismiss")
+						children: o("devportal.dismiss", "Dismiss")
 					})
 				]
 			}),
-			/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("label", {
+			/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
 				className: "block text-sm font-medium mb-1",
-				children: a("devportal.gatewayEndpoint", "Gateway Endpoint")
-			}), /* @__PURE__ */ X("div", {
+				children: o("devportal.gatewayEndpoint", "Gateway Endpoint")
+			}), /* @__PURE__ */ Y("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ Y("input", {
+				children: [/* @__PURE__ */ J("input", {
 					type: "text",
-					value: m,
-					onChange: (e) => h(e.target.value),
+					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__ */ X("select", {
-					onChange: (e) => h(e.target.value),
+				}), /* @__PURE__ */ Y("select", {
+					onChange: (e) => g(e.target.value),
 					className: "rounded-md border px-3 py-2 text-sm bg-background",
-					value: m,
-					children: [/* @__PURE__ */ Y("option", {
+					value: h,
+					children: [/* @__PURE__ */ J("option", {
 						value: `${n || "http://localhost:4000"}/global/graphql`,
-						children: a("devportal.globalGateway", "Global Gateway")
-					}), /* @__PURE__ */ Y("option", {
-						value: `${n || "http://localhost:4000"}/workspaces/graphql`,
-						children: a("devportal.workspaceGateway", "Workspace Gateway")
+						children: o("devportal.globalGateway", "Global Gateway")
+					}), /* @__PURE__ */ J("option", {
+						value: `${r || "http://localhost:4003"}/workspaces/graphql`,
+						children: o("devportal.workspaceGateway", "Workspace Gateway")
 					})]
 				})]
 			})] }),
-			/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("label", {
+			/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
 				className: "block text-sm font-medium mb-1",
-				children: a("devportal.bearerToken", "Bearer Token")
-			}), /* @__PURE__ */ Y("input", {
+				children: o("devportal.bearerToken", "Bearer Token")
+			}), /* @__PURE__ */ J("input", {
 				type: "password",
-				value: g,
-				onChange: (e) => _(e.target.value),
-				placeholder: a("devportal.pasteAccessToken", "Paste access token here..."),
+				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__ */ X("div", {
+			/* @__PURE__ */ Y("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-4",
-				children: [/* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("label", {
+				children: [/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
 					className: "block text-sm font-medium mb-1",
-					children: a("devportal.query", "Query")
-				}), /* @__PURE__ */ Y("textarea", {
-					value: o,
-					onChange: (e) => s(e.target.value),
+					children: o("devportal.query", "Query")
+				}), /* @__PURE__ */ J("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__ */ X("div", { children: [/* @__PURE__ */ Y("label", {
+				})] }), /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
 					className: "block text-sm font-medium mb-1",
-					children: a("devportal.variablesJson", "Variables (JSON)")
-				}), /* @__PURE__ */ Y("textarea", {
-					value: c,
-					onChange: (e) => l(e.target.value),
+					children: o("devportal.variablesJson", "Variables (JSON)")
+				}), /* @__PURE__ */ J("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__ */ X("button", {
-				onClick: b,
-				disabled: f,
+			/* @__PURE__ */ Y("button", {
+				onClick: x,
+				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: [f ? /* @__PURE__ */ Y(H, {
+				children: [p ? /* @__PURE__ */ J(V, {
 					size: 16,
 					className: "animate-spin"
-				}) : /* @__PURE__ */ Y(B, { size: 16 }), f ? a("devportal.executing", "Executing...") : a("devportal.executeQuery", "Execute Query")]
+				}) : /* @__PURE__ */ J(R, { size: 16 }), p ? o("devportal.executing", "Executing...") : o("devportal.executeQuery", "Execute Query")]
 			}),
-			u && /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("label", {
+			d && /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
 				className: "block text-sm font-medium mb-1",
-				children: a("devportal.response", "Response")
-			}), /* @__PURE__ */ Y("pre", {
+				children: o("devportal.response", "Response")
+			}), /* @__PURE__ */ J("pre", {
 				className: "w-full max-h-96 overflow-auto rounded-md border bg-muted p-4 text-xs font-mono",
-				children: u
+				children: d
 			})] })
 		]
 	});
-}, Me = new Set(["workflow", "template"]), Ne = [
-	{
-		value: "FREE",
-		label: "Free"
-	},
-	{
-		value: "FREEMIUM",
-		label: "Freemium"
-	},
-	{
-		value: "PAID",
-		label: "Paid"
-	},
-	{
-		value: "SUBSCRIPTION",
-		label: "Subscription"
-	},
-	{
-		value: "USAGE_BASED",
-		label: "Usage-based"
-	}
-], Pe = [
+}, 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) => {
+		try {
+			r((await s(e)).downloadUrl);
+		} catch {}
+	}, [s, r]);
+	return /* @__PURE__ */ Y("div", {
+		className: "space-y-1.5",
+		children: [
+			/* @__PURE__ */ J("label", {
+				className: "text-sm font-medium",
+				children: e
+			}),
+			/* @__PURE__ */ Y("div", {
+				className: "flex gap-3 items-start",
+				children: [/* @__PURE__ */ Y("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__ */ J("img", {
+						src: n,
+						alt: e,
+						className: "w-full h-full object-cover"
+					}) : /* @__PURE__ */ J(G, {
+						size: 18,
+						className: "text-text-secondary opacity-40"
+					}), c && /* @__PURE__ */ Y("div", {
+						className: "absolute inset-0 bg-black/40 flex flex-col items-center justify-center gap-1",
+						children: [/* @__PURE__ */ J(V, {
+							size: 14,
+							className: "animate-spin text-white"
+						}), /* @__PURE__ */ Y("span", {
+							className: "text-white text-xs",
+							children: [l, "%"]
+						})]
+					})]
+				}), /* @__PURE__ */ Y("div", {
+					className: "flex-1 space-y-1.5",
+					children: [
+						/* @__PURE__ */ J("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__ */ J("input", {
+							ref: d,
+							type: "file",
+							accept: a,
+							className: "hidden",
+							onChange: (e) => {
+								let t = e.target.files?.[0];
+								t && f(t), e.target.value = "";
+							}
+						}),
+						/* @__PURE__ */ Y("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__ */ J(G, { size: 11 }), c ? `Uploading… ${l}%` : "Upload image"]
+						}),
+						u && /* @__PURE__ */ J("p", {
+							className: "text-xs text-status-error-text",
+							children: u
+						})
+					]
+				})]
+			}),
+			i && /* @__PURE__ */ J("p", {
+				className: "text-xs text-text-secondary",
+				children: i
+			})
+		]
+	});
+}, Fe = ({ urls: e, onChange: n, upload: r, uploading: i, progress: a, error: o }) => {
+	let s = N(null), c = j(async (t) => {
+		try {
+			let i = await r(t);
+			n([...e, i.downloadUrl]);
+		} catch {}
+	}, [
+		r,
+		n,
+		e
+	]), l = (t) => {
+		n(e.filter((e, n) => n !== t));
+	};
+	return /* @__PURE__ */ Y("div", {
+		className: "space-y-2",
+		children: [
+			/* @__PURE__ */ J("label", {
+				className: "text-sm font-medium",
+				children: "Screenshots"
+			}),
+			/* @__PURE__ */ Y("div", {
+				className: "flex flex-wrap gap-3",
+				children: [e.map((e, t) => /* @__PURE__ */ Y("div", {
+					className: "relative group w-36 aspect-video rounded-lg border border-border overflow-hidden bg-bg-sunken",
+					children: [/* @__PURE__ */ J("img", {
+						src: e,
+						alt: `Screenshot ${t + 1}`,
+						className: "w-full h-full object-cover"
+					}), /* @__PURE__ */ J("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__ */ J(me, { size: 12 })
+					})]
+				}, t)), /* @__PURE__ */ J("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__ */ Y(q, { children: [/* @__PURE__ */ J(V, {
+						size: 18,
+						className: "animate-spin text-primary"
+					}), /* @__PURE__ */ Y("span", {
+						className: "text-xs",
+						children: [a, "%"]
+					})] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(G, { size: 18 }), /* @__PURE__ */ J("span", {
+						className: "text-xs",
+						children: "Add screenshot"
+					})] })
+				})]
+			}),
+			/* @__PURE__ */ J("input", {
+				ref: s,
+				type: "file",
+				accept: "image/png,image/jpeg,image/webp,image/gif",
+				className: "hidden",
+				onChange: (e) => {
+					let t = e.target.files?.[0];
+					t && c(t), e.target.value = "";
+				}
+			}),
+			o && /* @__PURE__ */ J("p", {
+				className: "text-xs text-status-error-text",
+				children: o
+			})
+		]
+	});
+}, Ie = new Set(["workflow", "template"]), Le = [{
+	value: "FREE",
+	label: "Free"
+}, {
+	value: "PAID",
+	label: "Paid"
+}], Re = [
 	{
 		value: "agent",
 		label: "Agent"
@@ -1354,25 +1483,8 @@ var ge = [
 		value: "component",
 		label: "Component"
 	}
-], Fe = [
-	{
-		value: "npm",
-		label: "npm"
-	},
-	{
-		value: "git",
-		label: "git"
-	},
-	{
-		value: "zip",
-		label: "zip"
-	},
-	{
-		value: "builtin",
-		label: "builtin"
-	}
 ];
-function Ie(e) {
+function ze(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 ?? "",
@@ -1391,439 +1503,567 @@ function Ie(e) {
 		price: typeof o.price == "number" ? String(o.price) : "",
 		currency: typeof o.currency == "string" ? o.currency : "",
 		manifestItemType: typeof t.itemType == "string" ? t.itemType : "",
-		manifestDisplayName: typeof n.displayName == "string" ? n.displayName : "",
+		manifestDisplayName: typeof n.displayName == "string" ? n.displayName : e.name ?? "",
 		manifestVersion: typeof n.version == "string" ? n.version : "",
-		manifestInstallType: typeof r.type == "string" ? r.type : "npm",
-		manifestPackageName: typeof r.packageName == "string" ? r.packageName : "",
-		manifestRegistryUrl: typeof r.registryUrl == "string" ? r.registryUrl : "",
+		manifestInstallType: typeof r.type == "string" ? r.type : "zip",
+		manifestPackageName: "",
+		manifestRegistryUrl: typeof r.url == "string" ? r.url : typeof r.registryUrl == "string" ? r.registryUrl : "",
 		manifestPermissionsText: a.join("\n"),
 		manifestMinPlatformVersion: typeof i.minPlatformVersion == "string" ? i.minPlatformVersion : "",
 		manifestJsonContent: typeof t.jsonContent == "string" ? t.jsonContent : typeof t.content == "string" ? t.content : ""
 	};
 }
-var Le = ({ app: t }) => {
-	let { workspacesGatewayUrl: n, authToken: r, workspaceId: i, getWorkspaceToken: a } = e(), { t: o } = F(), s = (e, t) => {
-		let n = o(e);
+var Be = ({ app: n }) => {
+	let { workspacesGatewayUrl: r, authToken: i, workspaceId: a, getWorkspaceToken: o } = e(), { t: s } = F(), c = (e, t) => {
+		let n = s(e);
 		return n === e ? t : n;
-	}, [c, l] = P(() => Ie(t)), [u, d] = P(!1), p = N(t);
-	p.current = t;
-	let [h] = f();
-	j(() => {
-		l(Ie(p.current));
-	}, [t.id]);
-	let g = (e, t) => {
-		l((n) => ({
+	}, [l, u] = P(() => ze(n)), [d, m] = P(!1), [g, _] = P(!1), v = N(n);
+	v.current = n;
+	let [y] = p(), [b, { loading: S }] = f();
+	ne(() => {
+		u(ze(v.current));
+	}, [n.id]);
+	let C = (e, t) => {
+		u((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, _ = async () => {
-		d(!0);
+	}, ee = async () => {
+		m(!0);
 		try {
-			let e = c.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean), n = c.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), r = Me.has(c.manifestItemType), i = t.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 = Ie.has(l.manifestItemType), i = n.manifest ?? {}, a = {
 				manifestVersion: typeof i.manifestVersion == "string" ? i.manifestVersion : "1.0",
-				itemType: c.manifestItemType || void 0,
+				itemType: l.manifestItemType || void 0,
 				identity: {
-					version: c.manifestVersion || "1.0.0",
-					displayName: c.manifestDisplayName
+					version: l.manifestVersion || "1.0.0",
+					displayName: l.manifestDisplayName
 				},
-				...r ? { jsonContent: c.manifestJsonContent || void 0 } : { digital: { install: {
-					type: c.manifestInstallType,
-					packageName: c.manifestPackageName,
-					registryUrl: c.manifestRegistryUrl
+				...r ? { jsonContent: l.manifestJsonContent || void 0 } : { digital: { install: {
+					type: l.manifestInstallType,
+					...l.manifestInstallType === "zip" && l.manifestRegistryUrl ? { url: l.manifestRegistryUrl } : {}
 				} } },
-				permissions: n,
-				compatibility: { minPlatformVersion: c.manifestMinPlatformVersion }
-			}, o = { ...t.pricingDetails ?? {} };
-			if (c.pricingType !== "FREE") {
-				let e = parseFloat(c.price);
-				isNaN(e) || (o.price = e), c.currency && (o.currency = c.currency);
+				permissions: t,
+				compatibility: { minPlatformVersion: l.manifestMinPlatformVersion }
+			}, o = { ...n.pricingDetails ?? {} };
+			if (l.pricingType !== "FREE") {
+				let e = parseFloat(l.price);
+				isNaN(e) || (o.price = e), l.currency && (o.currency = l.currency);
 			}
-			await h({ variables: {
-				id: t.id,
+			await y({ variables: {
+				id: n.id,
 				input: {
-					iconUrl: c.iconUrl || null,
-					bannerUrl: c.bannerUrl || null,
-					videoUrl: c.videoUrl || null,
-					shortDescription: c.shortDescription || null,
-					description: c.description || null,
+					iconUrl: l.iconUrl || null,
+					bannerUrl: l.bannerUrl || null,
+					videoUrl: l.videoUrl || null,
+					shortDescription: l.shortDescription || null,
+					description: l.description || null,
 					screenshots: e.length > 0 ? e : null,
-					websiteUrl: c.websiteUrl || null,
-					documentationUrl: c.documentationUrl || null,
-					githubUrl: c.githubUrl || null,
-					supportUrl: c.supportUrl || null,
-					privacyPolicyUrl: c.privacyPolicyUrl || null,
-					termsOfServiceUrl: c.termsOfServiceUrl || null,
-					pricingType: c.pricingType || null,
+					websiteUrl: l.websiteUrl || null,
+					documentationUrl: l.documentationUrl || null,
+					githubUrl: l.githubUrl || null,
+					supportUrl: l.supportUrl || null,
+					privacyPolicyUrl: l.privacyPolicyUrl || null,
+					termsOfServiceUrl: l.termsOfServiceUrl || null,
+					pricingType: l.pricingType || null,
 					pricingDetails: Object.keys(o).length > 0 ? o : null,
 					manifest: a
 				}
-			} }), b("success");
+			} }), x("success");
 		} catch {
-			b("error");
+			x("error");
 		} finally {
-			d(!1);
+			m(!1);
+		}
+	}, te = async () => {
+		try {
+			await b({ variables: { id: n.id } }), x("success");
+		} catch {
+			x("error");
 		}
-	}, v = N(null), y = N(null), { upload: x, uploading: S, progress: C, error: D } = te(n, r, i, a), ee = A(async (e) => {
+	}, 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) => {
 		let t = e.target.files?.[0];
 		if (t) {
 			e.target.value = "";
 			try {
-				let e = await x(t);
-				l((t) => ({
+				let e = await k(t);
+				u((t) => ({
 					...t,
 					manifestRegistryUrl: e.downloadUrl
 				}));
 			} catch {}
 		}
-	}, [x]), O = A((e) => {
+	}, [k]), he = j(async (e) => {
+		e.preventDefault(), _(!1);
+		let t = e.dataTransfer.files?.[0];
+		if (t) try {
+			let e = await k(t);
+			u((t) => ({
+				...t,
+				manifestRegistryUrl: e.downloadUrl
+			}));
+		} catch {}
+	}, [k]), ge = j((e) => {
 		let t = e.target.files?.[0];
 		if (!t) return;
 		let n = new FileReader();
 		n.onload = (e) => {
 			try {
 				let t = JSON.parse(e.target?.result), n = t.identity ?? {}, r = (t.digital ?? {}).install ?? {}, i = t.compatibility ?? {}, a = Array.isArray(t.permissions) ? t.permissions : [];
-				l((e) => ({
+				u((e) => ({
 					...e,
 					manifestItemType: typeof t.itemType == "string" ? t.itemType : e.manifestItemType,
 					manifestDisplayName: typeof n.displayName == "string" ? n.displayName : e.manifestDisplayName,
 					manifestVersion: typeof n.version == "string" ? n.version : e.manifestVersion,
 					manifestInstallType: typeof r.type == "string" ? r.type : e.manifestInstallType,
-					manifestPackageName: typeof r.packageName == "string" ? r.packageName : e.manifestPackageName,
-					manifestRegistryUrl: typeof r.registryUrl == "string" ? r.registryUrl : typeof r.url == "string" ? r.url : e.manifestRegistryUrl,
+					manifestRegistryUrl: typeof r.url == "string" ? r.url : typeof r.registryUrl == "string" ? r.registryUrl : e.manifestRegistryUrl,
 					manifestPermissionsText: a.length > 0 ? a.join("\n") : e.manifestPermissionsText,
 					manifestMinPlatformVersion: typeof i.minPlatformVersion == "string" ? i.minPlatformVersion : e.manifestMinPlatformVersion
 				}));
 			} catch {}
 		}, n.readAsText(t), e.target.value = "";
-	}, []), k = A(() => {
-		let e = c.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), n = Me.has(c.manifestItemType), r = {
+	}, []), _e = j(() => {
+		let e = l.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), t = Ie.has(l.manifestItemType), r = {
 			manifestVersion: "1.0",
-			itemType: c.manifestItemType || void 0,
+			itemType: l.manifestItemType || void 0,
 			identity: {
-				version: c.manifestVersion || "1.0.0",
-				displayName: c.manifestDisplayName
+				version: l.manifestVersion || "1.0.0",
+				displayName: l.manifestDisplayName
 			},
-			...n ? { jsonContent: c.manifestJsonContent || void 0 } : { digital: { install: {
-				type: c.manifestInstallType,
-				packageName: c.manifestPackageName,
-				registryUrl: c.manifestRegistryUrl
+			...t ? { jsonContent: l.manifestJsonContent || void 0 } : { digital: { install: {
+				type: l.manifestInstallType,
+				...l.manifestInstallType === "zip" && l.manifestRegistryUrl ? { url: l.manifestRegistryUrl } : {}
 			} } },
 			permissions: e,
-			compatibility: { minPlatformVersion: c.manifestMinPlatformVersion }
+			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 = `${t.slug}-manifest.json`, o.click(), URL.revokeObjectURL(a);
-	}, [t.slug, c]), M = c.pricingType !== "FREE", I = Me.has(c.manifestItemType), ne = !I && (c.manifestInstallType === "npm" || c.manifestInstallType === "git"), L = !I && (c.manifestInstallType === "git" || c.manifestInstallType === "zip"), R = c.manifestInstallType === "zip" ? s("devportal.zipDownloadUrl", "Zip Download URL") : s("devportal.repositoryUrl", "Repository URL"), z = c.manifestInstallType === "zip" ? "https://cdn.example.com/my-app-1.0.0.zip" : "https://github.com/org/repo";
-	return /* @__PURE__ */ X("div", {
+		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.status;
+	let X = n.status === "SUBMITTED", Z = n.status === "PUBLISHED";
+	return /* @__PURE__ */ Y("div", {
 		className: "space-y-8 max-w-3xl",
 		children: [
-			/* @__PURE__ */ Y(m, {
-				title: s("devportal.storePresentation", "Store Presentation"),
-				description: s("devportal.storePresentationDescription", "Visual assets and descriptions shown in the store listing"),
-				children: /* @__PURE__ */ X("div", {
-					className: "space-y-4",
+			Z ? /* @__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, {
+					size: 16,
+					className: "text-success mt-0.5 shrink-0"
+				}), /* @__PURE__ */ Y("div", {
+					className: "text-sm",
+					children: [/* @__PURE__ */ J("span", {
+						className: "font-medium text-success",
+						children: c("devportal.storeListing.published", "Published")
+					}), n.publishedAt && /* @__PURE__ */ Y("span", {
+						className: "text-muted-foreground ml-2",
+						children: [
+							c("devportal.storeListing.since", "since"),
+							" ",
+							new Date(n.publishedAt).toLocaleDateString()
+						]
+					})]
+				})]
+			}) : X ? /* @__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, {
+					size: 16,
+					className: "text-primary mt-0.5 shrink-0"
+				}), /* @__PURE__ */ Y("div", {
+					className: "text-sm",
 					children: [
-						/* @__PURE__ */ Y(w, {
-							label: s("devportal.iconUrl", "Icon URL"),
-							value: c.iconUrl,
-							onChange: (e) => g("iconUrl", e.target.value),
-							placeholder: "https://..."
+						/* @__PURE__ */ J("span", {
+							className: "font-medium text-primary",
+							children: c("devportal.storeListing.underReview", "Submitted for review")
 						}),
-						/* @__PURE__ */ Y(w, {
-							label: s("devportal.bannerUrl", "Banner URL"),
-							value: c.bannerUrl,
-							onChange: (e) => g("bannerUrl", e.target.value),
-							placeholder: "https://..."
+						n.submittedAt && /* @__PURE__ */ J("span", {
+							className: "text-muted-foreground ml-2",
+							children: new Date(n.submittedAt).toLocaleDateString()
 						}),
-						/* @__PURE__ */ Y(w, {
-							label: s("devportal.videoUrl", "Video URL"),
-							value: c.videoUrl,
-							onChange: (e) => g("videoUrl", e.target.value),
+						n.reviewStatus && /* @__PURE__ */ Y("span", {
+							className: "text-muted-foreground ml-2",
+							children: ["· ", n.reviewStatus]
+						})
+					]
+				})]
+			}) : /* @__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, {
+					size: 16,
+					className: "text-warning mt-0.5 shrink-0"
+				}), /* @__PURE__ */ Y("div", {
+					className: "text-sm",
+					children: [/* @__PURE__ */ J("span", {
+						className: "font-medium text-warning",
+						children: c("devportal.storeListing.draft", "Draft")
+					}), /* @__PURE__ */ J("span", {
+						className: "text-muted-foreground ml-2",
+						children: c("devportal.storeListing.draftHint", "Complete your store listing and submit for review to publish.")
+					})]
+				})]
+			}),
+			/* @__PURE__ */ J(h, {
+				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, {
+							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");
+							},
+							options: Re,
+							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, {
+								label: c("devportal.manifestDisplayName", "Display Name"),
+								value: l.manifestDisplayName,
+								onChange: (e) => C("manifestDisplayName", e.target.value),
+								placeholder: "My Awesome Node"
+							}), /* @__PURE__ */ J(w, {
+								label: c("devportal.manifestVersion", "Version"),
+								value: l.manifestVersion,
+								onChange: (e) => C("manifestVersion", e.target.value),
+								placeholder: "1.0.0",
+								hint: c("devportal.semverHint", "Semantic version (MAJOR.MINOR.PATCH)")
+							})]
+						}),
+						ve && /* @__PURE__ */ J(E, {
+							label: c("devportal.jsonContent", l.manifestItemType === "workflow" ? "Workflow Definition (JSON)" : "Template Definition (JSON)"),
+							value: l.manifestJsonContent,
+							onChange: (e) => C("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.")
+						}),
+						!ve && /* @__PURE__ */ Y("div", {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ Y("div", {
+									className: "flex items-center justify-between flex-wrap gap-2",
+									children: [/* @__PURE__ */ J("label", {
+										className: "text-sm font-medium",
+										children: c("devportal.packageFile", "Package File")
+									}), /* @__PURE__ */ Y("label", {
+										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"),
+											className: "h-4 w-4 rounded border-border accent-primary"
+										}), /* @__PURE__ */ J("span", {
+											className: "text-text-secondary",
+											children: c("devportal.builtinToggle", "Built-in (pre-installed, no upload needed)")
+										})]
+									})]
+								}),
+								!ye && /* @__PURE__ */ Y(q, { children: [
+									/* @__PURE__ */ Y("div", {
+										className: "flex gap-3 rounded-lg border border-border-subtle bg-bg-sunken p-3 text-sm text-text-secondary",
+										children: [/* @__PURE__ */ J(z, {
+											size: 15,
+											className: "mt-0.5 shrink-0"
+										}), /* @__PURE__ */ Y("span", { children: [
+											c("devportal.zipModelHint", "Package your code and a "),
+											/* @__PURE__ */ J("code", {
+												className: "rounded bg-muted px-1 py-0.5 font-mono text-xs",
+												children: "manifest.json"
+											}),
+											c("devportal.zipModelHint2", " into a single zip — like a Chrome extension. Upload it below and FluidGrid handles the rest automatically.")
+										] })]
+									}),
+									/* @__PURE__ */ Y("div", {
+										onDragOver: (e) => {
+											e.preventDefault(), _(!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"),
+										children: [/* @__PURE__ */ J("input", {
+											ref: O,
+											type: "file",
+											accept: ".zip,application/zip,application/x-zip-compressed",
+											className: "hidden",
+											onChange: (e) => void K(e)
+										}), M ? /* @__PURE__ */ Y(q, { children: [
+											/* @__PURE__ */ J(V, {
+												size: 28,
+												className: "animate-spin text-primary"
+											}),
+											/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ Y("p", {
+												className: "text-sm font-medium",
+												children: [
+													c("devportal.uploading", "Uploading…"),
+													" ",
+													ie,
+													"%"
+												]
+											}), /* @__PURE__ */ J("p", {
+												className: "text-xs text-text-secondary mt-0.5",
+												children: c("devportal.uploadingHint", "Stored securely in your workspace")
+											})] }),
+											/* @__PURE__ */ J("div", {
+												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}%` }
+												})
+											})
+										] }) : xe ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(L, {
+											size: 28,
+											className: "text-status-success-text"
+										}), /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
+											className: "text-sm font-medium",
+											children: xe
+										}), /* @__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, {
+											size: 28,
+											className: "text-text-secondary"
+										}), /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
+											className: "text-sm font-medium",
+											children: c("devportal.dropZipHere", "Drop your .zip here")
+										}), /* @__PURE__ */ J("p", {
+											className: "text-xs text-text-secondary mt-0.5",
+											children: c("devportal.orClickToBrowse", "or click to browse")
+										})] })] })]
+									}),
+									I && /* @__PURE__ */ J("p", {
+										className: "text-xs text-status-error-text",
+										children: I
+									})
+								] }),
+								ye && /* @__PURE__ */ Y("div", {
+									className: "flex gap-3 rounded-lg border border-border-subtle bg-bg-sunken p-3 text-sm text-text-secondary",
+									children: [/* @__PURE__ */ J(z, {
+										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.") })]
+								})
+							]
+						}),
+						/* @__PURE__ */ Y("div", {
+							className: "flex flex-wrap items-center gap-2 border-t pt-4",
+							children: [
+								/* @__PURE__ */ J("input", {
+									ref: D,
+									type: "file",
+									accept: ".json,application/json",
+									className: "hidden",
+									onChange: ge
+								}),
+								/* @__PURE__ */ J("span", {
+									className: "text-xs text-text-secondary mr-1",
+									children: "manifest.json:"
+								}),
+								/* @__PURE__ */ Y("button", {
+									type: "button",
+									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",
+									children: [/* @__PURE__ */ J(G, { 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")]
+								}),
+								/* @__PURE__ */ J("span", {
+									className: "text-xs text-text-secondary",
+									children: c("devportal.manifestTip", "— export to get a manifest.json to include inside your zip")
+								})
+							]
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ J(h, {
+				title: c("devportal.storePresentation", "Store Presence"),
+				description: c("devportal.storePresentationDescription", "Visual assets and copy shown to users browsing the marketplace"),
+				children: /* @__PURE__ */ Y("div", {
+					className: "space-y-5",
+					children: [
+						/* @__PURE__ */ Y("div", {
+							className: "grid gap-5 sm:grid-cols-2",
+							children: [/* @__PURE__ */ J(Pe, {
+								label: c("devportal.iconUrl", "Icon"),
+								value: l.iconUrl,
+								onChange: (e) => C("iconUrl", e),
+								hint: c("devportal.iconUrlHint", "Square, 256×256 px recommended"),
+								aspectClass: "aspect-square",
+								upload: se,
+								uploading: R,
+								progress: ce,
+								error: B
+							}), /* @__PURE__ */ J(Pe, {
+								label: c("devportal.bannerUrl", "Banner"),
+								value: l.bannerUrl,
+								onChange: (e) => C("bannerUrl", e),
+								hint: c("devportal.bannerUrlHint", "1280×640 px recommended"),
+								aspectClass: "aspect-video",
+								upload: H,
+								uploading: U,
+								progress: le,
+								error: ue
+							})]
+						}),
+						/* @__PURE__ */ J(w, {
+							label: c("devportal.videoUrl", "Demo Video URL"),
+							value: l.videoUrl,
+							onChange: (e) => C("videoUrl", e.target.value),
 							placeholder: "https://...",
-							hint: s("devportal.videoUrlHint", "YouTube or Vimeo embed URL")
+							hint: c("devportal.videoUrlHint", "YouTube or Vimeo embed URL")
 						}),
-						/* @__PURE__ */ Y(E, {
-							label: s("devportal.shortDescription", "Short Description"),
-							value: c.shortDescription,
-							onChange: (e) => g("shortDescription", e.target.value),
+						/* @__PURE__ */ J(E, {
+							label: c("devportal.shortDescription", "Short Description"),
+							value: l.shortDescription,
+							onChange: (e) => C("shortDescription", e.target.value),
 							maxLength: 200,
 							rows: 2,
-							hint: `${c.shortDescription.length}/200 ${s("devportal.characters", "characters")}`
+							hint: `${l.shortDescription.length}/200 · ${c("devportal.shortDescHint", "Shown in search results and cards")}`
 						}),
-						/* @__PURE__ */ Y(E, {
-							label: s("devportal.longDescription", "Long Description"),
-							value: c.description,
-							onChange: (e) => g("description", e.target.value),
-							rows: 4
+						/* @__PURE__ */ J(E, {
+							label: c("devportal.longDescription", "Full Description"),
+							value: l.description,
+							onChange: (e) => C("description", e.target.value),
+							rows: 5,
+							hint: c("devportal.fullDescHint", "Markdown supported")
 						}),
-						/* @__PURE__ */ Y(E, {
-							label: s("devportal.screenshotUrls", "Screenshot URLs (one per line)"),
-							value: c.screenshotsText,
-							onChange: (e) => g("screenshotsText", e.target.value),
-							rows: 4,
-							placeholder: "https://...\nhttps://..."
+						/* @__PURE__ */ J(Fe, {
+							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
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ Y(m, {
-				title: s("devportal.linksPolicies", "Links & Policies"),
-				description: s("devportal.linksPoliciesDescription", "External resources and legal documents for your application"),
-				children: /* @__PURE__ */ X("div", {
+			/* @__PURE__ */ J(h, {
+				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__ */ Y(w, {
-							label: s("devportal.websiteUrl", "Website URL"),
-							value: c.websiteUrl,
-							onChange: (e) => g("websiteUrl", e.target.value),
+						/* @__PURE__ */ J(w, {
+							label: c("devportal.websiteUrl", "Website"),
+							value: l.websiteUrl,
+							onChange: (e) => C("websiteUrl", e.target.value),
 							placeholder: "https://..."
 						}),
-						/* @__PURE__ */ Y(w, {
-							label: s("devportal.documentationUrl", "Documentation URL"),
-							value: c.documentationUrl,
-							onChange: (e) => g("documentationUrl", e.target.value),
+						/* @__PURE__ */ J(w, {
+							label: c("devportal.documentationUrl", "Documentation"),
+							value: l.documentationUrl,
+							onChange: (e) => C("documentationUrl", e.target.value),
 							placeholder: "https://..."
 						}),
-						/* @__PURE__ */ Y(w, {
-							label: s("devportal.githubUrl", "GitHub URL"),
-							value: c.githubUrl,
-							onChange: (e) => g("githubUrl", e.target.value),
-							placeholder: "https://..."
+						/* @__PURE__ */ J(w, {
+							label: c("devportal.githubUrl", "GitHub"),
+							value: l.githubUrl,
+							onChange: (e) => C("githubUrl", e.target.value),
+							placeholder: "https://github.com/..."
 						}),
-						/* @__PURE__ */ Y(w, {
-							label: s("devportal.supportUrl", "Support URL"),
-							value: c.supportUrl,
-							onChange: (e) => g("supportUrl", e.target.value),
+						/* @__PURE__ */ J(w, {
+							label: c("devportal.supportUrl", "Support"),
+							value: l.supportUrl,
+							onChange: (e) => C("supportUrl", e.target.value),
 							placeholder: "https://..."
 						}),
-						/* @__PURE__ */ Y(w, {
-							label: `${s("devportal.privacyPolicyUrl", "Privacy Policy URL")} *`,
-							value: c.privacyPolicyUrl,
-							onChange: (e) => g("privacyPolicyUrl", e.target.value),
+						/* @__PURE__ */ J(w, {
+							label: `${c("devportal.privacyPolicyUrl", "Privacy Policy")} *`,
+							value: l.privacyPolicyUrl,
+							onChange: (e) => C("privacyPolicyUrl", e.target.value),
 							placeholder: "https://...",
-							hint: s("devportal.requiredForStore", "Required for store submission")
+							hint: c("devportal.requiredForStore", "Required for store submission")
 						}),
-						/* @__PURE__ */ Y(w, {
-							label: `${s("devportal.termsOfServiceUrl", "Terms of Service URL")} *`,
-							value: c.termsOfServiceUrl,
-							onChange: (e) => g("termsOfServiceUrl", e.target.value),
+						/* @__PURE__ */ J(w, {
+							label: `${c("devportal.termsOfServiceUrl", "Terms of Service")} *`,
+							value: l.termsOfServiceUrl,
+							onChange: (e) => C("termsOfServiceUrl", e.target.value),
 							placeholder: "https://...",
-							hint: s("devportal.requiredForStore", "Required for store submission")
+							hint: c("devportal.requiredForStore", "Required for store submission")
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ Y(m, {
-				title: s("devportal.pricing", "Pricing"),
-				description: s("devportal.pricingDescription", "Configure how your app is priced in the store"),
-				children: /* @__PURE__ */ X("div", {
+			/* @__PURE__ */ J(h, {
+				title: c("devportal.pricing", "Pricing"),
+				description: c("devportal.pricingDescription", "How this item is priced in the marketplace"),
+				children: /* @__PURE__ */ Y("div", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ Y(T, {
-						label: s("devportal.pricingType", "Pricing Type"),
-						value: c.pricingType,
-						onChange: (e) => g("pricingType", e.target.value),
-						options: Ne
-					}), M && /* @__PURE__ */ X("div", {
+					children: [/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
+						className: "mb-2 block text-sm font-medium",
+						children: c("devportal.pricingType", "Pricing Type")
+					}), /* @__PURE__ */ J("div", {
+						className: "flex flex-wrap gap-2",
+						children: Le.map((e) => /* @__PURE__ */ J("button", {
+							type: "button",
+							onClick: () => C("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", {
 						className: "grid gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ Y(w, {
-							label: s("devportal.price", "Price"),
+						children: [/* @__PURE__ */ J(w, {
+							label: c("devportal.price", "Price"),
 							type: "number",
-							value: c.price,
-							onChange: (e) => g("price", e.target.value),
+							value: l.price,
+							onChange: (e) => C("price", e.target.value),
 							placeholder: "0.00"
-						}), /* @__PURE__ */ Y(w, {
-							label: s("devportal.currency", "Currency"),
-							value: c.currency,
-							onChange: (e) => g("currency", e.target.value),
+						}), /* @__PURE__ */ J(w, {
+							label: c("devportal.currency", "Currency"),
+							value: l.currency,
+							onChange: (e) => C("currency", e.target.value),
 							placeholder: "USD"
 						})]
 					})]
 				})
 			}),
-			/* @__PURE__ */ Y(m, {
-				title: s("devportal.manifestInstallConfig", "Manifest / Install Config"),
-				description: s("devportal.manifestInstallConfigDescription", "Technical metadata the platform uses to install and run this item"),
-				children: /* @__PURE__ */ X("div", {
-					className: "space-y-4",
-					children: [
-						/* @__PURE__ */ X("div", {
-							className: "flex gap-3 rounded-lg border border-border-subtle bg-bg-sunken p-4 text-sm",
-							children: [/* @__PURE__ */ Y(oe, {
-								size: 16,
-								className: "mt-0.5 shrink-0 text-text-secondary"
-							}), /* @__PURE__ */ X("div", {
-								className: "space-y-1 text-text-secondary",
-								children: [/* @__PURE__ */ Y("p", {
-									className: "font-medium text-foreground",
-									children: I ? s("devportal.howDeliveryWorksJsonOnly", "JSON-only delivery") : s("devportal.howDeliveryWorks", "How delivery works")
-								}), I ? /* @__PURE__ */ Y("p", { children: s("devportal.howDeliveryWorksJsonOnlyDescription", "Workflows and templates are pure JSON — no binary code needed. Paste or import your JSON content below. When a user installs this item, the platform applies this JSON directly (no zip download required).") }) : /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("p", { children: s("devportal.howDeliveryWorksDescription", "Package your code + manifest.json into a zip file (like a Chrome extension). Host it on S3, GitHub Releases, or any CDN, then paste the URL below. When a user installs this item, the platform downloads and extracts the zip.") }), /* @__PURE__ */ Y("p", { children: s("devportal.versioningNote", "Each published version captures a snapshot of this manifest. Use the Versions tab to manage per-version zip URLs, see changelogs, or roll back to a prior release.") })] })]
-							})]
-						}),
-						/* @__PURE__ */ X("div", {
-							className: "flex items-center gap-2",
-							children: [
-								/* @__PURE__ */ Y("input", {
-									ref: v,
-									type: "file",
-									accept: ".json,application/json",
-									className: "hidden",
-									onChange: O
-								}),
-								/* @__PURE__ */ X("button", {
-									type: "button",
-									onClick: () => v.current?.click(),
-									className: "inline-flex items-center gap-2 rounded-md border px-3 py-1.5 text-sm font-medium hover:bg-muted transition-colors",
-									children: [/* @__PURE__ */ Y(K, { size: 14 }), s("devportal.importManifest", "Import manifest.json")]
-								}),
-								/* @__PURE__ */ X("button", {
-									type: "button",
-									onClick: k,
-									className: "inline-flex items-center gap-2 rounded-md border px-3 py-1.5 text-sm font-medium hover:bg-muted transition-colors",
-									children: [/* @__PURE__ */ Y(re, { size: 14 }), s("devportal.exportManifest", "Export manifest.json")]
-								})
-							]
-						}),
-						/* @__PURE__ */ Y(T, {
-							label: s("devportal.storeItemType", "Store Item Type"),
-							value: c.manifestItemType,
-							onChange: (e) => g("manifestItemType", e.target.value),
-							options: Pe,
-							placeholder: s("devportal.selectItemType", "Select item type…"),
-							hint: s("devportal.storeItemTypeHint", "How this app is categorized in the Burdenoff marketplace (e.g. agent, node, widget)")
-						}),
-						/* @__PURE__ */ X("div", {
-							className: "grid gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ Y(w, {
-								label: s("devportal.manifestDisplayName", "Display Name"),
-								value: c.manifestDisplayName,
-								onChange: (e) => g("manifestDisplayName", e.target.value)
-							}), /* @__PURE__ */ Y(w, {
-								label: s("devportal.manifestVersion", "Version"),
-								value: c.manifestVersion,
-								onChange: (e) => g("manifestVersion", e.target.value),
-								placeholder: "1.0.0",
-								hint: s("devportal.semverHint", "Semantic version (MAJOR.MINOR.PATCH)")
-							})]
-						}),
-						I && /* @__PURE__ */ Y(E, {
-							label: s("devportal.jsonContent", c.manifestItemType === "workflow" ? "Workflow Definition (JSON)" : "Template Definition (JSON)"),
-							value: c.manifestJsonContent,
-							onChange: (e) => g("manifestJsonContent", e.target.value),
-							rows: 12,
-							placeholder: "{\n  \"nodes\": [],\n  \"edges\": []\n}",
-							hint: s("devportal.jsonContentHint", "Paste the full JSON definition. This is stored directly — no zip needed.")
-						}),
-						!I && /* @__PURE__ */ Y(T, {
-							label: s("devportal.installType", "Install Type"),
-							value: c.manifestInstallType,
-							onChange: (e) => g("manifestInstallType", e.target.value),
-							options: Fe,
-							hint: c.manifestInstallType === "npm" ? s("devportal.installTypeNpmHint", "Published to an npm-compatible registry. Provide the package name below.") : c.manifestInstallType === "git" ? s("devportal.installTypeGitHint", "Cloned from a git repository URL.") : c.manifestInstallType === "zip" ? s("devportal.installTypeZipHint", "Package your code + manifest.json into a zip. Host it publicly (S3, CDN, GitHub Releases) and paste the URL below. Use the Versions tab to manage per-release zip URLs.") : c.manifestInstallType === "builtin" ? s("devportal.installTypeBuiltinHint", "Pre-installed in the platform. No download needed.") : void 0
-						}),
-						ne && /* @__PURE__ */ Y(w, {
-							label: s("devportal.packageName", "Package Name"),
-							value: c.manifestPackageName,
-							onChange: (e) => g("manifestPackageName", e.target.value),
-							placeholder: "@yourscope/your-package"
-						}),
-						!I && c.manifestInstallType === "zip" && /* @__PURE__ */ X("div", {
-							className: "space-y-2",
-							children: [
-								/* @__PURE__ */ Y("input", {
-									ref: y,
-									type: "file",
-									accept: ".zip,application/zip,application/x-zip-compressed",
-									className: "hidden",
-									onChange: (e) => void ee(e)
-								}),
-								/* @__PURE__ */ X("div", {
-									className: "flex items-center gap-2 flex-wrap",
-									children: [/* @__PURE__ */ Y("button", {
-										type: "button",
-										disabled: S || !n,
-										onClick: () => y.current?.click(),
-										title: n ? void 0 : s("devportal.workspacesGatewayNotConfigured", "workspacesGatewayUrl not configured — contact your shell integration"),
-										className: "inline-flex items-center gap-2 rounded-md border px-3 py-1.5 text-sm font-medium hover:bg-muted transition-colors disabled:opacity-50",
-										children: S ? /* @__PURE__ */ X(J, { children: [
-											/* @__PURE__ */ Y(H, {
-												size: 14,
-												className: "animate-spin"
-											}),
-											s("devportal.uploading", "Uploading..."),
-											" ",
-											C,
-											"%"
-										] }) : /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(K, { size: 14 }), s("devportal.uploadZipPackage", "Upload zip package")] })
-									}), S && /* @__PURE__ */ Y("div", {
-										className: "flex-1 h-1.5 min-w-[120px] rounded-full bg-muted overflow-hidden",
-										children: /* @__PURE__ */ Y("div", {
-											className: "h-full bg-primary transition-all",
-											style: { width: `${C}%` }
-										})
-									})]
-								}),
-								D && /* @__PURE__ */ Y("p", {
-									className: "text-xs text-status-error-text",
-									children: D
-								}),
-								/* @__PURE__ */ Y("p", {
-									className: "text-xs text-text-secondary",
-									children: s("devportal.zipUploadHint", "Upload stores the zip in your workspace Files (/DevPortal/Packages) and fills the URL below automatically.")
-								})
-							]
-						}),
-						L && /* @__PURE__ */ Y(w, {
-							label: R,
-							value: c.manifestRegistryUrl,
-							onChange: (e) => g("manifestRegistryUrl", e.target.value),
-							placeholder: z,
-							hint: c.manifestInstallType === "zip" ? s("devportal.zipUrlHint", "Filled automatically after upload, or paste a URL to an externally-hosted zip.") : void 0
-						}),
-						/* @__PURE__ */ Y(E, {
-							label: s("devportal.requiredPermissions", "Required Permissions (one per line)"),
-							value: c.manifestPermissionsText,
-							onChange: (e) => g("manifestPermissionsText", e.target.value),
-							rows: 3,
-							placeholder: "read:users\nwrite:data",
-							hint: s("devportal.permissionsHint", "Platform capabilities this item requires the user to grant on install")
-						}),
-						/* @__PURE__ */ Y(w, {
-							label: s("devportal.minPlatformVersion", "Min Platform Version"),
-							value: c.manifestMinPlatformVersion,
-							onChange: (e) => g("manifestMinPlatformVersion", e.target.value),
-							placeholder: "2024.1.0"
-						})
-					]
-				})
-			}),
 			/* @__PURE__ */ Y("div", {
-				className: "border-t pt-6",
-				children: /* @__PURE__ */ Y("button", {
+				className: "border-t pt-6 flex items-center gap-3 flex-wrap",
+				children: [/* @__PURE__ */ J("button", {
 					type: "button",
-					onClick: _,
-					disabled: u,
+					onClick: ee,
+					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: u ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(H, {
+					children: d ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(V, {
 						size: 16,
 						className: "animate-spin"
-					}), s("devportal.saving", "Saving...")] }) : /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(G, { size: 16 }), s("devportal.saveStoreListing", "Save Store Listing")] })
-				})
+					}), c("devportal.saving", "Saving…")] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(de, { size: 16 }), c("devportal.saveStoreListing", "Save Store Listing")] })
+				}), !Z && /* @__PURE__ */ J("button", {
+					type: "button",
+					onClick: () => void te(),
+					disabled: S || 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, {
+						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")] })
+				})]
 			})
 		]
 	});
 }, Q = ({ label: e, value: n, trend: r }) => {
 	let { t: i } = F();
-	return /* @__PURE__ */ X("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "rounded-lg border bg-card p-4",
 		children: [
-			/* @__PURE__ */ Y("p", {
+			/* @__PURE__ */ J("p", {
 				className: "text-sm text-muted-foreground",
 				children: e
 			}),
-			/* @__PURE__ */ Y("p", {
+			/* @__PURE__ */ J("p", {
 				className: "text-2xl font-bold",
 				children: n
 			}),
-			r !== void 0 && /* @__PURE__ */ X("p", {
+			r !== void 0 && /* @__PURE__ */ Y("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 ? "+" : "",
@@ -1837,14 +2077,14 @@ var Le = ({ app: t }) => {
 			})
 		]
 	});
-}, $ = ({ label: e, url: t }) => /* @__PURE__ */ X("a", {
+}, $ = ({ label: e, url: t }) => /* @__PURE__ */ Y("a", {
 	href: t,
 	target: "_blank",
 	rel: "noopener noreferrer",
 	className: "flex items-center gap-2 text-sm text-primary hover:underline",
-	children: [/* @__PURE__ */ Y(B, { size: 14 }), e]
+	children: [/* @__PURE__ */ J(R, { size: 14 }), e]
 });
 //#endregion
-export { be as ApplicationDetailPage };
+export { Se as ApplicationDetailPage };
 
 //# sourceMappingURL=ApplicationDetailPage.js.map