@burdenoff/microfe-devportal 2026.625.9 → 2026.625.10

package/dist/devportal/pages/ApplicationDetailPage.js

@@ -2,29 +2,28 @@ 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, useGetMyPublisherQuery as c, useGetPublisherProductsQuery as l, useGetStoreInstallationsQuery as u, useGetWebhooksQuery as d, useGetWorkspaceInstallationQuery as f, useInstallApplicationMutation as p, useRevokeDelegationMutation as m, useRotateAppSecretMutation as h, useSubmitApplicationMutation as g, useUninstallApplicationMutation as _, useUpdateApplicationMutation as v } from "../../generated/global-operations.js";
-import { PageLayout as y, PageSection as b } from "../components/PageLayout.js";
-import { APP_TYPE_LABELS as ee } from "../utils/constants.js";
-import { FeaturedBadge as x, StatusBadge as S, VerifiedBadge as te } from "../components/StatusBadge.js";
-import { SelectionCheckbox as C } from "../components/SelectionCheckbox.js";
-import { nativeNotify as w } from "../../utils/nativeBridge.js";
-import { NewSecretAlert as ne } from "../components/SecretDisplay.js";
-import { DataTable as T, DetailList as E } from "../components/DataTable.js";
-import { InputField as D, SelectField as re, TextareaField as ie } from "../components/FormField.js";
-import { ConfirmDialog as O } from "../components/ConfirmDialog.js";
-import { GrantDelegationModal as ae } from "../components/GrantDelegationModal.js";
-import { DEVPORTAL_PERMISSIONS as oe } from "../constants/permissions.js";
-import { useDevportalPermission as se } from "../hooks/usePermission.js";
-import { usePackageUpload as k } from "../hooks/usePackageUpload.js";
-import { useCallback as A, useEffect as ce, useMemo as j, useRef as M, useState as N } from "react";
-import { useI18n as P } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as le, AppWindow as ue, BarChart3 as F, CheckCircle as I, CheckCircle2 as de, Clock as fe, Download as pe, Edit as me, ExternalLink as L, FlaskConical as he, Info as ge, Key as _e, Loader2 as R, MoreHorizontal as ve, Plus as z, Power as ye, RefreshCw as be, SendHorizontal as xe, Shield as B, Store as Se, Upload as V, Users as H, Webhook as Ce, X as we, XCircle as Te } from "lucide-react";
-import { useParams as Ee, useSearchParams as De } from "react-router-dom";
-import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
-import { gql as K } from "@apollo/client";
-import { useMutation as q, useQuery as J } from "@apollo/client/react";
+import { useCurrentUserDelegationsQuery as i, useDeactivateAppMutation as a, useGetApplicationAnalyticsQuery as o, useGetApplicationQuery as s, useGetWebhooksQuery as c, useGetWorkspaceInstallationQuery as l, useInstallApplicationMutation as u, useRevokeDelegationMutation as d, useRotateAppSecretMutation as f, useSubmitApplicationMutation as p, useUninstallApplicationMutation as m, useUpdateApplicationMutation as h } from "../../generated/global-operations.js";
+import { PageLayout as g, PageSection as _ } from "../components/PageLayout.js";
+import { APP_TYPE_LABELS as v } from "../utils/constants.js";
+import { FeaturedBadge as y, StatusBadge as b, VerifiedBadge as x } from "../components/StatusBadge.js";
+import { SelectionCheckbox as S } from "../components/SelectionCheckbox.js";
+import { nativeNotify as C } from "../../utils/nativeBridge.js";
+import { NewSecretAlert as ee } from "../components/SecretDisplay.js";
+import { DataTable as w, DetailList as T } from "../components/DataTable.js";
+import { InputField as E, SelectField as D, TextareaField as O } from "../components/FormField.js";
+import { ConfirmDialog as k } from "../components/ConfirmDialog.js";
+import { GrantDelegationModal as A } from "../components/GrantDelegationModal.js";
+import { DEVPORTAL_PERMISSIONS as te } from "../constants/permissions.js";
+import { useDevportalPermission as ne } from "../hooks/usePermission.js";
+import { usePackageUpload as j } from "../hooks/usePackageUpload.js";
+import { useCallback as M, useEffect as re, useMemo as N, useRef as P, useState as F } from "react";
+import { useI18n as I } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as ie, AppWindow as ae, BarChart3 as L, CheckCircle as R, Clock as oe, Download as se, Edit as ce, ExternalLink as z, FlaskConical as le, Info as B, Key as ue, Loader2 as V, MoreHorizontal as de, Plus as H, Power as fe, RefreshCw as pe, SendHorizontal as me, Shield as U, Store as he, Upload as W, Users as G, Webhook as ge, X as _e, XCircle as ve } from "lucide-react";
+import { useParams as ye } from "react-router-dom";
+import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
+import { CTAOverflowMenu as be, EmphasisPanel as Y, GlassCard as xe, NextSteps as Se } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/ApplicationDetailPage.tsx
-function Oe(e) {
+function Ce(e) {
 	return e ? {
 		id: e.id,
 		name: e.name,
@@ -41,9 +40,6 @@ function Oe(e) {
 		tags: e.tags || [],
 		keywords: e.keywords || [],
 		iconUrl: e.iconUrl || void 0,
-		bannerUrl: e.bannerUrl || void 0,
-		videoUrl: e.videoUrl || void 0,
-		screenshots: e.screenshots ?? void 0,
 		websiteUrl: e.websiteUrl || void 0,
 		documentationUrl: e.documentationUrl || void 0,
 		supportUrl: e.supportUrl || void 0,
@@ -51,10 +47,6 @@ function Oe(e) {
 		termsOfServiceUrl: e.termsOfServiceUrl || void 0,
 		githubUrl: e.githubUrl || void 0,
 		pricingType: e.pricingType || void 0,
-		pricingDetails: e.pricingDetails ?? void 0,
-		manifest: e.manifest ?? void 0,
-		reviewNotes: e.reviewNotes || void 0,
-		reviewedBy: e.reviewedBy || void 0,
 		installCount: e.installCount,
 		activeInstallCount: e.activeInstallCount,
 		averageRating: e.averageRating ?? void 0,
@@ -75,12 +67,11 @@ function Oe(e) {
 			isRequired: e.isRequired,
 			createdAt: e.createdAt
 		})),
-		versions: (e.versions?.edges)?.map((e) => e.node),
 		createdAt: e.createdAt,
 		updatedAt: e.updatedAt
 	} : null;
 }
-function ke(e) {
+function X(e) {
 	return {
 		id: e.id,
 		applicationId: e.applicationId,
@@ -104,7 +95,7 @@ function ke(e) {
 		updatedAt: e.updatedAt
 	};
 }
-function Ae(e) {
+function we(e) {
 	return {
 		id: e.id,
 		applicationId: e.applicationId,
@@ -120,7 +111,7 @@ function Ae(e) {
 		createdAt: e.createdAt
 	};
 }
-function je(e) {
+function Te(e) {
 	return {
 		id: e.id,
 		appId: e.appId,
@@ -142,765 +133,594 @@ function je(e) {
 		revokedBy: e.revokedBy || void 0
 	};
 }
-var Me = [
+var Ee = [
 	{
 		id: "overview",
 		label: "Overview",
-		icon: ue
+		icon: ae
 	},
 	{
 		id: "permissions",
 		label: "Permissions",
-		icon: B
+		icon: U
 	},
 	{
 		id: "webhooks",
 		label: "Webhooks",
-		icon: Ce
+		icon: ge
 	},
 	{
 		id: "delegations",
 		label: "Delegations",
-		icon: H
+		icon: G
 	},
 	{
 		id: "analytics",
 		label: "Analytics",
-		icon: F
+		icon: L
 	},
 	{
 		id: "playground",
 		label: "API Playground",
-		icon: L
+		icon: z
 	},
 	{
 		id: "store-listing",
-		label: "Marketplace Listing",
-		icon: Se
+		label: "Store Listing",
+		icon: he
 	}
-], Y = {
+], De = {
 	ACTIVE: "bg-status-success-bg-subtle text-status-success-text",
 	REVOKED: "bg-status-error-bg-subtle text-status-error-text",
 	EXPIRED: "bg-bg-sunken text-text-secondary"
-}, X = ({ message: e = "Loading..." }) => /* @__PURE__ */ G("div", {
+}, Oe = ({ message: e = "Loading..." }) => /* @__PURE__ */ J("div", {
 	className: "flex items-center justify-center gap-3 py-12",
-	children: [/* @__PURE__ */ W(R, {
+	children: [/* @__PURE__ */ q(V, {
 		size: 20,
-		className: "animate-spin text-muted-foreground"
-	}), /* @__PURE__ */ W("p", {
-		className: "text-sm text-muted-foreground",
+		className: "animate-spin text-text-secondary"
+	}), /* @__PURE__ */ q("p", {
+		className: "text-sm text-text-secondary",
 		children: e
 	})]
-}), Z = ({ message: e }) => /* @__PURE__ */ G("div", {
+}), Z = ({ message: e }) => /* @__PURE__ */ J("div", {
 	className: "flex flex-col items-center justify-center gap-2 py-12 text-center",
-	children: [/* @__PURE__ */ W(le, {
+	children: [/* @__PURE__ */ q(ie, {
 		size: 32,
-		className: "text-destructive"
-	}), /* @__PURE__ */ W("p", {
-		className: "text-sm text-muted-foreground",
+		className: "text-status-error-text"
+	}), /* @__PURE__ */ q("p", {
+		className: "text-sm text-text-secondary",
 		children: e
 	})]
-}), Ne = () => {
-	let { navigate: i, basePath: o, workspaceId: c } = e(), { t: l } = P(), u = (e, t) => {
-		let n = l(e);
+}), ke = () => {
+	let { navigate: i, basePath: o, workspaceId: c } = e(), { t: d } = I(), p = (e, t) => {
+		let n = d(e);
 		return n === e ? t : n;
-	}, { allowed: d } = se(oe.APP_UPDATE), { allowed: m } = se(oe.APP_DELETE), { appId: g } = Ee(), [v, b] = De(), C = [
-		"overview",
-		"permissions",
-		"webhooks",
-		"delegations",
-		"analytics",
-		"playground",
-		"store-listing"
-	], T = v.get("tab"), [E, D] = N(T && C.includes(T) ? T : "overview");
-	ce(() => {
-		T && C.includes(T) && T !== E && D(T);
-	}, [T]);
-	let re = (e) => {
-		D(e), b((t) => (t.set("tab", e), t), { replace: !0 });
-	}, [ie, k] = N(!1), [j, M] = N(!1), [F, I] = N(null), [de, pe] = N(!1), { data: L, loading: ge, error: _e } = s({
-		variables: { id: g },
-		skip: !g
-	}), [ve, { loading: z }] = h(), [B, { loading: Se }] = a(), [V, { loading: H }] = p(), [Ce, { loading: we }] = _(), { data: U, refetch: K } = f({
+	}, { allowed: h } = ne(te.APP_UPDATE), { allowed: _ } = ne(te.APP_DELETE), { appId: S } = ye(), [w, T] = F("overview"), [E, D] = F(!1), [O, j] = F(!1), [re, N] = F(null), [P, L] = F(!1), { data: R, loading: se, error: z } = s({
+		variables: { id: S },
+		skip: !S
+	}), [B, { loading: ue }] = f(), [V, { loading: de }] = a(), [H, { loading: W }] = u(), [G, { loading: _e }] = m(), { data: K, refetch: Y } = l({
 		variables: {
-			applicationId: g,
+			applicationId: S,
 			workspaceId: c ?? void 0
 		},
-		skip: !c || !g,
+		skip: !c || !S,
 		fetchPolicy: "cache-and-network"
-	}), q = U?.appInstallations?.edges?.[0]?.node ?? null, J = A((e) => {
+	}), xe = K?.appInstallations?.edges?.[0]?.node ?? null, X = M((e) => {
 		i?.(`${o}${e}`);
-	}, [i, o]), ke = A(async () => {
-		let e = L?.application?.appId;
+	}, [i, o]), we = M(async () => {
+		let e = R?.application?.appId;
 		if (e) try {
-			let t = (await ve({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
-			t && I(t), k(!1);
+			let t = (await B({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
+			t && N(t), D(!1);
 		} catch {}
-	}, [L?.application?.appId, ve]), Ae = A(async () => {
-		if (g) try {
-			await B({ variables: { id: g } }), M(!1), J("/apps");
+	}, [R?.application?.appId, B]), Te = M(async () => {
+		if (S) try {
+			await V({ variables: { id: S } }), j(!1), X("/apps");
 		} catch {}
 	}, [
-		g,
-		B,
-		J
-	]), je = A(async () => {
-		if (!(!g || !c)) try {
-			await V({ variables: { input: {
-				applicationId: g,
-				scope: "WORKSPACE",
-				workspaceId: c,
-				autoUpdate: !1
-			} } }), K(), w("success");
-		} catch (e) {
-			console.error("[DevPortal] Test in Workspace failed:", e), w("error");
-		}
-	}, [
-		g,
-		c,
+		S,
 		V,
-		K
-	]), Y = A(async () => {
-		if (!(!g || !c)) try {
-			q || (await V({ variables: { input: {
-				applicationId: g,
+		X
+	]), De = M(async () => {
+		if (!(!S || !c)) try {
+			await H({ variables: { input: {
+				applicationId: S,
 				scope: "WORKSPACE",
 				workspaceId: c,
 				autoUpdate: !1
-			} } }), await K()), i?.("/workflows/new");
+			} } }), Y(), C("success");
 		} catch (e) {
-			console.error("[DevPortal] Test in Workflow Builder failed:", e), w("error");
+			console.error("[DevPortal] Test in Workspace failed:", e), C("error");
 		}
 	}, [
-		g,
+		S,
 		c,
-		V,
-		q,
-		K,
-		i
-	]), X = A(async (e) => {
+		H,
+		Y
+	]), Oe = M(async (e) => {
 		try {
-			await Ce({ variables: { id: e } }), K(), w("success");
+			await G({ variables: { id: e } }), Y(), C("success");
 		} catch {
-			w("error");
+			C("error");
 		}
-	}, [Ce, K]);
-	if (ge && !L) return /* @__PURE__ */ W(n, { message: u("devportal.loadingApplication", "Loading application...") });
-	if (_e) return /* @__PURE__ */ W(y, {
-		title: u("devportal.error", "Error"),
+	}, [G, Y]);
+	if (se && !R) return /* @__PURE__ */ q(n, { message: p("devportal.loadingApplication", "Loading application...") });
+	if (z) return /* @__PURE__ */ q(g, {
+		title: p("devportal.error", "Error"),
 		backLink: `${o}/apps`,
-		backLabel: u("devportal.backToApplications", "Back to Applications"),
-		children: /* @__PURE__ */ G("div", {
+		backLabel: p("devportal.backToApplications", "Back to Applications"),
+		children: /* @__PURE__ */ J("div", {
 			className: "flex flex-col items-center justify-center py-12 text-center",
 			children: [
-				/* @__PURE__ */ W(le, {
+				/* @__PURE__ */ q(ie, {
 					size: 48,
-					className: "text-destructive mb-4"
+					className: "text-status-error-text mb-4"
 				}),
-				/* @__PURE__ */ W("h3", {
+				/* @__PURE__ */ q("h3", {
 					className: "text-lg font-semibold mb-2",
-					children: u("devportal.failedToLoadApplication", "Failed to load application")
+					children: p("devportal.failedToLoadApplication", "Failed to load application")
 				}),
-				/* @__PURE__ */ W("p", {
-					className: "text-sm text-muted-foreground",
-					children: _e.message
+				/* @__PURE__ */ q("p", {
+					className: "text-sm text-text-secondary",
+					children: z.message
 				})
 			]
 		})
 	});
-	let Z = Oe(L?.application);
-	return Z ? /* @__PURE__ */ G(y, {
+	let Z = Ce(R?.application);
+	if (!Z) return /* @__PURE__ */ q(g, {
+		title: p("devportal.notFound", "Not Found"),
+		backLink: `${o}/apps`,
+		backLabel: p("devportal.backToApplications", "Back to Applications"),
+		children: /* @__PURE__ */ q(r, {
+			illustration: "empty-generic",
+			icon: /* @__PURE__ */ q(ae, { size: 48 }),
+			title: p("devportal.applicationNotFound", "Application not found"),
+			description: p("devportal.applicationNotFoundDescription", "The application you're looking for doesn't exist or you don't have access to it.")
+		})
+	});
+	let ke = Z.appType === "NODE" || Z.appType === "WORKFLOW", Pe = Z.status !== "PUBLISHED" && (!ke || (R?.application?.versions?.totalCount ?? 0) > 0), Fe = [
+		...ke ? [] : [{
+			label: p("devportal.rotateSecret", "Rotate Secret"),
+			icon: /* @__PURE__ */ q(pe, { size: 16 }),
+			disabled: !Z.appId,
+			onSelect: () => D(!0)
+		}],
+		{
+			label: p("devportal.versions", "Versions"),
+			icon: /* @__PURE__ */ q(oe, { size: 16 }),
+			onSelect: () => X(`/apps/${Z.id}/versions`)
+		},
+		...Pe ? [{
+			label: p("devportal.submitForReview", "Submit for Review"),
+			icon: /* @__PURE__ */ q(me, { size: 16 }),
+			onSelect: () => T("store-listing")
+		}] : [],
+		...ke ? [] : xe ? [{
+			label: p("devportal.uninstallFromWorkspace", "Uninstall from Workspace"),
+			icon: /* @__PURE__ */ q(ve, { size: 16 }),
+			disabled: _e || !c,
+			onSelect: () => void Oe(xe.id)
+		}] : [{
+			label: p("devportal.testInWorkspace", "Test in Workspace"),
+			icon: /* @__PURE__ */ q(le, { size: 16 }),
+			disabled: W || !c,
+			onSelect: () => void De()
+		}],
+		{
+			label: p("devportal.deactivate", "Deactivate"),
+			icon: /* @__PURE__ */ q(fe, { size: 16 }),
+			intent: "destructive",
+			disabled: !_,
+			onSelect: () => j(!0)
+		}
+	];
+	return /* @__PURE__ */ J(g, {
 		title: Z.name,
 		description: Z.shortDescription,
+		purpose: p("devportal.appDetailPurpose", "Everything about this application in one place — its credentials, the permissions and webhooks it uses, its analytics, and its store listing. Use the tabs to configure each area, then edit or publish when it is ready."),
 		backLink: `${o}/apps`,
-		backLabel: u("devportal.backToApplications", "Back to Applications"),
-		actions: /* @__PURE__ */ G("div", {
-			className: "flex items-center gap-2",
-			children: [
-				Z.appType !== "NODE" && Z.appType !== "WORKFLOW" && /* @__PURE__ */ G("button", {
-					onClick: () => k(!0),
-					disabled: !Z.appId,
-					title: Z.appId ? u("devportal.rotateSecretHint", "Generate a new client secret") : u("devportal.rotateSecretNoClient", "Create an OAuth client first to enable secret rotation"),
-					className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-					children: [/* @__PURE__ */ W(be, { size: 16 }), u("devportal.rotateSecret", "Rotate Secret")]
-				}),
-				/* @__PURE__ */ G("button", {
-					onClick: () => J(`/apps/${Z.id}/versions`),
-					className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted transition-colors",
-					children: [/* @__PURE__ */ W(fe, { size: 16 }), u("devportal.versions", "Versions")]
-				}),
-				Z.status !== "PUBLISHED" && /* @__PURE__ */ G("button", {
-					onClick: () => J(`/apps/${Z.id}/publish`),
-					className: "inline-flex items-center gap-2 rounded-md border border-primary/40 px-4 py-2 text-sm font-medium text-primary hover:bg-primary/10 transition-colors",
-					children: [/* @__PURE__ */ W(xe, { size: 16 }), u("devportal.submitForReview", "Submit for Review")]
-				}),
-				Z.appType !== "NODE" && Z.appType !== "WORKFLOW" && (q ? /* @__PURE__ */ G("button", {
-					onClick: () => void X(q.id),
-					disabled: we || !c,
-					title: u("devportal.uninstallFromWorkspace", "Uninstall this app from your current workspace"),
-					className: "inline-flex items-center gap-2 rounded-md border border-destructive/50 px-4 py-2 text-sm font-medium text-destructive hover:bg-destructive/10 transition-colors disabled:opacity-50",
-					children: [we ? /* @__PURE__ */ W(R, {
-						size: 16,
-						className: "animate-spin"
-					}) : /* @__PURE__ */ W(Te, { size: 16 }), u("devportal.uninstallFromWorkspace", "Uninstall from Workspace")]
-				}) : /* @__PURE__ */ G("button", {
-					onClick: () => void je(),
-					disabled: H || !c,
-					"aria-disabled": !c,
-					title: c ? u("devportal.testInWorkspaceHint", "Install this app into your current workspace to test it") : u("devportal.noWorkspaceContext", "No workspace context available"),
-					className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted transition-colors disabled:opacity-50",
-					children: [H ? /* @__PURE__ */ W(R, {
-						size: 16,
-						className: "animate-spin"
-					}) : /* @__PURE__ */ W(he, { size: 16 }), u("devportal.testInWorkspace", "Test in Workspace")]
-				})),
-				Z.appType === "NODE" && /* @__PURE__ */ G("button", {
-					onClick: () => void Y(),
-					disabled: H || !c,
-					"aria-disabled": !c,
-					title: c ? q ? u("devportal.testInWorkflowBuilderHint", "Open the workflow builder (already installed in workspace)") : u("devportal.testInWorkflowBuilderInstallHint", "Install this node in your workspace and open the workflow builder") : u("devportal.noWorkspaceContext", "No workspace context available"),
-					className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted transition-colors disabled:opacity-50",
-					children: [H ? /* @__PURE__ */ W(R, {
-						size: 16,
-						className: "animate-spin"
-					}) : /* @__PURE__ */ W(he, { size: 16 }), u("devportal.testInWorkflowBuilder", "Test in Workflow Builder")]
-				}),
-				/* @__PURE__ */ G("button", {
-					onClick: () => J(`/apps/${Z.id}/edit`),
-					disabled: !d,
-					"aria-disabled": !d,
-					className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
-					children: [/* @__PURE__ */ W(me, { size: 16 }), u("devportal.editApp", "Edit App")]
-				}),
-				/* @__PURE__ */ G("button", {
-					onClick: () => M(!0),
-					disabled: !m,
-					"aria-disabled": !m,
-					className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle transition-colors disabled:opacity-50",
-					children: [/* @__PURE__ */ W(ye, { size: 16 }), u("devportal.deactivate", "Deactivate")]
-				})
-			]
+		backLabel: p("devportal.backToApplications", "Back to Applications"),
+		actions: /* @__PURE__ */ q(be, {
+			primary: {
+				label: p("devportal.editApp", "Edit App"),
+				icon: /* @__PURE__ */ q(ce, { size: 16 }),
+				disabled: !h,
+				onSelect: () => X(`/apps/${Z.id}/edit`)
+			},
+			actions: Fe
 		}),
 		children: [
-			F && /* @__PURE__ */ W(ne, {
-				title: u("devportal.newAppSecretGenerated", "New App Secret Generated"),
-				secret: F,
-				description: u("devportal.appSecretRotatedDescription", "Your app secret has been rotated. The old secret is no longer valid."),
-				onDismiss: () => I(null)
+			re && /* @__PURE__ */ q(ee, {
+				title: p("devportal.newAppSecretGenerated", "New App Secret Generated"),
+				secret: re,
+				description: p("devportal.appSecretRotatedDescription", "Your app secret has been rotated. The old secret is no longer valid."),
+				onDismiss: () => N(null)
 			}),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ J("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ W(S, {
+					/* @__PURE__ */ q(b, {
 						status: Z.status,
 						type: "app"
 					}),
-					/* @__PURE__ */ W(S, {
+					/* @__PURE__ */ q(b, {
 						status: Z.visibility,
 						type: "app"
 					}),
-					Z.isVerified && /* @__PURE__ */ W(te, { verified: !0 }),
-					Z.isFeatured && /* @__PURE__ */ W(x, {}),
-					/* @__PURE__ */ W("span", {
-						className: "text-sm text-muted-foreground",
-						children: ee[Z.appType] || Z.appType
+					Z.isVerified && /* @__PURE__ */ q(x, { verified: !0 }),
+					Z.isFeatured && /* @__PURE__ */ q(y, {}),
+					/* @__PURE__ */ q("span", {
+						className: "text-sm text-text-secondary",
+						children: v[Z.appType] || Z.appType
 					})
 				]
 			}),
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ q(Se, {
+				storageKey: `devportal-app-${Z.id}`,
+				steps: [
+					{
+						id: "edit",
+						label: p("devportal.editApp", "Edit App"),
+						description: p("devportal.appDetailStepEdit", "Update the name, description, and settings"),
+						icon: /* @__PURE__ */ q(ce, { size: 16 }),
+						onClick: () => X(`/apps/${Z.id}/edit`)
+					},
+					{
+						id: "permissions",
+						label: p("devportal.permissions", "Permissions"),
+						description: p("devportal.appDetailStepPermissions", "Request the scopes your app needs"),
+						icon: /* @__PURE__ */ q(U, { size: 16 }),
+						onClick: () => T("permissions")
+					},
+					{
+						id: "webhooks",
+						label: p("devportal.webhooks", "Webhooks"),
+						description: p("devportal.appDetailStepWebhooks", "Subscribe to events for real-time updates"),
+						icon: /* @__PURE__ */ q(ge, { size: 16 }),
+						onClick: () => T("webhooks")
+					},
+					{
+						id: "store-listing",
+						label: p("devportal.storeListing", "Store Listing"),
+						description: p("devportal.appDetailStepStore", "Prepare and publish to the marketplace"),
+						icon: /* @__PURE__ */ q(he, { size: 16 }),
+						onClick: () => T("store-listing")
+					}
+				]
+			}),
+			/* @__PURE__ */ q("div", {
 				className: "border-b",
-				children: /* @__PURE__ */ W("nav", {
+				children: /* @__PURE__ */ q("nav", {
 					className: "-mb-px flex gap-4 overflow-x-auto",
 					role: "tablist",
-					"aria-label": u("devportal.applicationSections", "Application sections"),
-					children: Me.filter((e) => !((Z.appType === "NODE" || Z.appType === "WORKFLOW") && (e.id === "permissions" || e.id === "webhooks" || e.id === "delegations" || e.id === "playground"))).map((e) => {
+					"aria-label": p("devportal.applicationSections", "Application sections"),
+					children: Ee.filter((e) => !((Z.appType === "NODE" || Z.appType === "WORKFLOW") && (e.id === "permissions" || e.id === "webhooks" || e.id === "delegations" || e.id === "playground"))).map((e) => {
 						let n = e.icon;
-						return /* @__PURE__ */ G("button", {
+						return /* @__PURE__ */ J("button", {
 							id: `application-tab-${e.id}`,
 							role: "tab",
-							"aria-selected": E === e.id,
+							"aria-selected": w === e.id,
 							"aria-controls": `application-panel-${e.id}`,
-							onClick: () => re(e.id),
-							className: t("flex items-center gap-2 border-b-2 px-1 py-3 text-sm font-medium transition-colors", E === e.id ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-muted-foreground"),
-							children: [/* @__PURE__ */ W(n, { size: 16 }), e.label]
+							onClick: () => T(e.id),
+							className: t("flex items-center gap-2 border-b-2 px-1 py-3 text-sm font-medium transition-colors", w === e.id ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary hover:border-muted-foreground"),
+							children: [/* @__PURE__ */ q(n, { size: 16 }), e.label]
 						}, e.id);
 					})
 				})
 			}),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ J("div", {
 				className: "mt-6",
-				id: `application-panel-${E}`,
+				id: `application-panel-${w}`,
 				role: "tabpanel",
-				"aria-labelledby": `application-tab-${E}`,
+				"aria-labelledby": `application-tab-${w}`,
 				tabIndex: 0,
 				children: [
-					E === "overview" && /* @__PURE__ */ W(Le, { app: Z }),
-					E === "permissions" && /* @__PURE__ */ W(tt, { app: Z }),
-					E === "webhooks" && /* @__PURE__ */ W(Pe, {
+					w === "overview" && /* @__PURE__ */ q(Ne, { app: Z }),
+					w === "permissions" && /* @__PURE__ */ q(Je, { app: Z }),
+					w === "webhooks" && /* @__PURE__ */ q(Ae, {
 						appId: Z.id,
-						onNavigate: J
+						onNavigate: X
 					}),
-					E === "delegations" && /* @__PURE__ */ W(Fe, {
+					w === "delegations" && /* @__PURE__ */ q(je, {
 						authAppId: Z.appId || void 0,
 						appName: Z.name,
-						onGrantDelegation: () => pe(!0),
-						onNavigate: J
+						onGrantDelegation: () => L(!0),
+						onNavigate: X
 					}),
-					E === "analytics" && /* @__PURE__ */ W(Ie, { app: Z }),
-					E === "playground" && /* @__PURE__ */ W(He, { app: Z }),
-					E === "store-listing" && /* @__PURE__ */ W(Qe, { app: Z })
+					w === "analytics" && /* @__PURE__ */ q(Me, { appId: Z.id }),
+					w === "playground" && /* @__PURE__ */ q(Re, { app: Z }),
+					w === "store-listing" && /* @__PURE__ */ q(Ge, { app: Z })
 				]
 			}),
-			/* @__PURE__ */ W(O, {
-				open: ie,
-				onOpenChange: k,
-				onConfirm: ke,
-				title: u("devportal.rotateAppSecret", "Rotate App Secret"),
-				description: u("devportal.rotateAppSecretDescription", "This will generate a new client secret and invalidate the current one. All existing integrations using the old secret will stop working immediately."),
-				confirmLabel: u("devportal.rotateSecret", "Rotate Secret"),
-				cancelLabel: u("devportal.cancel", "Cancel"),
+			/* @__PURE__ */ q(k, {
+				open: E,
+				onOpenChange: D,
+				onConfirm: we,
+				title: p("devportal.rotateAppSecret", "Rotate App Secret"),
+				description: p("devportal.rotateAppSecretDescription", "This will generate a new client secret and invalidate the current one. All existing integrations using the old secret will stop working immediately."),
+				confirmLabel: p("devportal.rotateSecret", "Rotate Secret"),
+				cancelLabel: p("devportal.cancel", "Cancel"),
 				variant: "warning",
-				loading: z
+				loading: ue
 			}),
-			/* @__PURE__ */ W(O, {
-				open: j,
-				onOpenChange: M,
-				onConfirm: Ae,
-				title: u("devportal.deactivateApplication", "Deactivate Application"),
-				description: u("devportal.deactivateApplicationDescription", "This will deactivate the application. All OAuth clients, API keys, and webhooks associated with this app will stop functioning. This action can be reversed by reactivating the app."),
-				confirmLabel: u("devportal.deactivate", "Deactivate"),
-				cancelLabel: u("devportal.cancel", "Cancel"),
+			/* @__PURE__ */ q(k, {
+				open: O,
+				onOpenChange: j,
+				onConfirm: Te,
+				title: p("devportal.deactivateApplication", "Deactivate Application"),
+				description: p("devportal.deactivateApplicationDescription", "This will deactivate the application. All OAuth clients, API keys, and webhooks associated with this app will stop functioning. This action can be reversed by reactivating the app."),
+				confirmLabel: p("devportal.deactivate", "Deactivate"),
+				cancelLabel: p("devportal.cancel", "Cancel"),
 				variant: "destructive",
-				loading: Se
+				loading: de
 			}),
-			/* @__PURE__ */ W(ae, {
-				open: de,
-				onOpenChange: pe,
+			/* @__PURE__ */ q(A, {
+				open: P,
+				onOpenChange: L,
 				appId: Z.appId || "",
 				appName: Z.name,
 				appScopes: Z.scopes?.map((e) => e.scope) ?? [],
 				onSuccess: () => {
-					pe(!1);
+					L(!1);
 				}
 			})
 		]
-	}) : /* @__PURE__ */ W(y, {
-		title: u("devportal.notFound", "Not Found"),
-		backLink: `${o}/apps`,
-		backLabel: u("devportal.backToApplications", "Back to Applications"),
-		children: /* @__PURE__ */ W(r, {
-			icon: /* @__PURE__ */ W(ue, { size: 48 }),
-			title: u("devportal.applicationNotFound", "Application not found"),
-			description: u("devportal.applicationNotFoundDescription", "The application you're looking for doesn't exist or you don't have access to it.")
-		})
 	});
-}, Pe = ({ appId: e, onNavigate: t }) => {
-	let { t: n } = P(), r = (e, t) => {
+}, Ae = ({ appId: e, onNavigate: t }) => {
+	let { t: n } = I(), r = (e, t) => {
 		let r = n(e);
 		return r === e ? t : r;
-	}, { data: i, loading: a, error: o } = d({ variables: { applicationId: e } });
-	return a ? /* @__PURE__ */ W(X, { message: r("devportal.loadingWebhooks", "Loading webhooks...") }) : o ? /* @__PURE__ */ W(Z, { message: o.message }) : /* @__PURE__ */ W(Re, {
+	}, { data: i, loading: a, error: o } = c({ variables: { applicationId: e } });
+	return a ? /* @__PURE__ */ q(Oe, { message: r("devportal.loadingWebhooks", "Loading webhooks...") }) : o ? /* @__PURE__ */ q(Z, { message: o.message }) : /* @__PURE__ */ q(Pe, {
 		appId: e,
-		webhooks: (i?.webhooks ?? []).map(ke),
+		webhooks: (i?.webhooks ?? []).map(X),
 		onNavigate: t
 	});
-}, Fe = ({ authAppId: e, appName: t, onGrantDelegation: n, onNavigate: a }) => {
-	let { t: o } = P(), s = (e, t) => {
+}, je = ({ authAppId: e, appName: t, onGrantDelegation: n, onNavigate: a }) => {
+	let { t: o } = I(), s = (e, t) => {
 		let n = o(e);
 		return n === e ? t : n;
-	}, { data: c, loading: l, error: u, refetch: d } = i(), [f] = m(), [p, h] = N([]), [g, _] = N(!1), [v, y] = N(/* @__PURE__ */ new Set()), [b, ee] = N(null), x = j(() => c?.currentUserDelegations?.delegations ? c.currentUserDelegations.delegations.filter((t) => t.appId === e).map(je) : [], [e, c]), S = j(() => x.filter((e) => e.status === "ACTIVE"), [x]), te = j(() => S.filter((e) => v.has(e.id)), [S, v]), C = S.length > 0 && S.every((e) => v.has(e.id)), w = S.some((e) => v.has(e.id)) && !C, ne = A((e, t) => {
+	}, { data: c, loading: l, error: u, refetch: f } = i(), [p] = d(), [m, h] = F([]), [g, _] = F(!1), [v, y] = F(/* @__PURE__ */ new Set()), [b, x] = F(null), S = N(() => c?.currentUserDelegations?.delegations ? c.currentUserDelegations.delegations.filter((t) => t.appId === e).map(Te) : [], [e, c]), C = N(() => S.filter((e) => e.status === "ACTIVE"), [S]), ee = N(() => C.filter((e) => v.has(e.id)), [C, v]), w = C.length > 0 && C.every((e) => v.has(e.id)), T = C.some((e) => v.has(e.id)) && !w, E = M((e, t) => {
 		y((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, []), T = A((e) => {
+	}, []), D = M((e) => {
 		y((t) => {
 			let n = new Set(t);
-			return S.forEach((t) => {
+			return C.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, [S]), E = A(() => {
+	}, [C]), O = M(() => {
 		y(/* @__PURE__ */ new Set());
-	}, []), D = A(async (e) => {
+	}, []), A = M(async (e) => {
 		_(!0);
 		try {
-			let t = await Promise.allSettled(e.map((e) => f({ variables: { id: e } }))), n = t.filter((e) => e.status === "fulfilled").length, r = t.length - n;
-			ee(`Revoked ${n} delegation${n === 1 ? "" : "s"}${r > 0 ? ` • ${r} failed` : ""}`), y((t) => {
+			let t = await Promise.allSettled(e.map((e) => p({ variables: { id: e } }))), n = t.filter((e) => e.status === "fulfilled").length, r = t.length - n;
+			x(`Revoked ${n} delegation${n === 1 ? "" : "s"}${r > 0 ? ` • ${r} failed` : ""}`), y((t) => {
 				let n = new Set(t);
 				return e.forEach((e) => n.delete(e)), n;
-			}), h([]), d();
+			}), h([]), f();
 		} catch {} finally {
 			_(!1);
 		}
-	}, [f, d]);
-	return e ? l ? /* @__PURE__ */ W(X, { message: s("devportal.loadingDelegations", "Loading delegations...") }) : u ? /* @__PURE__ */ W(Z, { message: u.message }) : /* @__PURE__ */ G(U, { children: [
-		b && /* @__PURE__ */ W("div", {
+	}, [p, f]);
+	return e ? l ? /* @__PURE__ */ q(Oe, { message: s("devportal.loadingDelegations", "Loading delegations...") }) : u ? /* @__PURE__ */ q(Z, { message: u.message }) : /* @__PURE__ */ J(K, { children: [
+		b && /* @__PURE__ */ q("div", {
 			className: "rounded-lg border border-border-subtle bg-status-success-bg-subtle p-3 text-sm text-status-success-text",
-			children: /* @__PURE__ */ G("div", {
+			children: /* @__PURE__ */ J("div", {
 				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ W("span", { children: b }), /* @__PURE__ */ W("button", {
-					onClick: () => ee(null),
+				children: [/* @__PURE__ */ q("span", { children: b }), /* @__PURE__ */ q("button", {
+					onClick: () => x(null),
 					className: "text-status-success-text hover:text-status-success-text",
 					children: s("devportal.dismiss", "Dismiss")
 				})]
 			})
 		}),
-		/* @__PURE__ */ W(ze, {
+		/* @__PURE__ */ q(Fe, {
 			appName: t,
-			delegations: x,
+			delegations: S,
 			onGrantDelegation: n,
 			onRevokeDelegation: (e) => h([e]),
 			selectedDelegationIds: v,
-			onToggleSelectDelegation: ne,
-			onToggleAllDelegations: T,
-			onClearSelection: E,
-			onRevokeSelected: () => h(te.map((e) => e.id)),
-			allVisibleSelected: C,
-			partiallySelected: w
+			onToggleSelectDelegation: E,
+			onToggleAllDelegations: D,
+			onClearSelection: O,
+			onRevokeSelected: () => h(ee.map((e) => e.id)),
+			allVisibleSelected: w,
+			partiallySelected: T
 		}),
-		/* @__PURE__ */ W(O, {
-			open: p.length > 0,
+		/* @__PURE__ */ q(k, {
+			open: m.length > 0,
 			onOpenChange: (e) => {
 				e || h([]);
 			},
 			onConfirm: () => {
-				p.length > 0 && D(p);
+				m.length > 0 && A(m);
 			},
-			title: p.length > 1 ? s("devportal.revokeDelegations", "Revoke Delegations") : s("devportal.revokeDelegation", "Revoke Delegation"),
-			description: p.length > 1 ? s("devportal.revokeMultipleDelegationsDescription", `This will immediately revoke ${p.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."),
+			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."),
 			confirmLabel: s("devportal.revoke", "Revoke"),
 			cancelLabel: s("devportal.cancel", "Cancel"),
 			variant: "destructive",
 			loading: g
 		})
-	] }) : /* @__PURE__ */ W(r, {
-		icon: /* @__PURE__ */ W(B, { size: 32 }),
+	] }) : /* @__PURE__ */ q(r, {
+		illustration: "empty-generic",
+		icon: /* @__PURE__ */ q(U, { size: 32 }),
 		title: s("devportal.linkAuthAppFirst", "Link an auth app first"),
 		description: s("devportal.linkAuthAppFirstDescription", "Delegations are managed through auth apps. Create or link an auth app before granting app-as-user access."),
-		action: /* @__PURE__ */ G("button", {
+		action: /* @__PURE__ */ J("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__ */ W(L, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
+			className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
+			children: [/* @__PURE__ */ q(z, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
 		})
 	});
-}, Ie = ({ app: e }) => {
-	let { t } = P(), n = (e, n) => {
+}, Me = ({ appId: e }) => {
+	let { t } = I(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
-	}, r = e.appType === "NODE" || e.appType === "WORKFLOW", i = j(() => /* @__PURE__ */ new Date(), []), a = j(() => {
-		let e = new Date(i);
-		return e.setDate(e.getDate() - 30), e;
-	}, [i]), { data: s } = c({
-		fetchPolicy: "cache-first",
-		skip: !r
-	}), d = s?.myPublisher?.id ?? null, { data: f } = l({
-		variables: { publisherId: d ?? "" },
-		fetchPolicy: "cache-first",
-		skip: !r || !d
-	}), p = f?.products?.find((t) => t.productId === e.id)?.id ?? null, { data: m, loading: h } = u({
-		variables: { productId: p ?? "" },
-		skip: !r || !p,
-		fetchPolicy: "cache-and-network"
-	}), { data: g, loading: _, error: v } = o({
-		variables: {
-			applicationId: e.id,
-			period: "daily",
-			startDate: a.toISOString(),
-			endDate: i.toISOString()
-		},
-		skip: r
-	});
-	if (r) {
-		let t = m?.productInstallations?.items ?? [], r = m?.productInstallations?.total ?? 0, i = t.filter((e) => e.status === "ACTIVE").length;
-		return h && !m ? /* @__PURE__ */ W(X, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : /* @__PURE__ */ G("div", {
-			className: "space-y-6",
-			children: [/* @__PURE__ */ G("div", {
-				className: "grid gap-4 sm:grid-cols-4",
-				children: [
-					/* @__PURE__ */ W(Q, {
-						label: n("devportal.totalInstalls", "Total Installs"),
-						value: r.toLocaleString()
-					}),
-					/* @__PURE__ */ W(Q, {
-						label: n("devportal.activeInstalls", "Active Installs"),
-						value: i.toLocaleString()
-					}),
-					/* @__PURE__ */ W(Q, {
-						label: n("devportal.averageRating", "Average Rating"),
-						value: e.averageRating ? `${e.averageRating.toFixed(1)} ★` : n("devportal.notAvailable", "N/A")
-					}),
-					/* @__PURE__ */ W(Q, {
-						label: n("devportal.reviews", "Reviews"),
-						value: e.reviewCount.toString()
-					})
-				]
-			}), t.length > 0 && /* @__PURE__ */ W(b, {
-				title: n("devportal.installBreakdown", "Install Breakdown"),
-				children: /* @__PURE__ */ W(T, {
-					data: t,
-					keyField: "id",
-					columns: [
-						{
-							key: "workspaceId",
-							header: n("devportal.workspace", "Workspace"),
-							render: (e) => e.workspaceId
-						},
-						{
-							key: "version",
-							header: n("devportal.version", "Version"),
-							render: (e) => e.version ?? "—"
-						},
-						{
-							key: "status",
-							header: n("devportal.status", "Status"),
-							render: (e) => e.status
-						},
-						{
-							key: "installedAt",
-							header: n("devportal.installedAt", "Installed"),
-							render: (e) => new Date(e.installedAt).toLocaleDateString(void 0, {
-								month: "short",
-								day: "numeric",
-								year: "numeric"
-							})
-						}
-					]
-				})
-			})]
-		});
-	}
-	return _ ? /* @__PURE__ */ W(X, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : v ? /* @__PURE__ */ W(Z, { message: v.message }) : /* @__PURE__ */ W(Be, { analytics: (g?.applicationAnalytics ?? []).map(Ae) });
-}, Le = ({ app: t }) => {
-	let { t: n } = P(), r = (e, t) => {
-		let r = n(e);
-		return r === e ? t : r;
-	}, { navigate: i, basePath: a } = e(), o = t.appType === "NODE" || t.appType === "WORKFLOW", s = t.status === "DRAFT", c = t.appType === "API_INTEGRATION", l = t.manifest?.oauth, u = !!(l?.authorizationUrl && l?.tokenUrl && l?.clientId), { data: f } = d({
-		variables: { applicationId: t.id },
-		skip: !c,
-		fetchPolicy: "cache-and-network"
-	}), p = f?.webhooks?.length ?? 0, m = s ? [
-		{
-			label: "Store listing info (name, description, category)",
-			done: !!(t.shortDescription && t.category),
-			path: `${a}/apps/${t.id}?tab=store-listing`,
-			cta: "Fill store listing →"
-		},
-		{
-			label: "Privacy policy & terms of service URLs",
-			done: !!(t.privacyPolicyUrl && t.termsOfServiceUrl),
-			path: `${a}/apps/${t.id}?tab=store-listing`,
-			cta: "Add legal links →"
-		},
-		...o ? [{
-			label: t.appType === "WORKFLOW" ? "Create a version (manifest JSON)" : "Create a version (ZIP + manifest JSON)",
-			done: (t.versions?.length ?? 0) > 0,
-			path: `${a}/apps/${t.id}/versions`,
-			cta: "Create version →"
-		}] : [],
-		...c ? [{
-			label: "OAuth endpoints (Authorization URL, Token URL, Client ID)",
-			done: u,
-			path: `${a}/apps/${t.id}/edit#oauth-config`,
-			cta: "Configure OAuth in Edit App →"
-		}, {
-			label: "Webhook endpoint — so your server receives platform events",
-			done: p > 0,
-			path: `${a}/apps/${t.id}/webhooks`,
-			cta: "Add a webhook →"
-		}] : [],
-		{
-			label: "Submit for marketplace review",
-			done: !1,
-			path: `${a}/apps/${t.id}/publish`,
-			cta: "Submit for review →"
-		}
-	] : [], h = m.filter((e) => !e.done)[0];
-	return /* @__PURE__ */ G("div", {
+	}, r = N(() => /* @__PURE__ */ new Date(), []), { data: i, loading: a, error: s } = o({ variables: {
+		applicationId: e,
+		period: "daily",
+		startDate: N(() => {
+			let e = new Date(r);
+			return e.setDate(e.getDate() - 30), e;
+		}, [r]).toISOString(),
+		endDate: r.toISOString()
+	} });
+	return a ? /* @__PURE__ */ q(Oe, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : s ? /* @__PURE__ */ q(Z, { message: s.message }) : /* @__PURE__ */ q(Ie, { analytics: (i?.applicationAnalytics ?? []).map(we) });
+}, Ne = ({ app: e }) => {
+	let { t } = I(), n = (e, n) => {
+		let r = t(e);
+		return r === e ? n : r;
+	};
+	return /* @__PURE__ */ J("div", {
 		className: "grid gap-6 lg:grid-cols-3",
-		children: [/* @__PURE__ */ G("div", {
+		children: [/* @__PURE__ */ J("div", {
 			className: "lg:col-span-2 space-y-6",
 			children: [
-				s && h && /* @__PURE__ */ G("div", {
-					className: "rounded-lg border border-primary/30 bg-primary/5 p-4 space-y-3",
-					children: [/* @__PURE__ */ G("div", {
-						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ G("p", {
-							className: "font-semibold text-sm text-primary",
-							children: [
-								r("devportal.setupProgress", "Setup Progress"),
-								" — ",
-								m.filter((e) => e.done).length,
-								"/",
-								m.length,
-								" complete"
-							]
-						}), /* @__PURE__ */ W("button", {
-							onClick: () => i?.(`${a}/apps/${t.id}/publish`),
-							className: "text-xs text-primary hover:underline font-medium",
-							children: r("devportal.viewChecklist", "View full checklist →")
-						})]
-					}), /* @__PURE__ */ W("div", {
-						className: "space-y-1.5",
-						children: m.map((e, t) => /* @__PURE__ */ G("div", {
-							className: "flex items-center gap-2 text-sm",
-							children: [
-								e.done ? /* @__PURE__ */ W(de, {
-									size: 14,
-									className: "text-status-success-text shrink-0"
-								}) : /* @__PURE__ */ W("div", { className: "h-3.5 w-3.5 rounded-full border-2 border-muted-foreground/40 shrink-0" }),
-								/* @__PURE__ */ W("span", {
-									className: e.done ? "line-through text-muted-foreground" : "text-foreground",
-									children: e.label
-								}),
-								!e.done && t === m.indexOf(h) && /* @__PURE__ */ W("button", {
-									onClick: () => i?.(e.path),
-									className: "ml-auto text-xs text-primary hover:underline font-medium shrink-0",
-									children: e.cta
-								})
-							]
-						}, t))
-					})]
-				}),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ q(Y, { children: /* @__PURE__ */ J("div", {
 					className: "grid gap-4 sm:grid-cols-4",
 					children: [
-						/* @__PURE__ */ W(Q, {
-							label: r("devportal.totalInstalls", "Total Installs"),
-							value: t.installCount.toLocaleString()
+						/* @__PURE__ */ q(Q, {
+							label: n("devportal.totalInstalls", "Total Installs"),
+							value: e.installCount.toLocaleString()
 						}),
-						/* @__PURE__ */ W(Q, {
-							label: r("devportal.activeInstalls", "Active Installs"),
-							value: t.activeInstallCount.toLocaleString()
+						/* @__PURE__ */ q(Q, {
+							label: n("devportal.activeInstalls", "Active Installs"),
+							value: e.activeInstallCount.toLocaleString()
 						}),
-						/* @__PURE__ */ W(Q, {
-							label: r("devportal.averageRating", "Average Rating"),
-							value: t.averageRating ? `${t.averageRating.toFixed(1)} ★` : r("devportal.notAvailable", "N/A")
+						/* @__PURE__ */ q(Q, {
+							label: n("devportal.averageRating", "Average Rating"),
+							value: e.averageRating ? `${e.averageRating.toFixed(1)} ★` : n("devportal.notAvailable", "N/A")
 						}),
-						/* @__PURE__ */ W(Q, {
-							label: r("devportal.reviews", "Reviews"),
-							value: t.reviewCount.toString()
+						/* @__PURE__ */ q(Q, {
+							label: n("devportal.reviews", "Reviews"),
+							value: e.reviewCount.toString()
 						})
 					]
-				}),
-				/* @__PURE__ */ W(b, {
-					title: r("devportal.description", "Description"),
-					children: /* @__PURE__ */ W("div", {
+				}) }),
+				/* @__PURE__ */ q(_, {
+					title: n("devportal.description", "Description"),
+					children: /* @__PURE__ */ q("div", {
 						className: "prose prose-sm max-w-none",
-						children: /* @__PURE__ */ W("pre", {
-							className: "whitespace-pre-wrap font-sans text-sm text-foreground bg-transparent p-0 m-0",
-							children: t.description || r("devportal.noDescriptionProvided", "No description provided.")
+						children: /* @__PURE__ */ q("pre", {
+							className: "whitespace-pre-wrap font-sans text-sm text-text-primary bg-transparent p-0 m-0",
+							children: e.description || n("devportal.noDescriptionProvided", "No description provided.")
 						})
 					})
 				}),
-				/* @__PURE__ */ W(b, {
-					title: r("devportal.tagsAndKeywords", "Tags & Keywords"),
-					children: /* @__PURE__ */ G("div", {
+				/* @__PURE__ */ q(_, {
+					title: n("devportal.tagsAndKeywords", "Tags & Keywords"),
+					children: /* @__PURE__ */ J("div", {
 						className: "space-y-3",
-						children: [t.tags.length > 0 && /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
-							className: "text-xs text-muted-foreground mb-2",
-							children: r("devportal.tags", "Tags")
-						}), /* @__PURE__ */ W("div", {
+						children: [e.tags.length > 0 && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+							className: "text-xs text-text-secondary mb-2",
+							children: n("devportal.tags", "Tags")
+						}), /* @__PURE__ */ q("div", {
 							className: "flex flex-wrap gap-2",
-							children: t.tags.map((e) => /* @__PURE__ */ W("span", {
-								className: "rounded-full bg-primary/10 px-3 py-1 text-xs font-medium text-primary",
+							children: e.tags.map((e) => /* @__PURE__ */ q("span", {
+								className: "rounded-full bg-action-primary-bg/10 px-3 py-1 text-xs font-medium text-primary",
 								children: e
 							}, e))
-						})] }), t.keywords.length > 0 && /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
-							className: "text-xs text-muted-foreground mb-2",
-							children: r("devportal.keywords", "Keywords")
-						}), /* @__PURE__ */ W("div", {
+						})] }), e.keywords.length > 0 && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+							className: "text-xs text-text-secondary mb-2",
+							children: n("devportal.keywords", "Keywords")
+						}), /* @__PURE__ */ q("div", {
 							className: "flex flex-wrap gap-2",
-							children: t.keywords.map((e) => /* @__PURE__ */ W("span", {
-								className: "rounded-full bg-muted px-3 py-1 text-xs",
+							children: e.keywords.map((e) => /* @__PURE__ */ q("span", {
+								className: "rounded-full bg-bg-sunken px-3 py-1 text-xs",
 								children: e
 							}, e))
 						})] })]
 					})
 				})
 			]
-		}), /* @__PURE__ */ G("div", {
+		}), /* @__PURE__ */ J("div", {
 			className: "space-y-6",
-			children: [/* @__PURE__ */ W(b, {
-				title: r("devportal.details", "Details"),
-				children: /* @__PURE__ */ W(E, { items: [
+			children: [/* @__PURE__ */ q(_, {
+				title: n("devportal.details", "Details"),
+				children: /* @__PURE__ */ q(T, { items: [
 					{
-						label: r("devportal.appId", "App ID"),
-						value: /* @__PURE__ */ W("code", {
+						label: n("devportal.appId", "App ID"),
+						value: /* @__PURE__ */ q("code", {
 							className: "text-xs",
-							children: t.id
+							children: e.id
 						})
 					},
 					{
-						label: r("devportal.slug", "Slug"),
-						value: t.slug
+						label: n("devportal.slug", "Slug"),
+						value: e.slug
 					},
 					{
-						label: r("devportal.category", "Category"),
-						value: t.category || r("devportal.uncategorized", "Uncategorized")
+						label: n("devportal.category", "Category"),
+						value: e.category || n("devportal.uncategorized", "Uncategorized")
 					},
 					{
-						label: r("devportal.pricing", "Pricing"),
-						value: t.pricingType || r("devportal.free", "Free")
+						label: n("devportal.pricing", "Pricing"),
+						value: e.pricingType || n("devportal.free", "Free")
 					},
 					{
-						label: r("devportal.created", "Created"),
-						value: new Date(t.createdAt).toLocaleDateString()
+						label: n("devportal.created", "Created"),
+						value: new Date(e.createdAt).toLocaleDateString()
 					},
 					{
-						label: r("devportal.updated", "Updated"),
-						value: new Date(t.updatedAt).toLocaleDateString()
+						label: n("devportal.updated", "Updated"),
+						value: new Date(e.updatedAt).toLocaleDateString()
 					},
 					{
-						label: r("devportal.published", "Published"),
-						value: t.publishedAt ? new Date(t.publishedAt).toLocaleDateString() : r("devportal.notPublished", "Not published")
+						label: n("devportal.published", "Published"),
+						value: e.publishedAt ? new Date(e.publishedAt).toLocaleDateString() : n("devportal.notPublished", "Not published")
 					}
 				] })
-			}), /* @__PURE__ */ W(b, {
-				title: r("devportal.links", "Links"),
-				children: /* @__PURE__ */ G("div", {
+			}), /* @__PURE__ */ q(_, {
+				title: n("devportal.links", "Links"),
+				children: /* @__PURE__ */ J("div", {
 					className: "space-y-2",
 					children: [
-						t.websiteUrl && /* @__PURE__ */ W($, {
-							label: r("devportal.website", "Website"),
-							url: t.websiteUrl
+						e.websiteUrl && /* @__PURE__ */ q($, {
+							label: n("devportal.website", "Website"),
+							url: e.websiteUrl
 						}),
-						t.documentationUrl && /* @__PURE__ */ W($, {
-							label: r("devportal.documentation", "Documentation"),
-							url: t.documentationUrl
+						e.documentationUrl && /* @__PURE__ */ q($, {
+							label: n("devportal.documentation", "Documentation"),
+							url: e.documentationUrl
 						}),
-						t.supportUrl && /* @__PURE__ */ W($, {
-							label: r("devportal.support", "Support"),
-							url: t.supportUrl
+						e.supportUrl && /* @__PURE__ */ q($, {
+							label: n("devportal.support", "Support"),
+							url: e.supportUrl
 						}),
-						t.githubUrl && /* @__PURE__ */ W($, {
-							label: r("devportal.github", "GitHub"),
-							url: t.githubUrl
+						e.githubUrl && /* @__PURE__ */ q($, {
+							label: n("devportal.github", "GitHub"),
+							url: e.githubUrl
 						}),
-						t.privacyPolicyUrl && /* @__PURE__ */ W($, {
-							label: r("devportal.privacyPolicy", "Privacy Policy"),
-							url: t.privacyPolicyUrl
+						e.privacyPolicyUrl && /* @__PURE__ */ q($, {
+							label: n("devportal.privacyPolicy", "Privacy Policy"),
+							url: e.privacyPolicyUrl
 						}),
-						t.termsOfServiceUrl && /* @__PURE__ */ W($, {
-							label: r("devportal.termsOfService", "Terms of Service"),
-							url: t.termsOfServiceUrl
+						e.termsOfServiceUrl && /* @__PURE__ */ q($, {
+							label: n("devportal.termsOfService", "Terms of Service"),
+							url: e.termsOfServiceUrl
 						})
 					]
 				})
 			})]
 		})]
 	});
-}, Re = ({ appId: e, webhooks: t, onNavigate: n }) => {
-	let { t: i } = P(), a = (e, t) => {
+}, Pe = ({ appId: e, webhooks: t, onNavigate: n }) => {
+	let { t: i } = I(), a = (e, t) => {
 		let n = i(e);
 		return n === e ? t : n;
 	};
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ J("div", {
 		className: "space-y-6",
-		children: [/* @__PURE__ */ G("div", {
+		children: [/* @__PURE__ */ J("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ G("p", {
-				className: "text-sm text-muted-foreground",
+			children: [/* @__PURE__ */ J("p", {
+				className: "text-sm text-text-secondary",
 				children: [
 					t.length,
 					" ",
@@ -908,81 +728,81 @@ var Me = [
 					" ",
 					a("devportal.configured", "configured")
 				]
-			}), /* @__PURE__ */ G("button", {
+			}), /* @__PURE__ */ J("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__ */ W(z, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
+				children: [/* @__PURE__ */ q(H, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})]
-		}), t.length > 0 ? /* @__PURE__ */ W("div", {
+		}), t.length > 0 ? /* @__PURE__ */ q("div", {
 			className: "space-y-4",
-			children: t.map((t) => /* @__PURE__ */ G("div", {
-				className: "rounded-lg border bg-card p-4 space-y-4",
+			children: t.map((t) => /* @__PURE__ */ J("div", {
+				className: "rounded-card border border-border-seam bg-bg-surface p-4 space-y-4 shadow-[var(--shadow-pop)]",
 				children: [
-					/* @__PURE__ */ G("div", {
+					/* @__PURE__ */ J("div", {
 						className: "flex items-start justify-between",
-						children: [/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ G("div", {
+						children: [/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ J("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ W("h3", {
+							children: [/* @__PURE__ */ q("h3", {
 								className: "font-medium",
 								children: t.name
-							}), /* @__PURE__ */ W(S, {
+							}), /* @__PURE__ */ q(b, {
 								status: t.status,
 								type: "webhook"
 							})]
-						}), t.description && /* @__PURE__ */ W("p", {
-							className: "text-sm text-muted-foreground mt-1",
+						}), t.description && /* @__PURE__ */ q("p", {
+							className: "text-sm text-text-secondary mt-1",
 							children: t.description
-						})] }), /* @__PURE__ */ W("button", {
+						})] }), /* @__PURE__ */ q("button", {
 							onClick: () => n(`/apps/${e}/webhooks/${t.id}`),
-							className: "rounded-md p-1 hover:bg-muted",
-							children: /* @__PURE__ */ W(ve, { size: 20 })
+							className: "rounded-md p-1 hover:bg-bg-sunken",
+							children: /* @__PURE__ */ q(de, { size: 20 })
 						})]
 					}),
-					/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
-						className: "text-xs text-muted-foreground mb-1",
+					/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+						className: "text-xs text-text-secondary mb-1",
 						children: a("devportal.endpointUrl", "Endpoint URL")
-					}), /* @__PURE__ */ W("code", {
-						className: "text-sm bg-muted px-2 py-1 rounded block truncate",
+					}), /* @__PURE__ */ q("code", {
+						className: "text-sm bg-bg-sunken px-2 py-1 rounded block truncate",
 						children: t.url
 					})] }),
-					/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
-						className: "text-xs text-muted-foreground mb-2",
+					/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+						className: "text-xs text-text-secondary mb-2",
 						children: a("devportal.events", "Events")
-					}), /* @__PURE__ */ W("div", {
+					}), /* @__PURE__ */ q("div", {
 						className: "flex flex-wrap gap-2",
-						children: t.events.map((e) => /* @__PURE__ */ W("span", {
-							className: "rounded-full bg-muted px-2 py-0.5 text-xs",
+						children: t.events.map((e) => /* @__PURE__ */ q("span", {
+							className: "rounded-full bg-bg-sunken px-2 py-0.5 text-xs",
 							children: e
 						}, e))
 					})] }),
-					/* @__PURE__ */ G("div", {
+					/* @__PURE__ */ J("div", {
 						className: "grid gap-4 sm:grid-cols-4 text-sm",
 						children: [
-							/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
-								className: "text-xs text-muted-foreground",
+							/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+								className: "text-xs text-text-secondary",
 								children: a("devportal.success", "Success")
-							}), /* @__PURE__ */ W("p", {
+							}), /* @__PURE__ */ q("p", {
 								className: "font-medium text-status-success-text",
 								children: t.successCount.toLocaleString()
 							})] }),
-							/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
-								className: "text-xs text-muted-foreground",
+							/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+								className: "text-xs text-text-secondary",
 								children: a("devportal.failed", "Failed")
-							}), /* @__PURE__ */ W("p", {
+							}), /* @__PURE__ */ q("p", {
 								className: "font-medium text-status-error-text",
 								children: t.failureCount.toLocaleString()
 							})] }),
-							/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
-								className: "text-xs text-muted-foreground",
+							/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+								className: "text-xs text-text-secondary",
 								children: a("devportal.successRate", "Success Rate")
-							}), /* @__PURE__ */ G("p", {
+							}), /* @__PURE__ */ J("p", {
 								className: "font-medium",
 								children: [t.successCount + t.failureCount > 0 ? (t.successCount / (t.successCount + t.failureCount) * 100).toFixed(1) : "0.0", "%"]
 							})] }),
-							/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
-								className: "text-xs text-muted-foreground",
+							/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+								className: "text-xs text-text-secondary",
 								children: a("devportal.lastTriggered", "Last Triggered")
-							}), /* @__PURE__ */ W("p", {
+							}), /* @__PURE__ */ q("p", {
 								className: "font-medium",
 								children: t.lastTriggeredAt ? new Date(t.lastTriggeredAt).toLocaleString() : a("devportal.never", "Never")
 							})] })
@@ -990,29 +810,30 @@ var Me = [
 					})
 				]
 			}, t.id))
-		}) : /* @__PURE__ */ W(r, {
-			icon: /* @__PURE__ */ W(Ce, { size: 32 }),
+		}) : /* @__PURE__ */ q(r, {
+			illustration: "empty-notifications",
+			icon: /* @__PURE__ */ q(ge, { size: 32 }),
 			title: a("devportal.noWebhooks", "No webhooks"),
 			description: a("devportal.noWebhooksDescription", "Add a webhook to receive event notifications"),
-			action: /* @__PURE__ */ G("button", {
+			action: /* @__PURE__ */ J("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__ */ W(z, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
+				children: [/* @__PURE__ */ q(H, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})
 		})]
 	});
-}, ze = ({ 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 } = P(), m = (e, t) => {
+}, Fe = ({ appName: e, delegations: n, onGrantDelegation: i, onRevokeDelegation: a, selectedDelegationIds: o, onToggleSelectDelegation: s, onToggleAllDelegations: c, onClearSelection: l, onRevokeSelected: u, allVisibleSelected: d, partiallySelected: f }) => {
+	let { t: p } = I(), m = (e, t) => {
 		let n = p(e);
 		return n === e ? t : n;
 	}, h = n.filter((e) => e.status === "ACTIVE"), g = n.filter((e) => e.status !== "ACTIVE");
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ J("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ J("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ G("p", {
-					className: "text-sm text-muted-foreground",
+				children: [/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ J("p", {
+					className: "text-sm text-text-secondary",
 					children: [
 						n.length,
 						" ",
@@ -1022,8 +843,8 @@ var Me = [
 						" ",
 						e
 					]
-				}), h.length > 0 && /* @__PURE__ */ G("p", {
-					className: "text-xs text-muted-foreground mt-0.5",
+				}), h.length > 0 && /* @__PURE__ */ J("p", {
+					className: "text-xs text-text-secondary mt-0.5",
 					children: [
 						h.length,
 						" ",
@@ -1034,44 +855,44 @@ var Me = [
 						" ",
 						m("devportal.revokedExpired", "revoked/expired")
 					]
-				})] }), /* @__PURE__ */ G("button", {
+				})] }), /* @__PURE__ */ J("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__ */ W(z, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
+					children: [/* @__PURE__ */ q(H, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})]
 			}),
-			h.length > 0 && /* @__PURE__ */ W("div", {
-				className: "rounded-lg border bg-card p-4",
-				children: /* @__PURE__ */ G("div", {
+			h.length > 0 && /* @__PURE__ */ q("div", {
+				className: "rounded-card border border-border-seam bg-bg-surface p-4",
+				children: /* @__PURE__ */ J("div", {
 					className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
-					children: [/* @__PURE__ */ G("div", {
+					children: [/* @__PURE__ */ J("div", {
 						className: "flex flex-wrap items-center gap-3",
-						children: [/* @__PURE__ */ G("div", {
+						children: [/* @__PURE__ */ J("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ W(C, {
+							children: [/* @__PURE__ */ q(S, {
 								checked: d,
 								indeterminate: f,
 								onChange: c,
 								ariaLabel: m("devportal.selectAllActiveDelegations", "Select all active app delegations")
-							}), /* @__PURE__ */ W("span", {
+							}), /* @__PURE__ */ q("span", {
 								className: "text-sm font-medium",
 								children: m("devportal.selectAllActive", "Select all active")
 							})]
-						}), o.size > 0 && /* @__PURE__ */ W("button", {
+						}), o.size > 0 && /* @__PURE__ */ q("button", {
 							onClick: l,
-							className: "text-sm text-muted-foreground hover:text-foreground",
+							className: "text-sm text-text-secondary hover:text-text-primary",
 							children: m("devportal.clearSelection", "Clear selection")
 						})]
-					}), /* @__PURE__ */ G("div", {
+					}), /* @__PURE__ */ J("div", {
 						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ G("span", {
-							className: "rounded-full bg-muted px-3 py-1 text-sm font-medium text-muted-foreground",
+						children: [/* @__PURE__ */ J("span", {
+							className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
 							children: [
 								o.size,
 								" ",
 								m("devportal.selected", "selected")
 							]
-						}), /* @__PURE__ */ G("button", {
+						}), /* @__PURE__ */ J("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",
@@ -1080,34 +901,34 @@ var Me = [
 					})]
 				})
 			}),
-			n.length > 0 ? /* @__PURE__ */ W("div", {
+			n.length > 0 ? /* @__PURE__ */ q("div", {
 				className: "space-y-4",
-				children: n.map((e) => /* @__PURE__ */ G("div", {
-					className: "rounded-lg border bg-card p-4 space-y-4",
+				children: n.map((e) => /* @__PURE__ */ J("div", {
+					className: "rounded-card border border-border-seam bg-bg-surface p-4 space-y-4 shadow-[var(--shadow-pop)]",
 					children: [
-						/* @__PURE__ */ G("div", {
+						/* @__PURE__ */ J("div", {
 							className: "flex items-start justify-between",
-							children: [/* @__PURE__ */ G("div", {
+							children: [/* @__PURE__ */ J("div", {
 								className: "flex items-start gap-3",
-								children: [e.status === "ACTIVE" && /* @__PURE__ */ W("div", {
+								children: [e.status === "ACTIVE" && /* @__PURE__ */ q("div", {
 									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ W(C, {
+									children: /* @__PURE__ */ q(S, {
 										checked: o.has(e.id),
 										onChange: (t) => s(e.id, t),
 										ariaLabel: `Select delegation ${e.id}`,
 										className: "mt-1"
 									})
-								}), /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ G("div", {
+								}), /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ J("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ G("h3", {
+									children: [/* @__PURE__ */ J("h3", {
 										className: "font-medium",
 										children: ["Delegation #", e.id.slice(0, 8)]
-									}), /* @__PURE__ */ W("span", {
-										className: t("rounded-full px-2 py-0.5 text-xs font-medium", Y[e.status]),
+									}), /* @__PURE__ */ q("span", {
+										className: t("rounded-full px-2 py-0.5 text-xs font-medium", De[e.status]),
 										children: e.status
 									})]
-								}), /* @__PURE__ */ G("p", {
-									className: "text-sm text-muted-foreground mt-1",
+								}), /* @__PURE__ */ J("p", {
+									className: "text-sm text-text-secondary mt-1",
 									children: [
 										m("devportal.granted", "Granted"),
 										" ",
@@ -1118,55 +939,55 @@ var Me = [
 										e.grantedBy === e.userId ? m("devportal.you", "you") : e.grantedBy.slice(0, 8)
 									]
 								})] })]
-							}), e.status === "ACTIVE" && /* @__PURE__ */ G("button", {
+							}), e.status === "ACTIVE" && /* @__PURE__ */ J("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__ */ W(Te, { size: 14 }), m("devportal.revoke", "Revoke")]
+								children: [/* @__PURE__ */ q(ve, { size: 14 }), m("devportal.revoke", "Revoke")]
 							})]
 						}),
-						/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
-							className: "text-xs text-muted-foreground mb-2",
+						/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+							className: "text-xs text-text-secondary mb-2",
 							children: m("devportal.grantedScopes", "Granted Scopes")
-						}), /* @__PURE__ */ W("div", {
+						}), /* @__PURE__ */ q("div", {
 							className: "flex flex-wrap gap-2",
-							children: e.scopes.map((e) => /* @__PURE__ */ W("span", {
+							children: e.scopes.map((e) => /* @__PURE__ */ q("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__ */ G("div", { children: [/* @__PURE__ */ W("p", {
-							className: "text-xs text-muted-foreground mb-2",
+						e.workspaceIds.length > 0 && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+							className: "text-xs text-text-secondary mb-2",
 							children: m("devportal.workspaceScope", "Workspace Scope")
-						}), /* @__PURE__ */ W("div", {
+						}), /* @__PURE__ */ q("div", {
 							className: "flex flex-wrap gap-2",
-							children: e.workspaceIds.map((e) => /* @__PURE__ */ W("code", {
-								className: "rounded bg-muted px-2 py-0.5 text-xs",
+							children: e.workspaceIds.map((e) => /* @__PURE__ */ q("code", {
+								className: "rounded bg-bg-sunken px-2 py-0.5 text-xs",
 								children: e
 							}, e))
 						})] }),
-						/* @__PURE__ */ G("div", {
-							className: "flex items-center gap-4 text-xs text-muted-foreground",
+						/* @__PURE__ */ J("div", {
+							className: "flex items-center gap-4 text-xs text-text-secondary",
 							children: [
-								e.expiresAt && /* @__PURE__ */ G("span", {
+								e.expiresAt && /* @__PURE__ */ J("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ W(fe, { size: 12 }),
+										/* @__PURE__ */ q(oe, { size: 12 }),
 										m("devportal.expires", "Expires"),
 										" ",
 										new Date(e.expiresAt).toLocaleDateString()
 									]
 								}),
-								!e.expiresAt && e.status === "ACTIVE" && /* @__PURE__ */ G("span", {
+								!e.expiresAt && e.status === "ACTIVE" && /* @__PURE__ */ J("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ W(I, {
+									children: [/* @__PURE__ */ q(R, {
 										size: 12,
 										className: "text-status-success-text"
 									}), m("devportal.noExpiration", "No expiration")]
 								}),
-								e.revokedAt && /* @__PURE__ */ G("span", {
+								e.revokedAt && /* @__PURE__ */ J("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ W(Te, {
+										/* @__PURE__ */ q(ve, {
 											size: 12,
 											className: "text-status-error-text"
 										}),
@@ -1179,52 +1000,53 @@ var Me = [
 						})
 					]
 				}, e.id))
-			}) : /* @__PURE__ */ W(r, {
-				icon: /* @__PURE__ */ W(H, { size: 32 }),
+			}) : /* @__PURE__ */ q(r, {
+				illustration: "empty-people",
+				icon: /* @__PURE__ */ q(G, { size: 32 }),
 				title: m("devportal.noDelegations", "No delegations"),
 				description: m("devportal.noDelegationsDescription", "Grant a delegation to allow this app to act on your behalf"),
-				action: /* @__PURE__ */ G("button", {
+				action: /* @__PURE__ */ J("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__ */ W(z, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
+					children: [/* @__PURE__ */ q(H, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})
 			})
 		]
 	});
-}, Be = ({ analytics: e }) => {
-	let { t } = P(), n = (e, n) => {
+}, Ie = ({ analytics: e }) => {
+	let { t } = I(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
 	}, i = e[0], a = e[1], o = (e, t) => t ? (e - t) / t * 100 : 0;
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ J("div", {
 		className: "space-y-6",
-		children: [/* @__PURE__ */ G("div", {
+		children: [/* @__PURE__ */ J("div", {
 			className: "grid gap-4 sm:grid-cols-4",
 			children: [
-				/* @__PURE__ */ W(Q, {
+				/* @__PURE__ */ q(Q, {
 					label: n("devportal.activeUsers", "Active Users"),
 					value: i?.activeUsers.toLocaleString() || "0",
 					trend: a ? o(i.activeUsers, a.activeUsers) : void 0
 				}),
-				/* @__PURE__ */ W(Q, {
+				/* @__PURE__ */ q(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__ */ W(Q, {
+				/* @__PURE__ */ q(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__ */ W(Q, {
+				/* @__PURE__ */ q(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__ */ W(b, {
+		}), /* @__PURE__ */ q(_, {
 			title: n("devportal.dailyBreakdown", "Daily Breakdown"),
-			children: e.length > 0 ? /* @__PURE__ */ W(T, {
+			children: e.length > 0 ? /* @__PURE__ */ q(w, {
 				data: e,
 				keyField: "id",
 				columns: [
@@ -1264,18 +1086,19 @@ var Me = [
 						render: (e) => e.sessions.toLocaleString()
 					}
 				]
-			}) : /* @__PURE__ */ W(r, {
-				icon: /* @__PURE__ */ W(F, { size: 32 }),
+			}) : /* @__PURE__ */ q(r, {
+				illustration: "empty-data",
+				icon: /* @__PURE__ */ q(L, { size: 32 }),
 				title: n("devportal.noAnalyticsData", "No analytics data"),
 				description: n("devportal.noAnalyticsDataDescription", "Analytics data will appear here once the application starts receiving traffic.")
 			})
 		})]
 	});
-}, Ve = "# Sample query - modify as needed\nquery IntrospectSchema {\n  __schema {\n    queryType { name }\n    mutationType { name }\n    types {\n      name\n      kind\n    }\n  }\n}", He = ({ app: t }) => {
-	let { apiGatewayUrl: n, workspacesGatewayUrl: r, authToken: i } = e(), { t: a } = P(), o = (e, t) => {
+}, Le = "# Sample query - modify as needed\nquery IntrospectSchema {\n  __schema {\n    queryType { name }\n    mutationType { name }\n    types {\n      name\n      kind\n    }\n  }\n}", Re = ({ app: t }) => {
+	let { apiGatewayUrl: n, workspacesGatewayUrl: r, authToken: i } = e(), { t: a } = I(), o = (e, t) => {
 		let n = a(e);
 		return n === e ? t : n;
-	}, [s, c] = N(Ve), [l, u] = N("{}"), [d, f] = N(""), [p, m] = N(!1), [h, g] = N(`${n || "https://gw-global.local.burdenoff.com"}/global/graphql`), [_, v] = N(i || ""), [y, b] = N(!1), ee = A(async () => {
+	}, [s, c] = F(Le), [l, u] = F("{}"), [d, f] = F(""), [p, m] = F(!1), [h, g] = F(`${n || "https://gw-global.local.burdenoff.com"}/global/graphql`), [_, v] = F(i || ""), [y, b] = F(!1), x = M(async () => {
 		m(!0), f("");
 		try {
 			let e = {};
@@ -1306,25 +1129,25 @@ var Me = [
 		l,
 		h,
 		_
-	]), x = A(() => {
+	]), S = M(() => {
 		i && v(i), b(!0);
 	}, [i]);
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ J("div", {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ J("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("h3", {
+				children: [/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("h3", {
 					className: "text-lg font-semibold",
 					children: o("devportal.apiPlayground", "API Playground")
-				}), /* @__PURE__ */ G("p", {
-					className: "text-sm text-muted-foreground",
+				}), /* @__PURE__ */ J("p", {
+					className: "text-sm text-text-secondary",
 					children: [
 						o("devportal.apiPlaygroundDescription", "Test GraphQL APIs in the context of"),
 						" ",
-						/* @__PURE__ */ W("strong", { children: t.name }),
-						t.appId && /* @__PURE__ */ G("span", {
-							className: "ml-1 text-xs text-muted-foreground",
+						/* @__PURE__ */ q("strong", { children: t.name }),
+						t.appId && /* @__PURE__ */ J("span", {
+							className: "ml-1 text-xs text-text-secondary",
 							children: [
 								"(OAuth App: ",
 								t.appId.slice(0, 8),
@@ -1332,39 +1155,39 @@ var Me = [
 							]
 						})
 					]
-				})] }), /* @__PURE__ */ G("button", {
-					onClick: x,
+				})] }), /* @__PURE__ */ J("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__ */ W(_e, { size: 14 }), o("devportal.autoFillCredentials", "Auto-fill Credentials")]
+					children: [/* @__PURE__ */ q(ue, { size: 14 }), o("devportal.autoFillCredentials", "Auto-fill Credentials")]
 				})]
 			}),
-			y && /* @__PURE__ */ G("div", {
+			y && /* @__PURE__ */ J("div", {
 				className: "rounded-lg border bg-status-info-bg-subtle p-4 text-sm space-y-2",
 				children: [
-					/* @__PURE__ */ W("p", {
+					/* @__PURE__ */ q("p", {
 						className: "font-medium text-status-info-text",
 						children: o("devportal.authenticationGuide", "Authentication Guide")
 					}),
-					/* @__PURE__ */ G("p", {
+					/* @__PURE__ */ J("p", {
 						className: "text-status-info-text",
 						children: [
 							o("devportal.authenticationGuideText", "Your current session token has been filled in. For app-level authentication (Client Credentials flow), use the"),
 							" ",
-							/* @__PURE__ */ W("strong", { children: o("devportal.oauthClientsTab", "OAuth Clients") }),
+							/* @__PURE__ */ q("strong", { children: o("devportal.oauthClientsTab", "OAuth Clients") }),
 							" ",
 							o("devportal.authenticationGuideText2", "tab to get the app's clientId and clientSecret, then call:")
 						]
 					}),
-					/* @__PURE__ */ W("pre", {
+					/* @__PURE__ */ q("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__ */ G("p", {
+					/* @__PURE__ */ J("p", {
 						className: "text-status-info-text",
 						children: [
 							o("devportal.useReturnedAccessToken", "Use the returned"),
 							" ",
-							/* @__PURE__ */ W("code", {
+							/* @__PURE__ */ q("code", {
 								className: "bg-status-info-bg-subtle px-1 rounded",
 								children: "accessToken"
 							}),
@@ -1372,129 +1195,129 @@ var Me = [
 							o("devportal.asBearerToken", "as the Bearer token below.")
 						]
 					}),
-					/* @__PURE__ */ W("button", {
+					/* @__PURE__ */ q("button", {
 						onClick: () => b(!1),
 						className: "text-xs text-accent-blue hover:underline",
 						children: o("devportal.dismiss", "Dismiss")
 					})
 				]
 			}),
-			/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("label", {
+			/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("label", {
 				className: "block text-sm font-medium mb-1",
 				children: o("devportal.gatewayEndpoint", "Gateway Endpoint")
-			}), /* @__PURE__ */ G("div", {
+			}), /* @__PURE__ */ J("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ W("input", {
+				children: [/* @__PURE__ */ q("input", {
 					type: "text",
 					value: h,
 					onChange: (e) => g(e.target.value),
-					className: "flex-1 rounded-md border px-3 py-2 text-sm font-mono bg-background"
-				}), /* @__PURE__ */ G("select", {
+					className: "flex-1 rounded-md border px-3 py-2 text-sm font-mono bg-bg-surface"
+				}), /* @__PURE__ */ J("select", {
 					onChange: (e) => g(e.target.value),
-					className: "rounded-md border px-3 py-2 text-sm bg-background",
+					className: "rounded-md border px-3 py-2 text-sm bg-bg-surface",
 					value: h,
-					children: [/* @__PURE__ */ W("option", {
+					children: [/* @__PURE__ */ q("option", {
 						value: `${n || "https://gw-global.local.burdenoff.com"}/global/graphql`,
 						children: o("devportal.globalGateway", "Global Gateway")
-					}), /* @__PURE__ */ W("option", {
+					}), /* @__PURE__ */ q("option", {
 						value: `${r || "https://gw-wspace.local.burdenoff.com"}/workspaces/graphql`,
 						children: o("devportal.workspaceGateway", "Workspace Gateway")
 					})]
 				})]
 			})] }),
-			/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("label", {
+			/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("label", {
 				className: "block text-sm font-medium mb-1",
 				children: o("devportal.bearerToken", "Bearer Token")
-			}), /* @__PURE__ */ W("input", {
+			}), /* @__PURE__ */ q("input", {
 				type: "password",
 				value: _,
 				onChange: (e) => v(e.target.value),
 				placeholder: o("devportal.pasteAccessToken", "Paste access token here..."),
-				className: "w-full rounded-md border px-3 py-2 text-sm font-mono bg-background"
+				className: "w-full rounded-md border px-3 py-2 text-sm font-mono bg-bg-surface"
 			})] }),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ J("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-4",
-				children: [/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("label", {
+				children: [/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("label", {
 					className: "block text-sm font-medium mb-1",
 					children: o("devportal.query", "Query")
-				}), /* @__PURE__ */ W("textarea", {
+				}), /* @__PURE__ */ q("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",
+					className: "w-full h-64 rounded-md border px-3 py-2 text-sm font-mono bg-bg-surface resize-y",
 					spellCheck: !1
-				})] }), /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("label", {
+				})] }), /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("label", {
 					className: "block text-sm font-medium mb-1",
 					children: o("devportal.variablesJson", "Variables (JSON)")
-				}), /* @__PURE__ */ W("textarea", {
+				}), /* @__PURE__ */ q("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",
+					className: "w-full h-64 rounded-md border px-3 py-2 text-sm font-mono bg-bg-surface resize-y",
 					spellCheck: !1
 				})] })]
 			}),
-			/* @__PURE__ */ G("button", {
-				onClick: ee,
+			/* @__PURE__ */ J("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: [p ? /* @__PURE__ */ W(R, {
+				className: "flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
+				children: [p ? /* @__PURE__ */ q(V, {
 					size: 16,
 					className: "animate-spin"
-				}) : /* @__PURE__ */ W(L, { size: 16 }), p ? o("devportal.executing", "Executing...") : o("devportal.executeQuery", "Execute Query")]
+				}) : /* @__PURE__ */ q(z, { size: 16 }), p ? o("devportal.executing", "Executing...") : o("devportal.executeQuery", "Execute Query")]
 			}),
-			d && /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("label", {
+			d && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("label", {
 				className: "block text-sm font-medium mb-1",
 				children: o("devportal.response", "Response")
-			}), /* @__PURE__ */ W("pre", {
-				className: "w-full max-h-96 overflow-auto rounded-md border bg-muted p-4 text-xs font-mono",
+			}), /* @__PURE__ */ q("pre", {
+				className: "w-full max-h-96 overflow-auto rounded-md border bg-bg-sunken p-4 text-xs font-mono",
 				children: d
 			})] })
 		]
 	});
-}, Ue = ({ 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 = M(null), f = A(async (e) => {
+}, ze = ({ label: e, value: n, onChange: r, hint: i, accept: a = "image/png,image/jpeg,image/webp,image/gif,image/svg+xml", aspectClass: o = "aspect-square", upload: s, uploading: c, progress: l, error: u }) => {
+	let d = P(null), f = M(async (e) => {
 		try {
 			r((await s(e)).downloadUrl);
 		} catch {}
 	}, [s, r]);
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ J("div", {
 		className: "space-y-1.5",
 		children: [
-			/* @__PURE__ */ W("label", {
+			/* @__PURE__ */ q("label", {
 				className: "text-sm font-medium",
 				children: e
 			}),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ J("div", {
 				className: "flex gap-3 items-start",
-				children: [/* @__PURE__ */ G("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__ */ W("img", {
+				children: [/* @__PURE__ */ J("div", {
+					className: t("relative shrink-0 w-20 rounded-lg border border-border-subtle bg-bg-sunken overflow-hidden flex items-center justify-center", o),
+					children: [n ? /* @__PURE__ */ q("img", {
 						src: n,
 						alt: e,
 						className: "w-full h-full object-cover"
-					}) : /* @__PURE__ */ W(V, {
+					}) : /* @__PURE__ */ q(W, {
 						size: 18,
 						className: "text-text-secondary opacity-40"
-					}), c && /* @__PURE__ */ G("div", {
-						className: "absolute inset-0 bg-black/40 flex flex-col items-center justify-center gap-1",
-						children: [/* @__PURE__ */ W(R, {
+					}), c && /* @__PURE__ */ J("div", {
+						className: "absolute inset-0 bg-bg-overlay flex flex-col items-center justify-center gap-1",
+						children: [/* @__PURE__ */ q(V, {
 							size: 14,
 							className: "animate-spin text-white"
-						}), /* @__PURE__ */ G("span", {
+						}), /* @__PURE__ */ J("span", {
 							className: "text-white text-xs",
 							children: [l, "%"]
 						})]
 					})]
-				}), /* @__PURE__ */ G("div", {
+				}), /* @__PURE__ */ J("div", {
 					className: "flex-1 space-y-1.5",
 					children: [
-						/* @__PURE__ */ W("input", {
+						/* @__PURE__ */ q("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"
+							className: "w-full rounded-md border border-border-subtle 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__ */ W("input", {
+						/* @__PURE__ */ q("input", {
 							ref: d,
 							type: "file",
 							accept: a,
@@ -1504,28 +1327,28 @@ var Me = [
 								t && f(t), e.target.value = "";
 							}
 						}),
-						/* @__PURE__ */ G("button", {
+						/* @__PURE__ */ J("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__ */ W(V, { size: 11 }), c ? `Uploading… ${l}%` : "Upload image"]
+							className: "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs font-medium hover:bg-bg-sunken transition-colors disabled:opacity-50",
+							children: [/* @__PURE__ */ q(W, { size: 11 }), c ? `Uploading… ${l}%` : "Upload image"]
 						}),
-						u && /* @__PURE__ */ W("p", {
+						u && /* @__PURE__ */ q("p", {
 							className: "text-xs text-status-error-text",
 							children: u
 						})
 					]
 				})]
 			}),
-			i && /* @__PURE__ */ W("p", {
+			i && /* @__PURE__ */ q("p", {
 				className: "text-xs text-text-secondary",
 				children: i
 			})
 		]
 	});
-}, We = ({ urls: e, onChange: n, upload: r, uploading: i, progress: a, error: o }) => {
-	let s = M(null), c = A(async (t) => {
+}, Be = ({ urls: e, onChange: n, upload: r, uploading: i, progress: a, error: o }) => {
+	let s = P(null), c = M(async (t) => {
 		try {
 			let i = await r(t);
 			n([...e, i.downloadUrl]);
@@ -1537,45 +1360,45 @@ var Me = [
 	]), l = (t) => {
 		n(e.filter((e, n) => n !== t));
 	};
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ J("div", {
 		className: "space-y-2",
 		children: [
-			/* @__PURE__ */ W("label", {
+			/* @__PURE__ */ q("label", {
 				className: "text-sm font-medium",
 				children: "Screenshots"
 			}),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ J("div", {
 				className: "flex flex-wrap gap-3",
-				children: [e.map((e, t) => /* @__PURE__ */ G("div", {
-					className: "relative group w-36 aspect-video rounded-lg border border-border overflow-hidden bg-bg-sunken",
-					children: [/* @__PURE__ */ W("img", {
+				children: [e.map((e, t) => /* @__PURE__ */ J("div", {
+					className: "relative group w-36 aspect-video rounded-lg border border-border-subtle overflow-hidden bg-bg-sunken",
+					children: [/* @__PURE__ */ q("img", {
 						src: e,
 						alt: `Screenshot ${t + 1}`,
 						className: "w-full h-full object-cover"
-					}), /* @__PURE__ */ W("button", {
+					}), /* @__PURE__ */ q("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__ */ W(we, { size: 12 })
+						className: "absolute top-1 right-1 rounded-full bg-bg-overlay text-white p-0.5 opacity-0 group-hover:opacity-100 transition-opacity",
+						children: /* @__PURE__ */ q(_e, { size: 12 })
 					})]
-				}, t)), /* @__PURE__ */ W("button", {
+				}, t)), /* @__PURE__ */ q("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__ */ G(U, { children: [/* @__PURE__ */ W(R, {
+					className: t("w-36 aspect-video rounded-lg border-2 border-dashed border-border-subtle 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__ */ J(K, { children: [/* @__PURE__ */ q(V, {
 						size: 18,
 						className: "animate-spin text-primary"
-					}), /* @__PURE__ */ G("span", {
+					}), /* @__PURE__ */ J("span", {
 						className: "text-xs",
 						children: [a, "%"]
-					})] }) : /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(V, { size: 18 }), /* @__PURE__ */ W("span", {
+					})] }) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(W, { size: 18 }), /* @__PURE__ */ q("span", {
 						className: "text-xs",
 						children: "Add screenshot"
 					})] })
 				})]
 			}),
-			/* @__PURE__ */ W("input", {
+			/* @__PURE__ */ q("input", {
 				ref: s,
 				type: "file",
 				accept: "image/png,image/jpeg,image/webp,image/gif",
@@ -1585,19 +1408,19 @@ var Me = [
 					t && c(t), e.target.value = "";
 				}
 			}),
-			o && /* @__PURE__ */ W("p", {
+			o && /* @__PURE__ */ q("p", {
 				className: "text-xs text-status-error-text",
 				children: o
 			})
 		]
 	});
-}, Ge = new Set(["workflow", "template"]), Ke = [{
+}, Ve = new Set(["workflow", "template"]), He = [{
 	value: "FREE",
 	label: "Free"
 }, {
 	value: "PAID",
 	label: "Paid"
-}], qe = [
+}], Ue = [
 	{
 		value: "agent",
 		label: "Agent"
@@ -1667,7 +1490,7 @@ var Me = [
 		label: "Component"
 	}
 ];
-function Je(e) {
+function We(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 ?? "",
@@ -1696,122 +1519,103 @@ function Je(e) {
 		manifestJsonContent: typeof t.jsonContent == "string" ? t.jsonContent : typeof t.content == "string" ? t.content : ""
 	};
 }
-var Ye = K`
-  query MyPublisherForListing {
-    myPublisher { id }
-  }
-`, Xe = K`
-  query PublisherProductsForListing($publisherId: String!) {
-    products(filter: { publisherId: $publisherId }) { id productId }
-  }
-`, Ze = K`
-  mutation UpdateStoreProduct($input: UpdateProductInput!) {
-    updateProduct(input: $input) { id name description }
-  }
-`, Qe = ({ app: n }) => {
-	let { workspacesGatewayUrl: r, authToken: i, workspaceId: a, getWorkspaceToken: o, navigate: s, basePath: c } = e(), { t: l } = P(), u = (e, t) => {
-		let n = l(e);
+var Ge = ({ app: n }) => {
+	let { workspacesGatewayUrl: r, authToken: i, workspaceId: a, getWorkspaceToken: o } = e(), { t: s } = I(), c = (e, t) => {
+		let n = s(e);
 		return n === e ? t : n;
-	}, [d, f] = N(() => Je(n)), [p, m] = N(!1), [h, _] = N(!1), y = M(n);
-	y.current = n;
-	let { data: ee } = J(Ye, { fetchPolicy: "cache-first" }), x = ee?.myPublisher?.id ?? null, { data: S } = J(Xe, {
-		variables: { publisherId: x ?? "" },
-		fetchPolicy: "cache-first",
-		skip: !x
-	}), te = S?.products?.find((e) => e.productId === n.id)?.id ?? null, [C] = q(Ze), [ne] = v(), [T, { loading: E }] = g();
-	ce(() => {
-		f(Je(y.current));
+	}, [l, u] = F(() => We(n)), [d, f] = F(!1), [m, g] = F(!1), v = P(n);
+	v.current = n;
+	let [y] = h(), [b, { loading: x }] = p();
+	re(() => {
+		u(We(v.current));
 	}, [n.id]);
-	let O = (e, t) => {
-		f((n) => ({
+	let S = (e, t) => {
+		u((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, ae = async () => {
-		m(!0);
+	}, ee = async () => {
+		f(!0);
 		try {
-			let e = d.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean), t = d.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), r = Ge.has(d.manifestItemType), i = n.manifest ?? {}, a = {
+			let e = l.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean), t = l.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), r = Ve.has(l.manifestItemType), i = n.manifest ?? {}, a = {
 				manifestVersion: typeof i.manifestVersion == "string" ? i.manifestVersion : "1.0",
-				itemType: d.manifestItemType || void 0,
+				itemType: l.manifestItemType || void 0,
 				identity: {
-					version: d.manifestVersion || "1.0.0",
-					displayName: d.manifestDisplayName
+					version: l.manifestVersion || "1.0.0",
+					displayName: l.manifestDisplayName
 				},
-				...r ? { jsonContent: d.manifestJsonContent || void 0 } : { digital: { install: {
-					type: d.manifestInstallType,
-					...d.manifestInstallType === "zip" && d.manifestRegistryUrl ? { url: d.manifestRegistryUrl } : {}
+				...r ? { jsonContent: l.manifestJsonContent || void 0 } : { digital: { install: {
+					type: l.manifestInstallType,
+					...l.manifestInstallType === "zip" && l.manifestRegistryUrl ? { url: l.manifestRegistryUrl } : {}
 				} } },
 				permissions: t,
-				compatibility: { minPlatformVersion: d.manifestMinPlatformVersion }
+				compatibility: { minPlatformVersion: l.manifestMinPlatformVersion }
 			}, o = { ...n.pricingDetails ?? {} };
-			if (d.pricingType !== "FREE") {
-				let e = parseFloat(d.price);
-				isNaN(e) || (o.price = e), d.currency && (o.currency = d.currency);
+			if (l.pricingType !== "FREE") {
+				let e = parseFloat(l.price);
+				isNaN(e) || (o.price = e), l.currency && (o.currency = l.currency);
 			}
-			await ne({ variables: {
+			await y({ variables: {
 				id: n.id,
 				input: {
-					iconUrl: d.iconUrl || null,
-					bannerUrl: d.bannerUrl || null,
-					videoUrl: d.videoUrl || null,
-					shortDescription: d.shortDescription || null,
-					description: d.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: d.websiteUrl || null,
-					documentationUrl: d.documentationUrl || null,
-					githubUrl: d.githubUrl || null,
-					supportUrl: d.supportUrl || null,
-					privacyPolicyUrl: d.privacyPolicyUrl || null,
-					termsOfServiceUrl: d.termsOfServiceUrl || null,
-					pricingType: d.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
 				}
-			} }), te && await C({ variables: { input: {
-				id: te,
-				name: n.name,
-				description: d.shortDescription || void 0,
-				longDescription: d.description || void 0,
-				icon: d.iconUrl || void 0,
-				screenshots: e.length > 0 ? e : void 0,
-				documentationUrl: d.documentationUrl || void 0,
-				category: n.category || void 0
-			} } }), w("success");
+			} }), C("success");
 		} catch {
-			w("error");
+			C("error");
 		} finally {
-			m(!1);
+			f(!1);
 		}
-	}, oe = M(null), se = M(null), { upload: j, uploading: ue, progress: F, error: de } = k(r, i, a, o), { upload: me, uploading: L, progress: he, error: _e } = k(r, i, a, o, "/DevPortal/Assets"), { upload: ve, uploading: z, progress: ye, error: be } = k(r, i, a, o, "/DevPortal/Assets"), { upload: B, uploading: H, progress: Ce, error: we } = k(r, i, a, o, "/DevPortal/Assets"), Te = A(async (e) => {
+	}, w = async () => {
+		try {
+			await b({ variables: { id: n.id } }), C("success");
+		} catch {
+			C("error");
+		}
+	}, T = P(null), k = P(null), { upload: A, uploading: te, progress: ne, error: N } = j(r, i, a, o), { upload: ae, uploading: L, progress: ce, error: z } = j(r, i, a, o, "/DevPortal/Assets"), { upload: le, uploading: ue, progress: de, error: H } = j(r, i, a, o, "/DevPortal/Assets"), { upload: fe, uploading: pe, progress: me, error: U } = j(r, i, a, o, "/DevPortal/Assets"), G = M(async (e) => {
 		let t = e.target.files?.[0];
 		if (t) {
 			e.target.value = "";
 			try {
-				let e = await j(t);
-				f((t) => ({
+				let e = await A(t);
+				u((t) => ({
 					...t,
 					manifestRegistryUrl: e.downloadUrl
 				}));
 			} catch {}
 		}
-	}, [j]), Ee = A(async (e) => {
-		e.preventDefault(), _(!1);
+	}, [A]), ge = M(async (e) => {
+		e.preventDefault(), g(!1);
 		let t = e.dataTransfer.files?.[0];
 		if (t) try {
-			let e = await j(t);
-			f((t) => ({
+			let e = await A(t);
+			u((t) => ({
 				...t,
 				manifestRegistryUrl: e.downloadUrl
 			}));
 		} catch {}
-	}, [j]), De = A((e) => {
+	}, [A]), _e = M((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 : [];
-				f((e) => ({
+				u((e) => ({
 					...e,
 					manifestItemType: typeof t.itemType == "string" ? t.itemType : e.manifestItemType,
 					manifestDisplayName: typeof n.displayName == "string" ? n.displayName : e.manifestDisplayName,
@@ -1823,575 +1627,451 @@ var Ye = K`
 				}));
 			} catch {}
 		}, n.readAsText(t), e.target.value = "";
-	}, []), K = A(() => {
-		let e = d.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), t = Ge.has(d.manifestItemType), r = {
+	}, []), ve = M(() => {
+		let e = l.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), t = Ve.has(l.manifestItemType), r = {
 			manifestVersion: "1.0",
-			itemType: d.manifestItemType || void 0,
+			itemType: l.manifestItemType || void 0,
 			identity: {
-				version: d.manifestVersion || "1.0.0",
-				displayName: d.manifestDisplayName
+				version: l.manifestVersion || "1.0.0",
+				displayName: l.manifestDisplayName
 			},
-			...t ? { jsonContent: d.manifestJsonContent || void 0 } : { digital: { install: {
-				type: d.manifestInstallType,
-				...d.manifestInstallType === "zip" && d.manifestRegistryUrl ? { url: d.manifestRegistryUrl } : {}
+			...t ? { jsonContent: l.manifestJsonContent || void 0 } : { digital: { install: {
+				type: l.manifestInstallType,
+				...l.manifestInstallType === "zip" && l.manifestRegistryUrl ? { url: l.manifestRegistryUrl } : {}
 			} } },
 			permissions: e,
-			compatibility: { minPlatformVersion: d.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 = `${n.slug}-manifest.json`, o.click(), URL.revokeObjectURL(a);
-	}, [n.slug, d]), Oe = Ge.has(d.manifestItemType), ke = d.manifestInstallType === "builtin", Ae = d.pricingType !== "FREE", je = d.manifestRegistryUrl ? d.manifestRegistryUrl.split("/").pop()?.split("?")[0] ?? "" : "";
+	}, [n.slug, l]), ye = Ve.has(l.manifestItemType), be = l.manifestInstallType === "builtin", Y = l.pricingType !== "FREE", xe = l.manifestRegistryUrl ? l.manifestRegistryUrl.split("/").pop()?.split("?")[0] ?? "" : "";
 	n.status;
-	let Me = n.status === "SUBMITTED", Y = n.status === "PUBLISHED", X = n.appType === "NODE" || n.appType === "WORKFLOW", Z = n.appType === "API_INTEGRATION", Ne = [
-		{
-			label: "Short description",
-			done: !!d.shortDescription.trim()
-		},
-		{
-			label: "Full description",
-			done: !!d.description.trim()
-		},
-		{
-			label: "Icon",
-			done: !!d.iconUrl.trim()
-		},
-		{
-			label: "Privacy Policy URL",
-			done: !!d.privacyPolicyUrl.trim()
-		},
-		{
-			label: "Terms of Service URL",
-			done: !!d.termsOfServiceUrl.trim()
-		}
-	], Pe = Ne.filter((e) => e.done).length, Fe = Ne.length;
-	return /* @__PURE__ */ G("div", {
+	let Se = n.status === "SUBMITTED", Ce = n.status === "PUBLISHED";
+	return /* @__PURE__ */ J("div", {
 		className: "space-y-8 max-w-3xl",
 		children: [
-			/* @__PURE__ */ G("div", {
-				className: "rounded-lg border border-primary/20 bg-primary/5 px-4 py-3 space-y-2",
-				children: [/* @__PURE__ */ W("p", {
-					className: "text-sm font-semibold text-primary",
-					children: u("devportal.listingTabPurpose", "What is this tab for?")
-				}), /* @__PURE__ */ G("ul", {
-					className: "text-sm text-muted-foreground space-y-1 list-none pl-0",
-					children: [
-						/* @__PURE__ */ G("li", {
-							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ W(Se, {
-								size: 14,
-								className: "mt-0.5 shrink-0 text-primary"
-							}), /* @__PURE__ */ G("span", { children: [
-								/* @__PURE__ */ W("strong", { children: u("devportal.thisTab", "This tab") }),
-								" ",
-								u("devportal.listingTabDesc", "controls your store card — the name, description, icon and screenshots users see in the marketplace. Save changes here any time without creating a new release.")
-							] })]
-						}),
-						X && /* @__PURE__ */ G("li", {
-							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ W(fe, {
-								size: 14,
-								className: "mt-0.5 shrink-0 text-primary"
-							}), /* @__PURE__ */ G("span", { children: [
-								u("devportal.versionsTabDesc", "To release a new version (ZIP package + manifest), go to the"),
-								" ",
-								/* @__PURE__ */ W("button", {
-									type: "button",
-									className: "underline text-primary hover:no-underline",
-									onClick: () => s?.(`${c}/apps/${n.id}/versions`),
-									children: u("devportal.versionsTab", "Versions page")
-								}),
-								"."
-							] })]
-						}),
-						/* @__PURE__ */ G("li", {
-							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ W(xe, {
-								size: 14,
-								className: "mt-0.5 shrink-0 text-primary"
-							}), /* @__PURE__ */ W("span", { children: u("devportal.submitTabDesc", "When your listing is ready, click \"Submit for Review\" to send it to the review team.") })]
-						})
-					]
-				})]
-			}),
-			!Y && /* @__PURE__ */ G("div", {
-				className: "rounded-lg border bg-card p-4 space-y-3",
-				children: [/* @__PURE__ */ G("div", {
-					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ G("p", {
-						className: "text-sm font-medium",
-						children: [
-							u("devportal.listingCompleteness", "Listing completeness"),
-							" ",
-							/* @__PURE__ */ G("span", {
-								className: t("ml-1 text-xs font-semibold", Pe === Fe ? "text-status-success-text" : "text-status-warning-text"),
-								children: [
-									Pe,
-									"/",
-									Fe
-								]
-							})
-						]
-					}), Pe === Fe && /* @__PURE__ */ G("span", {
-						className: "text-xs text-status-success-text flex items-center gap-1",
-						children: [/* @__PURE__ */ W(I, { size: 12 }), u("devportal.readyToSubmit", "Ready to submit")]
-					})]
-				}), /* @__PURE__ */ W("div", {
-					className: "grid grid-cols-2 sm:grid-cols-3 gap-2",
-					children: Ne.map((e) => /* @__PURE__ */ G("div", {
-						className: "flex items-center gap-1.5 text-xs",
-						children: [e.done ? /* @__PURE__ */ W(I, {
-							size: 12,
-							className: "text-status-success-text shrink-0"
-						}) : /* @__PURE__ */ W(le, {
-							size: 12,
-							className: "text-status-warning-text shrink-0"
-						}), /* @__PURE__ */ W("span", {
-							className: e.done ? "text-foreground" : "text-muted-foreground",
-							children: e.label
-						})]
-					}, e.label))
-				})]
-			}),
-			Y ? /* @__PURE__ */ G("div", {
+			Ce ? /* @__PURE__ */ J("div", {
 				className: "flex items-start gap-3 rounded-lg border border-success/30 bg-success/10 px-4 py-3",
-				children: [/* @__PURE__ */ W(I, {
+				children: [/* @__PURE__ */ q(R, {
 					size: 16,
 					className: "text-success mt-0.5 shrink-0"
-				}), /* @__PURE__ */ G("div", {
+				}), /* @__PURE__ */ J("div", {
 					className: "text-sm",
-					children: [/* @__PURE__ */ W("span", {
+					children: [/* @__PURE__ */ q("span", {
 						className: "font-medium text-success",
-						children: u("devportal.storeListing.published", "Published")
-					}), n.publishedAt && /* @__PURE__ */ G("span", {
-						className: "text-muted-foreground ml-2",
+						children: c("devportal.storeListing.published", "Published")
+					}), n.publishedAt && /* @__PURE__ */ J("span", {
+						className: "text-text-secondary ml-2",
 						children: [
-							u("devportal.storeListing.since", "since"),
+							c("devportal.storeListing.since", "since"),
 							" ",
 							new Date(n.publishedAt).toLocaleDateString()
 						]
 					})]
 				})]
-			}) : Me ? /* @__PURE__ */ G("div", {
-				className: "flex items-start gap-3 rounded-lg border border-primary/30 bg-primary/5 px-4 py-3",
-				children: [/* @__PURE__ */ W(fe, {
+			}) : Se ? /* @__PURE__ */ J("div", {
+				className: "flex items-start gap-3 rounded-lg border border-primary/30 bg-action-primary-bg/5 px-4 py-3",
+				children: [/* @__PURE__ */ q(oe, {
 					size: 16,
 					className: "text-primary mt-0.5 shrink-0"
-				}), /* @__PURE__ */ G("div", {
+				}), /* @__PURE__ */ J("div", {
 					className: "text-sm",
 					children: [
-						/* @__PURE__ */ W("span", {
+						/* @__PURE__ */ q("span", {
 							className: "font-medium text-primary",
-							children: u("devportal.storeListing.underReview", "Submitted for review")
+							children: c("devportal.storeListing.underReview", "Submitted for review")
 						}),
-						n.submittedAt && /* @__PURE__ */ W("span", {
-							className: "text-muted-foreground ml-2",
+						n.submittedAt && /* @__PURE__ */ q("span", {
+							className: "text-text-secondary ml-2",
 							children: new Date(n.submittedAt).toLocaleDateString()
 						}),
-						n.reviewStatus && /* @__PURE__ */ G("span", {
-							className: "text-muted-foreground ml-2",
+						n.reviewStatus && /* @__PURE__ */ J("span", {
+							className: "text-text-secondary ml-2",
 							children: ["· ", n.reviewStatus]
 						})
 					]
 				})]
-			}) : /* @__PURE__ */ G("div", {
+			}) : /* @__PURE__ */ J("div", {
 				className: "flex items-start gap-3 rounded-lg border border-warning/30 bg-warning/5 px-4 py-3",
-				children: [/* @__PURE__ */ W(le, {
+				children: [/* @__PURE__ */ q(ie, {
 					size: 16,
 					className: "text-warning mt-0.5 shrink-0"
-				}), /* @__PURE__ */ G("div", {
+				}), /* @__PURE__ */ J("div", {
 					className: "text-sm",
-					children: [/* @__PURE__ */ W("span", {
+					children: [/* @__PURE__ */ q("span", {
 						className: "font-medium text-warning",
-						children: u("devportal.storeListing.draft", "Draft")
-					}), /* @__PURE__ */ W("span", {
-						className: "text-muted-foreground ml-2",
-						children: u("devportal.storeListing.draftHint", "Complete your store listing and submit for review to publish.")
+						children: c("devportal.storeListing.draft", "Draft")
+					}), /* @__PURE__ */ q("span", {
+						className: "text-text-secondary ml-2",
+						children: c("devportal.storeListing.draftHint", "Complete your store listing and submit for review to publish.")
 					})]
 				})]
 			}),
-			X ? /* @__PURE__ */ G("div", {
-				className: "rounded-lg border border-border-subtle bg-bg-sunken px-4 py-4 flex items-start gap-3",
-				children: [/* @__PURE__ */ W(ge, {
-					size: 16,
-					className: "shrink-0 mt-0.5 text-muted-foreground"
-				}), /* @__PURE__ */ G("div", {
-					className: "text-sm space-y-1",
-					children: [/* @__PURE__ */ W("p", {
-						className: "font-medium",
-						children: u("devportal.packageManagedInVersions", "ZIP package & manifest are managed in Versions")
-					}), /* @__PURE__ */ W("p", {
-						className: "text-muted-foreground",
-						children: u("devportal.packageManagedInVersionsDesc", "For NODE and WORKFLOW types, each release is uploaded through the Versions page — including the ZIP archive and manifest.json. This keeps your code releases separate from your store card.")
-					})]
-				})]
-			}) : !Z && /* @__PURE__ */ W(b, {
-				title: u("devportal.package", "Package"),
-				description: u("devportal.packageDescription", "Technical configuration — how FluidGrid installs and runs this item"),
-				children: /* @__PURE__ */ G("div", {
+			/* @__PURE__ */ q(_, {
+				title: c("devportal.package", "Package"),
+				description: c("devportal.packageDescription", "Technical configuration — how FluidGrid installs and runs this item"),
+				children: /* @__PURE__ */ J("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ W(re, {
-							label: u("devportal.storeItemType", "Item Type"),
-							value: d.manifestItemType,
+						/* @__PURE__ */ q(D, {
+							label: c("devportal.storeItemType", "Item Type"),
+							value: l.manifestItemType,
 							onChange: (e) => {
 								let t = e.target.value;
-								O("manifestItemType", t), Ge.has(t) ? O("manifestInstallType", "json") : d.manifestInstallType === "json" && O("manifestInstallType", "zip");
+								S("manifestItemType", t), Ve.has(t) ? S("manifestInstallType", "json") : l.manifestInstallType === "json" && S("manifestInstallType", "zip");
 							},
-							options: qe,
-							placeholder: u("devportal.selectItemType", "Select item type…"),
-							hint: u("devportal.storeItemTypeHint", "Determines how this item is categorised and how the platform runs it")
+							options: Ue,
+							placeholder: c("devportal.selectItemType", "Select item type…"),
+							hint: c("devportal.storeItemTypeHint", "Determines how this item is categorised and how the platform runs it")
 						}),
-						/* @__PURE__ */ G("div", {
+						/* @__PURE__ */ J("div", {
 							className: "grid gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ W(D, {
-								label: u("devportal.manifestDisplayName", "Display Name"),
-								value: d.manifestDisplayName,
-								onChange: (e) => O("manifestDisplayName", e.target.value),
+							children: [/* @__PURE__ */ q(E, {
+								label: c("devportal.manifestDisplayName", "Display Name"),
+								value: l.manifestDisplayName,
+								onChange: (e) => S("manifestDisplayName", e.target.value),
 								placeholder: "My Awesome Node"
-							}), /* @__PURE__ */ W(D, {
-								label: u("devportal.manifestVersion", "Version"),
-								value: d.manifestVersion,
-								onChange: (e) => O("manifestVersion", e.target.value),
+							}), /* @__PURE__ */ q(E, {
+								label: c("devportal.manifestVersion", "Version"),
+								value: l.manifestVersion,
+								onChange: (e) => S("manifestVersion", e.target.value),
 								placeholder: "1.0.0",
-								hint: u("devportal.semverHint", "Semantic version (MAJOR.MINOR.PATCH)")
+								hint: c("devportal.semverHint", "Semantic version (MAJOR.MINOR.PATCH)")
 							})]
 						}),
-						Oe && /* @__PURE__ */ W(ie, {
-							label: u("devportal.jsonContent", d.manifestItemType === "workflow" ? "Workflow Definition (JSON)" : "Template Definition (JSON)"),
-							value: d.manifestJsonContent,
-							onChange: (e) => O("manifestJsonContent", e.target.value),
+						ye && /* @__PURE__ */ q(O, {
+							label: c("devportal.jsonContent", l.manifestItemType === "workflow" ? "Workflow Definition (JSON)" : "Template Definition (JSON)"),
+							value: l.manifestJsonContent,
+							onChange: (e) => S("manifestJsonContent", e.target.value),
 							rows: 12,
 							placeholder: "{\n  \"nodes\": [],\n  \"edges\": []\n}",
-							hint: u("devportal.jsonContentHint", "Paste the full JSON definition. Stored and applied directly — no zip needed.")
+							hint: c("devportal.jsonContentHint", "Paste the full JSON definition. Stored and applied directly — no zip needed.")
 						}),
-						!Oe && /* @__PURE__ */ G("div", {
+						!ye && /* @__PURE__ */ J("div", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ G("div", {
+								/* @__PURE__ */ J("div", {
 									className: "flex items-center justify-between flex-wrap gap-2",
-									children: [/* @__PURE__ */ W("label", {
+									children: [/* @__PURE__ */ q("label", {
 										className: "text-sm font-medium",
-										children: u("devportal.packageFile", "Package File")
-									}), /* @__PURE__ */ G("label", {
+										children: c("devportal.packageFile", "Package File")
+									}), /* @__PURE__ */ J("label", {
 										className: "flex items-center gap-2 text-sm cursor-pointer select-none",
-										children: [/* @__PURE__ */ W("input", {
+										children: [/* @__PURE__ */ q("input", {
 											type: "checkbox",
-											checked: ke,
-											onChange: (e) => O("manifestInstallType", e.target.checked ? "builtin" : "zip"),
-											className: "h-4 w-4 rounded border-border accent-primary"
-										}), /* @__PURE__ */ W("span", {
+											checked: be,
+											onChange: (e) => S("manifestInstallType", e.target.checked ? "builtin" : "zip"),
+											className: "h-4 w-4 rounded border-border-subtle accent-primary"
+										}), /* @__PURE__ */ q("span", {
 											className: "text-text-secondary",
-											children: u("devportal.builtinToggle", "Built-in (pre-installed, no upload needed)")
+											children: c("devportal.builtinToggle", "Built-in (pre-installed, no upload needed)")
 										})]
 									})]
 								}),
-								!ke && /* @__PURE__ */ G(U, { children: [
-									/* @__PURE__ */ G("div", {
+								!be && /* @__PURE__ */ J(K, { children: [
+									/* @__PURE__ */ J("div", {
 										className: "flex gap-3 rounded-lg border border-border-subtle bg-bg-sunken p-3 text-sm text-text-secondary",
-										children: [/* @__PURE__ */ W(ge, {
+										children: [/* @__PURE__ */ q(B, {
 											size: 15,
 											className: "mt-0.5 shrink-0"
-										}), /* @__PURE__ */ G("span", { children: [
-											u("devportal.zipModelHint", "Package your code and a "),
-											/* @__PURE__ */ W("code", {
-												className: "rounded bg-muted px-1 py-0.5 font-mono text-xs",
+										}), /* @__PURE__ */ J("span", { children: [
+											c("devportal.zipModelHint", "Package your code and a "),
+											/* @__PURE__ */ q("code", {
+												className: "rounded bg-bg-sunken px-1 py-0.5 font-mono text-xs",
 												children: "manifest.json"
 											}),
-											u("devportal.zipModelHint2", " into a single zip — like a Chrome extension. Upload it below and FluidGrid handles the rest automatically.")
+											c("devportal.zipModelHint2", " into a single zip — like a Chrome extension. Upload it below and FluidGrid handles the rest automatically.")
 										] })]
 									}),
-									/* @__PURE__ */ G("div", {
+									/* @__PURE__ */ J("div", {
 										onDragOver: (e) => {
-											e.preventDefault(), _(!0);
+											e.preventDefault(), g(!0);
 										},
-										onDragLeave: () => _(!1),
-										onDrop: (e) => void Ee(e),
-										onClick: () => !ue && se.current?.click(),
-										className: t("relative flex flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed px-6 py-10 text-center transition-colors cursor-pointer", h ? "border-primary bg-primary/5" : "border-border hover:border-border-strong hover:bg-bg-sunken", ue && "pointer-events-none opacity-75"),
-										children: [/* @__PURE__ */ W("input", {
-											ref: se,
+										onDragLeave: () => g(!1),
+										onDrop: (e) => void ge(e),
+										onClick: () => !te && k.current?.click(),
+										className: t("relative flex flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed px-6 py-10 text-center transition-colors cursor-pointer", m ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:border-border-strong hover:bg-bg-sunken", te && "pointer-events-none opacity-75"),
+										children: [/* @__PURE__ */ q("input", {
+											ref: k,
 											type: "file",
 											accept: ".zip,application/zip,application/x-zip-compressed",
 											className: "hidden",
-											onChange: (e) => void Te(e)
-										}), ue ? /* @__PURE__ */ G(U, { children: [
-											/* @__PURE__ */ W(R, {
+											onChange: (e) => void G(e)
+										}), te ? /* @__PURE__ */ J(K, { children: [
+											/* @__PURE__ */ q(V, {
 												size: 28,
 												className: "animate-spin text-primary"
 											}),
-											/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ G("p", {
+											/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ J("p", {
 												className: "text-sm font-medium",
 												children: [
-													u("devportal.uploading", "Uploading…"),
+													c("devportal.uploading", "Uploading…"),
 													" ",
-													F,
+													ne,
 													"%"
 												]
-											}), /* @__PURE__ */ W("p", {
+											}), /* @__PURE__ */ q("p", {
 												className: "text-xs text-text-secondary mt-0.5",
-												children: u("devportal.uploadingHint", "Stored securely in your workspace")
+												children: c("devportal.uploadingHint", "Stored securely in your workspace")
 											})] }),
-											/* @__PURE__ */ W("div", {
-												className: "w-48 h-1.5 rounded-full bg-muted overflow-hidden",
-												children: /* @__PURE__ */ W("div", {
-													className: "h-full bg-primary transition-all",
-													style: { width: `${F}%` }
+											/* @__PURE__ */ q("div", {
+												className: "w-48 h-1.5 rounded-full bg-bg-sunken overflow-hidden",
+												children: /* @__PURE__ */ q("div", {
+													className: "h-full bg-action-primary-bg transition-all",
+													style: { width: `${ne}%` }
 												})
 											})
-										] }) : je ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(I, {
+										] }) : xe ? /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(R, {
 											size: 28,
 											className: "text-status-success-text"
-										}), /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
+										}), /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 											className: "text-sm font-medium",
-											children: je
-										}), /* @__PURE__ */ W("p", {
+											children: xe
+										}), /* @__PURE__ */ q("p", {
 											className: "text-xs text-text-secondary mt-0.5",
-											children: u("devportal.clickToReplace", "Click or drag to replace")
-										})] })] }) : /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(V, {
+											children: c("devportal.clickToReplace", "Click or drag to replace")
+										})] })] }) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(W, {
 											size: 28,
 											className: "text-text-secondary"
-										}), /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
+										}), /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 											className: "text-sm font-medium",
-											children: u("devportal.dropZipHere", "Drop your .zip here")
-										}), /* @__PURE__ */ W("p", {
+											children: c("devportal.dropZipHere", "Drop your .zip here")
+										}), /* @__PURE__ */ q("p", {
 											className: "text-xs text-text-secondary mt-0.5",
-											children: u("devportal.orClickToBrowse", "or click to browse")
+											children: c("devportal.orClickToBrowse", "or click to browse")
 										})] })] })]
 									}),
-									de && /* @__PURE__ */ W("p", {
+									N && /* @__PURE__ */ q("p", {
 										className: "text-xs text-status-error-text",
-										children: de
+										children: N
 									})
 								] }),
-								ke && /* @__PURE__ */ G("div", {
+								be && /* @__PURE__ */ J("div", {
 									className: "flex gap-3 rounded-lg border border-border-subtle bg-bg-sunken p-3 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ W(ge, {
+									children: [/* @__PURE__ */ q(B, {
 										size: 15,
 										className: "mt-0.5 shrink-0"
-									}), /* @__PURE__ */ W("span", { children: u("devportal.builtinHint", "Built-in items are pre-installed by the platform. No package upload is needed.") })]
+									}), /* @__PURE__ */ q("span", { children: c("devportal.builtinHint", "Built-in items are pre-installed by the platform. No package upload is needed.") })]
 								})
 							]
 						}),
-						/* @__PURE__ */ G("div", {
+						/* @__PURE__ */ J("div", {
 							className: "flex flex-wrap items-center gap-2 border-t pt-4",
 							children: [
-								/* @__PURE__ */ W("input", {
-									ref: oe,
+								/* @__PURE__ */ q("input", {
+									ref: T,
 									type: "file",
 									accept: ".json,application/json",
 									className: "hidden",
-									onChange: De
+									onChange: _e
 								}),
-								/* @__PURE__ */ W("span", {
+								/* @__PURE__ */ q("span", {
 									className: "text-xs text-text-secondary mr-1",
 									children: "manifest.json:"
 								}),
-								/* @__PURE__ */ G("button", {
+								/* @__PURE__ */ J("button", {
 									type: "button",
-									onClick: () => oe.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__ */ W(V, { size: 12 }), u("devportal.importManifest", "Import")]
+									onClick: () => T.current?.click(),
+									className: "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs font-medium hover:bg-bg-sunken transition-colors",
+									children: [/* @__PURE__ */ q(W, { size: 12 }), c("devportal.importManifest", "Import")]
 								}),
-								/* @__PURE__ */ G("button", {
+								/* @__PURE__ */ J("button", {
 									type: "button",
-									onClick: K,
-									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__ */ W(pe, { size: 12 }), u("devportal.exportManifest", "Export")]
+									onClick: ve,
+									className: "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs font-medium hover:bg-bg-sunken transition-colors",
+									children: [/* @__PURE__ */ q(se, { size: 12 }), c("devportal.exportManifest", "Export")]
 								}),
-								/* @__PURE__ */ W("span", {
+								/* @__PURE__ */ q("span", {
 									className: "text-xs text-text-secondary",
-									children: u("devportal.manifestTip", "— export to get a manifest.json to include inside your zip")
+									children: c("devportal.manifestTip", "— export to get a manifest.json to include inside your zip")
 								})
 							]
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ W(b, {
-				title: u("devportal.storePresentation", "Store Presence"),
-				description: u("devportal.storePresentationDescription", "Visual assets and copy shown to users browsing the marketplace"),
-				children: /* @__PURE__ */ G("div", {
+			/* @__PURE__ */ q(_, {
+				title: c("devportal.storePresentation", "Store Presence"),
+				description: c("devportal.storePresentationDescription", "Visual assets and copy shown to users browsing the marketplace"),
+				children: /* @__PURE__ */ J("div", {
 					className: "space-y-5",
 					children: [
-						/* @__PURE__ */ G("div", {
+						/* @__PURE__ */ J("div", {
 							className: "grid gap-5 sm:grid-cols-2",
-							children: [/* @__PURE__ */ W(Ue, {
-								label: u("devportal.iconUrl", "Icon"),
-								value: d.iconUrl,
-								onChange: (e) => O("iconUrl", e),
-								hint: u("devportal.iconUrlHint", "Square, 256×256 px recommended"),
+							children: [/* @__PURE__ */ q(ze, {
+								label: c("devportal.iconUrl", "Icon"),
+								value: l.iconUrl,
+								onChange: (e) => S("iconUrl", e),
+								hint: c("devportal.iconUrlHint", "Square, 256×256 px recommended"),
 								aspectClass: "aspect-square",
-								upload: me,
+								upload: ae,
 								uploading: L,
-								progress: he,
-								error: _e
-							}), /* @__PURE__ */ W(Ue, {
-								label: u("devportal.bannerUrl", "Banner"),
-								value: d.bannerUrl,
-								onChange: (e) => O("bannerUrl", e),
-								hint: u("devportal.bannerUrlHint", "1280×640 px recommended"),
+								progress: ce,
+								error: z
+							}), /* @__PURE__ */ q(ze, {
+								label: c("devportal.bannerUrl", "Banner"),
+								value: l.bannerUrl,
+								onChange: (e) => S("bannerUrl", e),
+								hint: c("devportal.bannerUrlHint", "1280×640 px recommended"),
 								aspectClass: "aspect-video",
-								upload: ve,
-								uploading: z,
-								progress: ye,
-								error: be
+								upload: le,
+								uploading: ue,
+								progress: de,
+								error: H
 							})]
 						}),
-						/* @__PURE__ */ W(D, {
-							label: u("devportal.videoUrl", "Demo Video URL"),
-							value: d.videoUrl,
-							onChange: (e) => O("videoUrl", e.target.value),
+						/* @__PURE__ */ q(E, {
+							label: c("devportal.videoUrl", "Demo Video URL"),
+							value: l.videoUrl,
+							onChange: (e) => S("videoUrl", e.target.value),
 							placeholder: "https://...",
-							hint: u("devportal.videoUrlHint", "YouTube or Vimeo embed URL")
+							hint: c("devportal.videoUrlHint", "YouTube or Vimeo embed URL")
 						}),
-						/* @__PURE__ */ W(ie, {
-							label: u("devportal.shortDescription", "Short Description"),
-							value: d.shortDescription,
-							onChange: (e) => O("shortDescription", e.target.value),
+						/* @__PURE__ */ q(O, {
+							label: c("devportal.shortDescription", "Short Description"),
+							value: l.shortDescription,
+							onChange: (e) => S("shortDescription", e.target.value),
 							maxLength: 200,
 							rows: 2,
-							hint: `${d.shortDescription.length}/200 · ${u("devportal.shortDescHint", "Shown in search results and cards")}`
+							hint: `${l.shortDescription.length}/200 · ${c("devportal.shortDescHint", "Shown in search results and cards")}`
 						}),
-						/* @__PURE__ */ W(ie, {
-							label: u("devportal.longDescription", "Full Description"),
-							value: d.description,
-							onChange: (e) => O("description", e.target.value),
+						/* @__PURE__ */ q(O, {
+							label: c("devportal.longDescription", "Full Description"),
+							value: l.description,
+							onChange: (e) => S("description", e.target.value),
 							rows: 5,
-							hint: u("devportal.fullDescHint", "Markdown supported")
+							hint: c("devportal.fullDescHint", "Markdown supported")
 						}),
-						/* @__PURE__ */ W(We, {
-							urls: d.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean),
-							onChange: (e) => O("screenshotsText", e.join("\n")),
-							upload: B,
-							uploading: H,
-							progress: Ce,
-							error: we
+						/* @__PURE__ */ q(Be, {
+							urls: l.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean),
+							onChange: (e) => S("screenshotsText", e.join("\n")),
+							upload: fe,
+							uploading: pe,
+							progress: me,
+							error: U
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ W(b, {
-				title: u("devportal.linksPolicies", "Links & Policies"),
-				description: u("devportal.linksPoliciesDescription", "External resources and legal documents — privacy policy and terms are required for store submission"),
-				children: /* @__PURE__ */ G("div", {
+			/* @__PURE__ */ q(_, {
+				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__ */ J("div", {
 					className: "grid gap-4 sm:grid-cols-2",
 					children: [
-						/* @__PURE__ */ W(D, {
-							label: u("devportal.websiteUrl", "Website"),
-							value: d.websiteUrl,
-							onChange: (e) => O("websiteUrl", e.target.value),
+						/* @__PURE__ */ q(E, {
+							label: c("devportal.websiteUrl", "Website"),
+							value: l.websiteUrl,
+							onChange: (e) => S("websiteUrl", e.target.value),
 							placeholder: "https://..."
 						}),
-						/* @__PURE__ */ W(D, {
-							label: u("devportal.documentationUrl", "Documentation"),
-							value: d.documentationUrl,
-							onChange: (e) => O("documentationUrl", e.target.value),
+						/* @__PURE__ */ q(E, {
+							label: c("devportal.documentationUrl", "Documentation"),
+							value: l.documentationUrl,
+							onChange: (e) => S("documentationUrl", e.target.value),
 							placeholder: "https://..."
 						}),
-						/* @__PURE__ */ W(D, {
-							label: u("devportal.githubUrl", "GitHub"),
-							value: d.githubUrl,
-							onChange: (e) => O("githubUrl", e.target.value),
+						/* @__PURE__ */ q(E, {
+							label: c("devportal.githubUrl", "GitHub"),
+							value: l.githubUrl,
+							onChange: (e) => S("githubUrl", e.target.value),
 							placeholder: "https://github.com/..."
 						}),
-						/* @__PURE__ */ W(D, {
-							label: u("devportal.supportUrl", "Support"),
-							value: d.supportUrl,
-							onChange: (e) => O("supportUrl", e.target.value),
+						/* @__PURE__ */ q(E, {
+							label: c("devportal.supportUrl", "Support"),
+							value: l.supportUrl,
+							onChange: (e) => S("supportUrl", e.target.value),
 							placeholder: "https://..."
 						}),
-						/* @__PURE__ */ W(D, {
-							label: `${u("devportal.privacyPolicyUrl", "Privacy Policy")} *`,
-							value: d.privacyPolicyUrl,
-							onChange: (e) => O("privacyPolicyUrl", e.target.value),
+						/* @__PURE__ */ q(E, {
+							label: `${c("devportal.privacyPolicyUrl", "Privacy Policy")} *`,
+							value: l.privacyPolicyUrl,
+							onChange: (e) => S("privacyPolicyUrl", e.target.value),
 							placeholder: "https://...",
-							hint: u("devportal.requiredForStore", "Required for store submission")
+							hint: c("devportal.requiredForStore", "Required for store submission")
 						}),
-						/* @__PURE__ */ W(D, {
-							label: `${u("devportal.termsOfServiceUrl", "Terms of Service")} *`,
-							value: d.termsOfServiceUrl,
-							onChange: (e) => O("termsOfServiceUrl", e.target.value),
+						/* @__PURE__ */ q(E, {
+							label: `${c("devportal.termsOfServiceUrl", "Terms of Service")} *`,
+							value: l.termsOfServiceUrl,
+							onChange: (e) => S("termsOfServiceUrl", e.target.value),
 							placeholder: "https://...",
-							hint: u("devportal.requiredForStore", "Required for store submission")
+							hint: c("devportal.requiredForStore", "Required for store submission")
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ W(b, {
-				title: u("devportal.pricing", "Pricing"),
-				description: u("devportal.pricingDescription", "How this item is priced in the marketplace"),
-				children: /* @__PURE__ */ G("div", {
+			/* @__PURE__ */ q(_, {
+				title: c("devportal.pricing", "Pricing"),
+				description: c("devportal.pricingDescription", "How this item is priced in the marketplace"),
+				children: /* @__PURE__ */ J("div", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("label", {
+					children: [/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("label", {
 						className: "mb-2 block text-sm font-medium",
-						children: u("devportal.pricingType", "Pricing Type")
-					}), /* @__PURE__ */ W("div", {
+						children: c("devportal.pricingType", "Pricing Type")
+					}), /* @__PURE__ */ q("div", {
 						className: "flex flex-wrap gap-2",
-						children: Ke.map((e) => /* @__PURE__ */ W("button", {
+						children: He.map((e) => /* @__PURE__ */ q("button", {
 							type: "button",
-							onClick: () => O("pricingType", e.value),
-							className: t("rounded-md border px-3 py-1.5 text-sm font-medium transition-colors", d.pricingType === e.value ? "bg-primary text-primary-foreground border-primary" : "hover:bg-muted"),
+							onClick: () => S("pricingType", e.value),
+							className: t("rounded-md border px-3 py-1.5 text-sm font-medium transition-colors", l.pricingType === e.value ? "bg-action-primary-bg text-action-primary-text border-primary" : "hover:bg-bg-sunken"),
 							children: e.label
 						}, e.value))
-					})] }), Ae && /* @__PURE__ */ G("div", {
+					})] }), Y && /* @__PURE__ */ J("div", {
 						className: "grid gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ W(D, {
-							label: u("devportal.price", "Price"),
+						children: [/* @__PURE__ */ q(E, {
+							label: c("devportal.price", "Price"),
 							type: "number",
-							value: d.price,
-							onChange: (e) => O("price", e.target.value),
+							value: l.price,
+							onChange: (e) => S("price", e.target.value),
 							placeholder: "0.00"
-						}), /* @__PURE__ */ W(D, {
-							label: u("devportal.currency", "Currency"),
-							value: d.currency,
-							onChange: (e) => O("currency", e.target.value),
+						}), /* @__PURE__ */ q(E, {
+							label: c("devportal.currency", "Currency"),
+							value: l.currency,
+							onChange: (e) => S("currency", e.target.value),
 							placeholder: "USD"
 						})]
 					})]
 				})
 			}),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ J("div", {
 				className: "border-t pt-6 flex items-center gap-3 flex-wrap",
-				children: [
-					/* @__PURE__ */ W("button", {
-						type: "button",
-						onClick: ae,
-						disabled: p,
-						className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
-						children: p ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(R, {
-							size: 16,
-							className: "animate-spin"
-						}), u("devportal.saving", "Saving…")] }) : /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(Se, { size: 16 }), u("devportal.saveMarketplaceListing", "Save Marketplace Listing")] })
-					}),
-					!Y && !Me && /* @__PURE__ */ G("button", {
-						type: "button",
-						onClick: () => s?.(`${c}/apps/${n.id}/publish`),
-						disabled: p,
-						className: "inline-flex items-center gap-2 rounded-md border border-primary px-4 py-2 text-sm font-medium text-primary hover:bg-primary/5 transition-colors disabled:opacity-50",
-						children: [/* @__PURE__ */ W(xe, { size: 16 }), u("devportal.submitForReview", "Submit for Review")]
-					}),
-					!Y && Me && /* @__PURE__ */ G("p", {
-						className: "text-xs text-muted-foreground flex items-center gap-1.5",
-						children: [/* @__PURE__ */ W(fe, { size: 12 }), u("devportal.awaitingReview", "Your listing is under review. You can still update and save — changes take effect after approval.")]
-					})
-				]
+				children: [/* @__PURE__ */ q("button", {
+					type: "button",
+					onClick: ee,
+					disabled: d,
+					className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
+					children: d ? /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(V, {
+						size: 16,
+						className: "animate-spin"
+					}), c("devportal.saving", "Saving…")] }) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(he, { size: 16 }), c("devportal.saveStoreListing", "Save Store Listing")] })
+				}), !Ce && /* @__PURE__ */ q("button", {
+					type: "button",
+					onClick: () => void w(),
+					disabled: x || d,
+					className: "inline-flex items-center gap-2 rounded-md border border-primary px-4 py-2 text-sm font-medium text-primary hover:bg-action-primary-bg/5 transition-colors disabled:opacity-50",
+					children: x ? /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(V, {
+						size: 16,
+						className: "animate-spin"
+					}), c("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(R, { size: 16 }), Se ? c("devportal.resubmitForReview", "Resubmit for Review") : c("devportal.submitForReview", "Submit for Review")] })
+				})]
 			})
 		]
 	});
 }, Q = ({ label: e, value: n, trend: r }) => {
-	let { t: i } = P();
-	return /* @__PURE__ */ G("div", {
-		className: "rounded-lg border bg-card p-4",
+	let { t: i } = I();
+	return /* @__PURE__ */ J(xe, {
+		treatment: "metric",
+		className: "p-4",
 		children: [
-			/* @__PURE__ */ W("p", {
-				className: "text-sm text-muted-foreground",
+			/* @__PURE__ */ q("p", {
+				className: "text-sm text-text-secondary",
 				children: e
 			}),
-			/* @__PURE__ */ W("p", {
-				className: "text-2xl font-bold",
+			/* @__PURE__ */ q("p", {
+				className: "text-2xl font-bold tabular-nums",
 				children: n
 			}),
-			r !== void 0 && /* @__PURE__ */ G("p", {
-				className: t("text-xs mt-1", r > 0 ? "text-status-success-text" : r < 0 ? "text-status-error-text" : "text-muted-foreground"),
+			r !== void 0 && /* @__PURE__ */ J("p", {
+				className: t("text-xs mt-1 tabular-nums", r > 0 ? "text-status-success-text" : r < 0 ? "text-status-error-text" : "text-text-secondary"),
 				children: [
 					r > 0 ? "+" : "",
 					r.toFixed(1),
@@ -2404,13 +2084,13 @@ var Ye = K`
 			})
 		]
 	});
-}, $ = ({ label: e, url: t }) => /* @__PURE__ */ G("a", {
+}, $ = ({ label: e, url: t }) => /* @__PURE__ */ J("a", {
 	href: t,
 	target: "_blank",
 	rel: "noopener noreferrer",
 	className: "flex items-center gap-2 text-sm text-primary hover:underline",
-	children: [/* @__PURE__ */ W(L, { size: 14 }), e]
-}), $e = [
+	children: [/* @__PURE__ */ q(z, { size: 14 }), e]
+}), Ke = [
 	{
 		id: "auth",
 		label: "Authentication",
@@ -2482,14 +2162,14 @@ var Ye = K`
 		description: "Access control configuration"
 	}
 ];
-function et(e) {
-	let t = Object.fromEntries($e.map((e) => [e.id, "none"]));
+function qe(e) {
+	let t = Object.fromEntries(Ke.map((e) => [e.id, "none"]));
 	if (!e || !Array.isArray(e.permissions)) return t;
 	for (let n of e.permissions) n.resource in t && (t[n.resource] = n.level === "write" ? "write" : "read");
 	return t;
 }
-var tt = ({ app: e }) => {
-	let t = e.manifest ?? {}, [n, r] = N(() => et(t)), [i, a] = N(!1), [o, s] = N(!1), [c] = v(), l = (e, t) => {
+var Je = ({ app: e }) => {
+	let t = e.manifest ?? {}, [n, r] = F(() => qe(t)), [i, a] = F(!1), [o, s] = F(!1), [c] = h(), l = (e, t) => {
 		s(!1), r((n) => ({
 			...n,
 			[e]: t
@@ -2520,41 +2200,41 @@ var tt = ({ app: e }) => {
 		"read",
 		"write"
 	];
-	return /* @__PURE__ */ W(b, {
+	return /* @__PURE__ */ q(_, {
 		title: "Permissions",
 		description: "Define what platform data this app can request access to. Users see these when authorizing the app.",
-		children: /* @__PURE__ */ G("div", {
+		children: /* @__PURE__ */ J("div", {
 			className: "space-y-4",
 			children: [
-				/* @__PURE__ */ W("div", {
-					className: "overflow-x-auto rounded-lg border border-border",
-					children: /* @__PURE__ */ G("table", {
+				/* @__PURE__ */ q("div", {
+					className: "overflow-x-auto rounded-lg border border-border-subtle",
+					children: /* @__PURE__ */ J("table", {
 						className: "w-full text-sm",
-						children: [/* @__PURE__ */ W("thead", { children: /* @__PURE__ */ G("tr", {
-							className: "border-b border-border bg-muted/50",
-							children: [/* @__PURE__ */ W("th", {
-								className: "px-4 py-3 text-left font-medium text-muted-foreground w-1/2",
+						children: [/* @__PURE__ */ q("thead", { children: /* @__PURE__ */ J("tr", {
+							className: "border-b border-border-subtle bg-bg-sunken/50",
+							children: [/* @__PURE__ */ q("th", {
+								className: "px-4 py-3 text-left font-medium text-text-secondary w-1/2",
 								children: "Resource"
-							}), f.map((e) => /* @__PURE__ */ W("th", {
-								className: "px-4 py-3 text-center font-medium text-muted-foreground",
+							}), f.map((e) => /* @__PURE__ */ q("th", {
+								className: "px-4 py-3 text-center font-medium text-text-secondary",
 								children: d[e]
 							}, e))]
-						}) }), /* @__PURE__ */ W("tbody", {
+						}) }), /* @__PURE__ */ q("tbody", {
 							className: "divide-y divide-border",
-							children: $e.map((e) => /* @__PURE__ */ G("tr", {
-								className: "hover:bg-muted/30 transition-colors",
-								children: [/* @__PURE__ */ G("td", {
+							children: Ke.map((e) => /* @__PURE__ */ J("tr", {
+								className: "hover:bg-bg-sunken/30 transition-colors",
+								children: [/* @__PURE__ */ J("td", {
 									className: "px-4 py-3",
-									children: [/* @__PURE__ */ W("p", {
-										className: "font-medium text-foreground",
+									children: [/* @__PURE__ */ q("p", {
+										className: "font-medium text-text-primary",
 										children: e.label
-									}), /* @__PURE__ */ W("p", {
-										className: "text-xs text-muted-foreground",
+									}), /* @__PURE__ */ q("p", {
+										className: "text-xs text-text-secondary",
 										children: e.description
 									})]
-								}), f.map((t) => /* @__PURE__ */ W("td", {
+								}), f.map((t) => /* @__PURE__ */ q("td", {
 									className: "px-4 py-3 text-center",
-									children: /* @__PURE__ */ W("input", {
+									children: /* @__PURE__ */ q("input", {
 										type: "radio",
 										name: `perm-${e.id}`,
 										value: t,
@@ -2567,27 +2247,27 @@ var tt = ({ app: e }) => {
 						})]
 					})
 				}),
-				/* @__PURE__ */ G("div", {
-					className: "rounded-lg border border-border-subtle bg-muted/30 p-3 flex gap-2 text-xs text-muted-foreground",
-					children: [/* @__PURE__ */ W(ge, {
+				/* @__PURE__ */ J("div", {
+					className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-3 flex gap-2 text-xs text-text-secondary",
+					children: [/* @__PURE__ */ q(B, {
 						size: 14,
 						className: "flex-shrink-0 mt-0.5"
-					}), /* @__PURE__ */ G("span", { children: [/* @__PURE__ */ W("strong", { children: "Read & Write" }), " implies Read. Request only what your app genuinely needs — fewer permissions build more user trust."] })]
+					}), /* @__PURE__ */ J("span", { children: [/* @__PURE__ */ q("strong", { children: "Read & Write" }), " implies Read. Request only what your app genuinely needs — fewer permissions build more user trust."] })]
 				}),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ J("div", {
 					className: "flex items-center justify-end gap-3",
-					children: [o && /* @__PURE__ */ G("span", {
+					children: [o && /* @__PURE__ */ J("span", {
 						className: "flex items-center gap-1.5 text-sm text-status-success-text",
-						children: [/* @__PURE__ */ W(I, { size: 14 }), "Saved"]
-					}), /* @__PURE__ */ G("button", {
+						children: [/* @__PURE__ */ q(R, { size: 14 }), "Saved"]
+					}), /* @__PURE__ */ J("button", {
 						type: "button",
 						onClick: () => void u(),
 						disabled: i,
-						className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
-						children: [i ? /* @__PURE__ */ W(R, {
+						className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
+						children: [i ? /* @__PURE__ */ q(V, {
 							size: 14,
 							className: "animate-spin"
-						}) : /* @__PURE__ */ W(B, { size: 14 }), "Save Permissions"]
+						}) : /* @__PURE__ */ q(U, { size: 14 }), "Save Permissions"]
 					})]
 				})
 			]
@@ -2595,6 +2275,6 @@ var tt = ({ app: e }) => {
 	});
 };
 //#endregion
-export { Ne as ApplicationDetailPage };
+export { ke as ApplicationDetailPage };
 
 //# sourceMappingURL=ApplicationDetailPage.js.map