@burdenoff/microfe-devportal 2026.1108.1 → 2026.1108.2

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 { useCurrentUserAppsQuery as r, useMyApiKeysQuery as i, useRevokeApiKeyAuthMutation as ee, useRotateApiKeyAuthMutation as te } from "../../generated/global-operations.js";
-import { getErrorMessage as ne } from "../hooks/useGraphQL.js";
-import { PageLayout as a } from "../components/PageLayout.js";
-import { ActiveIndicator as o } from "../components/StatusBadge.js";
-import { SelectionCheckbox as s } from "../components/SelectionCheckbox.js";
-import { NewSecretAlert as re } from "../components/SecretDisplay.js";
-import { DataTable as ie } from "../components/DataTable.js";
-import { ConfirmDialog as c } from "../components/ConfirmDialog.js";
-import { PermissionGuard as ae } from "../components/PermissionGuard.js";
+import { PageLayout as e } from "../components/PageLayout.js";
+import { DataTable as t } from "../components/DataTable.js";
+import { ActiveIndicator as n } from "../components/StatusBadge.js";
+import { useCurrentUserAppsQuery as r, useMyApiKeysQuery as ee, useRevokeApiKeyAuthMutation as te, useRotateApiKeyAuthMutation as ne } from "../../generated/global-operations.js";
+import { getErrorMessage as i } from "../hooks/useGraphQL.js";
+import { EmptyState as re } from "../components/EmptyState.js";
+import { ConfirmDialog as a } from "../components/ConfirmDialog.js";
+import { NewSecretAlert as ie } from "../components/SecretDisplay.js";
+import { SelectionCheckbox as o } from "../components/SelectionCheckbox.js";
+import { useDevportal as ae } from "../providers/DevportalProvider.js";
 import "../components/index.js";
+import { PermissionGuard as oe } from "../components/PermissionGuard.js";
+import { cn as s } from "../utils/cn.js";
 import "../hooks/index.js";
-import { useMemo as l, useState as u } from "react";
-import { AlertCircle as oe, AlertTriangle as se, Ban as d, Clock as ce, Key as f, Loader2 as le, Plus as p, RotateCw as ue, Search as de, Shield as m } from "lucide-react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useI18n as fe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { EmphasisPanel as pe, GlassCard as _ } from "@burdenoff/fe-libs/ui";
-//#region src/devportal/pages/ApiKeysPage.tsx
-function me(e) {
+import { useMemo as c, useState as l } from "react";
+import { AlertCircle as se, AlertTriangle as ce, Ban as u, Clock as le, Key as d, Loader2 as ue, Plus as f, RotateCw as de, Search as fe, Shield as pe } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useI18n as me } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { EmphasisPanel as he, GlassCard as h } from "@burdenoff/fe-libs/ui";
+// src/devportal/pages/ApiKeysPage.tsx
+function g(e) {
 	return {
 		id: e.id,
 		name: e.name,
@@ -31,19 +31,19 @@ function me(e) {
 		lastUsedAt: e.lastUsedAt ?? void 0
 	};
 }
-var v = (e) => {
+var _ = (e) => {
 	if (!e) return !1;
-	let t = Math.ceil((new Date(e).getTime() - Date.now()) / (1e3 * 60 * 60 * 24));
+	let t = Math.ceil((new Date(e).getTime() - Date.now()) / 864e5);
 	return t <= 30 && t > 0;
-}, y = (e) => e ? new Date(e).getTime() < Date.now() : !1, b = () => {
-	let { navigate: b, basePath: he, activeOrgId: ge } = e(), { t: _e } = fe(), x = (e, t) => {
+}, v = (e) => e ? new Date(e).getTime() < Date.now() : !1, y = () => {
+	let { navigate: y, basePath: b, activeOrgId: ge } = ae(), { t: _e } = me(), x = (e, t) => {
 		let n = _e(e);
 		return n === e ? t : n;
-	}, [S, ve] = u(""), [C, ye] = u("all"), [w, T] = u(null), [E, D] = u(null), [O, k] = u(null), [A, j] = u(/* @__PURE__ */ new Set()), [M, N] = u(null), [be, P] = u(!1), { data: F, loading: xe, error: I, refetch: L } = i({ fetchPolicy: "cache-and-network" }), { data: R } = r({ fetchPolicy: "cache-first" }), z = l(() => {
+	}, [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;
-	}, [R?.currentUserApps?.apps]), [B, { loading: V }] = ee(), [Se, { loading: H }] = te(), U = l(() => F?.myApiKeys?.apiKeys.map(me) ?? [], [F?.myApiKeys?.apiKeys]), W = (e) => {
-		b?.(`${he}${e}`);
+	}, [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();
@@ -54,9 +54,9 @@ var v = (e) => {
 			e && k(e), D(null), await L();
 		} catch {}
 	}, 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" && !y(e.expiresAt) || C === "expired" && y(e.expiresAt);
+		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;
-	}), K = l(() => U.filter((e) => A.has(e.id)), [U, A]), q = l(() => K.filter((e) => !y(e.expiresAt)), [K]), J = G.filter((e) => !y(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) => {
+	}), 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;
@@ -69,33 +69,33 @@ var v = (e) => {
 			}), n;
 		});
 	}, Q = () => j(/* @__PURE__ */ new Set());
