@burdenoff/microfe-auth 2026.830.1 → 2026.830.2

package/dist/auth/pages/UserProfilePage.js

@@ -1,11 +1,11 @@
 import { useAuthStore as e } from "../store/authStore.js";
-import { AuthLayout as t } from "../components/AuthLayout.js";
-import { AlertIcon as n, CheckIcon as r, EmailIcon as i, SpinnerIcon as a, UserIcon as o } from "../components/AuthIcons.js";
-import { useUserOperations as s } from "../hooks/useUserOperations.js";
-import { useCompleteAvatarUploadMutation as c, useInitiateAvatarUploadMutation as l } from "../../generated/wspace-operations.js";
-import { useEffect as u, useId as d, useRef as f, useState as p } from "react";
-import { useNavigate as m } from "react-router";
-import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useTr as t } from "../../shared/hooks/useTr.js";
+import { AuthLayout as n } from "../components/AuthLayout.js";
+import { AlertIcon as r, CheckIcon as i, EmailIcon as a, SpinnerIcon as o, UserIcon as s } from "../components/AuthIcons.js";
+import { useUserOperations as c } from "../hooks/useUserOperations.js";
+import { useCompleteAvatarUploadMutation as l, useInitiateAvatarUploadMutation as u } from "../../generated/wspace-operations.js";
+import { useEffect as d, useId as f, useRef as p, useState as m } from "react";
+import { useNavigate as h } from "react-router";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 import { Button as y } from "@burdenoff/fe-libs/button";
 import { NextSteps as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
@@ -13,24 +13,21 @@ import { useGatewayClient as S } from "@burdenoff/fe-libs/shared/graphql";
 import { useAuth as C } from "@burdenoff/fe-libs/shared/providers/shell/AuthProvider";
 //#region src/auth/pages/UserProfilePage.tsx
 function w() {
-	let { t: w } = h(), T = (e, t) => {
-		let n = w(e);
-		return n === e ? t : n;
-	}, E = m(), D = C(), O = e((e) => e.isAuthenticated), k = e((e) => e.user), A = e((e) => e.setUser), { updateCurrentUserProfile: j, isLoading: M } = s(), N = d(), P = d(), F = d(), I = d(), L = d(), R = e((e) => e.currentWorkspaceId), z = S("workspace"), [B] = l({ client: z }), [V] = c({ client: z }), H = f(null), [U, W] = p(!1), G = async (e) => {
+	let w = t(), T = h(), E = C(), D = e((e) => e.isAuthenticated), O = e((e) => e.user), k = e((e) => e.setUser), { updateCurrentUserProfile: A, isLoading: j } = c(), M = f(), N = f(), P = f(), F = f(), I = f(), L = e((e) => e.currentWorkspaceId), R = S("workspace"), [z] = u({ client: R }), [B] = l({ client: R }), V = p(null), [H, U] = m(!1), W = async (e) => {
 		let t = e.target.files?.[0];
 		if (!t) return;
 		if (!t.type.startsWith("image/")) {
-			Z(T("auth.profile.invalidImageType", "Please select an image file"));
+			X(w("auth.profile.invalidImageType", "Please select an image file"));
 			return;
 		}
-		if (!R) {
-			Z(T("auth.profile.noWorkspace", "Please select a workspace before uploading a profile picture"));
+		if (!L) {
+			X(w("auth.profile.noWorkspace", "Please select a workspace before uploading a profile picture"));
 			return;
 		}
-		W(!0), Z(null);
-		let n = { "x-workspace-id": R };
+		U(!0), X(null);
+		let n = { "x-workspace-id": L };
 		try {
-			let e = t.name.split(".").pop()?.toLowerCase() ?? "", r = await B({
+			let e = t.name.split(".").pop()?.toLowerCase() ?? "", r = await z({
 				variables: { input: {
 					fileName: t.name,
 					fileSize: t.size.toString(),
@@ -45,60 +42,60 @@ function w() {
 				headers: { "Content-Type": t.type },
 				body: t
 			})).ok) throw Error("Failed to upload file");
-			let o = (await V({
+			let o = (await B({
 				variables: { input: { sessionId: i.id } },
 				context: { headers: n }
 			})).data?.completeUpload.file?.downloadUrl;
 			if (!o) throw Error("Upload succeeded but no URL returned");
-			await j({ avatar: o }), k && A({
-				...k,
+			await A({ avatar: o }), O && k({
+				...O,
 				avatar: o
-			}), D.updateUser({ avatar: o }), $(T("auth.profile.avatarUpdated", "Profile picture updated!"));
+			}), E.updateUser({ avatar: o }), Q(w("auth.profile.avatarUpdated", "Profile picture updated!"));
 		} catch (e) {
-			Z(e instanceof Error ? e.message : T("auth.profile.avatarFailed", "Failed to upload picture"));
+			X(e instanceof Error ? e.message : w("auth.profile.avatarFailed", "Failed to upload picture"));
 		} finally {
-			W(!1), H.current && (H.current.value = "");
+			U(!1), V.current && (V.current.value = "");
 		}
-	}, [K, q] = p(!1), [J, Y] = p({
+	}, [G, K] = m(!1), [q, J] = m({
 		username: "",
 		firstName: "",
 		lastName: "",
 		name: "",
 		phoneNumber: ""
-	}), [X, Z] = p(null), [Q, $] = p(null);
-	return u(() => {
-		k && Y({
-			username: k.username || "",
-			firstName: k.firstName || "",
-			lastName: k.lastName || "",
-			name: k.name || "",
-			phoneNumber: k.phoneNumber || ""
+	}), [Y, X] = m(null), [Z, Q] = m(null);
+	return d(() => {
+		O && J({
+			username: O.username || "",
+			firstName: O.firstName || "",
+			lastName: O.lastName || "",
+			name: O.name || "",
+			phoneNumber: O.phoneNumber || ""
 		});
-	}, [k]), !O || !k ? /* @__PURE__ */ _(t, {
-		title: T("auth.profile.title", "Profile"),
-		subtitle: T("auth.profile.subtitle", "View and manage your profile"),
+	}, [O]), !D || !O ? /* @__PURE__ */ _(n, {
+		title: w("auth.profile.title", "Profile"),
+		subtitle: w("auth.profile.subtitle", "View and manage your profile"),
 		children: /* @__PURE__ */ v("div", {
 			className: "text-center py-12",
 			children: [
 				/* @__PURE__ */ _("div", {
 					className: "size-16 mx-auto mb-4 rounded-full bg-[var(--color-status-warning-bg-subtle)] flex items-center justify-center",
-					children: /* @__PURE__ */ _(n, { className: "size-8 text-[var(--color-status-warning-text)]" })
+					children: /* @__PURE__ */ _(r, { className: "size-8 text-[var(--color-status-warning-text)]" })
 				}),
 				/* @__PURE__ */ _("h2", {
 					className: "text-xl font-semibold text-[var(--color-text-primary)] mb-2",
-					children: T("auth.profile.authRequired", "Authentication Required")
+					children: w("auth.profile.authRequired", "Authentication Required")
 				}),
 				/* @__PURE__ */ _("p", {
 					className: "text-[var(--color-text-secondary)] mb-6",
-					children: T("auth.profile.signInToView", "Please sign in to view your profile")
+					children: w("auth.profile.signInToView", "Please sign in to view your profile")
 				}),
 				/* @__PURE__ */ _(y, {
 					type: "button",
-					onClick: () => E("/auth/login"),
+					onClick: () => T("/auth/login"),
 					variant: "default",
 					size: "lg",
 					className: "font-semibold",
-					children: T("auth.profile.signIn", "Sign In")
+					children: w("auth.profile.signIn", "Sign In")
 				})
 			]
 		})
@@ -110,50 +107,50 @@ function w() {
 				children: [
 					/* @__PURE__ */ _("h1", {
 						className: "text-3xl font-semibold text-[var(--color-text-primary)]",
-						children: T("auth.profile.myProfile", "My Profile")
+						children: w("auth.profile.myProfile", "My Profile")
 					}),
 					/* @__PURE__ */ _("p", {
 						className: "text-[var(--color-text-secondary)] mt-2",
-						children: T("auth.profile.viewAndManage", "View and manage your account information")
+						children: w("auth.profile.viewAndManage", "View and manage your account information")
 					}),
 					/* @__PURE__ */ _(x, {
 						className: "mt-3",
-						children: T("auth.profile.purpose", "This is how you appear across the platform. Update your name, photo, and contact details here — teammates see this information, and we use your email for sign-in and important notices.")
+						children: w("auth.profile.purpose", "This is how you appear across the platform. Update your name, photo, and contact details here — teammates see this information, and we use your email for sign-in and important notices.")
 					})
 				]
 			}),
-			Q && /* @__PURE__ */ v("div", {
+			Z && /* @__PURE__ */ v("div", {
 				className: "mb-6 flex items-center gap-3 p-4 rounded-xl bg-[var(--color-status-success-bg-subtle)] border border-[var(--color-status-success-border)]",
 				children: [
-					/* @__PURE__ */ _(r, { className: "size-5 text-[var(--color-status-success-text)] flex-shrink-0" }),
+					/* @__PURE__ */ _(i, { className: "size-5 text-[var(--color-status-success-text)] flex-shrink-0" }),
 					/* @__PURE__ */ _("p", {
 						className: "text-[var(--color-status-success-text)]",
-						children: Q
+						children: Z
 					}),
 					/* @__PURE__ */ _("button", {
 						type: "button",
-						onClick: () => $(null),
+						onClick: () => Q(null),
 						className: "ml-auto text-sm text-[var(--color-status-success-text)] hover:underline transition-colors duration-200",
-						children: T("auth.profile.dismiss", "Dismiss")
+						children: w("auth.profile.dismiss", "Dismiss")
 					})
 				]
 			}),
-			X && /* @__PURE__ */ v("div", {
+			Y && /* @__PURE__ */ v("div", {
 				className: "mb-6 flex items-start gap-3 p-4 rounded-xl bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)]",
 				children: [
-					/* @__PURE__ */ _(n, { className: "size-5 text-[var(--color-status-error-text)] flex-shrink-0 mt-0.5" }),
+					/* @__PURE__ */ _(r, { className: "size-5 text-[var(--color-status-error-text)] flex-shrink-0 mt-0.5" }),
 					/* @__PURE__ */ _("div", {
 						className: "flex-1",
 						children: /* @__PURE__ */ _("p", {
 							className: "text-sm text-[var(--color-status-error-text)]",
-							children: X
+							children: Y
 						})
 					}),
 					/* @__PURE__ */ _("button", {
 						type: "button",
-						onClick: () => Z(null),
+						onClick: () => X(null),
 						className: "text-sm text-[var(--color-status-error-text)] hover:underline transition-colors duration-200",
-						children: T("auth.profile.dismiss", "Dismiss")
+						children: w("auth.profile.dismiss", "Dismiss")
 					})
 				]
 			}),
@@ -166,21 +163,21 @@ function w() {
 						children: [/* @__PURE__ */ v("div", {
 							className: "relative group",
 							children: [
-								k.avatar ? /* @__PURE__ */ _("img", {
-									src: k.avatar,
-									alt: T("auth.profile.avatarAlt", "Profile picture"),
+								O.avatar ? /* @__PURE__ */ _("img", {
+									src: O.avatar,
+									alt: w("auth.profile.avatarAlt", "Profile picture"),
 									className: "size-20 rounded-full object-cover shadow-lg"
 								}) : /* @__PURE__ */ _("div", {
 									className: "size-20 rounded-full bg-accent-soft backdrop-blur-sm flex items-center justify-center text-[var(--color-action-primary-bg)] text-3xl font-semibold shadow-lg",
-									children: (k.name || k.username || k.email).charAt(0).toUpperCase()
+									children: (O.name || O.username || O.email).charAt(0).toUpperCase()
 								}),
 								/* @__PURE__ */ _("button", {
 									type: "button",
-									onClick: () => H.current?.click(),
-									disabled: U,
-									"aria-label": T("auth.profile.changeAvatar", "Change profile picture"),
+									onClick: () => V.current?.click(),
+									disabled: H,
+									"aria-label": w("auth.profile.changeAvatar", "Change profile picture"),
 									className: "absolute inset-0 rounded-full flex items-center justify-center bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-200 cursor-pointer",
-									children: U ? /* @__PURE__ */ _(a, { className: "size-6 text-white animate-spin" }) : /* @__PURE__ */ v("svg", {
+									children: H ? /* @__PURE__ */ _(o, { className: "size-6 text-white animate-spin" }) : /* @__PURE__ */ v("svg", {
 										className: "size-6 text-white",
 										fill: "none",
 										viewBox: "0 0 24 24",
@@ -199,13 +196,13 @@ function w() {
 									})
 								}),
 								/* @__PURE__ */ _("input", {
-									ref: H,
+									ref: V,
 									type: "file",
 									accept: "image/*",
 									className: "hidden",
-									onChange: (e) => void G(e),
+									onChange: (e) => void W(e),
 									tabIndex: -1,
-									"aria-label": T("auth.profile.avatarUpload", "Upload avatar image")
+									"aria-label": w("auth.profile.avatarUpload", "Upload avatar image")
 								})
 							]
 						}), /* @__PURE__ */ v("div", {
@@ -213,20 +210,20 @@ function w() {
 							children: [
 								/* @__PURE__ */ _("h2", {
 									className: "text-2xl font-semibold",
-									children: k.name || `${k.firstName || ""} ${k.lastName || ""}`.trim() || k.username
+									children: O.name || `${O.firstName || ""} ${O.lastName || ""}`.trim() || O.username
 								}),
 								/* @__PURE__ */ v("p", {
 									className: "text-text-secondary flex items-center gap-2",
-									children: [/* @__PURE__ */ _(i, { className: "size-4" }), k.email]
+									children: [/* @__PURE__ */ _(a, { className: "size-4" }), O.email]
 								}),
 								/* @__PURE__ */ v("div", {
 									className: "flex items-center gap-2 mt-2",
 									children: [/* @__PURE__ */ _("span", {
 										className: "px-2.5 py-1 rounded-full text-xs font-medium bg-bg-surface/60 text-text-secondary backdrop-blur-sm",
-										children: k.role?.replace("_", " ") || T("auth.profile.member", "Member")
-									}), k.emailVerified && /* @__PURE__ */ v("span", {
+										children: O.role?.replace("_", " ") || w("auth.profile.member", "Member")
+									}), O.emailVerified && /* @__PURE__ */ v("span", {
 										className: "px-2.5 py-1 rounded-full text-xs font-medium bg-status-success-bg-subtle text-status-success-text flex items-center gap-1",
-										children: [/* @__PURE__ */ _(r, { className: "size-3" }), T("auth.profile.verified", "Verified")]
+										children: [/* @__PURE__ */ _(i, { className: "size-3" }), w("auth.profile.verified", "Verified")]
 									})]
 								})
 							]
@@ -234,19 +231,19 @@ function w() {
 					})
 				}), /* @__PURE__ */ _("div", {
 					className: "p-6",
-					children: K ? /* @__PURE__ */ v("form", {
+					children: G ? /* @__PURE__ */ v("form", {
 						onSubmit: async (e) => {
-							e.preventDefault(), Z(null), $(null);
+							e.preventDefault(), X(null), Q(null);
 							try {
-								await j({
-									username: J.username || void 0,
-									firstName: J.firstName || void 0,
-									lastName: J.lastName || void 0,
-									name: J.name || void 0,
-									phoneNumber: J.phoneNumber || void 0
-								}), $(T("auth.profile.updateSuccess", "Profile updated successfully!")), q(!1);
+								await A({
+									username: q.username || void 0,
+									firstName: q.firstName || void 0,
+									lastName: q.lastName || void 0,
+									name: q.name || void 0,
+									phoneNumber: q.phoneNumber || void 0
+								}), Q(w("auth.profile.updateSuccess", "Profile updated successfully!")), K(!1);
 							} catch (e) {
-								Z(e instanceof Error ? e.message : T("auth.profile.updateFailed", "Failed to update profile"));
+								X(e instanceof Error ? e.message : w("auth.profile.updateFailed", "Failed to update profile"));
 							}
 						},
 						className: "space-y-6",
@@ -254,95 +251,95 @@ function w() {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
 							children: [
 								/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-									htmlFor: N,
+									htmlFor: M,
 									className: "block text-sm font-medium text-[var(--color-text-primary)] mb-2",
-									children: T("auth.profile.username", "Username")
+									children: w("auth.profile.username", "Username")
 								}), /* @__PURE__ */ v("div", {
 									className: "relative",
 									children: [/* @__PURE__ */ _("div", {
 										className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
-										children: /* @__PURE__ */ _(o, {
+										children: /* @__PURE__ */ _(s, {
 											className: "size-5 text-[var(--color-text-tertiary)]",
 											"aria-hidden": "true"
 										})
 									}), /* @__PURE__ */ _("input", {
-										id: N,
+										id: M,
 										type: "text",
-										"aria-label": T("auth.profile.username", "Username"),
-										value: J.username,
-										onChange: (e) => Y({
-											...J,
+										"aria-label": w("auth.profile.username", "Username"),
+										value: q.username,
+										onChange: (e) => J({
+											...q,
 											username: e.target.value
 										}),
 										className: "block w-full pl-[3.5rem] pr-4 py-3 border border-[var(--color-border-default)] rounded-xl bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all duration-300",
-										placeholder: T("auth.profile.usernamePlaceholder", "Enter username")
+										placeholder: w("auth.profile.usernamePlaceholder", "Enter username")
 									})]
 								})] }),
 								/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-									htmlFor: P,
+									htmlFor: N,
 									className: "block text-sm font-medium text-[var(--color-text-primary)] mb-2",
-									children: T("auth.profile.displayName", "Display Name")
+									children: w("auth.profile.displayName", "Display Name")
 								}), /* @__PURE__ */ _("input", {
-									id: P,
+									id: N,
 									type: "text",
-									"aria-label": T("auth.profile.displayName", "Display Name"),
-									value: J.name,
-									onChange: (e) => Y({
-										...J,
+									"aria-label": w("auth.profile.displayName", "Display Name"),
+									value: q.name,
+									onChange: (e) => J({
+										...q,
 										name: e.target.value
 									}),
 									className: "block w-full px-4 py-3 border border-[var(--color-border-default)] rounded-xl bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all duration-300",
-									placeholder: T("auth.profile.displayNamePlaceholder", "Enter display name")
+									placeholder: w("auth.profile.displayNamePlaceholder", "Enter display name")
 								})] }),
 								/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-									htmlFor: F,
+									htmlFor: P,
 									className: "block text-sm font-medium text-[var(--color-text-primary)] mb-2",
-									children: T("auth.profile.firstName", "First Name")
+									children: w("auth.profile.firstName", "First Name")
 								}), /* @__PURE__ */ _("input", {
-									id: F,
+									id: P,
 									type: "text",
-									"aria-label": T("auth.profile.firstName", "First Name"),
-									value: J.firstName,
-									onChange: (e) => Y({
-										...J,
+									"aria-label": w("auth.profile.firstName", "First Name"),
+									value: q.firstName,
+									onChange: (e) => J({
+										...q,
 										firstName: e.target.value
 									}),
 									className: "block w-full px-4 py-3 border border-[var(--color-border-default)] rounded-xl bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all duration-300",
-									placeholder: T("auth.profile.firstNamePlaceholder", "Enter first name")
+									placeholder: w("auth.profile.firstNamePlaceholder", "Enter first name")
 								})] }),
 								/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-									htmlFor: I,
+									htmlFor: F,
 									className: "block text-sm font-medium text-[var(--color-text-primary)] mb-2",
-									children: T("auth.profile.lastName", "Last Name")
+									children: w("auth.profile.lastName", "Last Name")
 								}), /* @__PURE__ */ _("input", {
-									id: I,
+									id: F,
 									type: "text",
-									"aria-label": T("auth.profile.lastName", "Last Name"),
-									value: J.lastName,
-									onChange: (e) => Y({
-										...J,
+									"aria-label": w("auth.profile.lastName", "Last Name"),
+									value: q.lastName,
+									onChange: (e) => J({
+										...q,
 										lastName: e.target.value
 									}),
 									className: "block w-full px-4 py-3 border border-[var(--color-border-default)] rounded-xl bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all duration-300",
-									placeholder: T("auth.profile.lastNamePlaceholder", "Enter last name")
+									placeholder: w("auth.profile.lastNamePlaceholder", "Enter last name")
 								})] }),
 								/* @__PURE__ */ v("div", {
 									className: "md:col-span-2",
 									children: [/* @__PURE__ */ _("label", {
-										htmlFor: L,
+										htmlFor: I,
 										className: "block text-sm font-medium text-[var(--color-text-primary)] mb-2",
-										children: T("auth.profile.phoneNumber", "Phone Number")
+										children: w("auth.profile.phoneNumber", "Phone Number")
 									}), /* @__PURE__ */ _("input", {
-										id: L,
+										id: I,
 										type: "tel",
-										"aria-label": T("auth.profile.phoneNumber", "Phone Number"),
-										value: J.phoneNumber,
-										onChange: (e) => Y({
-											...J,
+										"aria-label": w("auth.profile.phoneNumber", "Phone Number"),
+										value: q.phoneNumber,
+										onChange: (e) => J({
+											...q,
 											phoneNumber: e.target.value
 										}),
 										className: "block w-full px-4 py-3 border border-[var(--color-border-default)] rounded-xl bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all duration-300",
-										placeholder: T("auth.profile.phonePlaceholder", "Enter phone number")
+										placeholder: w("auth.profile.phonePlaceholder", "Enter phone number")
 									})]
 								})
 							]
@@ -350,24 +347,24 @@ function w() {
 							className: "flex gap-3 pt-4 border-t border-[var(--color-border-default)]",
 							children: [/* @__PURE__ */ _(y, {
 								type: "submit",
-								disabled: M,
+								disabled: j,
 								variant: "default",
 								size: "lg",
 								className: "font-semibold",
-								children: M ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(a, { className: "size-4 animate-spin" }), T("auth.profile.saving", "Saving...")] }) : T("auth.profile.saveChanges", "Save Changes")
+								children: j ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(o, { className: "size-4 animate-spin" }), w("auth.profile.saving", "Saving...")] }) : w("auth.profile.saveChanges", "Save Changes")
 							}), /* @__PURE__ */ _("button", {
 								type: "button",
 								onClick: () => {
-									k && Y({
-										username: k.username || "",
-										firstName: k.firstName || "",
-										lastName: k.lastName || "",
-										name: k.name || "",
-										phoneNumber: k.phoneNumber || ""
-									}), q(!1), Z(null);
+									O && J({
+										username: O.username || "",
+										firstName: O.firstName || "",
+										lastName: O.lastName || "",
+										name: O.name || "",
+										phoneNumber: O.phoneNumber || ""
+									}), K(!1), X(null);
 								},
 								className: "px-6 py-3 rounded-xl border border-[var(--color-border-default)] text-[var(--color-text-secondary)] font-medium hover:bg-[var(--color-bg-muted)] transition-colors duration-200",
-								children: T("auth.profile.cancel", "Cancel")
+								children: w("auth.profile.cancel", "Cancel")
 							})]
 						})]
 					}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ v("div", {
@@ -377,52 +374,52 @@ function w() {
 								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
 								children: [/* @__PURE__ */ _("label", {
 									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
-									children: T("auth.profile.username", "Username")
+									children: w("auth.profile.username", "Username")
 								}), /* @__PURE__ */ _("p", {
 									className: "text-[var(--color-text-primary)] font-medium",
-									children: k.username || "-"
+									children: O.username || "-"
 								})]
 							}),
 							/* @__PURE__ */ v("div", {
 								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
 								children: [/* @__PURE__ */ _("label", {
 									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
-									children: T("auth.profile.displayName", "Display Name")
+									children: w("auth.profile.displayName", "Display Name")
 								}), /* @__PURE__ */ _("p", {
 									className: "text-[var(--color-text-primary)] font-medium",
-									children: k.name || "-"
+									children: O.name || "-"
 								})]
 							}),
 							/* @__PURE__ */ v("div", {
 								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
 								children: [/* @__PURE__ */ _("label", {
 									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
-									children: T("auth.profile.firstName", "First Name")
+									children: w("auth.profile.firstName", "First Name")
 								}), /* @__PURE__ */ _("p", {
 									className: "text-[var(--color-text-primary)] font-medium",
-									children: k.firstName || "-"
+									children: O.firstName || "-"
 								})]
 							}),
 							/* @__PURE__ */ v("div", {
 								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
 								children: [/* @__PURE__ */ _("label", {
 									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
-									children: T("auth.profile.lastName", "Last Name")
+									children: w("auth.profile.lastName", "Last Name")
 								}), /* @__PURE__ */ _("p", {
 									className: "text-[var(--color-text-primary)] font-medium",
-									children: k.lastName || "-"
+									children: O.lastName || "-"
 								})]
 							}),
 							/* @__PURE__ */ v("div", {
 								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
 								children: [/* @__PURE__ */ _("label", {
 									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
-									children: T("auth.profile.email", "Email")
+									children: w("auth.profile.email", "Email")
 								}), /* @__PURE__ */ v("p", {
 									className: "text-[var(--color-text-primary)] font-medium flex items-center gap-2",
-									children: [k.email, k.emailVerified && /* @__PURE__ */ v("span", {
+									children: [O.email, O.emailVerified && /* @__PURE__ */ v("span", {
 										className: "inline-flex items-center gap-1 text-[var(--color-status-success-text)] text-xs",
-										children: [/* @__PURE__ */ _(r, { className: "size-3" }), T("auth.profile.verified", "Verified")]
+										children: [/* @__PURE__ */ _(i, { className: "size-3" }), w("auth.profile.verified", "Verified")]
 									})]
 								})]
 							}),
@@ -430,35 +427,35 @@ function w() {
 								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
 								children: [/* @__PURE__ */ _("label", {
 									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
-									children: T("auth.profile.phoneNumber", "Phone Number")
+									children: w("auth.profile.phoneNumber", "Phone Number")
 								}), /* @__PURE__ */ _("p", {
 									className: "text-[var(--color-text-primary)] font-medium",
-									children: k.phoneNumber || "-"
+									children: O.phoneNumber || "-"
 								})]
 							}),
 							/* @__PURE__ */ v("div", {
 								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
 								children: [/* @__PURE__ */ _("label", {
 									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
-									children: T("auth.profile.role", "Role")
+									children: w("auth.profile.role", "Role")
 								}), /* @__PURE__ */ _("p", {
 									className: "text-[var(--color-text-primary)] font-medium",
-									children: k.role?.replace("_", " ") || T("auth.profile.member", "Member")
+									children: O.role?.replace("_", " ") || w("auth.profile.member", "Member")
 								})]
 							}),
 							/* @__PURE__ */ v("div", {
 								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
 								children: [/* @__PURE__ */ _("label", {
 									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
-									children: T("auth.profile.mfaStatus", "MFA Status")
+									children: w("auth.profile.mfaStatus", "MFA Status")
 								}), /* @__PURE__ */ _("p", {
 									className: "text-[var(--color-text-primary)] font-medium",
-									children: k.mfaEnabled ? /* @__PURE__ */ v("span", {
+									children: O.mfaEnabled ? /* @__PURE__ */ v("span", {
 										className: "text-[var(--color-status-success-text)] flex items-center gap-1",
-										children: [/* @__PURE__ */ _(r, { className: "size-4" }), T("auth.profile.enabled", "Enabled")]
+										children: [/* @__PURE__ */ _(i, { className: "size-4" }), w("auth.profile.enabled", "Enabled")]
 									}) : /* @__PURE__ */ _("span", {
 										className: "text-[var(--color-status-warning-text)]",
-										children: T("auth.profile.notEnabled", "Not Enabled")
+										children: w("auth.profile.notEnabled", "Not Enabled")
 									})
 								})]
 							}),
@@ -466,20 +463,20 @@ function w() {
 								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
 								children: [/* @__PURE__ */ _("label", {
 									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
-									children: T("auth.profile.lastLogin", "Last Login")
+									children: w("auth.profile.lastLogin", "Last Login")
 								}), /* @__PURE__ */ _("p", {
 									className: "text-[var(--color-text-primary)] font-medium",
-									children: k.lastLoginAt ? new Date(k.lastLoginAt).toLocaleString() : T("auth.profile.never", "Never")
+									children: O.lastLoginAt ? new Date(O.lastLoginAt).toLocaleString() : w("auth.profile.never", "Never")
 								})]
 							}),
 							/* @__PURE__ */ v("div", {
 								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
 								children: [/* @__PURE__ */ _("label", {
 									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
-									children: T("auth.profile.accountCreated", "Account Created")
+									children: w("auth.profile.accountCreated", "Account Created")
 								}), /* @__PURE__ */ _("p", {
 									className: "text-[var(--color-text-primary)] font-medium",
-									children: k.createdAt ? new Date(k.createdAt).toLocaleString() : "-"
+									children: O.createdAt ? new Date(O.createdAt).toLocaleString() : "-"
 								})]
 							})
 						]
@@ -487,16 +484,16 @@ function w() {
 						className: "flex gap-3 pt-6 mt-6 border-t border-[var(--color-border-default)]",
 						children: [/* @__PURE__ */ _(y, {
 							type: "button",
-							onClick: () => q(!0),
+							onClick: () => K(!0),
 							variant: "default",
 							size: "lg",
 							className: "font-semibold",
-							children: T("auth.profile.editProfile", "Edit Profile")
+							children: w("auth.profile.editProfile", "Edit Profile")
 						}), /* @__PURE__ */ _("button", {
 							type: "button",
-							onClick: () => E("/auth/security"),
+							onClick: () => T("/auth/security"),
 							className: "px-6 py-3 rounded-xl border border-[var(--color-border-default)] text-[var(--color-text-secondary)] font-medium hover:bg-[var(--color-bg-muted)] transition-colors duration-200",
-							children: T("auth.profile.securitySettings", "Security Settings")
+							children: w("auth.profile.securitySettings", "Security Settings")
 						})]
 					})] })
 				})]
@@ -507,23 +504,23 @@ function w() {
 				steps: [
 					{
 						id: "edit-profile",
-						label: T("auth.profile.nextEdit", "Complete your profile"),
-						description: T("auth.profile.nextEditDesc", "Add your display name and photo so teammates recognise you."),
-						onClick: () => q(!0),
-						done: !!(k.name && k.avatar)
+						label: w("auth.profile.nextEdit", "Complete your profile"),
+						description: w("auth.profile.nextEditDesc", "Add your display name and photo so teammates recognise you."),
+						onClick: () => K(!0),
+						done: !!(O.name && O.avatar)
 					},
 					{
 						id: "enable-mfa",
-						label: T("auth.profile.nextMfa", "Secure your account with 2FA"),
-						description: T("auth.profile.nextMfaDesc", "Turn on two-factor authentication for stronger protection."),
-						onClick: () => E("/auth/mfa"),
-						done: !!k.mfaEnabled
+						label: w("auth.profile.nextMfa", "Secure your account with 2FA"),
+						description: w("auth.profile.nextMfaDesc", "Turn on two-factor authentication for stronger protection."),
+						onClick: () => T("/auth/mfa"),
+						done: !!O.mfaEnabled
 					},
 					{
 						id: "security-center",
-						label: T("auth.profile.nextSecurity", "Visit the Security Center"),
-						description: T("auth.profile.nextSecurityDesc", "Review sessions, password, and account options."),
-						onClick: () => E("/auth/security")
+						label: w("auth.profile.nextSecurity", "Visit the Security Center"),
+						description: w("auth.profile.nextSecurityDesc", "Review sessions, password, and account options."),
+						onClick: () => T("/auth/security")
 					}
 				]
 			}),
@@ -531,7 +528,7 @@ function w() {
 				className: "mt-8 grid grid-cols-1 md:grid-cols-3 gap-4",
 				children: [/* @__PURE__ */ v("button", {
 					type: "button",
-					onClick: () => E("/auth/mfa"),
+					onClick: () => T("/auth/mfa"),
 					className: "p-4 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] hover:border-[var(--color-action-primary-border)] transition-colors duration-200 text-left group",
 					children: [
 						/* @__PURE__ */ _("div", {
@@ -551,16 +548,16 @@ function w() {
 						}),
 						/* @__PURE__ */ _("h3", {
 							className: "font-medium text-[var(--color-text-primary)]",
-							children: T("auth.profile.twoFactorAuth", "Two-Factor Auth")
+							children: w("auth.profile.twoFactorAuth", "Two-Factor Auth")
 						}),
 						/* @__PURE__ */ _("p", {
 							className: "text-sm text-[var(--color-text-tertiary)] mt-1",
-							children: k.mfaEnabled ? T("auth.profile.manageMfa", "Manage MFA settings") : T("auth.profile.enableMfa", "Enable MFA for extra security")
+							children: O.mfaEnabled ? w("auth.profile.manageMfa", "Manage MFA settings") : w("auth.profile.enableMfa", "Enable MFA for extra security")
 						})
 					]
 				}), /* @__PURE__ */ v("button", {
 					type: "button",
-					onClick: () => E("/devportal/api-keys"),
+					onClick: () => T("/devportal/api-keys"),
 					className: "p-4 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] hover:border-[var(--color-action-secondary-border)] transition-colors duration-200 text-left group",
 					children: [
 						/* @__PURE__ */ _("div", {
@@ -580,11 +577,11 @@ function w() {
 						}),
 						/* @__PURE__ */ _("h3", {
 							className: "font-medium text-[var(--color-text-primary)]",
-							children: T("auth.profile.apiKeys", "API Keys")
+							children: w("auth.profile.apiKeys", "API Keys")
 						}),
 						/* @__PURE__ */ _("p", {
 							className: "text-sm text-[var(--color-text-tertiary)] mt-1",
-							children: T("auth.profile.manageApiKeys", "Manage your API access credentials")
+							children: w("auth.profile.manageApiKeys", "Manage your API access credentials")
 						})
 					]
 				})]