@burdenoff/microfe-devportal 2026.625.8 → 2026.625.10

package/dist/devportal/pages/SettingsPage.js

@@ -8,132 +8,131 @@ 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";
 //#region src/devportal/pages/SettingsPage.tsx
-var x = (e, t) => {
+var S = (e, t) => {
 	if (!e) return t;
 	let n = new Date(e);
 	return Number.isNaN(n.getTime()) ? t : n.toLocaleDateString();
-}, S = () => {
-	let { navigate: S, basePath: C } = e(), w = s(), { data: T, loading: E, error: D } = n({ fetchPolicy: "cache-and-network" }), O = (e) => {
-		S?.(`${C}${e}`);
-	}, k = w("devportal.settings.never", "Never"), A = w("devportal.settings.title", "Settings"), j = w("devportal.settings.description", "Review your developer portal account, credentials, and support options");
-	if (E && !T) return /* @__PURE__ */ y(i, {
-		title: A,
-		description: j,
+}, C = () => {
+	let { navigate: C, basePath: w } = e(), T = s(), { data: E, loading: D, error: O } = n({ 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(i, {
+		title: j,
+		description: M,
 		children: /* @__PURE__ */ y("div", {
-			className: "flex items-center justify-center py-16 text-muted-foreground",
+			className: "flex items-center justify-center py-16 text-text-secondary",
 			role: "status",
 			"aria-live": "polite",
-			"aria-label": w("devportal.common.loading", "Loading"),
+			"aria-label": T("devportal.common.loading", "Loading"),
 			children: /* @__PURE__ */ y(f, { className: "h-8 w-8 animate-spin" })
 		})
 	});
-	if (D) return /* @__PURE__ */ y(i, {
-		title: A,
-		description: j,
+	if (O) return /* @__PURE__ */ y(i, {
+		title: j,
+		description: M,
 		children: /* @__PURE__ */ y(t, {
 			icon: /* @__PURE__ */ y(c, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
-			title: w("devportal.settings.errorTitle", "Unable to load settings"),
-			description: r(D)
+			title: T("devportal.settings.errorTitle", "Unable to load settings"),
+			description: r(O)
 		})
 	});
-	let M = T?.myDeveloperProfile, N = T?.myDeveloperOrganizations ?? [], P = T?.myApiKeys?.apiKeys ?? [], F = T?.myApiKeys?.totalCount ?? P.length, I = P[0], L = N.reduce((e, t) => e + (t.totalRevenue ?? 0), 0);
+	let N = E?.myDeveloperProfile, P = E?.myDeveloperOrganizations ?? [], 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(i, {
-		title: A,
-		description: j,
+		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(a, {
-						title: w("devportal.settings.profile", "Profile"),
-						children: /* @__PURE__ */ y("div", {
-							className: "rounded-lg border bg-card 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", {
-									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: w("devportal.settings.developerProfile", "Developer profile")
-												}),
-												M?.isVerified && /* @__PURE__ */ y(o, { verified: !0 })
-											]
-										}),
-										/* @__PURE__ */ y("p", {
-											className: "text-sm text-muted-foreground",
-											children: M?.companyName || w("devportal.settings.noCompanyName", "No company name set yet")
-										}),
-										M?.bio && /* @__PURE__ */ y("p", {
-											className: "max-w-2xl text-sm text-muted-foreground",
-											children: M.bio
-										}),
-										/* @__PURE__ */ b("div", {
-											className: "flex flex-wrap gap-2 pt-1 text-xs text-muted-foreground",
-											children: [
-												/* @__PURE__ */ b("span", {
-													className: "rounded-full bg-muted px-2.5 py-1",
-													children: [
-														M?.applicationCount ?? 0,
-														" ",
-														w("devportal.settings.publishedAssetsTracked", "published assets tracked")
-													]
-												}),
-												/* @__PURE__ */ b("span", {
-													className: "rounded-full bg-muted px-2.5 py-1",
-													children: [
-														M?.totalInstalls ?? 0,
-														" ",
-														w("devportal.settings.installs", "installs")
-													]
-												}),
-												/* @__PURE__ */ b("span", {
-													className: "rounded-full bg-muted px-2.5 py-1",
-													children: [
-														w("devportal.settings.emailUpdates", "Email updates"),
-														" ",
-														M?.emailNotifications ? w("devportal.common.enabled", "enabled") : w("devportal.common.disabled", "disabled")
-													]
-												})
-											]
-										})
-									]
-								}), /* @__PURE__ */ b("button", {
-									type: "button",
-									onClick: () => O("/publisher/profile"),
-									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 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"
-									}), w("devportal.settings.manageProfile", "Manage profile")]
-								})]
-							})
-						})
+						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(o, { 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(a, {
-							title: w("devportal.settings.credentials", "Credentials"),
+							title: T("devportal.settings.credentials", "Credentials"),
 							children: /* @__PURE__ */ y("div", {
-								className: "rounded-lg border bg-card p-6",
+								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: () => O("/api-keys"),
-										className: "rounded-lg border bg-background 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",
+										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",
@@ -142,22 +141,22 @@ var x = (e, t) => {
 													"aria-hidden": "true"
 												}), /* @__PURE__ */ y("span", {
 													className: "font-medium",
-													children: w("devportal.apiKeys", "API Keys")
+													children: T("devportal.apiKeys", "API Keys")
 												})]
 											}),
 											/* @__PURE__ */ y("p", {
 												className: "mt-2 text-2xl font-semibold",
-												children: F
+												children: I
 											}),
 											/* @__PURE__ */ y("p", {
-												className: "mt-1 text-sm text-muted-foreground",
-												children: I ? `${w("devportal.settings.lastUsed", "Last used")} ${x(I.lastUsedAt, k)}` : w("devportal.settings.noApiKeys", "No API keys created yet")
+												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: () => O("/oauth"),
-										className: "rounded-lg border bg-background 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",
+										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",
@@ -166,25 +165,25 @@ var x = (e, t) => {
 													"aria-hidden": "true"
 												}), /* @__PURE__ */ y("span", {
 													className: "font-medium",
-													children: w("devportal.settings.oauthApps", "OAuth Apps")
+													children: T("devportal.settings.oauthApps", "OAuth Apps")
 												})]
 											}),
 											/* @__PURE__ */ y("p", {
 												className: "mt-2 text-2xl font-semibold",
-												children: w("devportal.common.open", "Open")
+												children: T("devportal.common.open", "Open")
 											}),
 											/* @__PURE__ */ y("p", {
-												className: "mt-1 text-sm text-muted-foreground",
-												children: w("devportal.settings.oauthDescription", "Manage OAuth clients on the dedicated credentials page.")
+												className: "mt-1 text-sm text-text-secondary",
+												children: T("devportal.settings.oauthDescription", "Manage OAuth clients on the dedicated credentials page.")
 											})
 										]
 									})]
 								})
 							})
 						}), /* @__PURE__ */ y(a, {
-							title: w("devportal.settings.organizations", "Organizations"),
+							title: T("devportal.settings.organizations", "Organizations"),
 							children: /* @__PURE__ */ b("div", {
-								className: "rounded-lg border bg-card p-6",
+								className: "rounded-card border border-border-seam bg-bg-surface p-6",
 								children: [
 									/* @__PURE__ */ b("div", {
 										className: "flex items-center gap-2 text-primary",
@@ -193,27 +192,27 @@ var x = (e, t) => {
 											"aria-hidden": "true"
 										}), /* @__PURE__ */ y("span", {
 											className: "font-medium",
-											children: w("devportal.settings.developerOrganizations", "Developer organizations")
+											children: T("devportal.settings.developerOrganizations", "Developer organizations")
 										})]
 									}),
 									/* @__PURE__ */ y("p", {
 										className: "mt-2 text-2xl font-semibold",
-										children: N.length
+										children: P.length
 									}),
 									/* @__PURE__ */ b("p", {
-										className: "mt-1 text-sm text-muted-foreground",
+										className: "mt-1 text-sm text-text-secondary",
 										children: [
 											"$",
-											L.toLocaleString(),
+											R.toLocaleString(),
 											" ",
-											w("devportal.settings.lifetimeRevenue", "lifetime revenue across all teams")
+											T("devportal.settings.lifetimeRevenue", "lifetime revenue across all teams")
 										]
 									}),
 									/* @__PURE__ */ b("button", {
 										type: "button",
-										onClick: () => O("/organizations"),
+										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: [w("devportal.settings.viewOrganizations", "View organizations"), /* @__PURE__ */ y(u, {
+										children: [T("devportal.settings.viewOrganizations", "View organizations"), /* @__PURE__ */ y(u, {
 											size: 14,
 											"aria-hidden": "true"
 										})]
@@ -223,9 +222,9 @@ var x = (e, t) => {
 						})]
 					}),
 					/* @__PURE__ */ y(a, {
-						title: w("devportal.settings.deliveryAutomation", "Delivery & automation"),
+						title: T("devportal.settings.deliveryAutomation", "Delivery & automation"),
 						children: /* @__PURE__ */ y("div", {
-							className: "rounded-lg border bg-card p-6",
+							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", {
@@ -235,16 +234,16 @@ var x = (e, t) => {
 										"aria-hidden": "true"
 									}), /* @__PURE__ */ y("span", {
 										className: "font-medium",
-										children: w("devportal.settings.webhookOperations", "Webhook operations")
+										children: T("devportal.settings.webhookOperations", "Webhook operations")
 									})]
 								}), /* @__PURE__ */ y("p", {
-									className: "mt-2 text-sm text-muted-foreground",
-									children: w("devportal.settings.webhookOperationsDescription", "Configure application webhooks from each application detail page. Delivery history and retry status are available per app.")
+									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: () => O("/webhooks"),
+									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: [w("devportal.settings.openWebhooks", "Open webhooks"), /* @__PURE__ */ y(u, {
+									children: [T("devportal.settings.openWebhooks", "Open webhooks"), /* @__PURE__ */ y(u, {
 										size: 14,
 										"aria-hidden": "true"
 									})]
@@ -257,9 +256,9 @@ var x = (e, t) => {
 				className: "space-y-6",
 				children: [
 					/* @__PURE__ */ y(a, {
-						title: w("devportal.settings.securitySupport", "Security & support"),
+						title: T("devportal.settings.securitySupport", "Security & support"),
 						children: /* @__PURE__ */ b("div", {
-							className: "rounded-lg border bg-card p-6",
+							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, {
@@ -267,89 +266,90 @@ var x = (e, t) => {
 									"aria-hidden": "true"
 								}), /* @__PURE__ */ y("span", {
 									className: "font-medium",
-									children: w("devportal.settings.securityPosture", "Security posture")
+									children: T("devportal.settings.securityPosture", "Security posture")
 								})]
 							}), /* @__PURE__ */ b("ul", {
-								className: "mt-4 space-y-3 text-sm text-muted-foreground",
+								className: "mt-4 space-y-3 text-sm text-text-secondary",
 								children: [
 									/* @__PURE__ */ y("li", {
-										className: "rounded-md bg-muted px-3 py-2",
-										children: w("devportal.settings.securityNote1", "API keys and OAuth apps are managed through the public global gateway.")
+										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-muted px-3 py-2",
-										children: w("devportal.settings.securityNote2", "Webhook testing and delivery history are available per application.")
+										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-muted px-3 py-2",
-										children: w("devportal.settings.securityNote3", "Profile verification status is reflected directly from your developer profile.")
+										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(a, {
-						title: w("devportal.settings.recentCredentialActivity", "Recent credential activity"),
+						title: T("devportal.settings.recentCredentialActivity", "Recent credential activity"),
 						children: /* @__PURE__ */ y("div", {
-							className: "rounded-lg border bg-card p-6",
-							children: I ? /* @__PURE__ */ b("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: I.name
+										children: L.name
 									}), /* @__PURE__ */ y("p", {
-										className: "text-muted-foreground",
-										children: I.prefix
+										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: w("devportal.common.active", "Active")
+										children: T("devportal.common.active", "Active")
 									})]
 								}), /* @__PURE__ */ b("dl", {
-									className: "grid gap-3 text-muted-foreground",
+									className: "grid gap-3 text-text-secondary",
 									children: [
 										/* @__PURE__ */ b("div", {
 											className: "flex items-center justify-between gap-3",
-											children: [/* @__PURE__ */ y("dt", { children: w("devportal.common.created", "Created") }), /* @__PURE__ */ y("dd", { children: x(I.createdAt, k) })]
+											children: [/* @__PURE__ */ y("dt", { children: T("devportal.common.created", "Created") }), /* @__PURE__ */ y("dd", { children: S(L.createdAt, A) })]
 										}),
 										/* @__PURE__ */ b("div", {
 											className: "flex items-center justify-between gap-3",
-											children: [/* @__PURE__ */ y("dt", { children: w("devportal.common.expires", "Expires") }), /* @__PURE__ */ y("dd", { children: x(I.expiresAt, k) })]
+											children: [/* @__PURE__ */ y("dt", { children: T("devportal.common.expires", "Expires") }), /* @__PURE__ */ y("dd", { children: S(L.expiresAt, A) })]
 										}),
 										/* @__PURE__ */ b("div", {
 											className: "flex items-center justify-between gap-3",
-											children: [/* @__PURE__ */ y("dt", { children: w("devportal.settings.lastUsed", "Last used") }), /* @__PURE__ */ y("dd", { children: x(I.lastUsedAt, k) })]
+											children: [/* @__PURE__ */ y("dt", { children: T("devportal.settings.lastUsed", "Last used") }), /* @__PURE__ */ y("dd", { children: S(L.lastUsedAt, A) })]
 										})
 									]
 								})]
 							}) : /* @__PURE__ */ y(t, {
+								illustration: "empty-notifications",
 								icon: /* @__PURE__ */ y(d, { size: 24 }),
-								title: w("devportal.settings.noCredentialActivity", "No credential activity yet"),
-								description: w("devportal.settings.noCredentialActivityDescription", "Create an API key or OAuth app to manage credentials from here.")
+								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(a, {
-						title: w("devportal.settings.accountActions", "Account actions"),
+						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: w("devportal.settings.needHelpTitle", "Need help with account changes?")
+									children: T("devportal.settings.needHelpTitle", "Need help with account changes?")
 								}),
 								/* @__PURE__ */ y("p", {
 									className: "mt-2 text-sm text-status-warning-text",
-									children: w("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.")
+									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-background px-4 py-2 text-sm font-medium text-foreground hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+									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"
-									}), w("devportal.settings.contactSupport", "Contact support")]
+									}), T("devportal.settings.contactSupport", "Contact support")]
 								})
 							]
 						})
@@ -360,6 +360,6 @@ var x = (e, t) => {
 	});
 };
 //#endregion
-export { S as SettingsPage };
+export { C as SettingsPage };
 
 //# sourceMappingURL=SettingsPage.js.map