@burdenoff/microfe-devportal 2026.1112.2 → 2026.1113.2

package/dist/devportal/pages/SettingsPage.js

@@ -3,362 +3,377 @@ import { EmptyState as n } from "../components/EmptyState.js";
 import { VerifiedBadge as r } from "../components/StatusBadge.js";
 import { useGetDeveloperPortalSettingsOverviewQuery as i } from "../../generated/global-operations.js";
 import { getErrorMessage as a } from "../hooks/useGraphQL.js";
-import { useDevportal as o } from "../providers/DevportalProvider.js";
+import { DeveloperSettingsHub as o } from "../components/DeveloperSettingsHub.js";
+import { useDevportal as s, useIsFluidgridsVariant as c } from "../providers/DevportalProvider.js";
 import "../hooks/index.js";
-import { useTr as s } from "../utils/i18n.js";
-import { AlertCircle as c, Building2 as l, ExternalLink as u, KeyRound as d, Loader2 as f, Mail as p, Settings as m, Shield as h, UserCircle2 as g, Webhook as _, Workflow as v } from "lucide-react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { EmphasisPanel as x } from "@burdenoff/fe-libs/ui";
+import { useTr as l } from "../utils/i18n.js";
+import { AlertCircle as u, Building2 as d, ExternalLink as f, KeyRound as p, Loader2 as m, Mail as h, Settings as g, Shield as _, UserCircle2 as v, Webhook as y, Workflow as b } from "lucide-react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { EmphasisPanel as w, OptionalFields as T } from "@burdenoff/fe-libs/ui";
 // src/devportal/pages/SettingsPage.tsx
