@burdenoff/microfe-devportal 2026.625.3 → 2026.625.5

package/dist/devportal/pages/SettingsPage.js

@@ -8,130 +8,132 @@ 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 S = (e, t) => {
+var x = (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 } = 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,
+}, 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,
 		children: /* @__PURE__ */ y("div", {
-			className: "flex items-center justify-center py-16 text-text-secondary",
+			className: "flex items-center justify-center py-16 text-muted-foreground",
 			role: "status",
 			"aria-live": "polite",
-			"aria-label": T("devportal.common.loading", "Loading"),
+			"aria-label": w("devportal.common.loading", "Loading"),
 			children: /* @__PURE__ */ y(f, { className: "h-8 w-8 animate-spin" })
 		})
 	});
-	if (O) return /* @__PURE__ */ y(i, {
-		title: j,
-		description: M,
+	if (D) return /* @__PURE__ */ y(i, {
+		title: A,
+		description: j,
 		children: /* @__PURE__ */ y(t, {
 			icon: /* @__PURE__ */ y(c, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
-			title: T("devportal.settings.errorTitle", "Unable to load settings"),
-			description: r(O)
+			title: w("devportal.settings.errorTitle", "Unable to load settings"),
+			description: r(D)
 		})
 	});
-	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);
+	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);
 	return /* @__PURE__ */ y(i, {
-		title: j,
-		description: M,
+		title: A,
+		description: j,
 		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: 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")]
-							})]
-						}) })
+						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")]
+								})]
+							})
+						})
 					}),
 					/* @__PURE__ */ b("div", {
 						className: "grid gap-6 lg:grid-cols-2",
 						children: [/* @__PURE__ */ y(a, {
-							title: T("devportal.settings.credentials", "Credentials"),
+							title: w("devportal.settings.credentials", "Credentials"),
 							children: /* @__PURE__ */ y("div", {
-								className: "rounded-card border border-border-seam bg-bg-surface p-6",
+								className: "rounded-lg border bg-card 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",
+										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",
 										children: [
 											/* @__PURE__ */ b("div", {
 												className: "flex items-center gap-2 text-primary",
@@ -140,22 +142,22 @@ var S = (e, t) => {
 													"aria-hidden": "true"
 												}), /* @__PURE__ */ y("span", {
 													className: "font-medium",
-													children: T("devportal.apiKeys", "API Keys")
+													children: w("devportal.apiKeys", "API Keys")
 												})]
 											}),
 											/* @__PURE__ */ y("p", {
 												className: "mt-2 text-2xl font-semibold",
-												children: I
+												children: F
 											}),
 											/* @__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")
+												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")
 											})
 										]
 									}), /* @__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",
+										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",
 										children: [
 											/* @__PURE__ */ b("div", {
 												className: "flex items-center gap-2 text-primary",
@@ -164,25 +166,25 @@ var S = (e, t) => {
 													"aria-hidden": "true"
 												}), /* @__PURE__ */ y("span", {
 													className: "font-medium",
-													children: T("devportal.settings.oauthApps", "OAuth Apps")
+													children: w("devportal.settings.oauthApps", "OAuth Apps")
 												})]
 											}),
 											/* @__PURE__ */ y("p", {
 												className: "mt-2 text-2xl font-semibold",
-												children: T("devportal.common.open", "Open")
+												children: w("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.")
+												className: "mt-1 text-sm text-muted-foreground",
+												children: w("devportal.settings.oauthDescription", "Manage OAuth clients on the dedicated credentials page.")
 											})
 										]
 									})]
 								})
 							})
 						}), /* @__PURE__ */ y(a, {
-							title: T("devportal.settings.organizations", "Organizations"),
+							title: w("devportal.settings.organizations", "Organizations"),
 							children: /* @__PURE__ */ b("div", {
-								className: "rounded-card border border-border-seam bg-bg-surface p-6",
+								className: "rounded-lg border bg-card p-6",
 								children: [
 									/* @__PURE__ */ b("div", {
 										className: "flex items-center gap-2 text-primary",
@@ -191,27 +193,27 @@ var S = (e, t) => {
 											"aria-hidden": "true"
 										}), /* @__PURE__ */ y("span", {
 											className: "font-medium",
-											children: T("devportal.settings.developerOrganizations", "Developer organizations")
+											children: w("devportal.settings.developerOrganizations", "Developer organizations")
 										})]
 									}),
 									/* @__PURE__ */ y("p", {
 										className: "mt-2 text-2xl font-semibold",
-										children: P.length
+										children: N.length
 									}),
 									/* @__PURE__ */ b("p", {
-										className: "mt-1 text-sm text-text-secondary",
+										className: "mt-1 text-sm text-muted-foreground",
 										children: [
 											"$",
-											R.toLocaleString(),
+											L.toLocaleString(),
 											" ",
-											T("devportal.settings.lifetimeRevenue", "lifetime revenue across all teams")
+											w("devportal.settings.lifetimeRevenue", "lifetime revenue across all teams")
 										]
 									}),
 									/* @__PURE__ */ b("button", {
 										type: "button",
-										onClick: () => k("/organizations"),
+										onClick: () => O("/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, {
+										children: [w("devportal.settings.viewOrganizations", "View organizations"), /* @__PURE__ */ y(u, {
 											size: 14,
 											"aria-hidden": "true"
 										})]
@@ -221,9 +223,9 @@ var S = (e, t) => {
 						})]
 					}),
 					/* @__PURE__ */ y(a, {
-						title: T("devportal.settings.deliveryAutomation", "Delivery & automation"),
+						title: w("devportal.settings.deliveryAutomation", "Delivery & automation"),
 						children: /* @__PURE__ */ y("div", {
-							className: "rounded-card border border-border-seam bg-bg-surface p-6",
+							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", { children: [/* @__PURE__ */ b("div", {
@@ -233,16 +235,16 @@ var S = (e, t) => {
 										"aria-hidden": "true"
 									}), /* @__PURE__ */ y("span", {
 										className: "font-medium",
-										children: T("devportal.settings.webhookOperations", "Webhook operations")
+										children: w("devportal.settings.webhookOperations", "Webhook operations")
 									})]
 								}), /* @__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.")
+									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.")
 								})] }), /* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => k("/webhooks"),
+									onClick: () => O("/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, {
+									children: [w("devportal.settings.openWebhooks", "Open webhooks"), /* @__PURE__ */ y(u, {
 										size: 14,
 										"aria-hidden": "true"
 									})]
@@ -255,9 +257,9 @@ var S = (e, t) => {
 				className: "space-y-6",
 				children: [
 					/* @__PURE__ */ y(a, {
-						title: T("devportal.settings.securitySupport", "Security & support"),
+						title: w("devportal.settings.securitySupport", "Security & support"),
 						children: /* @__PURE__ */ b("div", {
-							className: "rounded-card border border-border-seam bg-bg-surface p-6",
+							className: "rounded-lg border bg-card p-6",
 							children: [/* @__PURE__ */ b("div", {
 								className: "flex items-center gap-2 text-primary",
 								children: [/* @__PURE__ */ y(h, {
@@ -265,89 +267,89 @@ var S = (e, t) => {
 									"aria-hidden": "true"
 								}), /* @__PURE__ */ y("span", {
 									className: "font-medium",
-									children: T("devportal.settings.securityPosture", "Security posture")
+									children: w("devportal.settings.securityPosture", "Security posture")
 								})]
 							}), /* @__PURE__ */ b("ul", {
-								className: "mt-4 space-y-3 text-sm text-text-secondary",
+								className: "mt-4 space-y-3 text-sm text-muted-foreground",
 								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.")
+										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.")
 									}),
 									/* @__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.")
+										className: "rounded-md bg-muted px-3 py-2",
+										children: w("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.")
+										className: "rounded-md bg-muted px-3 py-2",
+										children: w("devportal.settings.securityNote3", "Profile verification status is reflected directly from your developer profile.")
 									})
 								]
 							})]
 						})
 					}),
 					/* @__PURE__ */ y(a, {
-						title: T("devportal.settings.recentCredentialActivity", "Recent credential activity"),
+						title: w("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: "rounded-lg border bg-card p-6",
+							children: I ? /* @__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
+										children: I.name
 									}), /* @__PURE__ */ y("p", {
-										className: "text-text-secondary",
-										children: L.prefix
+										className: "text-muted-foreground",
+										children: I.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")
+										children: w("devportal.common.active", "Active")
 									})]
 								}), /* @__PURE__ */ b("dl", {
-									className: "grid gap-3 text-text-secondary",
+									className: "grid gap-3 text-muted-foreground",
 									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) })]
+											children: [/* @__PURE__ */ y("dt", { children: w("devportal.common.created", "Created") }), /* @__PURE__ */ y("dd", { children: x(I.createdAt, k) })]
 										}),
 										/* @__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) })]
+											children: [/* @__PURE__ */ y("dt", { children: w("devportal.common.expires", "Expires") }), /* @__PURE__ */ y("dd", { children: x(I.expiresAt, k) })]
 										}),
 										/* @__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) })]
+											children: [/* @__PURE__ */ y("dt", { children: w("devportal.settings.lastUsed", "Last used") }), /* @__PURE__ */ y("dd", { children: x(I.lastUsedAt, k) })]
 										})
 									]
 								})]
 							}) : /* @__PURE__ */ y(t, {
 								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.")
+								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.")
 							})
 						})
 					}),
 					/* @__PURE__ */ y(a, {
-						title: T("devportal.settings.accountActions", "Account actions"),
+						title: w("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?")
+									children: w("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.")
+									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.")
 								}),
 								/* @__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",
+									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",
 									children: [/* @__PURE__ */ y(p, {
 										size: 16,
 										"aria-hidden": "true"
-									}), T("devportal.settings.contactSupport", "Contact support")]
+									}), w("devportal.settings.contactSupport", "Contact support")]
 								})
 							]
 						})
@@ -358,6 +360,6 @@ var S = (e, t) => {
 	});
 };
 //#endregion
-export { C as SettingsPage };
+export { S as SettingsPage };
 
 //# sourceMappingURL=SettingsPage.js.map