@burdenoff/microfe-devportal 2026.611.2 → 2026.614.1

package/dist/devportal/pages/ApiKeysPage.js

@@ -1,24 +1,24 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { cn as t } from "../utils/cn.js";
 import { EmptyState as n } from "../components/EmptyState.js";
-import { PageLayout as r } from "../components/PageLayout.js";
-import { ActiveIndicator as i } from "../components/StatusBadge.js";
+import { useGetApplicationsQuery as r, useMyApiKeysQuery as ee, useRevokeApiKeyAuthMutation as te, useRotateApiKeyAuthMutation as ne } from "../../generated/global-operations.js";
+import { getErrorMessage as re } from "../hooks/useGraphQL.js";
+import { PageLayout as i } from "../components/PageLayout.js";
+import { ActiveIndicator as ie } from "../components/StatusBadge.js";
 import { SelectionCheckbox as a } from "../components/SelectionCheckbox.js";
-import { NewSecretAlert as o } from "../components/SecretDisplay.js";
-import { DataTable as ee } from "../components/DataTable.js";
-import { ConfirmDialog as s } from "../components/ConfirmDialog.js";
-import { useMyApiKeysQuery as te, useRevokeApiKeyAuthMutation as ne, useRotateApiKeyAuthMutation as re } from "../../generated/global-operations.js";
-import { PermissionGuard as ie } from "../components/PermissionGuard.js";
+import { NewSecretAlert as ae } from "../components/SecretDisplay.js";
+import { DataTable as oe } from "../components/DataTable.js";
+import { ConfirmDialog as o } from "../components/ConfirmDialog.js";
+import { PermissionGuard as se } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { DEVPORTAL_PERMISSIONS as ae } from "../constants/permissions.js";
-import { getErrorMessage as oe } from "../hooks/useGraphQL.js";
+import { DEVPORTAL_PERMISSIONS as ce } from "../constants/permissions.js";
 import "../hooks/index.js";
