@burdenoff/microfe-devportal 2026.510.110

package/dist/devportal/pages/ApiKeysPage.js

@@ -0,0 +1,481 @@
+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 { 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 "../components/index.js";
+import { DEVPORTAL_PERMISSIONS as ae } from "../constants/permissions.js";
+import { getErrorMessage as oe } from "../hooks/useGraphQL.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";
+//#region src/devportal/pages/ApiKeysPage.tsx
+function me(e) {
+	return {
+		id: e.id,
+		name: e.name,
+		prefix: e.prefix,
+		scopes: e.scopes,
+		appId: e.appId,
+		appName: e.appName ?? void 0,
+		createdAt: e.createdAt,
+		expiresAt: e.expiresAt ?? void 0,
+		lastUsedAt: e.lastUsedAt ?? void 0
+	};
+}
+var g = (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);
+		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?.map(me) ?? [], [I?.myApiKeys]), W = (e) => {
+		v?.(`${he}${e}`);
+	}, ve = async () => {
+		if (w) try {
+			await B({ variables: { keyId: w.id } }), T(null), await z();
+		} catch {}
+	}, ye = async () => {
+		if (E) try {
+			let e = (await _e({ variables: { keyId: E.id } })).data?.rotateAPIKey.apiSecret;
+			e && k(e), D(null), await z();
+		} 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 r = new Set(n);
+			return t ? r.add(e) : r.delete(e), r;
+		});
+	}, Z = (e) => {
+		j((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", {
+			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", {
+				className: "ml-2 text-muted-foreground",
+				children: b("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", {
+			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", {
+					className: "mt-2 font-medium text-destructive",
+					children: b("devportal.failedToLoadApiKeys", "Failed to load API keys")
+				}),
+				/* @__PURE__ */ m("p", {
+					className: "mt-1 text-sm text-muted-foreground",
+					children: oe(R)
+				}),
+				/* @__PURE__ */ m("button", {
+					onClick: () => z(),
+					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")
+				})
+			]
+		})
+	});
+	let xe = [
+		{
+			key: "select",
+			header: /* @__PURE__ */ m(a, {
+				checked: Y,
+				indeterminate: X,
+				onChange: Z,
+				ariaLabel: "Select all visible API keys"
+			}),
+			className: "w-12",
+			render: (e) => /* @__PURE__ */ m("div", {
+				onClick: (e) => e.stopPropagation(),
+				children: /* @__PURE__ */ m(a, {
+					checked: A.has(e.id),
+					disabled: _(e.expiresAt),
+					onChange: (t) => be(e.id, t),
+					ariaLabel: `Select API key ${e.name}`
+				})
+			})
+		},
+		{
+			key: "name",
+			header: "API Key",
+			render: (e) => /* @__PURE__ */ h("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", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ m("p", {
+							className: "font-medium",
+							children: e.name
+						}),
+						_(e.expiresAt) && /* @__PURE__ */ m("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", {
+							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", {
+					className: "text-xs text-muted-foreground",
+					children: ["App: ", e.appName]
+				})] })]
+			})
+		},
+		{
+			key: "prefix",
+			header: "Key Prefix",
+			render: (e) => /* @__PURE__ */ h("code", {
+				className: "text-sm text-muted-foreground",
+				children: [e.prefix, "..."]
+			})
+		},
+		{
+			key: "scopes",
+			header: "Scopes",
+			render: (e) => /* @__PURE__ */ h("div", {
+				className: "flex flex-wrap gap-1",
+				children: [e.scopes.slice(0, 3).map((e) => /* @__PURE__ */ m("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", {
+					className: "text-xs text-muted-foreground",
+					children: ["+", e.scopes.length - 3]
+				})]
+			})
+		},
+		{
+			key: "lastUsed",
+			header: "Last Used",
+			render: (e) => /* @__PURE__ */ m("span", {
+				className: "text-sm text-muted-foreground",
+				children: e.lastUsedAt ? new Date(e.lastUsedAt).toLocaleDateString() : "Never"
+			})
+		},
+		{
+			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"),
+				children: e.expiresAt ? new Date(e.expiresAt).toLocaleDateString() : "Never"
+			})
+		},
+		{
+			key: "status",
+			header: "Status",
+			render: (e) => /* @__PURE__ */ h("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ m(i, { active: !_(e.expiresAt) }), /* @__PURE__ */ m("span", {
+					className: "text-sm",
+					children: _(e.expiresAt) ? "Expired" : "Active"
+				})]
+			})
+		},
+		{
+			key: "actions",
+			header: "Actions",
+			className: "w-28",
+			render: (e) => _(e.expiresAt) ? /* @__PURE__ */ m("span", {
+				className: "text-xs text-muted-foreground",
+				children: "No actions"
+			}) : /* @__PURE__ */ h("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ h("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__ */ m(de, { size: 14 }), /* @__PURE__ */ m("span", {
+						className: "sr-only sm:not-sr-only",
+						children: "Rotate"
+					})]
+				}), /* @__PURE__ */ h("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__ */ m(u, { size: 14 }), /* @__PURE__ */ m("span", {
+						className: "sr-only sm:not-sr-only",
+						children: "Revoke"
+					})]
+				})]
+			})
+		}
+	], $ = {
+		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
+	};
+	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", {
+				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: [
+				O && /* @__PURE__ */ m(o, {
+					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__ */ 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", {
+						className: "flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ m("span", { children: M.message }), /* @__PURE__ */ m("button", {
+							onClick: () => N(null),
+							className: "text-xs font-medium underline underline-offset-2",
+							children: "Dismiss"
+						})]
+					})
+				}),
+				/* @__PURE__ */ m("div", {
+					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+					children: /* @__PURE__ */ h("div", {
+						className: "flex flex-1 items-center gap-4",
+						children: [/* @__PURE__ */ h("div", {
+							className: "relative flex-1 max-w-md",
+							children: [/* @__PURE__ */ m(fe, {
+								size: 16,
+								className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
+							}), /* @__PURE__ */ m("input", {
+								type: "text",
+								placeholder: "Search by name, prefix, or app...",
+								value: x,
+								onChange: (e) => ge(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),
+							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", {
+									value: "all",
+									children: "All Status"
+								}),
+								/* @__PURE__ */ m("option", {
+									value: "active",
+									children: "Active"
+								}),
+								/* @__PURE__ */ m("option", {
+									value: "expired",
+									children: "Expired"
+								})
+							]
+						})]
+					})
+				}),
+				/* @__PURE__ */ h("div", {
+					className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
+					children: [
+						/* @__PURE__ */ h("div", {
+							className: "rounded-lg border bg-card p-4",
+							children: [/* @__PURE__ */ h("div", {
+								className: "flex items-center gap-2 text-muted-foreground",
+								children: [/* @__PURE__ */ m(d, { size: 16 }), /* @__PURE__ */ m("span", {
+									className: "text-sm",
+									children: "Total Keys"
+								})]
+							}), /* @__PURE__ */ m("p", {
+								className: "mt-1 text-2xl font-semibold",
+								children: $.total
+							})]
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "rounded-lg border bg-card p-4",
+							children: [/* @__PURE__ */ h("div", {
+								className: "flex items-center gap-2 text-status-success-text",
+								children: [/* @__PURE__ */ m(pe, { size: 16 }), /* @__PURE__ */ m("span", {
+									className: "text-sm",
+									children: "Active"
+								})]
+							}), /* @__PURE__ */ m("p", {
+								className: "mt-1 text-2xl font-semibold",
+								children: $.active
+							})]
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "rounded-lg border bg-card p-4",
+							children: [/* @__PURE__ */ h("div", {
+								className: "flex items-center gap-2 text-status-warning-text",
+								children: [/* @__PURE__ */ m(ue, { size: 16 }), /* @__PURE__ */ m("span", {
+									className: "text-sm",
+									children: "Expiring Soon"
+								})]
+							}), /* @__PURE__ */ m("p", {
+								className: "mt-1 text-2xl font-semibold",
+								children: $.expiringSoon
+							})]
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "rounded-lg border bg-card p-4",
+							children: [/* @__PURE__ */ h("div", {
+								className: "flex items-center gap-2 text-status-error-text",
+								children: [/* @__PURE__ */ m(le, { size: 16 }), /* @__PURE__ */ m("span", {
+									className: "text-sm",
+									children: "Expired"
+								})]
+							}), /* @__PURE__ */ m("p", {
+								className: "mt-1 text-2xl font-semibold",
+								children: $.expired
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ h("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						G.length,
+						" API key",
+						G.length === 1 ? "" : "s",
+						" ",
+						"found"
+					]
+				}),
+				G.length > 0 && /* @__PURE__ */ m("div", {
+					className: "rounded-lg border bg-card p-4",
+					children: /* @__PURE__ */ h("div", {
+						className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex flex-wrap items-center gap-3",
+							children: [/* @__PURE__ */ h("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ m(a, {
+									checked: Y,
+									indeterminate: X,
+									onChange: Z,
+									ariaLabel: "Select all visible API keys"
+								}), /* @__PURE__ */ m("span", {
+									className: "text-sm font-medium",
+									children: "Select all active keys"
+								})]
+							}), A.size > 0 && /* @__PURE__ */ m("button", {
+								onClick: Q,
+								className: "text-sm text-muted-foreground hover:text-foreground",
+								children: "Clear selection"
+							})]
+						}), /* @__PURE__ */ h("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [/* @__PURE__ */ h("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),
+								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 }),
+									"Revoke Selected",
+									q.length > 0 ? ` (${q.length})` : ""
+								]
+							})]
+						})]
+					})
+				}),
+				G.length > 0 ? /* @__PURE__ */ m(ee, {
+					data: G,
+					columns: xe,
+					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", {
+						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")]
+					}) : void 0
+				}),
+				/* @__PURE__ */ m(s, {
+					open: w !== null,
+					onOpenChange: (e) => {
+						e || T(null);
+					},
+					onConfirm: ve,
+					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.`,
+					confirmLabel: "Revoke Key",
+					cancelLabel: "Cancel",
+					variant: "danger",
+					loading: V
+				}),
+				/* @__PURE__ */ m(s, {
+					open: E !== null,
+					onOpenChange: (e) => {
+						e || D(null);
+					},
+					onConfirm: ye,
+					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.`,
+					confirmLabel: "Rotate Secret",
+					cancelLabel: "Cancel",
+					variant: "warning",
+					loading: H
+				}),
+				/* @__PURE__ */ m(s, {
+					open: P,
+					onOpenChange: F,
+					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({
+							type: n === 0 ? "success" : "error",
+							message: `Revoked ${t} API key${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`
+						}), F(!1), Q(), await z();
+					},
+					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.`,
+					confirmLabel: "Revoke Keys",
+					cancelLabel: "Cancel",
+					variant: "danger",
+					loading: V
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { v as ApiKeysPage };
+
+//# sourceMappingURL=ApiKeysPage.js.map

package/dist/devportal/pages/ApiKeysPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiKeysPage.js","names":[],"sources":["../../../src/devportal/pages/ApiKeysPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  Plus,\n  Search,\n  Key,\n  Shield,\n  Clock,\n  AlertTriangle,\n  Loader2,\n  AlertCircle,\n  RotateCw,\n  Ban,\n} from \"lucide-react\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { DataTable } from \"../components/DataTable\";\nimport { ActiveIndicator } from \"../components/StatusBadge\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { ConfirmDialog } from \"../components/ConfirmDialog\";\nimport { NewSecretAlert } from \"../components/SecretDisplay\";\nimport { SelectionCheckbox } from \"../components/SelectionCheckbox\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport type { AuthApiKey } from \"../types\";\nimport { cn } from \"../utils/cn\";\nimport {\n  useMyApiKeysQuery,\n  useRevokeApiKeyAuthMutation,\n  useRotateApiKeyAuthMutation,\n  getErrorMessage,\n} from \"../hooks\";\n\n/**\n * Map GraphQL APIKey to local AuthApiKey type\n */\nfunction mapApiKey(key: {\n  id: string;\n  name: string;\n  prefix: string;\n  scopes: string[];\n  appId: string;\n  appName?: string | null;\n  createdAt: string;\n  expiresAt?: string | null;\n  lastUsedAt?: string | null;\n}): AuthApiKey {\n  return {\n    id: key.id,\n    name: key.name,\n    prefix: key.prefix,\n    scopes: key.scopes,\n    appId: key.appId,\n    appName: key.appName ?? undefined,\n    createdAt: key.createdAt,\n    expiresAt: key.expiresAt ?? undefined,\n    lastUsedAt: key.lastUsedAt ?? undefined,\n  };\n}\n\nconst isExpiringSoon = (expiresAt?: string): boolean => {\n  if (!expiresAt) return false;\n  const daysUntilExpiry = Math.ceil(\n    (new Date(expiresAt).getTime() - Date.now()) / (1000 * 60 * 60 * 24),\n  );\n  return daysUntilExpiry <= 30 && daysUntilExpiry > 0;\n};\n\nconst isExpired = (expiresAt?: string): boolean => {\n  if (!expiresAt) return false;\n  return new Date(expiresAt).getTime() < Date.now();\n};\n\n/**\n * API Keys listing page\n *\n * Displays all API keys for the current user from auth-svc.\n * Previously showed devportal-svc ApiKeys per application;\n * now shows all user-owned API keys centrally.\n * Supports revoking and rotating API keys.\n */\nexport const ApiKeysPage: FC = () => {\n  const { navigate, basePath } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [statusFilter, setStatusFilter] = useState<\n    \"all\" | \"active\" | \"expired\"\n  >(\"all\");\n\n  // Revoke / Rotate state\n  const [revokeTarget, setRevokeTarget] = useState<AuthApiKey | null>(null);\n  const [rotateTarget, setRotateTarget] = useState<AuthApiKey | null>(null);\n  const [newSecret, setNewSecret] = useState<string | null>(null);\n  const [selectedKeyIds, setSelectedKeyIds] = useState<Set<string>>(new Set());\n  const [bulkFeedback, setBulkFeedback] = useState<{\n    type: \"success\" | \"error\";\n    message: string;\n  } | null>(null);\n  const [showBulkRevokeDialog, setShowBulkRevokeDialog] = useState(false);\n\n  // Fetch API keys from auth-svc (user-scoped, no applicationId needed)\n  const { data, loading, error, refetch } = useMyApiKeysQuery({\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  // Mutations\n  const [revokeApiKey, { loading: revokeLoading }] =\n    useRevokeApiKeyAuthMutation();\n  const [rotateApiKey, { loading: rotateLoading }] =\n    useRotateApiKeyAuthMutation();\n\n  const apiKeys: AuthApiKey[] = useMemo(\n    () => data?.myApiKeys?.map(mapApiKey) ?? [],\n    [data?.myApiKeys],\n  );\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  // Revoke handler\n  const handleRevoke = async () => {\n    if (!revokeTarget) return;\n    try {\n      await revokeApiKey({\n        variables: { keyId: revokeTarget.id },\n      });\n      setRevokeTarget(null);\n      await refetch();\n    } catch {\n      // Error is surfaced by Apollo's error state on the mutation;\n      // the ConfirmDialog stays open so the user can retry or cancel.\n    }\n  };\n\n  // Rotate handler\n  const handleRotate = async () => {\n    if (!rotateTarget) return;\n    try {\n      const result = await rotateApiKey({\n        variables: { keyId: rotateTarget.id },\n      });\n      const secret = result.data?.rotateAPIKey.apiSecret;\n      if (secret) {\n        setNewSecret(secret);\n      }\n      setRotateTarget(null);\n      await refetch();\n    } catch {\n      // Error is surfaced by Apollo's error state on the mutation;\n      // the ConfirmDialog stays open so the user can retry or cancel.\n    }\n  };\n\n  // Filter keys\n  const filteredKeys = apiKeys.filter((key: AuthApiKey) => {\n    const matchesSearch =\n      !searchQuery ||\n      key.name.toLowerCase().includes(searchQuery.toLowerCase()) ||\n      key.prefix.toLowerCase().includes(searchQuery.toLowerCase()) ||\n      (key.appName?.toLowerCase().includes(searchQuery.toLowerCase()) ?? false);\n    const matchesStatus =\n      statusFilter === \"all\" ||\n      (statusFilter === \"active\" && !isExpired(key.expiresAt)) ||\n      (statusFilter === \"expired\" && isExpired(key.expiresAt));\n    return matchesSearch && matchesStatus;\n  });\n\n  const selectedKeys = useMemo(\n    () => apiKeys.filter((key) => selectedKeyIds.has(key.id)),\n    [apiKeys, selectedKeyIds],\n  );\n\n  const selectedActiveKeys = useMemo(\n    () => selectedKeys.filter((key) => !isExpired(key.expiresAt)),\n    [selectedKeys],\n  );\n\n  const allVisibleSelectableKeys = filteredKeys.filter(\n    (key) => !isExpired(key.expiresAt),\n  );\n  const allVisibleSelected =\n    allVisibleSelectableKeys.length > 0 &&\n    allVisibleSelectableKeys.every((key) => selectedKeyIds.has(key.id));\n  const partiallySelected =\n    allVisibleSelectableKeys.some((key) => selectedKeyIds.has(key.id)) &&\n    !allVisibleSelected;\n\n  const toggleKeySelection = (keyId: string, checked: boolean) => {\n    setSelectedKeyIds((prev) => {\n      const next = new Set(prev);\n      if (checked) {\n        next.add(keyId);\n      } else {\n        next.delete(keyId);\n      }\n      return next;\n    });\n  };\n\n  const toggleAllVisibleKeys = (checked: boolean) => {\n    setSelectedKeyIds((prev) => {\n      const next = new Set(prev);\n      allVisibleSelectableKeys.forEach((key) => {\n        if (checked) {\n          next.add(key.id);\n        } else {\n          next.delete(key.id);\n        }\n      });\n      return next;\n    });\n  };\n\n  const clearSelection = () => setSelectedKeyIds(new Set());\n\n  // Loading state\n  if (loading && !data) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.apiKeys\", \"API Keys\")}\n        description={tr(\n          \"devportal.manageApiKeys\",\n          \"Manage your API keys for programmatic access\",\n        )}\n      >\n        <div className=\"flex items-center justify-center py-12\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n          <span className=\"ml-2 text-muted-foreground\">\n            {tr(\"devportal.loadingApiKeys\", \"Loading API keys...\")}\n          </span>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.apiKeys\", \"API Keys\")}\n        description={tr(\n          \"devportal.manageApiKeys\",\n          \"Manage your API keys for programmatic access\",\n        )}\n      >\n        <div className=\"rounded-lg border border-destructive/50 bg-destructive/10 p-6 text-center\">\n          <AlertCircle className=\"mx-auto h-8 w-8 text-destructive\" />\n          <h3 className=\"mt-2 font-medium text-destructive\">\n            {tr(\"devportal.failedToLoadApiKeys\", \"Failed to load API keys\")}\n          </h3>\n          <p className=\"mt-1 text-sm text-muted-foreground\">\n            {getErrorMessage(error)}\n          </p>\n          <button\n            onClick={() => refetch()}\n            className=\"mt-4 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n          >\n            {tr(\"devportal.tryAgain\", \"Try Again\")}\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const columns = [\n    {\n      key: \"select\",\n      header: (\n        <SelectionCheckbox\n          checked={allVisibleSelected}\n          indeterminate={partiallySelected}\n          onChange={toggleAllVisibleKeys}\n          ariaLabel=\"Select all visible API keys\"\n        />\n      ),\n      className: \"w-12\",\n      render: (key: AuthApiKey) => (\n        <div onClick={(event) => event.stopPropagation()}>\n          <SelectionCheckbox\n            checked={selectedKeyIds.has(key.id)}\n            disabled={isExpired(key.expiresAt)}\n            onChange={(checked) => toggleKeySelection(key.id, checked)}\n            ariaLabel={`Select API key ${key.name}`}\n          />\n        </div>\n      ),\n    },\n    {\n      key: \"name\",\n      header: \"API Key\",\n      render: (key: AuthApiKey) => (\n        <div className=\"flex items-center gap-3\">\n          <div\n            className={cn(\n              \"flex h-10 w-10 items-center justify-center rounded-lg\",\n              isExpired(key.expiresAt)\n                ? \"bg-status-error-bg-subtle text-status-error-text\"\n                : \"bg-primary/10 text-primary\",\n            )}\n          >\n            <Key size={20} />\n          </div>\n          <div>\n            <div className=\"flex items-center gap-2\">\n              <p className=\"font-medium\">{key.name}</p>\n              {isExpired(key.expiresAt) && (\n                <span className=\"rounded bg-status-error-bg-subtle px-1.5 py-0.5 text-xs text-status-error-text\">\n                  Expired\n                </span>\n              )}\n              {isExpiringSoon(key.expiresAt) && !isExpired(key.expiresAt) && (\n                <span className=\"rounded bg-status-warning-bg-subtle px-1.5 py-0.5 text-xs text-status-warning-text\">\n                  Expiring Soon\n                </span>\n              )}\n            </div>\n            {key.appName && (\n              <p className=\"text-xs text-muted-foreground\">\n                App: {key.appName}\n              </p>\n            )}\n          </div>\n        </div>\n      ),\n    },\n    {\n      key: \"prefix\",\n      header: \"Key Prefix\",\n      render: (key: AuthApiKey) => (\n        <code className=\"text-sm text-muted-foreground\">{key.prefix}...</code>\n      ),\n    },\n    {\n      key: \"scopes\",\n      header: \"Scopes\",\n      render: (key: AuthApiKey) => (\n        <div className=\"flex flex-wrap gap-1\">\n          {key.scopes.slice(0, 3).map((scope) => (\n            <span\n              key={scope}\n              className=\"inline-flex rounded bg-muted px-1.5 py-0.5 text-xs\"\n            >\n              {scope}\n            </span>\n          ))}\n          {key.scopes.length > 3 && (\n            <span className=\"text-xs text-muted-foreground\">\n              +{key.scopes.length - 3}\n            </span>\n          )}\n        </div>\n      ),\n    },\n    {\n      key: \"lastUsed\",\n      header: \"Last Used\",\n      render: (key: AuthApiKey) => (\n        <span className=\"text-sm text-muted-foreground\">\n          {key.lastUsedAt\n            ? new Date(key.lastUsedAt).toLocaleDateString()\n            : \"Never\"}\n        </span>\n      ),\n    },\n    {\n      key: \"expires\",\n      header: \"Expires\",\n      render: (key: AuthApiKey) => (\n        <span\n          className={cn(\n            \"text-sm\",\n            isExpired(key.expiresAt)\n              ? \"text-status-error-text\"\n              : isExpiringSoon(key.expiresAt)\n                ? \"text-status-warning-text\"\n                : \"text-muted-foreground\",\n          )}\n        >\n          {key.expiresAt\n            ? new Date(key.expiresAt).toLocaleDateString()\n            : \"Never\"}\n        </span>\n      ),\n    },\n    {\n      key: \"status\",\n      header: \"Status\",\n      render: (key: AuthApiKey) => (\n        <div className=\"flex items-center gap-2\">\n          <ActiveIndicator active={!isExpired(key.expiresAt)} />\n          <span className=\"text-sm\">\n            {isExpired(key.expiresAt) ? \"Expired\" : \"Active\"}\n          </span>\n        </div>\n      ),\n    },\n    {\n      key: \"actions\",\n      header: \"Actions\",\n      className: \"w-28\",\n      render: (key: AuthApiKey) => {\n        if (isExpired(key.expiresAt)) {\n          return (\n            <span className=\"text-xs text-muted-foreground\">No actions</span>\n          );\n        }\n\n        return (\n          <div className=\"flex items-center gap-1\">\n            <button\n              type=\"button\"\n              title=\"Rotate secret\"\n              disabled={rotateLoading}\n              onClick={(e) => {\n                e.stopPropagation();\n                setRotateTarget(key);\n              }}\n              className={cn(\n                \"inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium transition-colors\",\n                \"text-status-info-text hover:bg-status-info-bg-subtle\",\n                \"disabled:opacity-50 disabled:cursor-not-allowed\",\n              )}\n            >\n              <RotateCw size={14} />\n              <span className=\"sr-only sm:not-sr-only\">Rotate</span>\n            </button>\n            <button\n              type=\"button\"\n              title=\"Revoke key\"\n              disabled={revokeLoading}\n              onClick={(e) => {\n                e.stopPropagation();\n                setRevokeTarget(key);\n              }}\n              className={cn(\n                \"inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium transition-colors\",\n                \"text-status-error-text hover:bg-status-error-bg-subtle\",\n                \"disabled:opacity-50 disabled:cursor-not-allowed\",\n              )}\n            >\n              <Ban size={14} />\n              <span className=\"sr-only sm:not-sr-only\">Revoke</span>\n            </button>\n          </div>\n        );\n      },\n    },\n  ];\n\n  // Stats\n  const stats = {\n    total: apiKeys.length,\n    active: apiKeys.filter((k) => !isExpired(k.expiresAt)).length,\n    expiringSoon: apiKeys.filter((k) => isExpiringSoon(k.expiresAt)).length,\n    expired: apiKeys.filter((k) => isExpired(k.expiresAt)).length,\n  };\n\n  const handleBulkRevoke = async () => {\n    if (selectedActiveKeys.length === 0) return;\n\n    const results = await Promise.allSettled(\n      selectedActiveKeys.map((key) =>\n        revokeApiKey({ variables: { keyId: key.id } }),\n      ),\n    );\n\n    const succeeded = results.filter(\n      (result) => result.status === \"fulfilled\",\n    ).length;\n    const failed = results.length - succeeded;\n\n    setBulkFeedback({\n      type: failed === 0 ? \"success\" : \"error\",\n      message: `Revoked ${succeeded} API key${succeeded === 1 ? \"\" : \"s\"}${\n        failed > 0 ? ` • ${failed} failed` : \"\"\n      }`,\n    });\n    setShowBulkRevokeDialog(false);\n    clearSelection();\n    await refetch();\n  };\n\n  return (\n    <PermissionGuard permission={DEVPORTAL_PERMISSIONS.APP_READ}>\n      <PageLayout\n        title={tr(\"devportal.apiKeys\", \"API Keys\")}\n        description={tr(\n          \"devportal.manageApiKeys\",\n          \"Manage your API keys for programmatic access\",\n        )}\n        actions={\n          <button\n            onClick={() => handleNavigate(\"/api-keys/new\")}\n            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\"\n          >\n            <Plus size={16} />\n            {tr(\"devportal.generateApiKey\", \"Generate API Key\")}\n          </button>\n        }\n      >\n        {/* New secret alert — shown after a successful rotation */}\n        {newSecret && (\n          <NewSecretAlert\n            title=\"API Key Rotated\"\n            secret={newSecret}\n            description=\"The previous secret has been invalidated. Copy the new secret below — it will not be shown again.\"\n            onDismiss={() => setNewSecret(null)}\n          />\n        )}\n\n        {bulkFeedback && (\n          <div\n            className={cn(\n              \"rounded-lg border px-4 py-3 text-sm\",\n              bulkFeedback.type === \"success\"\n                ? \"border-border-subtle bg-status-success-bg-subtle text-status-success-text\"\n                : \"border-destructive/40 bg-destructive/10 text-destructive\",\n            )}\n          >\n            <div className=\"flex items-center justify-between gap-3\">\n              <span>{bulkFeedback.message}</span>\n              <button\n                onClick={() => setBulkFeedback(null)}\n                className=\"text-xs font-medium underline underline-offset-2\"\n              >\n                Dismiss\n              </button>\n            </div>\n          </div>\n        )}\n\n        {/* Filters */}\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex flex-1 items-center gap-4\">\n            {/* Search */}\n            <div className=\"relative flex-1 max-w-md\">\n              <Search\n                size={16}\n                className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\"\n              />\n              <input\n                type=\"text\"\n                placeholder=\"Search by name, prefix, or app...\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                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\"\n              />\n            </div>\n\n            {/* Status Filter */}\n            <select\n              value={statusFilter}\n              onChange={(e) =>\n                setStatusFilter(e.target.value as \"all\" | \"active\" | \"expired\")\n              }\n              className=\"rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n            >\n              <option value=\"all\">All Status</option>\n              <option value=\"active\">Active</option>\n              <option value=\"expired\">Expired</option>\n            </select>\n          </div>\n        </div>\n\n        {/* Summary Stats */}\n        <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-4\">\n          <div className=\"rounded-lg border bg-card p-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground\">\n              <Key size={16} />\n              <span className=\"text-sm\">Total Keys</span>\n            </div>\n            <p className=\"mt-1 text-2xl font-semibold\">{stats.total}</p>\n          </div>\n          <div className=\"rounded-lg border bg-card p-4\">\n            <div className=\"flex items-center gap-2 text-status-success-text\">\n              <Shield size={16} />\n              <span className=\"text-sm\">Active</span>\n            </div>\n            <p className=\"mt-1 text-2xl font-semibold\">{stats.active}</p>\n          </div>\n          <div className=\"rounded-lg border bg-card p-4\">\n            <div className=\"flex items-center gap-2 text-status-warning-text\">\n              <Clock size={16} />\n              <span className=\"text-sm\">Expiring Soon</span>\n            </div>\n            <p className=\"mt-1 text-2xl font-semibold\">{stats.expiringSoon}</p>\n          </div>\n          <div className=\"rounded-lg border bg-card p-4\">\n            <div className=\"flex items-center gap-2 text-status-error-text\">\n              <AlertTriangle size={16} />\n              <span className=\"text-sm\">Expired</span>\n            </div>\n            <p className=\"mt-1 text-2xl font-semibold\">{stats.expired}</p>\n          </div>\n        </div>\n\n        {/* Results count */}\n        <p className=\"text-sm text-muted-foreground\">\n          {filteredKeys.length} API key{filteredKeys.length !== 1 ? \"s\" : \"\"}{\" \"}\n          found\n        </p>\n\n        {filteredKeys.length > 0 && (\n          <div className=\"rounded-lg border bg-card p-4\">\n            <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n              <div className=\"flex flex-wrap items-center gap-3\">\n                <div className=\"flex items-center gap-2\">\n                  <SelectionCheckbox\n                    checked={allVisibleSelected}\n                    indeterminate={partiallySelected}\n                    onChange={toggleAllVisibleKeys}\n                    ariaLabel=\"Select all visible API keys\"\n                  />\n                  <span className=\"text-sm font-medium\">\n                    Select all active keys\n                  </span>\n                </div>\n                {selectedKeyIds.size > 0 && (\n                  <button\n                    onClick={clearSelection}\n                    className=\"text-sm text-muted-foreground hover:text-foreground\"\n                  >\n                    Clear selection\n                  </button>\n                )}\n              </div>\n\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span className=\"rounded-full bg-muted px-3 py-1 text-sm font-medium text-muted-foreground\">\n                  {selectedKeyIds.size} selected\n                </span>\n                <button\n                  onClick={() => setShowBulkRevokeDialog(true)}\n                  disabled={selectedActiveKeys.length === 0}\n                  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\"\n                >\n                  <Ban size={16} />\n                  Revoke Selected\n                  {selectedActiveKeys.length > 0\n                    ? ` (${selectedActiveKeys.length})`\n                    : \"\"}\n                </button>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {/* Keys Table */}\n        {filteredKeys.length > 0 ? (\n          <DataTable data={filteredKeys} columns={columns} keyField=\"id\" />\n        ) : (\n          <EmptyState\n            icon={<Key size={32} />}\n            title={tr(\"devportal.noApiKeysFound\", \"No API keys found\")}\n            description={\n              searchQuery || statusFilter !== \"all\"\n                ? tr(\n                    \"devportal.tryAdjustingFilters\",\n                    \"Try adjusting your filters\",\n                  )\n                : tr(\n                    \"devportal.generateFirstApiKey\",\n                    \"Generate your first API key to start making API calls\",\n                  )\n            }\n            action={\n              !searchQuery && statusFilter === \"all\" ? (\n                <button\n                  onClick={() => handleNavigate(\"/api-keys/new\")}\n                  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\"\n                >\n                  <Plus size={16} />\n                  {tr(\"devportal.generateApiKey\", \"Generate API Key\")}\n                </button>\n              ) : undefined\n            }\n          />\n        )}\n\n        {/* Revoke confirmation dialog */}\n        <ConfirmDialog\n          open={revokeTarget !== null}\n          onOpenChange={(open) => {\n            if (!open) setRevokeTarget(null);\n          }}\n          onConfirm={handleRevoke}\n          title=\"Revoke API Key\"\n          description={`Are you sure you want to revoke \"${revokeTarget?.name ?? \"\"}\"? This action cannot be undone. Any application or service using this key will immediately lose access.`}\n          confirmLabel=\"Revoke Key\"\n          cancelLabel=\"Cancel\"\n          variant=\"danger\"\n          loading={revokeLoading}\n        />\n\n        {/* Rotate confirmation dialog */}\n        <ConfirmDialog\n          open={rotateTarget !== null}\n          onOpenChange={(open) => {\n            if (!open) setRotateTarget(null);\n          }}\n          onConfirm={handleRotate}\n          title=\"Rotate API Key Secret\"\n          description={`This will generate a new secret for \"${rotateTarget?.name ?? \"\"}\" and immediately invalidate the current one. Make sure to update all services using this key before the old secret stops working.`}\n          confirmLabel=\"Rotate Secret\"\n          cancelLabel=\"Cancel\"\n          variant=\"warning\"\n          loading={rotateLoading}\n        />\n\n        <ConfirmDialog\n          open={showBulkRevokeDialog}\n          onOpenChange={setShowBulkRevokeDialog}\n          onConfirm={handleBulkRevoke}\n          title=\"Revoke selected API keys\"\n          description={`Revoke ${selectedActiveKeys.length} selected API key${selectedActiveKeys.length === 1 ? \"\" : \"s\"}? Any service using these keys will immediately lose access.`}\n          confirmLabel=\"Revoke Keys\"\n          cancelLabel=\"Cancel\"\n          variant=\"danger\"\n          loading={revokeLoading}\n        />\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/AppLogsPage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const AppLogsPage: FC;
+//# sourceMappingURL=AppLogsPage.d.ts.map

package/dist/devportal/pages/AppLogsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppLogsPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/AppLogsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA6ChC,eAAO,MAAM,WAAW,EAAE,EAqPzB,CAAC"}