@burdenoff/microfe-devportal 2026.623.5 → 2026.623.7

package/dist/devportal/pages/CreateOAuthClientPage.js

@@ -1,11 +1,11 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { cn as t } from "../utils/cn.js";
-import { PageLayout as n, PageSection as r } from "../components/PageLayout.js";
-import { nativeCopyText as i, nativeImpact as a, nativeNotify as o } from "../../utils/nativeBridge.js";
-import { InputField as s, SelectField as c, TextareaField as l } from "../components/FormField.js";
-import { useCreateAuthAppMutation as u } from "../../generated/global-operations.js";
-import { PermissionGuard as d } from "../components/PermissionGuard.js";
-import { getErrorMessage as f } from "../hooks/useGraphQL.js";
+import { useCreateAuthAppMutation as n } from "../../generated/global-operations.js";
+import { getErrorMessage as r } from "../hooks/useGraphQL.js";
+import { PageLayout as i, PageSection as a } from "../components/PageLayout.js";
+import { nativeCopyText as o, nativeImpact as s, nativeNotify as c } from "../../utils/nativeBridge.js";
+import { InputField as l, SelectField as u, TextareaField as d } from "../components/FormField.js";
+import { PermissionGuard as f } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import { DEVPORTAL_PERMISSIONS as p } from "../constants/permissions.js";
 import "../hooks/index.js";