-import { useMemo as c, useState as l } from "react";
-import { useI18n as se } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as ce, AlertTriangle as le, Ban as u, Clock as ue, Key as d, Loader2 as f, Plus as p, RotateCw as de, Search as fe, Shield as pe } from "lucide-react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useMemo as s, useState as c } from "react";
+import { useI18n as le } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as ue, AlertTriangle as de, Ban as l, Clock as fe, Key as u, Loader2 as pe, Plus as d, RotateCw as me, Search as he, Shield as ge } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/devportal/pages/ApiKeysPage.tsx
-function me(e) {
+function _e(e) {
 	return {
 		id: e.id,
 		name: e.name,
@@ -31,91 +31,103 @@ function me(e) {
 		lastUsedAt: e.lastUsedAt ?? void 0
 	};
 }
-var g = (e) => {
+var m = (e) => {
 	if (!e) return !1;
 	let t = Math.ceil((new Date(e).getTime() - Date.now()) / (1e3 * 60 * 60 * 24));
 	return t <= 30 && t > 0;
-}, _ = (e) => e ? new Date(e).getTime() < Date.now() : !1, v = () => {
-	let { navigate: v, basePath: he } = e(), { t: y } = se(), b = (e, t) => {
-		let n = y(e);
+}, h = (e) => e ? new Date(e).getTime() < Date.now() : !1, g = () => {
+	let { navigate: g, basePath: ve, activeOrgId: _ } = e(), { t: v } = le(), y = (e, t) => {
+		let n = v(e);
 		return n === e ? t : n;
-	}, [x, ge] = l(""), [S, C] = l("all"), [w, T] = l(null), [E, D] = l(null), [O, k] = l(null), [A, j] = l(/* @__PURE__ */ new Set()), [M, N] = l(null), [P, F] = l(!1), { data: I, loading: L, error: R, refetch: z } = te({ fetchPolicy: "cache-and-network" }), [B, { loading: V }] = ne(), [_e, { loading: H }] = re(), U = c(() => I?.myApiKeys?.apiKeys.map(me) ?? [], [I?.myApiKeys?.apiKeys]), W = (e) => {
-		v?.(`${he}${e}`);
-	}, ve = async () => {
-		if (w) try {
-			await B({ variables: { keyId: w.id } }), T(null), await z();
+	}, [b, ye] = c(""), [x, be] = c("all"), [S, C] = c(null), [w, T] = c(null), [E, D] = c(null), [O, k] = c(/* @__PURE__ */ new Set()), [A, j] = c(null), [M, N] = c(!1), { data: P, loading: F, error: I, refetch: L } = ee({ fetchPolicy: "cache-and-network" }), { data: R } = r({
+		variables: { limit: 200 },
+		skip: !_,
+		fetchPolicy: "cache-first"
+	}), z = s(() => {
+		if (!_) return null;
+		let e = /* @__PURE__ */ new Set();
+		for (let t of R?.applications?.edges ?? []) {
+			let n = t.node;
+			n.developerOrganizationId === _ && e.add(n.id);
+		}
+		return e;
+	}, [_, R?.applications?.edges]), [B, { loading: V }] = te(), [xe, { loading: H }] = ne(), U = s(() => P?.myApiKeys?.apiKeys.map(_e) ?? [], [P?.myApiKeys?.apiKeys]), W = (e) => {
+		g?.(`${ve}${e}`);
+	}, Se = async () => {
+		if (S) try {
+			await B({ variables: { keyId: S.id } }), C(null), await L();
 		} catch {}
-	}, ye = async () => {
-		if (E) try {
-			let e = (await _e({ variables: { keyId: E.id } })).data?.rotateAPIKey.apiSecret;
-			e && k(e), D(null), await z();
+	}, Ce = async () => {
+		if (w) try {
+			let e = (await xe({ variables: { keyId: w.id } })).data?.rotateAPIKey.apiSecret;
+			e && D(e), T(null), await L();
 		} catch {}
 	}, G = U.filter((e) => {
-		let t = !x || e.name.toLowerCase().includes(x.toLowerCase()) || e.prefix.toLowerCase().includes(x.toLowerCase()) || (e.appName?.toLowerCase().includes(x.toLowerCase()) ?? !1), n = S === "all" || S === "active" && !_(e.expiresAt) || S === "expired" && _(e.expiresAt);
-		return t && n;
-	}), K = c(() => U.filter((e) => A.has(e.id)), [U, A]), q = c(() => K.filter((e) => !_(e.expiresAt)), [K]), J = G.filter((e) => !_(e.expiresAt)), Y = J.length > 0 && J.every((e) => A.has(e.id)), X = J.some((e) => A.has(e.id)) && !Y, be = (e, t) => {
-		j((n) => {
+		let t = !z || z.has(e.appId), n = !b || e.name.toLowerCase().includes(b.toLowerCase()) || e.prefix.toLowerCase().includes(b.toLowerCase()) || (e.appName?.toLowerCase().includes(b.toLowerCase()) ?? !1), r = x === "all" || x === "active" && !h(e.expiresAt) || x === "expired" && h(e.expiresAt);
+		return t && n && r;
+	}), K = s(() => U.filter((e) => O.has(e.id)), [U, O]), q = s(() => K.filter((e) => !h(e.expiresAt)), [K]), J = G.filter((e) => !h(e.expiresAt)), Y = J.length > 0 && J.every((e) => O.has(e.id)), X = J.some((e) => O.has(e.id)) && !Y, we = (e, t) => {
+		k((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
 	}, Z = (e) => {
-		j((t) => {
+		k((t) => {
 			let n = new Set(t);
 			return J.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, Q = () => j(/* @__PURE__ */ new Set());
-	if (L && !I) return /* @__PURE__ */ m(r, {
-		title: b("devportal.apiKeys", "API Keys"),
-		description: b("devportal.manageApiKeys", "Manage your API keys for programmatic access"),
-		children: /* @__PURE__ */ h("div", {
+	}, Q = () => k(/* @__PURE__ */ new Set());
+	if (F && !P) return /* @__PURE__ */ f(i, {
+		title: y("devportal.apiKeys", "API Keys"),
+		description: y("devportal.manageApiKeys", "Manage your API keys for programmatic access"),
+		children: /* @__PURE__ */ p("div", {
 			className: "flex items-center justify-center py-12",
-			children: [/* @__PURE__ */ m(f, { className: "h-8 w-8 animate-spin text-muted-foreground" }), /* @__PURE__ */ m("span", {
+			children: [/* @__PURE__ */ f(pe, { className: "h-8 w-8 animate-spin text-muted-foreground" }), /* @__PURE__ */ f("span", {
 				className: "ml-2 text-muted-foreground",
-				children: b("devportal.loadingApiKeys", "Loading API keys...")
+				children: y("devportal.loadingApiKeys", "Loading API keys...")
 			})]
 		})
 	});
-	if (R) return /* @__PURE__ */ m(r, {
-		title: b("devportal.apiKeys", "API Keys"),
-		description: b("devportal.manageApiKeys", "Manage your API keys for programmatic access"),
-		children: /* @__PURE__ */ h("div", {
+	if (I) return /* @__PURE__ */ f(i, {
+		title: y("devportal.apiKeys", "API Keys"),
+		description: y("devportal.manageApiKeys", "Manage your API keys for programmatic access"),
+		children: /* @__PURE__ */ p("div", {
 			className: "rounded-lg border border-destructive/50 bg-destructive/10 p-6 text-center",
 			children: [
-				/* @__PURE__ */ m(ce, { className: "mx-auto h-8 w-8 text-destructive" }),
-				/* @__PURE__ */ m("h3", {
+				/* @__PURE__ */ f(ue, { className: "mx-auto h-8 w-8 text-destructive" }),
+				/* @__PURE__ */ f("h3", {
 					className: "mt-2 font-medium text-destructive",
-					children: b("devportal.failedToLoadApiKeys", "Failed to load API keys")
+					children: y("devportal.failedToLoadApiKeys", "Failed to load API keys")
 				}),
-				/* @__PURE__ */ m("p", {
+				/* @__PURE__ */ f("p", {
 					className: "mt-1 text-sm text-muted-foreground",
-					children: oe(R)
+					children: re(I)
 				}),
-				/* @__PURE__ */ m("button", {
-					onClick: () => z(),
+				/* @__PURE__ */ f("button", {
+					onClick: () => L(),
 					className: "mt-4 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
-					children: b("devportal.tryAgain", "Try Again")
+					children: y("devportal.tryAgain", "Try Again")
 				})
 			]
 		})
 	});
-	let xe = [
+	let Te = [
 		{
 			key: "select",
-			header: /* @__PURE__ */ m(a, {
+			header: /* @__PURE__ */ f(a, {
 				checked: Y,
 				indeterminate: X,
 				onChange: Z,
 				ariaLabel: "Select all visible API keys"
 			}),
 			className: "w-12",
-			render: (e) => /* @__PURE__ */ m("div", {
+			render: (e) => /* @__PURE__ */ f("div", {
 				onClick: (e) => e.stopPropagation(),
-				children: /* @__PURE__ */ m(a, {
-					checked: A.has(e.id),
-					disabled: _(e.expiresAt),
-					onChange: (t) => be(e.id, t),
+				children: /* @__PURE__ */ f(a, {
+					checked: O.has(e.id),
+					disabled: h(e.expiresAt),
+					onChange: (t) => we(e.id, t),
 					ariaLabel: `Select API key ${e.name}`
 				})
 			})
@@ -123,28 +135,28 @@ var g = (e) => {
 		{
 			key: "name",
 			header: "API Key",
-			render: (e) => /* @__PURE__ */ h("div", {
+			render: (e) => /* @__PURE__ */ p("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ m("div", {
-					className: t("flex h-10 w-10 items-center justify-center rounded-lg", _(e.expiresAt) ? "bg-status-error-bg-subtle text-status-error-text" : "bg-primary/10 text-primary"),
-					children: /* @__PURE__ */ m(d, { size: 20 })
-				}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ f("div", {
+					className: t("flex h-10 w-10 items-center justify-center rounded-lg", h(e.expiresAt) ? "bg-status-error-bg-subtle text-status-error-text" : "bg-primary/10 text-primary"),
+					children: /* @__PURE__ */ f(u, { size: 20 })
+				}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ p("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ m("p", {
+						/* @__PURE__ */ f("p", {
 							className: "font-medium",
 							children: e.name
 						}),
-						_(e.expiresAt) && /* @__PURE__ */ m("span", {
+						h(e.expiresAt) && /* @__PURE__ */ f("span", {
 							className: "rounded bg-status-error-bg-subtle px-1.5 py-0.5 text-xs text-status-error-text",
 							children: "Expired"
 						}),
-						g(e.expiresAt) && !_(e.expiresAt) && /* @__PURE__ */ m("span", {
+						m(e.expiresAt) && !h(e.expiresAt) && /* @__PURE__ */ f("span", {
 							className: "rounded bg-status-warning-bg-subtle px-1.5 py-0.5 text-xs text-status-warning-text",
 							children: "Expiring Soon"
 						})
 					]
-				}), e.appName && /* @__PURE__ */ h("p", {
+				}), e.appName && /* @__PURE__ */ p("p", {
 					className: "text-xs text-muted-foreground",
 					children: ["App: ", e.appName]
 				})] })]
@@ -153,7 +165,7 @@ var g = (e) => {
 		{
 			key: "prefix",
 			header: "Key Prefix",
-			render: (e) => /* @__PURE__ */ h("code", {
+			render: (e) => /* @__PURE__ */ p("code", {
 				className: "text-sm text-muted-foreground",
 				children: [e.prefix, "..."]
 			})
@@ -161,12 +173,12 @@ var g = (e) => {
 		{
 			key: "scopes",
 			header: "Scopes",
-			render: (e) => /* @__PURE__ */ h("div", {
+			render: (e) => /* @__PURE__ */ p("div", {
 				className: "flex flex-wrap gap-1",
-				children: [e.scopes.slice(0, 3).map((e) => /* @__PURE__ */ m("span", {
+				children: [e.scopes.slice(0, 3).map((e) => /* @__PURE__ */ f("span", {
 					className: "inline-flex rounded bg-muted px-1.5 py-0.5 text-xs",
 					children: e
-				}, e)), e.scopes.length > 3 && /* @__PURE__ */ h("span", {
+				}, e)), e.scopes.length > 3 && /* @__PURE__ */ p("span", {
 					className: "text-xs text-muted-foreground",
 					children: ["+", e.scopes.length - 3]
 				})]
@@ -175,7 +187,7 @@ var g = (e) => {
 		{
 			key: "lastUsed",
 			header: "Last Used",
-			render: (e) => /* @__PURE__ */ m("span", {
+			render: (e) => /* @__PURE__ */ f("span", {
 				className: "text-sm text-muted-foreground",
 				children: e.lastUsedAt ? new Date(e.lastUsedAt).toLocaleDateString() : "Never"
 			})
@@ -183,19 +195,19 @@ var g = (e) => {
 		{
 			key: "expires",
 			header: "Expires",
-			render: (e) => /* @__PURE__ */ m("span", {
-				className: t("text-sm", _(e.expiresAt) ? "text-status-error-text" : g(e.expiresAt) ? "text-status-warning-text" : "text-muted-foreground"),
+			render: (e) => /* @__PURE__ */ f("span", {
+				className: t("text-sm", h(e.expiresAt) ? "text-status-error-text" : m(e.expiresAt) ? "text-status-warning-text" : "text-muted-foreground"),
 				children: e.expiresAt ? new Date(e.expiresAt).toLocaleDateString() : "Never"
 			})
 		},
 		{
 			key: "status",
 			header: "Status",
-			render: (e) => /* @__PURE__ */ h("div", {
+			render: (e) => /* @__PURE__ */ p("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ m(i, { active: !_(e.expiresAt) }), /* @__PURE__ */ m("span", {
+				children: [/* @__PURE__ */ f(ie, { active: !h(e.expiresAt) }), /* @__PURE__ */ f("span", {
 					className: "text-sm",
-					children: _(e.expiresAt) ? "Expired" : "Active"
+					children: h(e.expiresAt) ? "Expired" : "Active"
 				})]
 			})
 		},
@@ -203,32 +215,32 @@ var g = (e) => {
 			key: "actions",
 			header: "Actions",
 			className: "w-28",
-			render: (e) => _(e.expiresAt) ? /* @__PURE__ */ m("span", {
+			render: (e) => h(e.expiresAt) ? /* @__PURE__ */ f("span", {
 				className: "text-xs text-muted-foreground",
 				children: "No actions"
-			}) : /* @__PURE__ */ h("div", {
+			}) : /* @__PURE__ */ p("div", {
 				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ h("button", {
+				children: [/* @__PURE__ */ p("button", {
 					type: "button",
 					title: "Rotate secret",
 					disabled: H,
 					onClick: (t) => {
-						t.stopPropagation(), D(e);
+						t.stopPropagation(), T(e);
 					},
 					className: t("inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium transition-colors", "text-status-info-text hover:bg-status-info-bg-subtle", "disabled:opacity-50 disabled:cursor-not-allowed"),
-					children: [/* @__PURE__ */ m(de, { size: 14 }), /* @__PURE__ */ m("span", {
+					children: [/* @__PURE__ */ f(me, { size: 14 }), /* @__PURE__ */ f("span", {
 						className: "sr-only sm:not-sr-only",
 						children: "Rotate"
 					})]
-				}), /* @__PURE__ */ h("button", {
+				}), /* @__PURE__ */ p("button", {
 					type: "button",
 					title: "Revoke key",
 					disabled: V,
 					onClick: (t) => {
-						t.stopPropagation(), T(e);
+						t.stopPropagation(), C(e);
 					},
 					className: t("inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium transition-colors", "text-status-error-text hover:bg-status-error-bg-subtle", "disabled:opacity-50 disabled:cursor-not-allowed"),
-					children: [/* @__PURE__ */ m(u, { size: 14 }), /* @__PURE__ */ m("span", {
+					children: [/* @__PURE__ */ f(l, { size: 14 }), /* @__PURE__ */ f("span", {
 						className: "sr-only sm:not-sr-only",
 						children: "Revoke"
 					})]
@@ -236,69 +248,69 @@ var g = (e) => {
 			})
 		}
 	], $ = {
-		total: U.length,
-		active: U.filter((e) => !_(e.expiresAt)).length,
-		expiringSoon: U.filter((e) => g(e.expiresAt)).length,
-		expired: U.filter((e) => _(e.expiresAt)).length
+		total: G.length,
+		active: G.filter((e) => !h(e.expiresAt)).length,
+		expiringSoon: G.filter((e) => m(e.expiresAt)).length,
+		expired: G.filter((e) => h(e.expiresAt)).length
 	};
-	return /* @__PURE__ */ m(ie, {
-		permission: ae.APP_READ,
-		children: /* @__PURE__ */ h(r, {
-			title: b("devportal.apiKeys", "API Keys"),
-			description: b("devportal.manageApiKeys", "Manage your API keys for programmatic access"),
-			actions: /* @__PURE__ */ h("button", {
+	return /* @__PURE__ */ f(se, {
+		permission: ce.APP_READ,
+		children: /* @__PURE__ */ p(i, {
+			title: y("devportal.apiKeys", "API Keys"),
+			description: y("devportal.manageApiKeys", "Manage your API keys for programmatic access"),
+			actions: /* @__PURE__ */ p("button", {
 				onClick: () => W("/api-keys/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__ */ m(p, { size: 16 }), b("devportal.generateApiKey", "Generate API Key")]
+				children: [/* @__PURE__ */ f(d, { size: 16 }), y("devportal.generateApiKey", "Generate API Key")]
 			}),
 			children: [
-				O && /* @__PURE__ */ m(o, {
+				E && /* @__PURE__ */ f(ae, {
 					title: "API Key Rotated",
-					secret: O,
+					secret: E,
 					description: "The previous secret has been invalidated. Copy the new secret below — it will not be shown again.",
-					onDismiss: () => k(null)
+					onDismiss: () => D(null)
 				}),
-				M && /* @__PURE__ */ m("div", {
-					className: t("rounded-lg border px-4 py-3 text-sm", M.type === "success" ? "border-border-subtle bg-status-success-bg-subtle text-status-success-text" : "border-destructive/40 bg-destructive/10 text-destructive"),
-					children: /* @__PURE__ */ h("div", {
+				A && /* @__PURE__ */ f("div", {
+					className: t("rounded-lg border px-4 py-3 text-sm", A.type === "success" ? "border-border-subtle bg-status-success-bg-subtle text-status-success-text" : "border-destructive/40 bg-destructive/10 text-destructive"),
+					children: /* @__PURE__ */ p("div", {
 						className: "flex items-center justify-between gap-3",
-						children: [/* @__PURE__ */ m("span", { children: M.message }), /* @__PURE__ */ m("button", {
-							onClick: () => N(null),
+						children: [/* @__PURE__ */ f("span", { children: A.message }), /* @__PURE__ */ f("button", {
+							onClick: () => j(null),
 							className: "text-xs font-medium underline underline-offset-2",
 							children: "Dismiss"
 						})]
 					})
 				}),
-				/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ f("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: /* @__PURE__ */ h("div", {
+					children: /* @__PURE__ */ p("div", {
 						className: "flex flex-1 items-center gap-4",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ p("div", {
 							className: "relative flex-1 max-w-md",
-							children: [/* @__PURE__ */ m(fe, {
+							children: [/* @__PURE__ */ f(he, {
 								size: 16,
 								className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
-							}), /* @__PURE__ */ m("input", {
+							}), /* @__PURE__ */ f("input", {
 								type: "text",
 								placeholder: "Search by name, prefix, or app...",
-								value: x,
-								onChange: (e) => ge(e.target.value),
+								value: b,
+								onChange: (e) => ye(e.target.value),
 								className: "w-full rounded-md border bg-background pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
 							})]
-						}), /* @__PURE__ */ h("select", {
-							value: S,
-							onChange: (e) => C(e.target.value),
+						}), /* @__PURE__ */ p("select", {
+							value: x,
+							onChange: (e) => be(e.target.value),
 							className: "rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary",
 							children: [
-								/* @__PURE__ */ m("option", {
+								/* @__PURE__ */ f("option", {
 									value: "all",
 									children: "All Status"
 								}),
-								/* @__PURE__ */ m("option", {
+								/* @__PURE__ */ f("option", {
 									value: "active",
 									children: "Active"
 								}),
-								/* @__PURE__ */ m("option", {
+								/* @__PURE__ */ f("option", {
 									value: "expired",
 									children: "Expired"
 								})
@@ -306,64 +318,64 @@ var g = (e) => {
 						})]
 					})
 				}),
-				/* @__PURE__ */ h("div", {
+				/* @__PURE__ */ p("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
 					children: [
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ p("div", {
 							className: "rounded-lg border bg-card p-4",
-							children: [/* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ p("div", {
 								className: "flex items-center gap-2 text-muted-foreground",
-								children: [/* @__PURE__ */ m(d, { size: 16 }), /* @__PURE__ */ m("span", {
+								children: [/* @__PURE__ */ f(u, { size: 16 }), /* @__PURE__ */ f("span", {
 									className: "text-sm",
 									children: "Total Keys"
 								})]
-							}), /* @__PURE__ */ m("p", {
+							}), /* @__PURE__ */ f("p", {
 								className: "mt-1 text-2xl font-semibold",
 								children: $.total
 							})]
 						}),
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ p("div", {
 							className: "rounded-lg border bg-card p-4",
-							children: [/* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ p("div", {
 								className: "flex items-center gap-2 text-status-success-text",
-								children: [/* @__PURE__ */ m(pe, { size: 16 }), /* @__PURE__ */ m("span", {
+								children: [/* @__PURE__ */ f(ge, { size: 16 }), /* @__PURE__ */ f("span", {
 									className: "text-sm",
 									children: "Active"
 								})]
-							}), /* @__PURE__ */ m("p", {
+							}), /* @__PURE__ */ f("p", {
 								className: "mt-1 text-2xl font-semibold",
 								children: $.active
 							})]
 						}),
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ p("div", {
 							className: "rounded-lg border bg-card p-4",
-							children: [/* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ p("div", {
 								className: "flex items-center gap-2 text-status-warning-text",
-								children: [/* @__PURE__ */ m(ue, { size: 16 }), /* @__PURE__ */ m("span", {
+								children: [/* @__PURE__ */ f(fe, { size: 16 }), /* @__PURE__ */ f("span", {
 									className: "text-sm",
 									children: "Expiring Soon"
 								})]
-							}), /* @__PURE__ */ m("p", {
+							}), /* @__PURE__ */ f("p", {
 								className: "mt-1 text-2xl font-semibold",
 								children: $.expiringSoon
 							})]
 						}),
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ p("div", {
 							className: "rounded-lg border bg-card p-4",
-							children: [/* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ p("div", {
 								className: "flex items-center gap-2 text-status-error-text",
-								children: [/* @__PURE__ */ m(le, { size: 16 }), /* @__PURE__ */ m("span", {
+								children: [/* @__PURE__ */ f(de, { size: 16 }), /* @__PURE__ */ f("span", {
 									className: "text-sm",
 									children: "Expired"
 								})]
-							}), /* @__PURE__ */ m("p", {
+							}), /* @__PURE__ */ f("p", {
 								className: "mt-1 text-2xl font-semibold",
 								children: $.expired
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ h("p", {
+				/* @__PURE__ */ p("p", {
 					className: "text-sm text-muted-foreground",
 					children: [
 						G.length,
@@ -373,39 +385,39 @@ var g = (e) => {
 						"found"
 					]
 				}),
-				G.length > 0 && /* @__PURE__ */ m("div", {
+				G.length > 0 && /* @__PURE__ */ f("div", {
 					className: "rounded-lg border bg-card p-4",
-					children: /* @__PURE__ */ h("div", {
+					children: /* @__PURE__ */ p("div", {
 						className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ p("div", {
 							className: "flex flex-wrap items-center gap-3",
-							children: [/* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ p("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ m(a, {
+								children: [/* @__PURE__ */ f(a, {
 									checked: Y,
 									indeterminate: X,
 									onChange: Z,
 									ariaLabel: "Select all visible API keys"
-								}), /* @__PURE__ */ m("span", {
+								}), /* @__PURE__ */ f("span", {
 									className: "text-sm font-medium",
 									children: "Select all active keys"
 								})]
-							}), A.size > 0 && /* @__PURE__ */ m("button", {
+							}), O.size > 0 && /* @__PURE__ */ f("button", {
 								onClick: Q,
 								className: "text-sm text-muted-foreground hover:text-foreground",
 								children: "Clear selection"
 							})]
-						}), /* @__PURE__ */ h("div", {
+						}), /* @__PURE__ */ p("div", {
 							className: "flex flex-wrap items-center gap-2",
-							children: [/* @__PURE__ */ h("span", {
+							children: [/* @__PURE__ */ p("span", {
 								className: "rounded-full bg-muted px-3 py-1 text-sm font-medium text-muted-foreground",
-								children: [A.size, " selected"]
-							}), /* @__PURE__ */ h("button", {
-								onClick: () => F(!0),
+								children: [O.size, " selected"]
+							}), /* @__PURE__ */ p("button", {
+								onClick: () => N(!0),
 								disabled: q.length === 0,
 								className: "inline-flex items-center gap-2 rounded-md border border-status-error-bg px-3 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: [
-									/* @__PURE__ */ m(u, { size: 16 }),
+									/* @__PURE__ */ f(l, { size: 16 }),
 									"Revoke Selected",
 									q.length > 0 ? ` (${q.length})` : ""
 								]
@@ -413,56 +425,56 @@ var g = (e) => {
 						})]
 					})
 				}),
-				G.length > 0 ? /* @__PURE__ */ m(ee, {
+				G.length > 0 ? /* @__PURE__ */ f(oe, {
 					data: G,
-					columns: xe,
+					columns: Te,
 					keyField: "id"
-				}) : /* @__PURE__ */ m(n, {
-					icon: /* @__PURE__ */ m(d, { size: 32 }),
-					title: b("devportal.noApiKeysFound", "No API keys found"),
-					description: x || S !== "all" ? b("devportal.tryAdjustingFilters", "Try adjusting your filters") : b("devportal.generateFirstApiKey", "Generate your first API key to start making API calls"),
-					action: !x && S === "all" ? /* @__PURE__ */ h("button", {
+				}) : /* @__PURE__ */ f(n, {
+					icon: /* @__PURE__ */ f(u, { size: 32 }),
+					title: y("devportal.noApiKeysFound", "No API keys found"),
+					description: b || x !== "all" ? y("devportal.tryAdjustingFilters", "Try adjusting your filters") : y("devportal.generateFirstApiKey", "Generate your first API key to start making API calls"),
+					action: !b && x === "all" ? /* @__PURE__ */ p("button", {
 						onClick: () => W("/api-keys/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__ */ m(p, { size: 16 }), b("devportal.generateApiKey", "Generate API Key")]
+						children: [/* @__PURE__ */ f(d, { size: 16 }), y("devportal.generateApiKey", "Generate API Key")]
 					}) : void 0
 				}),
-				/* @__PURE__ */ m(s, {
-					open: w !== null,
+				/* @__PURE__ */ f(o, {
+					open: S !== null,
 					onOpenChange: (e) => {
-						e || T(null);
+						e || C(null);
 					},
-					onConfirm: ve,
+					onConfirm: Se,
 					title: "Revoke API Key",
-					description: `Are you sure you want to revoke "${w?.name ?? ""}"? This action cannot be undone. Any application or service using this key will immediately lose access.`,
+					description: `Are you sure you want to revoke "${S?.name ?? ""}"? This action cannot be undone. Any application or service using this key will immediately lose access.`,
 					confirmLabel: "Revoke Key",
 					cancelLabel: "Cancel",
 					variant: "danger",
 					loading: V
 				}),
-				/* @__PURE__ */ m(s, {
-					open: E !== null,
+				/* @__PURE__ */ f(o, {
+					open: w !== null,
 					onOpenChange: (e) => {
-						e || D(null);
+						e || T(null);
 					},
-					onConfirm: ye,
+					onConfirm: Ce,
 					title: "Rotate API Key Secret",
-					description: `This will generate a new secret for "${E?.name ?? ""}" and immediately invalidate the current one. Make sure to update all services using this key before the old secret stops working.`,
+					description: `This will generate a new secret for "${w?.name ?? ""}" and immediately invalidate the current one. Make sure to update all services using this key before the old secret stops working.`,
 					confirmLabel: "Rotate Secret",
 					cancelLabel: "Cancel",
 					variant: "warning",
 					loading: H
 				}),
-				/* @__PURE__ */ m(s, {
-					open: P,
-					onOpenChange: F,
+				/* @__PURE__ */ f(o, {
+					open: M,
+					onOpenChange: N,
 					onConfirm: async () => {
 						if (q.length === 0) return;
 						let e = await Promise.allSettled(q.map((e) => B({ variables: { keyId: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-						N({
+						j({
 							type: n === 0 ? "success" : "error",
 							message: `Revoked ${t} API key${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`
-						}), F(!1), Q(), await z();
+						}), N(!1), Q(), await L();
 					},
 					title: "Revoke selected API keys",
 					description: `Revoke ${q.length} selected API key${q.length === 1 ? "" : "s"}? Any service using these keys will immediately lose access.`,
@@ -476,6 +488,6 @@ var g = (e) => {
 	});
 };
 //#endregion
-export { v as ApiKeysPage };
+export { g as ApiKeysPage };
 
 //# sourceMappingURL=ApiKeysPage.js.map