-	if (xe && !F) return /* @__PURE__ */ h(a, {
+	if (xe && !F) return /* @__PURE__ */ p(e, {
 		title: x("devportal.apiKeys", "API Keys"),
 		description: x("devportal.manageApiKeys", "Manage your API keys for programmatic access"),
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "flex items-center justify-center py-12",
-			children: [/* @__PURE__ */ h(le, { className: "h-8 w-8 animate-spin text-text-secondary" }), /* @__PURE__ */ h("span", {
+			children: [/* @__PURE__ */ p(ue, { className: "h-8 w-8 animate-spin text-text-secondary" }), /* @__PURE__ */ p("span", {
 				className: "ml-2 text-text-secondary",
 				children: x("devportal.loadingApiKeys", "Loading API keys...")
 			})]
 		})
 	});
-	if (I) return /* @__PURE__ */ h(a, {
+	if (I) return /* @__PURE__ */ p(e, {
 		title: x("devportal.apiKeys", "API Keys"),
 		description: x("devportal.manageApiKeys", "Manage your API keys for programmatic access"),
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center",
 			children: [
-				/* @__PURE__ */ h(oe, { className: "mx-auto h-8 w-8 text-status-error-text" }),
-				/* @__PURE__ */ h("h3", {
+				/* @__PURE__ */ p(se, { className: "mx-auto h-8 w-8 text-status-error-text" }),
+				/* @__PURE__ */ p("h3", {
 					className: "mt-2 font-medium text-status-error-text",
 					children: x("devportal.failedToLoadApiKeys", "Failed to load API keys")
 				}),
-				/* @__PURE__ */ h("p", {
+				/* @__PURE__ */ p("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: ne(I)
+					children: i(I)
 				}),
-				/* @__PURE__ */ h("button", {
+				/* @__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: x("devportal.tryAgain", "Try Again")
@@ -106,18 +106,18 @@ var v = (e) => {
 	let Ee = [
 		{
 			key: "select",
-			header: /* @__PURE__ */ h(s, {
+			header: /* @__PURE__ */ p(o, {
 				checked: Y,
 				indeterminate: X,
 				onChange: Z,
 				ariaLabel: "Select all visible API keys"
 			}),
 			className: "w-12",
-			render: (e) => /* @__PURE__ */ h("div", {
+			render: (e) => /* @__PURE__ */ p("div", {
 				onClick: (e) => e.stopPropagation(),
-				children: /* @__PURE__ */ h(s, {
+				children: /* @__PURE__ */ p(o, {
 					checked: A.has(e.id),
-					disabled: y(e.expiresAt),
+					disabled: v(e.expiresAt),
 					onChange: (t) => Te(e.id, t),
 					ariaLabel: `Select API key ${e.name}`
 				})
@@ -126,28 +126,28 @@ var v = (e) => {
 		{
 			key: "name",
 			header: "API Key",
-			render: (e) => /* @__PURE__ */ g("div", {
+			render: (e) => /* @__PURE__ */ m("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ h("div", {
-					className: t("flex h-10 w-10 items-center justify-center rounded-lg", y(e.expiresAt) ? "bg-status-error-bg-subtle text-status-error-text" : "bg-action-primary-bg/10 text-primary"),
-					children: /* @__PURE__ */ h(f, { size: 20 })
-				}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ p("div", {
+					className: s("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__ */ p(d, { size: 20 })
+				}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ h("p", {
+						/* @__PURE__ */ p("p", {
 							className: "font-medium",
 							children: e.name
 						}),
-						y(e.expiresAt) && /* @__PURE__ */ h("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"
 						}),
-						v(e.expiresAt) && !y(e.expiresAt) && /* @__PURE__ */ h("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__ */ g("p", {
+				}), e.appName && /* @__PURE__ */ m("p", {
 					className: "text-xs text-text-secondary",
 					children: ["App: ", e.appName]
 				})] })]
@@ -156,7 +156,7 @@ var v = (e) => {
 		{
 			key: "prefix",
 			header: "Key Prefix",
-			render: (e) => /* @__PURE__ */ g("code", {
+			render: (e) => /* @__PURE__ */ m("code", {
 				className: "text-sm text-text-secondary",
 				children: [e.prefix, "..."]
 			})
@@ -164,12 +164,12 @@ var v = (e) => {
 		{
 			key: "scopes",
 			header: "Scopes",
-			render: (e) => /* @__PURE__ */ g("div", {
+			render: (e) => /* @__PURE__ */ m("div", {
 				className: "flex flex-wrap gap-1",
-				children: [e.scopes.slice(0, 3).map((e) => /* @__PURE__ */ h("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__ */ g("span", {
+				}, e)), e.scopes.length > 3 && /* @__PURE__ */ m("span", {
 					className: "text-xs text-text-secondary",
 					children: ["+", e.scopes.length - 3]
 				})]
@@ -178,7 +178,7 @@ var v = (e) => {
 		{
 			key: "lastUsed",
 			header: "Last Used",
-			render: (e) => /* @__PURE__ */ h("span", {
+			render: (e) => /* @__PURE__ */ p("span", {
 				className: "text-sm text-text-secondary",
 				children: e.lastUsedAt ? new Date(e.lastUsedAt).toLocaleDateString() : "Never"
 			})
@@ -186,19 +186,19 @@ var v = (e) => {
 		{
 			key: "expires",
 			header: "Expires",
-			render: (e) => /* @__PURE__ */ h("span", {
-				className: t("text-sm", y(e.expiresAt) ? "text-status-error-text" : v(e.expiresAt) ? "text-status-warning-text" : "text-text-secondary"),
+			render: (e) => /* @__PURE__ */ p("span", {
+				className: s("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"
 			})
 		},
 		{
 			key: "status",
 			header: "Status",
-			render: (e) => /* @__PURE__ */ g("div", {
+			render: (e) => /* @__PURE__ */ m("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ h(o, { active: !y(e.expiresAt) }), /* @__PURE__ */ h("span", {
+				children: [/* @__PURE__ */ p(n, { active: !v(e.expiresAt) }), /* @__PURE__ */ p("span", {
 					className: "text-sm",
-					children: y(e.expiresAt) ? "Expired" : "Active"
+					children: v(e.expiresAt) ? "Expired" : "Active"
 				})]
 			})
 		},
@@ -206,32 +206,32 @@ var v = (e) => {
 			key: "actions",
 			header: "Actions",
 			className: "w-28",
-			render: (e) => y(e.expiresAt) ? /* @__PURE__ */ h("span", {
+			render: (e) => v(e.expiresAt) ? /* @__PURE__ */ p("span", {
 				className: "text-xs text-text-secondary",
 				children: "No actions"
-			}) : /* @__PURE__ */ g("div", {
+			}) : /* @__PURE__ */ m("div", {
 				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ g("button", {
+				children: [/* @__PURE__ */ m("button", {
 					type: "button",
 					title: "Rotate secret",
 					disabled: H,
 					onClick: (t) => {
 						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__ */ h(ue, { size: 14 }), /* @__PURE__ */ h("span", {
+					className: s("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__ */ p(de, { size: 14 }), /* @__PURE__ */ p("span", {
 						className: "sr-only sm:not-sr-only",
 						children: "Rotate"
 					})]
-				}), /* @__PURE__ */ g("button", {
+				}), /* @__PURE__ */ m("button", {
 					type: "button",
 					title: "Revoke key",
 					disabled: V,
 					onClick: (t) => {
 						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__ */ h(d, { size: 14 }), /* @__PURE__ */ h("span", {
+					className: s("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__ */ p(u, { size: 14 }), /* @__PURE__ */ p("span", {
 						className: "sr-only sm:not-sr-only",
 						children: "Revoke"
 					})]
@@ -240,69 +240,69 @@ var v = (e) => {
 		}
 	], $ = {
 		total: G.length,
-		active: G.filter((e) => !y(e.expiresAt)).length,
-		expiringSoon: G.filter((e) => v(e.expiresAt)).length,
-		expired: G.filter((e) => y(e.expiresAt)).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__ */ h(ae, {
+	return /* @__PURE__ */ p(oe, {
 		authOnly: !0,
-		children: /* @__PURE__ */ g(a, {
+		children: /* @__PURE__ */ m(e, {
 			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__ */ g("button", {
+			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__ */ h(p, { size: 16 }), x("devportal.generateApiKey", "Generate API Key")]
+				children: [/* @__PURE__ */ p(f, { size: 16 }), x("devportal.generateApiKey", "Generate API Key")]
 			}),
 			children: [
-				O && /* @__PURE__ */ h(re, {
+				O && /* @__PURE__ */ p(ie, {
 					title: "API Key Rotated",
 					secret: O,
 					description: "The previous secret has been invalidated. Copy the new secret below — it will not be shown again.",
 					onDismiss: () => k(null)
 				}),
-				M && /* @__PURE__ */ h("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__ */ g("div", {
+				M && /* @__PURE__ */ p("div", {
+					className: s("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__ */ h("span", { children: M.message }), /* @__PURE__ */ h("button", {
+						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__ */ h("div", {
+				/* @__PURE__ */ p("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: /* @__PURE__ */ g("div", {
+					children: /* @__PURE__ */ m("div", {
 						className: "flex flex-1 items-center gap-4",
-						children: [/* @__PURE__ */ g("div", {
+						children: [/* @__PURE__ */ m("div", {
 							className: "relative flex-1 max-w-md",
-							children: [/* @__PURE__ */ h(de, {
+							children: [/* @__PURE__ */ p(fe, {
 								size: 16,
 								className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
-							}), /* @__PURE__ */ h("input", {
+							}), /* @__PURE__ */ p("input", {
 								type: "text",
 								placeholder: "Search by name, prefix, or app...",
 								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__ */ g("select", {
+						}), /* @__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 scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary",
 							children: [
-								/* @__PURE__ */ h("option", {
+								/* @__PURE__ */ p("option", {
 									value: "all",
 									children: "All Status"
 								}),
-								/* @__PURE__ */ h("option", {
+								/* @__PURE__ */ p("option", {
 									value: "active",
 									children: "Active"
 								}),
-								/* @__PURE__ */ h("option", {
+								/* @__PURE__ */ p("option", {
 									value: "expired",
 									children: "Expired"
 								})
@@ -310,68 +310,68 @@ var v = (e) => {
 						})]
 					})
 				}),
-				/* @__PURE__ */ h(pe, { children: /* @__PURE__ */ g("div", {
+				/* @__PURE__ */ p(he, { children: /* @__PURE__ */ m("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
 					children: [
-						/* @__PURE__ */ g(_, {
+						/* @__PURE__ */ m(h, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ h(f, { size: 16 }), /* @__PURE__ */ h("span", {
+								children: [/* @__PURE__ */ p(d, { size: 16 }), /* @__PURE__ */ p("span", {
 									className: "text-sm",
 									children: "Total Keys"
 								})]
-							}), /* @__PURE__ */ h("p", {
+							}), /* @__PURE__ */ p("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
 								children: $.total
 							})]
 						}),
-						/* @__PURE__ */ g(_, {
+						/* @__PURE__ */ m(h, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-2 text-status-success-text",
-								children: [/* @__PURE__ */ h(m, { size: 16 }), /* @__PURE__ */ h("span", {
+								children: [/* @__PURE__ */ p(pe, { size: 16 }), /* @__PURE__ */ p("span", {
 									className: "text-sm",
 									children: "Active"
 								})]
-							}), /* @__PURE__ */ h("p", {
+							}), /* @__PURE__ */ p("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
 								children: $.active
 							})]
 						}),
-						/* @__PURE__ */ g(_, {
+						/* @__PURE__ */ m(h, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-2 text-status-warning-text",
-								children: [/* @__PURE__ */ h(ce, { size: 16 }), /* @__PURE__ */ h("span", {
+								children: [/* @__PURE__ */ p(le, { size: 16 }), /* @__PURE__ */ p("span", {
 									className: "text-sm",
 									children: "Expiring Soon"
 								})]
-							}), /* @__PURE__ */ h("p", {
+							}), /* @__PURE__ */ p("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
 								children: $.expiringSoon
 							})]
 						}),
-						/* @__PURE__ */ g(_, {
+						/* @__PURE__ */ m(h, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-2 text-status-error-text",
-								children: [/* @__PURE__ */ h(se, { size: 16 }), /* @__PURE__ */ h("span", {
+								children: [/* @__PURE__ */ p(ce, { size: 16 }), /* @__PURE__ */ p("span", {
 									className: "text-sm",
 									children: "Expired"
 								})]
-							}), /* @__PURE__ */ h("p", {
+							}), /* @__PURE__ */ p("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
 								children: $.expired
 							})]
 						})
 					]
 				}) }),
-				/* @__PURE__ */ g("p", {
+				/* @__PURE__ */ m("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						G.length,
@@ -381,39 +381,39 @@ var v = (e) => {
 						"found"
 					]
 				}),
-				G.length > 0 && /* @__PURE__ */ h("div", {
+				G.length > 0 && /* @__PURE__ */ p("div", {
 					className: "rounded-card border border-border-seam bg-bg-surface p-4",
-					children: /* @__PURE__ */ g("div", {
+					children: /* @__PURE__ */ m("div", {
 						className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
-						children: [/* @__PURE__ */ g("div", {
+						children: [/* @__PURE__ */ m("div", {
 							className: "flex flex-wrap items-center gap-3",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ h(s, {
+								children: [/* @__PURE__ */ p(o, {
 									checked: Y,
 									indeterminate: X,
 									onChange: Z,
 									ariaLabel: "Select all visible API keys"
-								}), /* @__PURE__ */ h("span", {
+								}), /* @__PURE__ */ p("span", {
 									className: "text-sm font-medium",
 									children: "Select all active keys"
 								})]
-							}), A.size > 0 && /* @__PURE__ */ h("button", {
+							}), A.size > 0 && /* @__PURE__ */ p("button", {
 								onClick: Q,
 								className: "text-sm text-text-secondary hover:text-text-primary",
 								children: "Clear selection"
 							})]
-						}), /* @__PURE__ */ g("div", {
+						}), /* @__PURE__ */ m("div", {
 							className: "flex flex-wrap items-center gap-2",
-							children: [/* @__PURE__ */ g("span", {
+							children: [/* @__PURE__ */ m("span", {
 								className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
 								children: [A.size, " selected"]
-							}), /* @__PURE__ */ g("button", {
+							}), /* @__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__ */ h(d, { size: 16 }),
+									/* @__PURE__ */ p(u, { size: 16 }),
 									"Revoke Selected",
 									q.length > 0 ? ` (${q.length})` : ""
 								]
@@ -421,21 +421,21 @@ var v = (e) => {
 						})]
 					})
 				}),
-				G.length > 0 ? /* @__PURE__ */ h(ie, {
+				G.length > 0 ? /* @__PURE__ */ p(t, {
 					data: G,
 					columns: Ee,
 					keyField: "id"
-				}) : /* @__PURE__ */ h(n, {
+				}) : /* @__PURE__ */ p(re, {
 					illustration: "empty-data",
 					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__ */ g("button", {
+					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__ */ h(p, { size: 16 }), x("devportal.generateApiKey", "Generate API Key")]
+						children: [/* @__PURE__ */ p(f, { size: 16 }), x("devportal.generateApiKey", "Generate API Key")]
 					}) : void 0
 				}),
-				/* @__PURE__ */ h(c, {
+				/* @__PURE__ */ p(a, {
 					open: w !== null,
 					onOpenChange: (e) => {
 						e || T(null);
@@ -448,7 +448,7 @@ var v = (e) => {
 					variant: "danger",
 					loading: V
 				}),
-				/* @__PURE__ */ h(c, {
+				/* @__PURE__ */ p(a, {
 					open: E !== null,
 					onOpenChange: (e) => {
 						e || D(null);
@@ -461,7 +461,7 @@ var v = (e) => {
 					variant: "warning",
 					loading: H
 				}),
-				/* @__PURE__ */ h(c, {
+				/* @__PURE__ */ p(a, {
 					open: be,
 					onOpenChange: P,
 					onConfirm: async () => {
@@ -483,7 +483,6 @@ var v = (e) => {
 		})
 	});
 };
-//#endregion
-export { b as ApiKeysPage };
+export { y as ApiKeysPage };
 
 //# sourceMappingURL=ApiKeysPage.js.map