@@ -19,7 +19,7 @@ var C = () => {
 	let { navigate: C, basePath: w } = e(), { t: T } = h(), E = (e, t) => {
 		let n = T(e);
 		return n === e ? t : n;
-	}, [D, O] = m(""), [k, A] = m(""), [j, M] = m("CONFIDENTIAL"), [N, P] = m([]), [F, I] = m(""), [L, R] = m([]), [z, B] = m(""), [V, H] = m(null), [U, W] = m(null), [G, { loading: K, error: q }] = u(), J = (e) => {
+	}, [D, O] = m(""), [k, A] = m(""), [j, M] = m("CONFIDENTIAL"), [N, P] = m([]), [F, I] = m(""), [L, R] = m([]), [z, B] = m(""), [V, H] = m(null), [U, W] = m(null), [G, { loading: K, error: q }] = n(), J = (e) => {
 		C?.(`${w}${e}`);
 	}, Y = () => {
 		let e = F.trim();
@@ -32,7 +32,7 @@ var C = () => {
 	}, Q = (e) => {
 		R(L.filter((t) => t !== e));
 	};
-	return V ? /* @__PURE__ */ b(n, {
+	return V ? /* @__PURE__ */ b(i, {
 		title: E("devportal.appCreated", "App Created!"),
 		description: E("devportal.appCreatedDescription", "Save the client secret below. It will not be shown again."),
 		backLink: "/oauth",
@@ -56,7 +56,7 @@ var C = () => {
 							children: V
 						}), /* @__PURE__ */ b("button", {
 							onClick: async () => {
-								a("light"), o(await i(V) ? "success" : "error");
+								s("light"), c(await o(V) ? "success" : "error");
 							},
 							className: "rounded bg-status-success-bg-subtle px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
 							children: E("devportal.copy", "Copy")
@@ -80,9 +80,9 @@ var C = () => {
 				})
 			]
 		})
-	}) : /* @__PURE__ */ b(d, {
+	}) : /* @__PURE__ */ b(f, {
 		permission: p.APP_CREATE,
-		children: /* @__PURE__ */ b(n, {
+		children: /* @__PURE__ */ b(i, {
 			title: E("devportal.createOAuthApp", "Create OAuth App"),
 			description: E("devportal.createOAuthAppDescription", "Register a new OAuth application for authentication"),
 			backLink: "/oauth",
@@ -106,26 +106,26 @@ var C = () => {
 						className: "rounded-lg border border-destructive/50 bg-destructive/10 p-4",
 						children: /* @__PURE__ */ b("p", {
 							className: "text-sm text-destructive",
-							children: f(q)
+							children: r(q)
 						})
 					}),
-					/* @__PURE__ */ x(r, {
+					/* @__PURE__ */ x(a, {
 						title: E("devportal.basicInformation", "Basic Information"),
 						children: [
-							/* @__PURE__ */ b(s, {
+							/* @__PURE__ */ b(l, {
 								label: E("devportal.appName", "App Name"),
 								value: D,
 								onChange: (e) => O(e.target.value),
 								placeholder: E("devportal.myOAuthAppPlaceholder", "My OAuth App"),
 								required: !0
 							}),
-							/* @__PURE__ */ b(l, {
+							/* @__PURE__ */ b(d, {
 								label: E("devportal.description", "Description"),
 								value: k,
 								onChange: (e) => A(e.target.value),
 								placeholder: E("devportal.appDescriptionPlaceholder", "Brief description of what this app does...")
 							}),
-							/* @__PURE__ */ b(c, {
+							/* @__PURE__ */ b(u, {
 								label: E("devportal.appType", "App Type"),
 								value: j,
 								onChange: (e) => M(e.target.value),
@@ -157,7 +157,7 @@ var C = () => {
 					/* @__PURE__ */ x(S, {
 						title: E("devportal.advancedOAuthSettings", "Advanced settings"),
 						description: E("devportal.advancedOAuthSettingsDescription", "Advanced grant types, PKCE-required toggles, scope tuning, and redirect URIs."),
-						children: [/* @__PURE__ */ b(r, {
+						children: [/* @__PURE__ */ b(a, {
 							title: E("devportal.scopes", "Scopes"),
 							children: /* @__PURE__ */ x("div", {
 								className: "space-y-3",
@@ -191,7 +191,7 @@ var C = () => {
 									}, e))
 								})]
 							})
-						}), /* @__PURE__ */ b(r, {
+						}), /* @__PURE__ */ b(a, {
 							title: E("devportal.redirectUris", "Redirect URIs"),
 							children: /* @__PURE__ */ x("div", {
 								className: "space-y-3",

package/dist/devportal/pages/CreateOrganizationPage.js

@@ -1,8 +1,8 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { useDevportalEventBus as t } from "../events/index.js";
-import { PageLayout as n, PageSection as r } from "../components/PageLayout.js";
-import { InputField as i, TextareaField as a } from "../components/FormField.js";
-import { useCreateBillingAccountMutation as o, useCreateOrganizationMutation as s, useLinkDevOrgBillingAccountMutation as c } from "../../generated/global-operations.js";
+import { useCreateBillingAccountMutation as n, useCreateOrganizationMutation as r, useLinkDevOrgBillingAccountMutation as i } from "../../generated/global-operations.js";
+import { PageLayout as a, PageSection as o } from "../components/PageLayout.js";
+import { InputField as s, TextareaField as c } from "../components/FormField.js";
 import { PermissionGuard as l } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import { DEVPORTAL_PERMISSIONS as u } from "../constants/permissions.js";
@@ -16,7 +16,7 @@ var y = () => {
 	let { navigate: y, basePath: b, currentUser: x } = e(), { t: S } = f(), C = (e, t) => {
 		let n = S(e);
 		return n === e ? t : n;
-	}, [w, T] = d({}), [E, { loading: D }] = s(), [O] = o(), [k] = c(), A = t(), [j, M] = d({
+	}, [w, T] = d({}), [E, { loading: D }] = r(), [O] = n(), [k] = i(), A = t(), [j, M] = d({
 		name: "",
 		slug: "",
 		description: "",
@@ -49,7 +49,7 @@ var y = () => {
 	};
 	return /* @__PURE__ */ _(l, {
 		permission: u.ORG_CREATE,
-		children: /* @__PURE__ */ _(n, {
+		children: /* @__PURE__ */ _(a, {
 			title: C("devportal.createOrganization", "Create Organization"),
 			description: C("devportal.createOrganizationDescription", "Set up a developer organization to collaborate with your team"),
 			backLink: `${b}/organizations`,
@@ -88,13 +88,13 @@ var y = () => {
 				},
 				className: "space-y-8 max-w-3xl",
 				children: [
-					/* @__PURE__ */ _(r, {
+					/* @__PURE__ */ _(o, {
 						title: C("devportal.organizationDetails", "Organization Details"),
 						description: C("devportal.organizationDetailsDescription", "Basic information about your organization"),
 						children: /* @__PURE__ */ v("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ _(i, {
+								/* @__PURE__ */ _(s, {
 									label: C("devportal.organizationName", "Organization Name"),
 									value: j.name,
 									onChange: F,
@@ -103,7 +103,7 @@ var y = () => {
 									error: w.name,
 									hint: C("devportal.organizationNameHint", "Your organization's display name")
 								}),
-								/* @__PURE__ */ _(i, {
+								/* @__PURE__ */ _(s, {
 									label: C("devportal.slug", "Slug"),
 									value: j.slug,
 									onChange: (e) => I("slug", e.target.value.toLowerCase()),
@@ -112,14 +112,14 @@ var y = () => {
 									error: w.slug,
 									hint: C("devportal.slugHint", "URL-friendly identifier (auto-generated from name)")
 								}),
-								/* @__PURE__ */ _(a, {
+								/* @__PURE__ */ _(c, {
 									label: C("devportal.description", "Description"),
 									value: j.description,
 									onChange: (e) => I("description", e.target.value),
 									placeholder: C("devportal.orgDescriptionPlaceholder", "Tell us about your organization..."),
 									rows: 3
 								}),
-								/* @__PURE__ */ _(i, {
+								/* @__PURE__ */ _(s, {
 									label: C("devportal.websiteUrl", "Website URL"),
 									type: "url",
 									value: j.websiteUrl,
@@ -128,14 +128,14 @@ var y = () => {
 								}),
 								/* @__PURE__ */ v("div", {
 									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ _(i, {
+									children: [/* @__PURE__ */ _(s, {
 										label: C("devportal.contactEmail", "Contact Email"),
 										type: "email",
 										value: j.contactEmail,
 										onChange: (e) => I("contactEmail", e.target.value),
 										placeholder: "contact@example.com",
 										error: w.contactEmail
-									}), /* @__PURE__ */ _(i, {
+									}), /* @__PURE__ */ _(s, {
 										label: C("devportal.supportEmail", "Support Email"),
 										type: "email",
 										value: j.supportEmail,

package/dist/devportal/pages/CreateWebhookPage.js

@@ -1,11 +1,11 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { useDevportalEventBus as t } from "../events/index.js";
-import { PageLayout as n, PageSection as r } from "../components/PageLayout.js";
-import { CheckboxField as i, InputField as a, TextareaField as o } from "../components/FormField.js";
-import { Alert as s } from "../components/ConfirmDialog.js";
-import { useCreateWebhookMutation as c, useGetApplicationQuery as l, useGetApplicationsQuery as u } from "../../generated/global-operations.js";
-import { PermissionGuard as d } from "../components/PermissionGuard.js";
-import { getErrorMessage as f } from "../hooks/useGraphQL.js";
+import { useCreateWebhookMutation as n, useGetApplicationQuery as r, useGetApplicationsQuery as i } from "../../generated/global-operations.js";
+import { getErrorMessage as a } from "../hooks/useGraphQL.js";
+import { PageLayout as o, PageSection as s } from "../components/PageLayout.js";
+import { CheckboxField as c, InputField as l, TextareaField as u } from "../components/FormField.js";
+import { Alert as d } from "../components/ConfirmDialog.js";
+import { PermissionGuard as f } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import { DEVPORTAL_PERMISSIONS as p } from "../constants/permissions.js";
 import { useDevportalPermission as m } from "../hooks/usePermission.js";
@@ -36,7 +36,7 @@ var T = {
 		events: [],
 		retryEnabled: !0,
 		maxRetries: 3
-	}), [A, j] = y({}), [M, N] = y(null), { data: P } = l({
+	}), [A, j] = y({}), [M, N] = y(null), { data: P } = r({
 		variables: { id: h ?? "" },
 		skip: !h,
 		fetchPolicy: "cache-first"
@@ -47,11 +47,11 @@ var T = {
 		let t = window.__breadcrumbRegistry;
 		return t?.register(h, e), () => t?.unregister(h);
 	}, [h, P?.application?.name]);
-	let { data: F, loading: I, error: L } = u({
+	let { data: F, loading: I, error: L } = i({
 		variables: { limit: 100 },
 		skip: !!h,
 		fetchPolicy: "cache-and-network"
-	}), [R, { loading: z }] = c(), B = t(), V = g(), H = m(p.WEBHOOK_CREATE), U = v(() => F?.applications?.edges?.map((e) => e.node).map((e) => ({
+	}), [R, { loading: z }] = n(), B = t(), V = g(), H = m(p.WEBHOOK_CREATE), U = v(() => F?.applications?.edges?.map((e) => e.node).map((e) => ({
 		id: e.id,
 		name: e.name,
 		slug: e.slug
@@ -79,9 +79,9 @@ var T = {
 		let e = {};
 		return O.applicationId || (e.applicationId = V("devportal.createWebhook.errors.appRequired", "Select an application")), O.name.trim() || (e.name = V("devportal.createWebhook.errors.nameRequired", "Name is required")), O.url.trim() ? /^https:\/\//i.test(O.url) || (e.url = V("devportal.createWebhook.errors.urlHttps", "Endpoint URL must use HTTPS")) : e.url = V("devportal.createWebhook.errors.urlRequired", "Endpoint URL is required"), O.events.length === 0 && (e.events = V("devportal.createWebhook.errors.eventsRequired", "Select at least one event")), O.retryEnabled && (O.maxRetries < 1 || O.maxRetries > 10) && (e.maxRetries = V("devportal.createWebhook.errors.retriesRange", "Retry count must be between 1 and 10")), j(e), Object.keys(e).length === 0;
 	};
-	return /* @__PURE__ */ C(d, {
+	return /* @__PURE__ */ C(f, {
 		permission: p.WEBHOOK_CREATE,
-		children: /* @__PURE__ */ C(n, {
+		children: /* @__PURE__ */ C(o, {
 			title: V("devportal.createWebhook.title", "Create Webhook"),
 			description: V("devportal.createWebhook.description", "Set up a real webhook endpoint to receive platform events through the public gateway"),
 			backLink: O.applicationId ? `/apps/${O.applicationId}/webhooks` : "/webhooks",
@@ -111,19 +111,19 @@ var T = {
 				},
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ C(s, {
+					/* @__PURE__ */ C(d, {
 						variant: "info",
 						children: V("devportal.createWebhook.info", "Webhook deliveries are signed and sent through the public global gateway. Use an HTTPS endpoint that accepts POST requests and returns a 2xx response for successful deliveries.")
 					}),
-					M && /* @__PURE__ */ C(s, {
+					M && /* @__PURE__ */ C(d, {
 						variant: "error",
 						children: M
 					}),
-					L && !h && /* @__PURE__ */ C(s, {
+					L && !h && /* @__PURE__ */ C(d, {
 						variant: "error",
-						children: f(L)
+						children: a(L)
 					}),
-					/* @__PURE__ */ C(r, {
+					/* @__PURE__ */ C(s, {
 						title: V("devportal.createWebhook.basicInfo", "Basic Information"),
 						children: /* @__PURE__ */ w("div", {
 							className: "space-y-4 rounded-lg border bg-card p-4",
@@ -172,7 +172,7 @@ var T = {
 										})
 									]
 								}),
-								/* @__PURE__ */ C(a, {
+								/* @__PURE__ */ C(l, {
 									label: V("devportal.createWebhook.webhookName", "Webhook Name"),
 									value: O.name,
 									onChange: (e) => G("name", e.target.value),
@@ -180,14 +180,14 @@ var T = {
 									error: A.name,
 									required: !0
 								}),
-								/* @__PURE__ */ C(o, {
+								/* @__PURE__ */ C(u, {
 									label: V("devportal.createWebhook.descriptionLabel", "Description"),
 									value: O.description,
 									onChange: (e) => G("description", e.target.value),
 									placeholder: V("devportal.createWebhook.descriptionPlaceholder", "What this webhook is used for"),
 									rows: 2
 								}),
-								/* @__PURE__ */ C(a, {
+								/* @__PURE__ */ C(l, {
 									label: V("devportal.createWebhook.endpointUrl", "Endpoint URL"),
 									type: "url",
 									value: O.url,
@@ -200,7 +200,7 @@ var T = {
 							]
 						})
 					}),
-					/* @__PURE__ */ C(r, {
+					/* @__PURE__ */ C(s, {
 						title: V("devportal.createWebhook.subscribedEvents", "Subscribed Events"),
 						children: /* @__PURE__ */ w("div", {
 							className: "space-y-4 rounded-lg border bg-card p-4",
@@ -240,16 +240,16 @@ var T = {
 							}, e))]
 						})
 					}),
-					/* @__PURE__ */ C(r, {
+					/* @__PURE__ */ C(s, {
 						title: V("devportal.createWebhook.retrySettings", "Retry Settings"),
 						children: /* @__PURE__ */ w("div", {
 							className: "space-y-4 rounded-lg border bg-card p-4",
-							children: [/* @__PURE__ */ C(i, {
+							children: [/* @__PURE__ */ C(c, {
 								label: V("devportal.createWebhook.enableRetries", "Enable retries"),
 								description: V("devportal.createWebhook.enableRetriesDesc", "Retry failed deliveries automatically"),
 								checked: O.retryEnabled,
 								onChange: (e) => G("retryEnabled", e.target.checked)
-							}), O.retryEnabled && /* @__PURE__ */ C(a, {
+							}), O.retryEnabled && /* @__PURE__ */ C(l, {
 								label: V("devportal.createWebhook.maxRetries", "Maximum retries"),
 								type: "number",
 								value: O.maxRetries,

package/dist/devportal/pages/DashboardPage.js

@@ -1,9 +1,9 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { EmptyState as t } from "../components/EmptyState.js";
-import { PageLayout as n, PageSection as r } from "../components/PageLayout.js";
-import { StatCard as i, StatCardGrid as a } from "../components/StatCard.js";
-import { AppListItem as o } from "../components/AppCard.js";
-import { useGetDevportalDashboardBootstrapQuery as s } from "../../generated/global-operations.js";
+import { useGetDevportalDashboardBootstrapQuery as n } from "../../generated/global-operations.js";
+import { PageLayout as r, PageSection as i } from "../components/PageLayout.js";
+import { StatCard as a, StatCardGrid as o } from "../components/StatCard.js";
+import { AppListItem as s } from "../components/AppCard.js";
 import { PermissionGuard as c } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import { DEVPORTAL_PERMISSIONS as l } from "../constants/permissions.js";
@@ -17,7 +17,7 @@ var E = () => {
 	let { navigate: E, basePath: k } = e(), { t: A } = d(), j = (e, t) => {
 		let n = A(e);
 		return n === e ? t : n;
-	}, { data: M, loading: N } = s({ fetchPolicy: "cache-and-network" }), P = M?.myDeveloperOrganizations ?? [];
+	}, { data: M, loading: N } = n({ fetchPolicy: "cache-and-network" }), P = M?.myDeveloperOrganizations ?? [];
 	u(() => {
 		if (!(N || !M) && !(P.length > 0)) {
 			try {
@@ -48,7 +48,7 @@ var E = () => {
 	}, R = N, z = !R && P.length > 0;
 	return /* @__PURE__ */ w(c, {
 		permission: l.APP_READ,
-		children: /* @__PURE__ */ T(n, {
+		children: /* @__PURE__ */ T(r, {
 			title: j("devportal.developerPortal", "Developer Portal"),
 			description: j("devportal.buildManageMonitor", "Build, manage, and monitor your applications"),
 			actions: z ? /* @__PURE__ */ T("button", {
@@ -63,29 +63,29 @@ var E = () => {
 				children: [/* @__PURE__ */ w(y, { size: 16 }), j("devportal.createOrganization", "Create Organization")]
 			}),
 			children: [
-				/* @__PURE__ */ w(r, {
+				/* @__PURE__ */ w(i, {
 					"data-tour": "devportal-dashboard-stats-overview",
-					children: /* @__PURE__ */ T(a, {
+					children: /* @__PURE__ */ T(o, {
 						columns: 4,
 						children: [
-							/* @__PURE__ */ w(i, {
+							/* @__PURE__ */ w(a, {
 								title: j("devportal.totalApps", "Total Apps"),
 								value: R ? /* @__PURE__ */ w(v, { className: "h-5 w-5 animate-spin" }) : I.totalApps,
 								icon: /* @__PURE__ */ w(p, { size: 20 }),
 								trend: void 0
 							}),
-							/* @__PURE__ */ w(i, {
+							/* @__PURE__ */ w(a, {
 								title: j("devportal.organizations", "Organizations"),
 								value: R ? /* @__PURE__ */ w(v, { className: "h-5 w-5 animate-spin" }) : I.totalOrgs,
 								icon: /* @__PURE__ */ w(h, { size: 20 })
 							}),
-							/* @__PURE__ */ w(i, {
+							/* @__PURE__ */ w(a, {
 								title: j("devportal.apiKeys", "API Keys"),
 								value: I.totalApiKeys,
 								icon: /* @__PURE__ */ w(_, { size: 20 }),
 								description: j("devportal.activeKeys", "Active keys")
 							}),
-							/* @__PURE__ */ w(i, {
+							/* @__PURE__ */ w(a, {
 								title: j("devportal.webhooks", "Webhooks"),
 								value: I.totalWebhooks,
 								icon: /* @__PURE__ */ w(C, { size: 20 }),
@@ -94,31 +94,31 @@ var E = () => {
 						]
 					})
 				}),
-				/* @__PURE__ */ w(r, {
+				/* @__PURE__ */ w(i, {
 					title: j("devportal.usageOverview", "Usage Overview"),
 					"data-tour": "devportal-dashboard-usage-overview",
-					children: /* @__PURE__ */ T(a, {
+					children: /* @__PURE__ */ T(o, {
 						columns: 4,
 						children: [
-							/* @__PURE__ */ w(i, {
+							/* @__PURE__ */ w(a, {
 								title: j("devportal.apiCalls", "API Calls"),
 								value: R ? /* @__PURE__ */ w(v, { className: "h-5 w-5 animate-spin" }) : I.totalApiCalls > 1e6 ? `${(I.totalApiCalls / 1e6).toFixed(1)}M` : I.totalApiCalls > 1e3 ? `${(I.totalApiCalls / 1e3).toFixed(1)}K` : I.totalApiCalls.toString(),
 								icon: /* @__PURE__ */ w(f, { size: 20 }),
 								trend: void 0
 							}),
-							/* @__PURE__ */ w(i, {
+							/* @__PURE__ */ w(a, {
 								title: j("devportal.activeInstalls", "Active Installs"),
 								value: R ? /* @__PURE__ */ w(v, { className: "h-5 w-5 animate-spin" }) : I.activeInstalls > 1e3 ? `${(I.activeInstalls / 1e3).toFixed(1)}K` : I.activeInstalls.toString(),
 								icon: /* @__PURE__ */ w(S, { size: 20 }),
 								trend: void 0
 							}),
-							/* @__PURE__ */ w(i, {
+							/* @__PURE__ */ w(a, {
 								title: j("devportal.monthlyRevenue", "Monthly Revenue"),
 								value: R ? /* @__PURE__ */ w(v, { className: "h-5 w-5 animate-spin" }) : `$${I.monthlyRevenue.toLocaleString()}`,
 								icon: /* @__PURE__ */ w(g, { size: 20 }),
 								trend: void 0
 							}),
-							/* @__PURE__ */ w(i, {
+							/* @__PURE__ */ w(a, {
 								title: j("devportal.errorRate", "Error Rate"),
 								value: `${I.errorRate}%`,
 								icon: /* @__PURE__ */ w(x, { size: 20 }),
@@ -129,7 +129,7 @@ var E = () => {
 				}),
 				/* @__PURE__ */ T("div", {
 					className: "grid gap-6 lg:grid-cols-2",
-					children: [/* @__PURE__ */ w(r, {
+					children: [/* @__PURE__ */ w(i, {
 						"data-tour": "devportal-dashboard-recent-apps",
 						title: j("devportal.recentApplications", "Recent Applications"),
 						actions: /* @__PURE__ */ T("button", {
@@ -146,7 +146,7 @@ var E = () => {
 							children: /* @__PURE__ */ w(v, { className: "h-6 w-6 animate-spin text-muted-foreground" })
 						}) : F.length > 0 ? /* @__PURE__ */ w("div", {
 							className: "space-y-2",
-							children: F.slice(0, 3).map((e) => /* @__PURE__ */ w(o, {
+							children: F.slice(0, 3).map((e) => /* @__PURE__ */ w(s, {
 								app: e,
 								onClick: () => L(`/apps/${e.id}`)
 							}, e.id))
@@ -164,7 +164,7 @@ var E = () => {
 								children: [/* @__PURE__ */ w(y, { size: 16 }), j("devportal.createOrganization", "Create Organization")]
 							})
 						})
-					}), /* @__PURE__ */ w(r, {
+					}), /* @__PURE__ */ w(i, {
 						title: j("devportal.quickActions", "Quick Actions"),
 						"data-tour": "devportal-dashboard-quick-actions",
 						children: /* @__PURE__ */ T("div", {
@@ -204,14 +204,14 @@ var E = () => {
 						})
 					})]
 				}),
-				R ? /* @__PURE__ */ w(r, {
+				R ? /* @__PURE__ */ w(i, {
 					"data-tour": "devportal-dashboard-organizations",
 					title: j("devportal.yourOrganizations", "Your Organizations"),
 					children: /* @__PURE__ */ w("div", {
 						className: "flex items-center justify-center py-8",
 						children: /* @__PURE__ */ w(v, { className: "h-6 w-6 animate-spin text-muted-foreground" })
 					})
-				}) : P.length > 0 ? /* @__PURE__ */ w(r, {
+				}) : P.length > 0 ? /* @__PURE__ */ w(i, {
 					title: j("devportal.yourOrganizations", "Your Organizations"),
 					actions: /* @__PURE__ */ T("button", {
 						onClick: () => L("/organizations"),

package/dist/devportal/pages/DelegationsPage.js

@@ -1,10 +1,10 @@
 import { cn as e } from "../utils/cn.js";
 import { LoadingState as t } from "../components/LoadingState.js";
 import { EmptyState as n } from "../components/EmptyState.js";
-import { PageLayout as r } from "../components/PageLayout.js";
-import { SelectionCheckbox as i } from "../components/SelectionCheckbox.js";
-import { ConfirmDialog as a } from "../components/ConfirmDialog.js";
-import { useCurrentUserDelegationsQuery as o, useCurrentUserGrantedDelegationsQuery as s, useRevokeDelegationMutation as c } from "../../generated/global-operations.js";
+import { useCurrentUserDelegationsQuery as r, useCurrentUserGrantedDelegationsQuery as i, useRevokeDelegationMutation as a } from "../../generated/global-operations.js";
+import { PageLayout as o } from "../components/PageLayout.js";
+import { SelectionCheckbox as s } from "../components/SelectionCheckbox.js";
+import { ConfirmDialog as c } from "../components/ConfirmDialog.js";
 import { PermissionGuard as l } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import { DEVPORTAL_PERMISSIONS as u } from "../constants/permissions.js";
@@ -96,13 +96,13 @@ var A = ({ type: t, className: n }) => {
 			]
 		})
 	});
-}, ae = ({ delegation: t, onRevoke: n, isRevoking: r, selected: a, onToggleSelect: o, canRevoke: s }) => {
+}, ae = ({ delegation: t, onRevoke: n, isRevoking: r, selected: i, onToggleSelect: a, canRevoke: o }) => {
 	let { t: c } = m(), l = (e, t) => {
 		let n = c(e);
 		return n === e ? t : n;
 	};
 	return /* @__PURE__ */ T("div", {
-		className: e("rounded-lg border bg-card p-5 transition-colors hover:border-border/80", a && "border-primary bg-primary/5", t.status !== "ACTIVE" && "opacity-60"),
+		className: e("rounded-lg border bg-card p-5 transition-colors hover:border-border/80", i && "border-primary bg-primary/5", t.status !== "ACTIVE" && "opacity-60"),
 		children: /* @__PURE__ */ E("div", {
 			className: "flex items-start justify-between gap-4",
 			children: [/* @__PURE__ */ E("div", {
@@ -110,9 +110,9 @@ var A = ({ type: t, className: n }) => {
 				children: [
 					t.status === "ACTIVE" && /* @__PURE__ */ T("div", {
 						onClick: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ T(i, {
-							checked: a,
-							onChange: o,
+						children: /* @__PURE__ */ T(s, {
+							checked: i,
+							onChange: a,
 							ariaLabel: l("devportal.selectDelegationAriaLabel", `Select delegation ${t.app?.name ?? t.id}`),
 							className: "mt-1"
 						})
@@ -192,20 +192,20 @@ var A = ({ type: t, className: n }) => {
 				]
 			}), t.status === "ACTIVE" && /* @__PURE__ */ E("button", {
 				onClick: () => n(t),
-				disabled: r || !s,
-				"aria-disabled": !s,
+				disabled: r || !o,
+				"aria-disabled": !o,
 				className: "inline-flex shrink-0 items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-50",
 				children: [r ? /* @__PURE__ */ T(b, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ T(C, { className: "h-4 w-4" }), l("devportal.revoke", "Revoke")]
 			})]
 		})
 	});
-}, oe = ({ delegation: t, onRevoke: n, isRevoking: r, selected: a, onToggleSelect: o, canRevoke: s }) => {
+}, oe = ({ delegation: t, onRevoke: n, isRevoking: r, selected: i, onToggleSelect: a, canRevoke: o }) => {
 	let { t: c } = m(), l = (e, t) => {
 		let n = c(e);
 		return n === e ? t : n;
 	};
 	return /* @__PURE__ */ T("div", {
-		className: e("rounded-lg border bg-card p-5 transition-colors hover:border-border/80", a && "border-primary bg-primary/5"),
+		className: e("rounded-lg border bg-card p-5 transition-colors hover:border-border/80", i && "border-primary bg-primary/5"),
 		children: /* @__PURE__ */ E("div", {
 			className: "flex items-start justify-between gap-4",
 			children: [/* @__PURE__ */ E("div", {
@@ -213,9 +213,9 @@ var A = ({ type: t, className: n }) => {
 				children: [
 					t.status === "ACTIVE" && /* @__PURE__ */ T("div", {
 						onClick: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ T(i, {
-							checked: a,
-							onChange: o,
+						children: /* @__PURE__ */ T(s, {
+							checked: i,
+							onChange: a,
 							ariaLabel: l("devportal.selectDelegationAriaLabel", `Select delegation ${t.app?.name ?? t.id}`),
 							className: "mt-1"
 						})
@@ -283,8 +283,8 @@ var A = ({ type: t, className: n }) => {
 				]
 			}), t.status === "ACTIVE" && /* @__PURE__ */ E("button", {
 				onClick: () => n(t),
-				disabled: r || !s,
-				"aria-disabled": !s,
+				disabled: r || !o,
+				"aria-disabled": !o,
 				className: "inline-flex shrink-0 items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-50",
 				children: [r ? /* @__PURE__ */ T(b, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ T(C, { className: "h-4 w-4" }), l("devportal.revoke", "Revoke")]
 			})]
@@ -331,7 +331,7 @@ var A = ({ type: t, className: n }) => {
 	let { t: f } = m(), _ = (e, t) => {
 		let n = f(e);
 		return n === e ? t : n;
-	}, { allowed: y } = ee(u.DELEGATION_REVOKE), [b, C] = p("acting-as-me"), [w, O] = p([]), [k, A] = p(null), [j, M] = p(/* @__PURE__ */ new Set()), { data: N, loading: ce, error: le, refetch: P } = o({ fetchPolicy: "cache-and-network" }), { data: F, loading: ue, error: de, refetch: I } = s({ fetchPolicy: "cache-and-network" }), [L, { loading: R }] = c(), z = (N?.currentUserDelegations?.delegations ?? []).map(D), B = (F?.currentUserGrantedDelegations?.delegations ?? []).map(D), V = z.filter((e) => e.status === "ACTIVE"), H = z.filter((e) => e.status !== "ACTIVE"), U = B.filter((e) => e.status === "ACTIVE"), W = b === "acting-as-me" ? V : U, G = te(() => W.filter((e) => j.has(e.id)), [j, W]), K = W.length > 0 && W.every((e) => j.has(e.id)), fe = W.some((e) => j.has(e.id)) && !K, q = b === "acting-as-me" ? ce : ue, J = b === "acting-as-me" ? le : de, Y = d((e) => {
+	}, { allowed: y } = ee(u.DELEGATION_REVOKE), [b, C] = p("acting-as-me"), [w, O] = p([]), [k, A] = p(null), [j, M] = p(/* @__PURE__ */ new Set()), { data: N, loading: ce, error: le, refetch: P } = r({ fetchPolicy: "cache-and-network" }), { data: F, loading: ue, error: de, refetch: I } = i({ fetchPolicy: "cache-and-network" }), [L, { loading: R }] = a(), z = (N?.currentUserDelegations?.delegations ?? []).map(D), B = (F?.currentUserGrantedDelegations?.delegations ?? []).map(D), V = z.filter((e) => e.status === "ACTIVE"), H = z.filter((e) => e.status !== "ACTIVE"), U = B.filter((e) => e.status === "ACTIVE"), W = b === "acting-as-me" ? V : U, G = te(() => W.filter((e) => j.has(e.id)), [j, W]), K = W.length > 0 && W.every((e) => j.has(e.id)), fe = W.some((e) => j.has(e.id)) && !K, q = b === "acting-as-me" ? ce : ue, J = b === "acting-as-me" ? le : de, Y = d((e) => {
 		O([e]);
 	}, []), X = d((e, t) => {
 		M((n) => {
@@ -374,7 +374,7 @@ var A = ({ type: t, className: n }) => {
 	}, []), Q = V.length, $ = U.length;
 	return /* @__PURE__ */ T(l, {
 		permission: u.INSTALLATION_READ,
-		children: /* @__PURE__ */ E(r, {
+		children: /* @__PURE__ */ E(o, {
 			title: _("devportal.appDelegationsTitle", "App Delegations"),
 			description: _("devportal.appDelegationsDescription", "Manage which apps can act on your behalf. Revoke access at any time."),
 			children: [
@@ -487,7 +487,7 @@ var A = ({ type: t, className: n }) => {
 								className: "flex flex-wrap items-center gap-3",
 								children: [/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ T(i, {
+									children: [/* @__PURE__ */ T(s, {
 										checked: K,
 										indeterminate: fe,
 										onChange: pe,
@@ -579,7 +579,7 @@ var A = ({ type: t, className: n }) => {
 						})] })]
 					})
 				}),
-				/* @__PURE__ */ T(a, {
+				/* @__PURE__ */ T(c, {
 					open: w.length > 0,
 					onOpenChange: (e) => {
 						e || O([]);