-var S = (e, t) => {
+var E = (e, t) => {
 	if (!e) return t;
 	let n = new Date(e);
 	return Number.isNaN(n.getTime()) ? t : n.toLocaleDateString();
-}, C = () => {
-	let { navigate: C, basePath: w } = o(), T = s(), { data: E, loading: D, error: O } = i({ fetchPolicy: "cache-and-network" }), k = (e) => {
-		C?.(`${w}${e}`);
-	}, A = T("devportal.settings.never", "Never"), j = T("devportal.settings.title", "Settings"), M = T("devportal.settings.description", "Review your developer portal account, credentials, and support options");
-	if (D && !E) return /* @__PURE__ */ y(e, {
-		title: j,
-		description: M,
-		children: /* @__PURE__ */ y("div", {
+}, D = ({ fold: e, children: t }) => {
+	let n = l();
+	return e ? /* @__PURE__ */ S(T, {
+		storageKey: "devportal.settings.healthCheck",
+		title: n("devportal.developerSettings.healthTitle", "Account check"),
+		description: n("devportal.developerSettings.healthDescription", "Your developer profile, credentials, organizations and support options."),
+		children: t
+	}) : /* @__PURE__ */ S(x, { children: t });
+}, O = () => {
+	let { navigate: x, basePath: T } = s(), O = l(), k = c(), { data: A, loading: j, error: M } = i({ fetchPolicy: "cache-and-network" }), N = (e) => {
+		x?.(`${T}${e}`);
+	}, P = O("devportal.settings.never", "Never"), F = k ? O("devportal.developerSettings.title", "Developer settings") : O("devportal.settings.title", "Settings"), I = k ? O("devportal.developerSettings.description", "API keys, OAuth apps, webhooks, apps acting for you, app logs, analytics and docs in one place") : O("devportal.settings.description", "Review your developer portal account, credentials, and support options"), L = k ? /* @__PURE__ */ S("div", {
+		className: "mb-6",
+		children: /* @__PURE__ */ S(o, {})
+	}) : null;
+	if (j && !A) return /* @__PURE__ */ C(e, {
+		title: F,
+		description: I,
+		children: [L, /* @__PURE__ */ S("div", {
 			className: "flex items-center justify-center py-16 text-text-secondary",
 			role: "status",
 			"aria-live": "polite",
-			"aria-label": T("devportal.common.loading", "Loading"),
-			children: /* @__PURE__ */ y(f, { className: "h-8 w-8 animate-spin" })
-		})
+			"aria-label": O("devportal.common.loading", "Loading"),
+			children: /* @__PURE__ */ S(m, { className: "h-8 w-8 animate-spin" })
+		})]
 	});
-	if (O) return /* @__PURE__ */ y(e, {
-		title: j,
-		description: M,
-		children: /* @__PURE__ */ y(n, {
-			icon: /* @__PURE__ */ y(c, {
+	if (M) return /* @__PURE__ */ C(e, {
+		title: F,
+		description: I,
+		children: [L, /* @__PURE__ */ S(n, {
+			icon: /* @__PURE__ */ S(u, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
-			title: T("devportal.settings.errorTitle", "Unable to load settings"),
-			description: a(O)
-		})
+			title: O("devportal.settings.errorTitle", "Unable to load settings"),
+			description: a(M)
+		})]
 	});
-	let N = E?.myDeveloperProfile, P = (E?.myDeveloperOrganizations ?? []).filter((e) => e.kind !== "PHYSICAL"), F = E?.myApiKeys?.apiKeys ?? [], I = E?.myApiKeys?.totalCount ?? F.length, L = F[0], R = P.reduce((e, t) => e + (t.totalRevenue ?? 0), 0);
-	return /* @__PURE__ */ y(e, {
-		title: j,
-		description: M,
-		purpose: T("devportal.settings.purpose", "A quick health-check of your developer account — your profile, how many API keys and organizations you have, and where to get support. Use it to spot missing setup before it blocks publishing or billing."),
-		children: /* @__PURE__ */ b("div", {
-			className: "grid gap-6 xl:grid-cols-[minmax(0,2fr)_minmax(320px,1fr)]",
-			children: [/* @__PURE__ */ b("div", {
-				className: "space-y-6",
-				children: [
-					/* @__PURE__ */ y(t, {
-						title: T("devportal.settings.profile", "Profile"),
-						children: /* @__PURE__ */ y(x, { children: /* @__PURE__ */ b("div", {
-							className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
-							children: [/* @__PURE__ */ b("div", {
-								className: "space-y-2",
-								children: [
-									/* @__PURE__ */ b("div", {
-										className: "flex items-center gap-2",
-										children: [
-											/* @__PURE__ */ y(g, {
-												className: "h-5 w-5 text-primary",
-												"aria-hidden": "true"
-											}),
-											/* @__PURE__ */ y("h2", {
-												className: "text-lg font-semibold",
-												children: T("devportal.settings.developerProfile", "Developer profile")
-											}),
-											N?.isVerified && /* @__PURE__ */ y(r, { verified: !0 })
-										]
-									}),
-									/* @__PURE__ */ y("p", {
-										className: "text-sm text-text-secondary",
-										children: N?.companyName || T("devportal.settings.noCompanyName", "No company name set yet")
-									}),
-									N?.bio && /* @__PURE__ */ y("p", {
-										className: "max-w-2xl text-sm text-text-secondary",
-										children: N.bio
-									}),
-									/* @__PURE__ */ b("div", {
-										className: "flex flex-wrap gap-2 pt-1 text-xs text-text-secondary",
-										children: [
-											/* @__PURE__ */ b("span", {
-												className: "rounded-full bg-bg-sunken px-2.5 py-1",
-												children: [
-													N?.applicationCount ?? 0,
-													" ",
-													T("devportal.settings.publishedAssetsTracked", "published assets tracked")
-												]
-											}),
-											/* @__PURE__ */ b("span", {
-												className: "rounded-full bg-bg-sunken px-2.5 py-1",
-												children: [
-													N?.totalInstalls ?? 0,
-													" ",
-													T("devportal.settings.installs", "installs")
-												]
-											}),
-											/* @__PURE__ */ b("span", {
-												className: "rounded-full bg-bg-sunken px-2.5 py-1",
-												children: [
-													T("devportal.settings.emailUpdates", "Email updates"),
-													" ",
-													N?.emailNotifications ? T("devportal.common.enabled", "enabled") : T("devportal.common.disabled", "disabled")
-												]
-											})
-										]
-									})
-								]
-							}), /* @__PURE__ */ b("button", {
-								type: "button",
-								onClick: () => k("/publisher/profile"),
-								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 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-								children: [/* @__PURE__ */ y(m, {
-									size: 16,
-									"aria-hidden": "true"
-								}), T("devportal.settings.manageProfile", "Manage profile")]
-							})]
-						}) })
-					}),
-					/* @__PURE__ */ b("div", {
-						className: "grid gap-6 lg:grid-cols-2",
-						children: [/* @__PURE__ */ y(t, {
-							title: T("devportal.settings.credentials", "Credentials"),
-							children: /* @__PURE__ */ y("div", {
-								className: "rounded-card border border-border-seam bg-bg-surface p-6",
-								children: /* @__PURE__ */ b("div", {
-									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ b("button", {
-										type: "button",
-										onClick: () => k("/api-keys"),
-										className: "rounded-card border border-border-seam bg-bg-surface p-4 text-left transition-colors hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-										children: [
-											/* @__PURE__ */ b("div", {
-												className: "flex items-center gap-2 text-primary",
-												children: [/* @__PURE__ */ y(d, {
-													size: 16,
-													"aria-hidden": "true"
-												}), /* @__PURE__ */ y("span", {
-													className: "font-medium",
-													children: T("devportal.apiKeys", "API Keys")
-												})]
-											}),
-											/* @__PURE__ */ y("p", {
-												className: "mt-2 text-2xl font-semibold",
-												children: I
-											}),
-											/* @__PURE__ */ y("p", {
-												className: "mt-1 text-sm text-text-secondary",
-												children: L ? `${T("devportal.settings.lastUsed", "Last used")} ${S(L.lastUsedAt, A)}` : T("devportal.settings.noApiKeys", "No API keys created yet")
-											})
-										]
-									}), /* @__PURE__ */ b("button", {
-										type: "button",
-										onClick: () => k("/oauth"),
-										className: "rounded-card border border-border-seam bg-bg-surface p-4 text-left transition-colors hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-										children: [
-											/* @__PURE__ */ b("div", {
-												className: "flex items-center gap-2 text-primary",
-												children: [/* @__PURE__ */ y(v, {
-													size: 16,
+	let R = A?.myDeveloperProfile, z = (A?.myDeveloperOrganizations ?? []).filter((e) => e.kind !== "PHYSICAL"), B = A?.myApiKeys?.apiKeys ?? [], V = A?.myApiKeys?.totalCount ?? B.length, H = B[0], U = z.reduce((e, t) => e + (t.totalRevenue ?? 0), 0);
+	return /* @__PURE__ */ C(e, {
+		title: F,
+		description: I,
+		purpose: O("devportal.settings.purpose", "A quick health-check of your developer account — your profile, how many API keys and organizations you have, and where to get support. Use it to spot missing setup before it blocks publishing or billing."),
+		children: [L, /* @__PURE__ */ S(D, {
+			fold: k,
+			children: /* @__PURE__ */ C("div", {
+				className: "grid gap-6 xl:grid-cols-[minmax(0,2fr)_minmax(320px,1fr)]",
+				children: [/* @__PURE__ */ C("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ S(t, {
+							title: O("devportal.settings.profile", "Profile"),
+							children: /* @__PURE__ */ S(w, { children: /* @__PURE__ */ C("div", {
+								className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
+								children: [/* @__PURE__ */ C("div", {
+									className: "space-y-2",
+									children: [
+										/* @__PURE__ */ C("div", {
+											className: "flex items-center gap-2",
+											children: [
+												/* @__PURE__ */ S(v, {
+													className: "h-5 w-5 text-primary",
 													"aria-hidden": "true"
-												}), /* @__PURE__ */ y("span", {
-													className: "font-medium",
-													children: T("devportal.settings.oauthApps", "OAuth Apps")
-												})]
-											}),
-											/* @__PURE__ */ y("p", {
-												className: "mt-2 text-2xl font-semibold",
-												children: T("devportal.common.open", "Open")
-											}),
-											/* @__PURE__ */ y("p", {
-												className: "mt-1 text-sm text-text-secondary",
-												children: T("devportal.settings.oauthDescription", "Manage OAuth clients on the dedicated credentials page.")
-											})
-										]
-									})]
+												}),
+												/* @__PURE__ */ S("h2", {
+													className: "text-lg font-semibold",
+													children: O("devportal.settings.developerProfile", "Developer profile")
+												}),
+												R?.isVerified && /* @__PURE__ */ S(r, { verified: !0 })
+											]
+										}),
+										/* @__PURE__ */ S("p", {
+											className: "text-sm text-text-secondary",
+											children: R?.companyName || O("devportal.settings.noCompanyName", "No company name set yet")
+										}),
+										R?.bio && /* @__PURE__ */ S("p", {
+											className: "max-w-2xl text-sm text-text-secondary",
+											children: R.bio
+										}),
+										/* @__PURE__ */ C("div", {
+											className: "flex flex-wrap gap-2 pt-1 text-xs text-text-secondary",
+											children: [
+												/* @__PURE__ */ C("span", {
+													className: "rounded-full bg-bg-sunken px-2.5 py-1",
+													children: [
+														R?.applicationCount ?? 0,
+														" ",
+														O("devportal.settings.publishedAssetsTracked", "published assets tracked")
+													]
+												}),
+												/* @__PURE__ */ C("span", {
+													className: "rounded-full bg-bg-sunken px-2.5 py-1",
+													children: [
+														R?.totalInstalls ?? 0,
+														" ",
+														O("devportal.settings.installs", "installs")
+													]
+												}),
+												/* @__PURE__ */ C("span", {
+													className: "rounded-full bg-bg-sunken px-2.5 py-1",
+													children: [
+														O("devportal.settings.emailUpdates", "Email updates"),
+														" ",
+														R?.emailNotifications ? O("devportal.common.enabled", "enabled") : O("devportal.common.disabled", "disabled")
+													]
+												})
+											]
+										})
+									]
+								}), /* @__PURE__ */ C("button", {
+									type: "button",
+									onClick: () => N("/publisher/profile"),
+									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 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+									children: [/* @__PURE__ */ S(g, {
+										size: 16,
+										"aria-hidden": "true"
+									}), O("devportal.settings.manageProfile", "Manage profile")]
+								})]
+							}) })
+						}),
+						/* @__PURE__ */ C("div", {
+							className: "grid gap-6 lg:grid-cols-2",
+							children: [/* @__PURE__ */ S(t, {
+								title: O("devportal.settings.credentials", "Credentials"),
+								children: /* @__PURE__ */ S("div", {
+									className: "rounded-card border border-border-seam bg-bg-surface p-6",
+									children: /* @__PURE__ */ C("div", {
+										className: "grid gap-4 sm:grid-cols-2",
+										children: [/* @__PURE__ */ C("button", {
+											type: "button",
+											onClick: () => N("/api-keys"),
+											className: "rounded-card border border-border-seam bg-bg-surface p-4 text-left transition-colors hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+											children: [
+												/* @__PURE__ */ C("div", {
+													className: "flex items-center gap-2 text-primary",
+													children: [/* @__PURE__ */ S(p, {
+														size: 16,
+														"aria-hidden": "true"
+													}), /* @__PURE__ */ S("span", {
+														className: "font-medium",
+														children: O("devportal.apiKeys", "API Keys")
+													})]
+												}),
+												/* @__PURE__ */ S("p", {
+													className: "mt-2 text-2xl font-semibold",
+													children: V
+												}),
+												/* @__PURE__ */ S("p", {
+													className: "mt-1 text-sm text-text-secondary",
+													children: H ? `${O("devportal.settings.lastUsed", "Last used")} ${E(H.lastUsedAt, P)}` : O("devportal.settings.noApiKeys", "No API keys created yet")
+												})
+											]
+										}), /* @__PURE__ */ C("button", {
+											type: "button",
+											onClick: () => N("/oauth"),
+											className: "rounded-card border border-border-seam bg-bg-surface p-4 text-left transition-colors hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+											children: [
+												/* @__PURE__ */ C("div", {
+													className: "flex items-center gap-2 text-primary",
+													children: [/* @__PURE__ */ S(b, {
+														size: 16,
+														"aria-hidden": "true"
+													}), /* @__PURE__ */ S("span", {
+														className: "font-medium",
+														children: O("devportal.settings.oauthApps", "OAuth Apps")
+													})]
+												}),
+												/* @__PURE__ */ S("p", {
+													className: "mt-2 text-2xl font-semibold",
+													children: O("devportal.common.open", "Open")
+												}),
+												/* @__PURE__ */ S("p", {
+													className: "mt-1 text-sm text-text-secondary",
+													children: O("devportal.settings.oauthDescription", "Manage OAuth clients on the dedicated credentials page.")
+												})
+											]
+										})]
+									})
 								})
-							})
-						}), /* @__PURE__ */ y(t, {
-							title: T("devportal.settings.organizations", "Organizations"),
-							children: /* @__PURE__ */ b("div", {
+							}), /* @__PURE__ */ S(t, {
+								title: O("devportal.settings.organizations", "Organizations"),
+								children: /* @__PURE__ */ C("div", {
+									className: "rounded-card border border-border-seam bg-bg-surface p-6",
+									children: [
+										/* @__PURE__ */ C("div", {
+											className: "flex items-center gap-2 text-primary",
+											children: [/* @__PURE__ */ S(d, {
+												size: 16,
+												"aria-hidden": "true"
+											}), /* @__PURE__ */ S("span", {
+												className: "font-medium",
+												children: O("devportal.settings.developerOrganizations", "Developer organizations")
+											})]
+										}),
+										/* @__PURE__ */ S("p", {
+											className: "mt-2 text-2xl font-semibold",
+											children: z.length
+										}),
+										/* @__PURE__ */ C("p", {
+											className: "mt-1 text-sm text-text-secondary",
+											children: [
+												"$",
+												U.toLocaleString(),
+												" ",
+												O("devportal.settings.lifetimeRevenue", "lifetime revenue across all teams")
+											]
+										}),
+										/* @__PURE__ */ C("button", {
+											type: "button",
+											onClick: () => N("/organizations"),
+											className: "mt-4 inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+											children: [O("devportal.settings.viewOrganizations", "View organizations"), /* @__PURE__ */ S(f, {
+												size: 14,
+												"aria-hidden": "true"
+											})]
+										})
+									]
+								})
+							})]
+						}),
+						/* @__PURE__ */ S(t, {
+							title: O("devportal.settings.deliveryAutomation", "Delivery & automation"),
+							children: /* @__PURE__ */ S("div", {
 								className: "rounded-card border border-border-seam bg-bg-surface p-6",
-								children: [
-									/* @__PURE__ */ b("div", {
+								children: /* @__PURE__ */ C("div", {
+									className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
+									children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("div", {
 										className: "flex items-center gap-2 text-primary",
-										children: [/* @__PURE__ */ y(l, {
+										children: [/* @__PURE__ */ S(y, {
 											size: 16,
 											"aria-hidden": "true"
-										}), /* @__PURE__ */ y("span", {
+										}), /* @__PURE__ */ S("span", {
 											className: "font-medium",
-											children: T("devportal.settings.developerOrganizations", "Developer organizations")
+											children: O("devportal.settings.webhookOperations", "Webhook operations")
 										})]
-									}),
-									/* @__PURE__ */ y("p", {
-										className: "mt-2 text-2xl font-semibold",
-										children: P.length
-									}),
-									/* @__PURE__ */ b("p", {
-										className: "mt-1 text-sm text-text-secondary",
-										children: [
-											"$",
-											R.toLocaleString(),
-											" ",
-											T("devportal.settings.lifetimeRevenue", "lifetime revenue across all teams")
-										]
-									}),
-									/* @__PURE__ */ b("button", {
+									}), /* @__PURE__ */ S("p", {
+										className: "mt-2 text-sm text-text-secondary",
+										children: O("devportal.settings.webhookOperationsDescription", "Configure application webhooks from each application detail page. Delivery history and retry status are available per app.")
+									})] }), /* @__PURE__ */ C("button", {
 										type: "button",
-										onClick: () => k("/organizations"),
-										className: "mt-4 inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-										children: [T("devportal.settings.viewOrganizations", "View organizations"), /* @__PURE__ */ y(u, {
+										onClick: () => N("/webhooks"),
+										className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+										children: [O("devportal.settings.openWebhooks", "Open webhooks"), /* @__PURE__ */ S(f, {
 											size: 14,
 											"aria-hidden": "true"
 										})]
-									})
-								]
+									})]
+								})
 							})
-						})]
-					}),
-					/* @__PURE__ */ y(t, {
-						title: T("devportal.settings.deliveryAutomation", "Delivery & automation"),
-						children: /* @__PURE__ */ y("div", {
-							className: "rounded-card border border-border-seam bg-bg-surface p-6",
-							children: /* @__PURE__ */ b("div", {
-								className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
-								children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
+						})
+					]
+				}), /* @__PURE__ */ C("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ S(t, {
+							title: O("devportal.settings.securitySupport", "Security & support"),
+							children: /* @__PURE__ */ C("div", {
+								className: "rounded-card border border-border-seam bg-bg-surface p-6",
+								children: [/* @__PURE__ */ C("div", {
 									className: "flex items-center gap-2 text-primary",
-									children: [/* @__PURE__ */ y(_, {
+									children: [/* @__PURE__ */ S(_, {
 										size: 16,
 										"aria-hidden": "true"
-									}), /* @__PURE__ */ y("span", {
+									}), /* @__PURE__ */ S("span", {
 										className: "font-medium",
-										children: T("devportal.settings.webhookOperations", "Webhook operations")
+										children: O("devportal.settings.securityPosture", "Security posture")
 									})]
-								}), /* @__PURE__ */ y("p", {
-									className: "mt-2 text-sm text-text-secondary",
-									children: T("devportal.settings.webhookOperationsDescription", "Configure application webhooks from each application detail page. Delivery history and retry status are available per app.")
-								})] }), /* @__PURE__ */ b("button", {
-									type: "button",
-									onClick: () => k("/webhooks"),
-									className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-									children: [T("devportal.settings.openWebhooks", "Open webhooks"), /* @__PURE__ */ y(u, {
-										size: 14,
-										"aria-hidden": "true"
-									})]
-								})]
-							})
-						})
-					})
-				]
-			}), /* @__PURE__ */ b("div", {
-				className: "space-y-6",
-				children: [
-					/* @__PURE__ */ y(t, {
-						title: T("devportal.settings.securitySupport", "Security & support"),
-						children: /* @__PURE__ */ b("div", {
-							className: "rounded-card border border-border-seam bg-bg-surface p-6",
-							children: [/* @__PURE__ */ b("div", {
-								className: "flex items-center gap-2 text-primary",
-								children: [/* @__PURE__ */ y(h, {
-									size: 16,
-									"aria-hidden": "true"
-								}), /* @__PURE__ */ y("span", {
-									className: "font-medium",
-									children: T("devportal.settings.securityPosture", "Security posture")
-								})]
-							}), /* @__PURE__ */ b("ul", {
-								className: "mt-4 space-y-3 text-sm text-text-secondary",
-								children: [
-									/* @__PURE__ */ y("li", {
-										className: "rounded-md bg-bg-sunken px-3 py-2",
-										children: T("devportal.settings.securityNote1", "API keys and OAuth apps are managed through the public global gateway.")
-									}),
-									/* @__PURE__ */ y("li", {
-										className: "rounded-md bg-bg-sunken px-3 py-2",
-										children: T("devportal.settings.securityNote2", "Webhook testing and delivery history are available per application.")
-									}),
-									/* @__PURE__ */ y("li", {
-										className: "rounded-md bg-bg-sunken px-3 py-2",
-										children: T("devportal.settings.securityNote3", "Profile verification status is reflected directly from your developer profile.")
-									})
-								]
-							})]
-						})
-					}),
-					/* @__PURE__ */ y(t, {
-						title: T("devportal.settings.recentCredentialActivity", "Recent credential activity"),
-						children: /* @__PURE__ */ y("div", {
-							className: "rounded-card border border-border-seam bg-bg-surface p-6",
-							children: L ? /* @__PURE__ */ b("div", {
-								className: "space-y-4 text-sm",
-								children: [/* @__PURE__ */ b("div", {
-									className: "flex items-center justify-between gap-3",
-									children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-										className: "font-medium",
-										children: L.name
-									}), /* @__PURE__ */ y("p", {
-										className: "text-text-secondary",
-										children: L.prefix
-									})] }), /* @__PURE__ */ y("span", {
-										className: "inline-flex items-center rounded-full bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text",
-										children: T("devportal.common.active", "Active")
-									})]
-								}), /* @__PURE__ */ b("dl", {
-									className: "grid gap-3 text-text-secondary",
+								}), /* @__PURE__ */ C("ul", {
+									className: "mt-4 space-y-3 text-sm text-text-secondary",
 									children: [
-										/* @__PURE__ */ b("div", {
-											className: "flex items-center justify-between gap-3",
-											children: [/* @__PURE__ */ y("dt", { children: T("devportal.common.created", "Created") }), /* @__PURE__ */ y("dd", { children: S(L.createdAt, A) })]
+										/* @__PURE__ */ S("li", {
+											className: "rounded-md bg-bg-sunken px-3 py-2",
+											children: O("devportal.settings.securityNote1", "API keys and OAuth apps are managed through the public global gateway.")
 										}),
-										/* @__PURE__ */ b("div", {
-											className: "flex items-center justify-between gap-3",
-											children: [/* @__PURE__ */ y("dt", { children: T("devportal.common.expires", "Expires") }), /* @__PURE__ */ y("dd", { children: S(L.expiresAt, A) })]
+										/* @__PURE__ */ S("li", {
+											className: "rounded-md bg-bg-sunken px-3 py-2",
+											children: O("devportal.settings.securityNote2", "Webhook testing and delivery history are available per application.")
 										}),
-										/* @__PURE__ */ b("div", {
-											className: "flex items-center justify-between gap-3",
-											children: [/* @__PURE__ */ y("dt", { children: T("devportal.settings.lastUsed", "Last used") }), /* @__PURE__ */ y("dd", { children: S(L.lastUsedAt, A) })]
+										/* @__PURE__ */ S("li", {
+											className: "rounded-md bg-bg-sunken px-3 py-2",
+											children: O("devportal.settings.securityNote3", "Profile verification status is reflected directly from your developer profile.")
 										})
 									]
 								})]
-							}) : /* @__PURE__ */ y(n, {
-								illustration: "empty-notifications",
-								icon: /* @__PURE__ */ y(d, { size: 24 }),
-								title: T("devportal.settings.noCredentialActivity", "No credential activity yet"),
-								description: T("devportal.settings.noCredentialActivityDescription", "Create an API key or OAuth app to manage credentials from here.")
 							})
-						})
-					}),
-					/* @__PURE__ */ y(t, {
-						title: T("devportal.settings.accountActions", "Account actions"),
-						children: /* @__PURE__ */ b("div", {
-							className: "rounded-lg border border-status-warning-border bg-status-warning-bg-subtle p-6",
-							children: [
-								/* @__PURE__ */ y("h2", {
-									className: "font-semibold text-status-warning-text",
-									children: T("devportal.settings.needHelpTitle", "Need help with account changes?")
-								}),
-								/* @__PURE__ */ y("p", {
-									className: "mt-2 text-sm text-status-warning-text",
-									children: T("devportal.settings.needHelpDescription", "Destructive account operations are handled through support so the team can verify ownership and preserve billing history, audit trails, and marketplace assets.")
-								}),
-								/* @__PURE__ */ b("a", {
-									href: "mailto:support@burdenoff.com?subject=Developer%20portal%20account%20support",
-									className: "mt-4 inline-flex items-center gap-2 rounded-md border border-status-warning-border bg-bg-surface px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-									children: [/* @__PURE__ */ y(p, {
-										size: 16,
-										"aria-hidden": "true"
-									}), T("devportal.settings.contactSupport", "Contact support")]
+						}),
+						/* @__PURE__ */ S(t, {
+							title: O("devportal.settings.recentCredentialActivity", "Recent credential activity"),
+							children: /* @__PURE__ */ S("div", {
+								className: "rounded-card border border-border-seam bg-bg-surface p-6",
+								children: H ? /* @__PURE__ */ C("div", {
+									className: "space-y-4 text-sm",
+									children: [/* @__PURE__ */ C("div", {
+										className: "flex items-center justify-between gap-3",
+										children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+											className: "font-medium",
+											children: H.name
+										}), /* @__PURE__ */ S("p", {
+											className: "text-text-secondary",
+											children: H.prefix
+										})] }), /* @__PURE__ */ S("span", {
+											className: "inline-flex items-center rounded-full bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text",
+											children: O("devportal.common.active", "Active")
+										})]
+									}), /* @__PURE__ */ C("dl", {
+										className: "grid gap-3 text-text-secondary",
+										children: [
+											/* @__PURE__ */ C("div", {
+												className: "flex items-center justify-between gap-3",
+												children: [/* @__PURE__ */ S("dt", { children: O("devportal.common.created", "Created") }), /* @__PURE__ */ S("dd", { children: E(H.createdAt, P) })]
+											}),
+											/* @__PURE__ */ C("div", {
+												className: "flex items-center justify-between gap-3",
+												children: [/* @__PURE__ */ S("dt", { children: O("devportal.common.expires", "Expires") }), /* @__PURE__ */ S("dd", { children: E(H.expiresAt, P) })]
+											}),
+											/* @__PURE__ */ C("div", {
+												className: "flex items-center justify-between gap-3",
+												children: [/* @__PURE__ */ S("dt", { children: O("devportal.settings.lastUsed", "Last used") }), /* @__PURE__ */ S("dd", { children: E(H.lastUsedAt, P) })]
+											})
+										]
+									})]
+								}) : /* @__PURE__ */ S(n, {
+									illustration: "empty-notifications",
+									icon: /* @__PURE__ */ S(p, { size: 24 }),
+									title: O("devportal.settings.noCredentialActivity", "No credential activity yet"),
+									description: O("devportal.settings.noCredentialActivityDescription", "Create an API key or OAuth app to manage credentials from here.")
 								})
-							]
+							})
+						}),
+						/* @__PURE__ */ S(t, {
+							title: O("devportal.settings.accountActions", "Account actions"),
+							children: /* @__PURE__ */ C("div", {
+								className: "rounded-lg border border-status-warning-border bg-status-warning-bg-subtle p-6",
+								children: [
+									/* @__PURE__ */ S("h2", {
+										className: "font-semibold text-status-warning-text",
+										children: O("devportal.settings.needHelpTitle", "Need help with account changes?")
+									}),
+									/* @__PURE__ */ S("p", {
+										className: "mt-2 text-sm text-status-warning-text",
+										children: O("devportal.settings.needHelpDescription", "Destructive account operations are handled through support so the team can verify ownership and preserve billing history, audit trails, and marketplace assets.")
+									}),
+									/* @__PURE__ */ C("a", {
+										href: "mailto:support@burdenoff.com?subject=Developer%20portal%20account%20support",
+										className: "mt-4 inline-flex items-center gap-2 rounded-md border border-status-warning-border bg-bg-surface px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+										children: [/* @__PURE__ */ S(h, {
+											size: 16,
+											"aria-hidden": "true"
+										}), O("devportal.settings.contactSupport", "Contact support")]
+									})
+								]
+							})
 						})
-					})
-				]
-			})]
-		})
+					]
+				})]
+			})
+		})]
 	});
 };
-export { C as SettingsPage };
+export { O as SettingsPage };
 
 //# sourceMappingURL=SettingsPage.js.map