@burdenoff/microfe-devportal 2026.716.2 → 2026.720.1

package/dist/devportal/pages/ApiKeysPage.js

@@ -6,20 +6,19 @@ 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 ae } from "../components/SecretDisplay.js";
-import { DataTable as o } from "../components/DataTable.js";
+import { NewSecretAlert as o } from "../components/SecretDisplay.js";
+import { DataTable as ae } from "../components/DataTable.js";
 import { ConfirmDialog as s } from "../components/ConfirmDialog.js";
 import { PermissionGuard as oe } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { DEVPORTAL_PERMISSIONS as se } from "../constants/permissions.js";
 import "../hooks/index.js";
 import { useMemo as c, useState as l } from "react";
-import { useI18n as ce } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as le, AlertTriangle as ue, Ban as u, Clock as de, Key as d, Loader2 as fe, Plus as f, RotateCw as pe, Search as me, Shield as p } from "lucide-react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { EmphasisPanel as he, GlassCard as g } from "@burdenoff/fe-libs/ui";
+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 de, Plus as f, RotateCw as fe, Search as pe, Shield as me } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { EmphasisPanel as he, GlassCard as h } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/ApiKeysPage.tsx
-function ge(e) {
+function g(e) {
 	return {
 		id: e.id,
 		name: e.name,
@@ -37,89 +36,89 @@ var _ = (e) => {
 	let t = Math.ceil((new Date(e).getTime() - Date.now()) / (1e3 * 60 * 60 * 24));
 	return t <= 30 && t > 0;
 }, v = (e) => e ? new Date(e).getTime() < Date.now() : !1, y = () => {
-	let { navigate: y, basePath: _e, activeOrgId: ve } = e(), { t: ye } = ce(), b = (e, t) => {
-		let n = ye(e);
+	let { navigate: y, basePath: b, activeOrgId: ge } = e(), { t: _e } = se(), x = (e, t) => {
+		let n = _e(e);
 		return n === e ? t : n;
-	}, [x, be] = l(""), [S, xe] = l("all"), [C, w] = l(null), [T, E] = l(null), [D, O] = l(null), [k, A] = l(/* @__PURE__ */ new Set()), [j, M] = l(null), [Se, N] = l(!1), { data: P, loading: Ce, error: F, refetch: I } = ee({ fetchPolicy: "cache-and-network" }), { data: L } = r({ fetchPolicy: "cache-first" }), R = c(() => {
-		let e = L?.currentUserApps?.apps;
+	}, [S, ve] = l(""), [C, ye] = l("all"), [w, T] = l(null), [E, D] = l(null), [O, k] = l(null), [A, j] = l(/* @__PURE__ */ new Set()), [M, N] = l(null), [be, P] = l(!1), { data: F, loading: xe, error: I, refetch: L } = ee({ fetchPolicy: "cache-and-network" }), { data: R } = r({ fetchPolicy: "cache-first" }), z = c(() => {
+		let e = R?.currentUserApps?.apps;
 		return e?.length ? new Set(e.map((e) => e.id)) : null;
-	}, [L?.currentUserApps?.apps]), [z, { loading: B }] = te(), [we, { loading: V }] = ne(), H = c(() => P?.myApiKeys?.apiKeys.map(ge) ?? [], [P?.myApiKeys?.apiKeys]), U = (e) => {
-		y?.(`${_e}${e}`);
-	}, Te = async () => {
-		if (C) try {
-			await z({ variables: { keyId: C.id } }), w(null), await I();
+	}, [R?.currentUserApps?.apps]), [B, { loading: V }] = te(), [Se, { loading: H }] = ne(), U = c(() => F?.myApiKeys?.apiKeys.map(g) ?? [], [F?.myApiKeys?.apiKeys]), W = (e) => {
+		y?.(`${b}${e}`);
+	}, Ce = async () => {
+		if (w) try {
+			await B({ variables: { keyId: w.id } }), T(null), await L();
 		} catch {}
-	}, Ee = async () => {
-		if (T) try {
-			let e = (await we({ variables: { keyId: T.id } })).data?.rotateAPIKey.apiSecret;
-			e && O(e), E(null), await I();
+	}, we = async () => {
+		if (E) try {
+			let e = (await Se({ variables: { keyId: E.id } })).data?.rotateAPIKey.apiSecret;
+			e && k(e), D(null), await L();
 		} catch {}
-	}, W = H.filter((e) => {
-		let t = !R || R.has(e.appId), n = !x || e.name.toLowerCase().includes(x.toLowerCase()) || e.prefix.toLowerCase().includes(x.toLowerCase()) || (e.appName?.toLowerCase().includes(x.toLowerCase()) ?? !1), r = S === "all" || S === "active" && !v(e.expiresAt) || S === "expired" && v(e.expiresAt);
+	}, G = U.filter((e) => {
+		let t = !z || z.has(e.appId), n = !S || e.name.toLowerCase().includes(S.toLowerCase()) || e.prefix.toLowerCase().includes(S.toLowerCase()) || (e.appName?.toLowerCase().includes(S.toLowerCase()) ?? !1), r = C === "all" || C === "active" && !v(e.expiresAt) || C === "expired" && v(e.expiresAt);
 		return t && n && r;
-	}), G = c(() => H.filter((e) => k.has(e.id)), [H, k]), K = c(() => G.filter((e) => !v(e.expiresAt)), [G]), q = W.filter((e) => !v(e.expiresAt)), J = q.length > 0 && q.every((e) => k.has(e.id)), Y = q.some((e) => k.has(e.id)) && !J, X = (e, t) => {
-		A((n) => {
+	}), K = c(() => U.filter((e) => A.has(e.id)), [U, A]), q = c(() => K.filter((e) => !v(e.expiresAt)), [K]), J = G.filter((e) => !v(e.expiresAt)), Y = J.length > 0 && J.every((e) => A.has(e.id)), X = J.some((e) => A.has(e.id)) && !Y, Te = (e, t) => {
+		j((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
 	}, Z = (e) => {
-		A((t) => {
+		j((t) => {
 			let n = new Set(t);
-			return q.forEach((t) => {
+			return J.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, Q = () => A(/* @__PURE__ */ new Set());
-	if (Ce && !P) return /* @__PURE__ */ m(i, {
-		title: b("devportal.apiKeys", "API Keys"),
-		description: b("devportal.manageApiKeys", "Manage your API keys for programmatic access"),
-		children: /* @__PURE__ */ h("div", {
+	}, Q = () => j(/* @__PURE__ */ new Set());
+	if (xe && !F) return /* @__PURE__ */ p(i, {
+		title: x("devportal.apiKeys", "API Keys"),
+		description: x("devportal.manageApiKeys", "Manage your API keys for programmatic access"),
+		children: /* @__PURE__ */ m("div", {
 			className: "flex items-center justify-center py-12",
-			children: [/* @__PURE__ */ m(fe, { className: "h-8 w-8 animate-spin text-text-secondary" }), /* @__PURE__ */ m("span", {
+			children: [/* @__PURE__ */ p(de, { className: "h-8 w-8 animate-spin text-text-secondary" }), /* @__PURE__ */ p("span", {
 				className: "ml-2 text-text-secondary",
-				children: b("devportal.loadingApiKeys", "Loading API keys...")
+				children: x("devportal.loadingApiKeys", "Loading API keys...")
 			})]
 		})
 	});
-	if (F) return /* @__PURE__ */ m(i, {
-		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__ */ p(i, {
+		title: x("devportal.apiKeys", "API Keys"),
+		description: x("devportal.manageApiKeys", "Manage your API keys for programmatic access"),
+		children: /* @__PURE__ */ m("div", {
 			className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center",
 			children: [
-				/* @__PURE__ */ m(le, { className: "mx-auto h-8 w-8 text-status-error-text" }),
-				/* @__PURE__ */ m("h3", {
+				/* @__PURE__ */ p(ce, { className: "mx-auto h-8 w-8 text-status-error-text" }),
+				/* @__PURE__ */ p("h3", {
 					className: "mt-2 font-medium text-status-error-text",
-					children: b("devportal.failedToLoadApiKeys", "Failed to load API keys")
+					children: x("devportal.failedToLoadApiKeys", "Failed to load API keys")
 				}),
-				/* @__PURE__ */ m("p", {
+				/* @__PURE__ */ p("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: re(F)
+					children: re(I)
 				}),
-				/* @__PURE__ */ m("button", {
-					onClick: () => I(),
+				/* @__PURE__ */ p("button", {
+					onClick: () => L(),
 					className: "mt-4 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: b("devportal.tryAgain", "Try Again")
+					children: x("devportal.tryAgain", "Try Again")
 				})
 			]
 		})
 	});
-	let De = [
+	let Ee = [
 		{
 			key: "select",
-			header: /* @__PURE__ */ m(a, {
-				checked: J,
-				indeterminate: Y,
+			header: /* @__PURE__ */ p(a, {
+				checked: Y,
+				indeterminate: X,
 				onChange: Z,
 				ariaLabel: "Select all visible API keys"
 			}),
 			className: "w-12",
-			render: (e) => /* @__PURE__ */ m("div", {
+			render: (e) => /* @__PURE__ */ p("div", {
 				onClick: (e) => e.stopPropagation(),
-				children: /* @__PURE__ */ m(a, {
-					checked: k.has(e.id),
+				children: /* @__PURE__ */ p(a, {
+					checked: A.has(e.id),
 					disabled: v(e.expiresAt),
-					onChange: (t) => X(e.id, t),
+					onChange: (t) => Te(e.id, t),
 					ariaLabel: `Select API key ${e.name}`
 				})
 			})
@@ -127,28 +126,28 @@ var _ = (e) => {
 		{
 			key: "name",
 			header: "API Key",
-			render: (e) => /* @__PURE__ */ h("div", {
+			render: (e) => /* @__PURE__ */ m("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: t("flex h-10 w-10 items-center justify-center rounded-lg", v(e.expiresAt) ? "bg-status-error-bg-subtle text-status-error-text" : "bg-action-primary-bg/10 text-primary"),
-					children: /* @__PURE__ */ m(d, { size: 20 })
-				}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("div", {
+					children: /* @__PURE__ */ p(d, { size: 20 })
+				}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ m("p", {
+						/* @__PURE__ */ p("p", {
 							className: "font-medium",
 							children: e.name
 						}),
-						v(e.expiresAt) && /* @__PURE__ */ m("span", {
+						v(e.expiresAt) && /* @__PURE__ */ p("span", {
 							className: "rounded bg-status-error-bg-subtle px-1.5 py-0.5 text-xs text-status-error-text",
 							children: "Expired"
 						}),
-						_(e.expiresAt) && !v(e.expiresAt) && /* @__PURE__ */ m("span", {
+						_(e.expiresAt) && !v(e.expiresAt) && /* @__PURE__ */ p("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__ */ m("p", {
 					className: "text-xs text-text-secondary",
 					children: ["App: ", e.appName]
 				})] })]
@@ -157,7 +156,7 @@ var _ = (e) => {
 		{
 			key: "prefix",
 			header: "Key Prefix",
-			render: (e) => /* @__PURE__ */ h("code", {
+			render: (e) => /* @__PURE__ */ m("code", {
 				className: "text-sm text-text-secondary",
 				children: [e.prefix, "..."]
 			})
@@ -165,12 +164,12 @@ var _ = (e) => {
 		{
 			key: "scopes",
 			header: "Scopes",
-			render: (e) => /* @__PURE__ */ h("div", {
+			render: (e) => /* @__PURE__ */ m("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__ */ p("span", {
 					className: "inline-flex rounded bg-bg-sunken px-1.5 py-0.5 text-xs",
 					children: e
-				}, e)), e.scopes.length > 3 && /* @__PURE__ */ h("span", {
+				}, e)), e.scopes.length > 3 && /* @__PURE__ */ m("span", {
 					className: "text-xs text-text-secondary",
 					children: ["+", e.scopes.length - 3]
 				})]
@@ -179,7 +178,7 @@ var _ = (e) => {
 		{
 			key: "lastUsed",
 			header: "Last Used",
-			render: (e) => /* @__PURE__ */ m("span", {
+			render: (e) => /* @__PURE__ */ p("span", {
 				className: "text-sm text-text-secondary",
 				children: e.lastUsedAt ? new Date(e.lastUsedAt).toLocaleDateString() : "Never"
 			})
@@ -187,7 +186,7 @@ var _ = (e) => {
 		{
 			key: "expires",
 			header: "Expires",
-			render: (e) => /* @__PURE__ */ m("span", {
+			render: (e) => /* @__PURE__ */ p("span", {
 				className: t("text-sm", v(e.expiresAt) ? "text-status-error-text" : _(e.expiresAt) ? "text-status-warning-text" : "text-text-secondary"),
 				children: e.expiresAt ? new Date(e.expiresAt).toLocaleDateString() : "Never"
 			})
@@ -195,9 +194,9 @@ var _ = (e) => {
 		{
 			key: "status",
 			header: "Status",
-			render: (e) => /* @__PURE__ */ h("div", {
+			render: (e) => /* @__PURE__ */ m("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ m(ie, { active: !v(e.expiresAt) }), /* @__PURE__ */ m("span", {
+				children: [/* @__PURE__ */ p(ie, { active: !v(e.expiresAt) }), /* @__PURE__ */ p("span", {
 					className: "text-sm",
 					children: v(e.expiresAt) ? "Expired" : "Active"
 				})]
@@ -207,32 +206,32 @@ var _ = (e) => {
 			key: "actions",
 			header: "Actions",
 			className: "w-28",
-			render: (e) => v(e.expiresAt) ? /* @__PURE__ */ m("span", {
+			render: (e) => v(e.expiresAt) ? /* @__PURE__ */ p("span", {
 				className: "text-xs text-text-secondary",
 				children: "No actions"
-			}) : /* @__PURE__ */ h("div", {
+			}) : /* @__PURE__ */ m("div", {
 				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ h("button", {
+				children: [/* @__PURE__ */ m("button", {
 					type: "button",
 					title: "Rotate secret",
-					disabled: V,
+					disabled: H,
 					onClick: (t) => {
-						t.stopPropagation(), E(e);
+						t.stopPropagation(), D(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(pe, { size: 14 }), /* @__PURE__ */ m("span", {
+					children: [/* @__PURE__ */ p(fe, { size: 14 }), /* @__PURE__ */ p("span", {
 						className: "sr-only sm:not-sr-only",
 						children: "Rotate"
 					})]
-				}), /* @__PURE__ */ h("button", {
+				}), /* @__PURE__ */ m("button", {
 					type: "button",
 					title: "Revoke key",
-					disabled: B,
+					disabled: V,
 					onClick: (t) => {
-						t.stopPropagation(), w(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-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__ */ p(u, { size: 14 }), /* @__PURE__ */ p("span", {
 						className: "sr-only sm:not-sr-only",
 						children: "Revoke"
 					})]
@@ -240,70 +239,70 @@ var _ = (e) => {
 			})
 		}
 	], $ = {
-		total: W.length,
-		active: W.filter((e) => !v(e.expiresAt)).length,
-		expiringSoon: W.filter((e) => _(e.expiresAt)).length,
-		expired: W.filter((e) => v(e.expiresAt)).length
+		total: G.length,
+		active: G.filter((e) => !v(e.expiresAt)).length,
+		expiringSoon: G.filter((e) => _(e.expiresAt)).length,
+		expired: G.filter((e) => v(e.expiresAt)).length
 	};
-	return /* @__PURE__ */ m(oe, {
-		permission: se.APP_READ,
-		children: /* @__PURE__ */ h(i, {
-			title: b("devportal.apiKeys", "API Keys"),
-			description: b("devportal.manageApiKeys", "Manage your API keys for programmatic access"),
-			purpose: b("devportal.apiKeysPurpose", "API keys authenticate server-to-server calls — use them in scripts, CI jobs, or backend services that talk to the platform without a logged-in user. Generate a key here, scope it to an app, and rotate it if it is ever exposed."),
-			actions: /* @__PURE__ */ h("button", {
-				onClick: () => U("/api-keys/new"),
+	return /* @__PURE__ */ p(oe, {
+		authOnly: !0,
+		children: /* @__PURE__ */ m(i, {
+			title: x("devportal.apiKeys", "API Keys"),
+			description: x("devportal.manageApiKeys", "Manage your API keys for programmatic access"),
+			purpose: x("devportal.apiKeysPurpose", "API keys authenticate server-to-server calls — use them in scripts, CI jobs, or backend services that talk to the platform without a logged-in user. Generate a key here, scope it to an app, and rotate it if it is ever exposed."),
+			actions: /* @__PURE__ */ m("button", {
+				onClick: () => W("/api-keys/new"),
 				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__ */ m(f, { size: 16 }), b("devportal.generateApiKey", "Generate API Key")]
+				children: [/* @__PURE__ */ p(f, { size: 16 }), x("devportal.generateApiKey", "Generate API Key")]
 			}),
 			children: [
-				D && /* @__PURE__ */ m(ae, {
+				O && /* @__PURE__ */ p(o, {
 					title: "API Key Rotated",
-					secret: D,
+					secret: O,
 					description: "The previous secret has been invalidated. Copy the new secret below — it will not be shown again.",
-					onDismiss: () => O(null)
+					onDismiss: () => k(null)
 				}),
-				j && /* @__PURE__ */ m("div", {
-					className: t("rounded-lg border px-4 py-3 text-sm", j.type === "success" ? "border-border-subtle bg-status-success-bg-subtle text-status-success-text" : "border-status-error-border/40 bg-status-error-bg/10 text-status-error-text"),
-					children: /* @__PURE__ */ h("div", {
+				M && /* @__PURE__ */ p("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-status-error-border/40 bg-status-error-bg/10 text-status-error-text"),
+					children: /* @__PURE__ */ m("div", {
 						className: "flex items-center justify-between gap-3",
-						children: [/* @__PURE__ */ m("span", { children: j.message }), /* @__PURE__ */ m("button", {
-							onClick: () => M(null),
+						children: [/* @__PURE__ */ p("span", { children: M.message }), /* @__PURE__ */ p("button", {
+							onClick: () => N(null),
 							className: "text-xs font-medium underline underline-offset-2",
 							children: "Dismiss"
 						})]
 					})
 				}),
-				/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ p("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: /* @__PURE__ */ h("div", {
+					children: /* @__PURE__ */ m("div", {
 						className: "flex flex-1 items-center gap-4",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ m("div", {
 							className: "relative flex-1 max-w-md",
-							children: [/* @__PURE__ */ m(me, {
+							children: [/* @__PURE__ */ p(pe, {
 								size: 16,
 								className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
-							}), /* @__PURE__ */ m("input", {
+							}), /* @__PURE__ */ p("input", {
 								type: "text",
 								placeholder: "Search by name, prefix, or app...",
-								value: x,
-								onChange: (e) => be(e.target.value),
+								value: S,
+								onChange: (e) => ve(e.target.value),
 								className: "w-full rounded-md border bg-bg-surface pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
 							})]
-						}), /* @__PURE__ */ h("select", {
-							value: S,
-							onChange: (e) => xe(e.target.value),
+						}), /* @__PURE__ */ m("select", {
+							value: C,
+							onChange: (e) => ye(e.target.value),
 							className: "rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary",
 							children: [
-								/* @__PURE__ */ m("option", {
+								/* @__PURE__ */ p("option", {
 									value: "all",
 									children: "All Status"
 								}),
-								/* @__PURE__ */ m("option", {
+								/* @__PURE__ */ p("option", {
 									value: "active",
 									children: "Active"
 								}),
-								/* @__PURE__ */ m("option", {
+								/* @__PURE__ */ p("option", {
 									value: "expired",
 									children: "Expired"
 								})
@@ -311,174 +310,174 @@ var _ = (e) => {
 						})]
 					})
 				}),
-				/* @__PURE__ */ m(he, { children: /* @__PURE__ */ h("div", {
+				/* @__PURE__ */ p(he, { children: /* @__PURE__ */ m("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
 					children: [
-						/* @__PURE__ */ h(g, {
+						/* @__PURE__ */ m(h, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ m(d, { size: 16 }), /* @__PURE__ */ m("span", {
+								children: [/* @__PURE__ */ p(d, { size: 16 }), /* @__PURE__ */ p("span", {
 									className: "text-sm",
 									children: "Total Keys"
 								})]
-							}), /* @__PURE__ */ m("p", {
+							}), /* @__PURE__ */ p("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
 								children: $.total
 							})]
 						}),
-						/* @__PURE__ */ h(g, {
+						/* @__PURE__ */ m(h, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-2 text-status-success-text",
-								children: [/* @__PURE__ */ m(p, { size: 16 }), /* @__PURE__ */ m("span", {
+								children: [/* @__PURE__ */ p(me, { size: 16 }), /* @__PURE__ */ p("span", {
 									className: "text-sm",
 									children: "Active"
 								})]
-							}), /* @__PURE__ */ m("p", {
+							}), /* @__PURE__ */ p("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
 								children: $.active
 							})]
 						}),
-						/* @__PURE__ */ h(g, {
+						/* @__PURE__ */ m(h, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-2 text-status-warning-text",
-								children: [/* @__PURE__ */ m(de, { size: 16 }), /* @__PURE__ */ m("span", {
+								children: [/* @__PURE__ */ p(ue, { size: 16 }), /* @__PURE__ */ p("span", {
 									className: "text-sm",
 									children: "Expiring Soon"
 								})]
-							}), /* @__PURE__ */ m("p", {
+							}), /* @__PURE__ */ p("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
 								children: $.expiringSoon
 							})]
 						}),
-						/* @__PURE__ */ h(g, {
+						/* @__PURE__ */ m(h, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-2 text-status-error-text",
-								children: [/* @__PURE__ */ m(ue, { size: 16 }), /* @__PURE__ */ m("span", {
+								children: [/* @__PURE__ */ p(le, { size: 16 }), /* @__PURE__ */ p("span", {
 									className: "text-sm",
 									children: "Expired"
 								})]
-							}), /* @__PURE__ */ m("p", {
+							}), /* @__PURE__ */ p("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
 								children: $.expired
 							})]
 						})
 					]
 				}) }),
-				/* @__PURE__ */ h("p", {
+				/* @__PURE__ */ m("p", {
 					className: "text-sm text-text-secondary",
 					children: [
-						W.length,
+						G.length,
 						" API key",
-						W.length === 1 ? "" : "s",
+						G.length === 1 ? "" : "s",
 						" ",
 						"found"
 					]
 				}),
-				W.length > 0 && /* @__PURE__ */ m("div", {
+				G.length > 0 && /* @__PURE__ */ p("div", {
 					className: "rounded-card border border-border-seam bg-bg-surface p-4",
-					children: /* @__PURE__ */ h("div", {
+					children: /* @__PURE__ */ m("div", {
 						className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ m("div", {
 							className: "flex flex-wrap items-center gap-3",
-							children: [/* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ m(a, {
-									checked: J,
-									indeterminate: Y,
+								children: [/* @__PURE__ */ p(a, {
+									checked: Y,
+									indeterminate: X,
 									onChange: Z,
 									ariaLabel: "Select all visible API keys"
-								}), /* @__PURE__ */ m("span", {
+								}), /* @__PURE__ */ p("span", {
 									className: "text-sm font-medium",
 									children: "Select all active keys"
 								})]
-							}), k.size > 0 && /* @__PURE__ */ m("button", {
+							}), A.size > 0 && /* @__PURE__ */ p("button", {
 								onClick: Q,
 								className: "text-sm text-text-secondary hover:text-text-primary",
 								children: "Clear selection"
 							})]
-						}), /* @__PURE__ */ h("div", {
+						}), /* @__PURE__ */ m("div", {
 							className: "flex flex-wrap items-center gap-2",
-							children: [/* @__PURE__ */ h("span", {
+							children: [/* @__PURE__ */ m("span", {
 								className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
-								children: [k.size, " selected"]
-							}), /* @__PURE__ */ h("button", {
-								onClick: () => N(!0),
-								disabled: K.length === 0,
+								children: [A.size, " selected"]
+							}), /* @__PURE__ */ m("button", {
+								onClick: () => P(!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__ */ p(u, { size: 16 }),
 									"Revoke Selected",
-									K.length > 0 ? ` (${K.length})` : ""
+									q.length > 0 ? ` (${q.length})` : ""
 								]
 							})]
 						})]
 					})
 				}),
-				W.length > 0 ? /* @__PURE__ */ m(o, {
-					data: W,
-					columns: De,
+				G.length > 0 ? /* @__PURE__ */ p(ae, {
+					data: G,
+					columns: Ee,
 					keyField: "id"
-				}) : /* @__PURE__ */ m(n, {
+				}) : /* @__PURE__ */ p(n, {
 					illustration: "empty-data",
-					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", {
-						onClick: () => U("/api-keys/new"),
+					title: x("devportal.noApiKeysFound", "No API keys found"),
+					description: S || C !== "all" ? x("devportal.tryAdjustingFilters", "Try adjusting your filters") : x("devportal.generateFirstApiKey", "Generate your first API key to start making API calls"),
+					action: !S && C === "all" ? /* @__PURE__ */ m("button", {
+						onClick: () => W("/api-keys/new"),
 						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__ */ m(f, { size: 16 }), b("devportal.generateApiKey", "Generate API Key")]
+						children: [/* @__PURE__ */ p(f, { size: 16 }), x("devportal.generateApiKey", "Generate API Key")]
 					}) : void 0
 				}),
-				/* @__PURE__ */ m(s, {
-					open: C !== null,
+				/* @__PURE__ */ p(s, {
+					open: w !== null,
 					onOpenChange: (e) => {
-						e || w(null);
+						e || T(null);
 					},
-					onConfirm: Te,
+					onConfirm: Ce,
 					title: "Revoke API Key",
-					description: `Are you sure you want to revoke "${C?.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 "${w?.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: B
+					loading: V
 				}),
-				/* @__PURE__ */ m(s, {
-					open: T !== null,
+				/* @__PURE__ */ p(s, {
+					open: E !== null,
 					onOpenChange: (e) => {
-						e || E(null);
+						e || D(null);
 					},
-					onConfirm: Ee,
+					onConfirm: we,
 					title: "Rotate API Key Secret",
-					description: `This will generate a new secret for "${T?.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 "${E?.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: V
+					loading: H
 				}),
-				/* @__PURE__ */ m(s, {
-					open: Se,
-					onOpenChange: N,
+				/* @__PURE__ */ p(s, {
+					open: be,
+					onOpenChange: P,
 					onConfirm: async () => {
-						if (K.length === 0) return;
-						let e = await Promise.allSettled(K.map((e) => z({ variables: { keyId: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-						M({
+						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({
 							type: n === 0 ? "success" : "error",
 							message: `Revoked ${t} API key${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`
-						}), N(!1), Q(), await I();
+						}), P(!1), Q(), await L();
 					},
 					title: "Revoke selected API keys",
-					description: `Revoke ${K.length} selected API key${K.length === 1 ? "" : "s"}? Any service using these keys will immediately lose access.`,
+					description: `Revoke ${q.length} selected API key${q.length === 1 ? "" : "s"}? Any service using these keys will immediately lose access.`,
 					confirmLabel: "Revoke Keys",
 					cancelLabel: "Cancel",
 					variant: "danger",
-					loading: B
+					loading: V
 				})
 			]
 		})