@burdenoff/microfe-kadaikodi 2026.704.2 → 2026.704.4

package/dist/kadaikodi/pages/common/SettingsPage.js

@@ -2,25 +2,19 @@ import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { useCallback as r, useMemo as i, useState as a } from "react";
-import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertTriangle as s, Bell as c, Building2 as l, Camera as u, CheckCircle2 as d, CreditCard as f, Eye as p, Globe as m, Laptop as h, Loader2 as g, Lock as _, LogOut as v, MapPin as y, Monitor as b, Moon as x, Receipt as S, RotateCcw as C, Save as w, Settings as T, Shield as E, Smartphone as D, Sun as O, Trash2 as k, User as A } from "lucide-react";
-import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
-import { EmphasisPanel as P, NextSteps as F, PagePurpose as I } from "@burdenoff/fe-libs/ui";
+import { useI18n as ee } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertTriangle as o, Bell as s, Building2 as c, Camera as te, CheckCircle2 as l, CreditCard as u, ExternalLink as ne, Eye as d, Globe as f, Lock as p, MapPin as m, Monitor as h, Moon as g, Receipt as _, RotateCcw as v, Save as y, Settings as b, Shield as x, Sun as re, Trash2 as ie, User as S } from "lucide-react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { EmphasisPanel as ae, NextSteps as oe, PagePurpose as se } from "@burdenoff/fe-libs/ui";
+import { useTheme as ce } from "@burdenoff/fe-libs/shared/providers/shell/ThemeProvider";
 //#region src/kadaikodi/pages/common/SettingsPage.tsx
-var L = {
-	profile: {
-		firstName: "",
-		lastName: "",
-		email: "",
-		phone: "",
+var T = "kadaikodi-user-prefs", E = {
+	profileExtra: {
 		bio: "",
 		dateOfBirth: "",
-		gender: "",
-		profilePicture: ""
+		gender: ""
 	},
 	preferences: {
-		theme: "system",
-		language: "en",
 		timezone: "Asia/Kolkata",
 		currency: "INR",
 		notifications: {
@@ -33,12 +27,6 @@ var L = {
 			security: !0
 		}
 	},
-	security: {
-		twoFactorEnabled: !1,
-		loginAlerts: !0,
-		sessionTimeout: "30",
-		trustedDevices: []
-	},
 	privacy: {
 		profileVisibility: "private",
 		dataSharing: {
@@ -50,86 +38,133 @@ var L = {
 		activityHistory: !0
 	},
 	billing: {
-		paymentMethod: null,
-		autoRecharge: !1,
-		autoRechargeAmount: "1000",
 		invoiceEmail: "",
 		gstNumber: "",
 		companyName: "",
 		billingAddress: ""
 	}
-}, R = [
+};
+function D(e) {
+	let t = {
+		...E,
+		billing: {
+			...E.billing,
+			invoiceEmail: e
+		}
+	};
+	try {
+		let e = localStorage.getItem(T);
+		if (!e) return t;
+		let n = JSON.parse(e);
+		return {
+			profileExtra: {
+				...t.profileExtra,
+				...n.profileExtra ?? {}
+			},
+			preferences: {
+				...t.preferences,
+				...n.preferences ?? {},
+				notifications: {
+					...t.preferences.notifications,
+					...n.preferences?.notifications ?? {}
+				}
+			},
+			privacy: {
+				...t.privacy,
+				...n.privacy ?? {},
+				dataSharing: {
+					...t.privacy.dataSharing,
+					...n.privacy?.dataSharing ?? {}
+				}
+			},
+			billing: {
+				...t.billing,
+				...n.billing ?? {}
+			}
+		};
+	} catch {
+		return t;
+	}
+}
+var O = [
 	{
 		id: "profile",
 		label: "Profile",
-		icon: A
+		icon: S
 	},
 	{
 		id: "preferences",
 		label: "Preferences",
-		icon: T
+		icon: b
 	},
 	{
 		id: "security",
 		label: "Security",
-		icon: E
+		icon: x
 	},
 	{
 		id: "privacy",
 		label: "Privacy",
-		icon: p
+		icon: d
 	},
 	{
 		id: "billing",
 		label: "Billing",
-		icon: f
+		icon: u
+	}
+], k = [
+	{
+		value: "en",
+		label: "English"
+	},
+	{
+		value: "hi",
+		label: "Hindi"
+	},
+	{
+		value: "ta",
+		label: "Tamil"
 	}
 ];
-function z({ checked: e, onChange: n, label: r }) {
-	return /* @__PURE__ */ M("button", {
+function A({ checked: e, onChange: n, label: r }) {
+	return /* @__PURE__ */ C("button", {
 		type: "button",
 		role: "switch",
 		"aria-checked": e,
 		"aria-label": r,
 		onClick: () => n(!e),
 		className: t("relative inline-flex h-6 w-11 items-center rounded-full transition-colors shrink-0", e ? "bg-action-primary-bg" : "bg-bg-sunken"),
-		children: /* @__PURE__ */ M("span", { className: t("inline-block h-4 w-4 transform rounded-full bg-white transition-transform", e ? "translate-x-6" : "translate-x-1") })
+		children: /* @__PURE__ */ C("span", { className: t("inline-block h-4 w-4 transform rounded-full bg-white transition-transform", e ? "translate-x-6" : "translate-x-1") })
 	});
 }
-function B() {
-	let { currentUser: T } = e(), { t: E } = o(), [A, B] = a("profile"), [V, H] = a(() => {
-		let e = T?.firstName ?? T?.name?.split(" ")[0] ?? "", t = T?.lastName ?? T?.name?.split(" ").slice(1).join(" ") ?? "", n = T?.email ?? "";
+function j() {
+	let { currentUser: b, navigateTo: S } = e(), { t: j, locale: M, setLocale: N } = ee(), { mode: P, setMode: F } = ce(), I = i(() => {
+		let e = b?.firstName ?? b?.name?.split(" ")[0] ?? "", t = b?.lastName ?? b?.name?.split(" ").slice(1).join(" ") ?? "", n = b?.email ?? "";
 		return {
-			...L,
-			profile: {
-				...L.profile,
-				firstName: e,
-				lastName: t,
-				email: n,
-				phone: T?.phone ?? "",
-				profilePicture: T?.avatar ?? T?.profilePicture ?? ""
-			},
-			billing: {
-				...L.billing,
-				invoiceEmail: n
-			}
+			firstName: e,
+			lastName: t,
+			fullName: [e, t].filter(Boolean).join(" ") || b?.name || "—",
+			email: n,
+			phone: b?.phone ?? "",
+			avatar: b?.avatar ?? b?.profilePicture ?? "",
+			initials: ((e[0] ?? "") + (t[0] ?? "")).toUpperCase() || (n[0] ?? "?").toUpperCase()
 		};
-	}), [U, W] = a(!1), [G, K] = a(!1), [q, J] = a(""), Y = r((e, t) => {
-		let n = E(e);
+	}, [b]), [L, R] = a("profile"), [z, B] = a(() => D(I.email)), [V, H] = a(!1), [U, W] = a(""), [G, K] = a(!1), q = r((e, t) => {
+		let n = j(e);
 		return n === e ? t : n;
-	}, [E]), X = i(() => R.map((e) => ({
+	}, [j]), J = P === "light" || P === "dark" || P === "system" ? P : "system", Y = i(() => O.map((e) => ({
 		...e,
-		label: e.id === "profile" ? Y("kadaikodi.settings.tabs.profile", "Profile") : e.id === "preferences" ? Y("kadaikodi.settings.tabs.preferences", "Preferences") : e.id === "security" ? Y("kadaikodi.settings.tabs.security", "Security") : e.id === "privacy" ? Y("kadaikodi.settings.tabs.privacy", "Privacy") : Y("kadaikodi.settings.tabs.billing", "Billing")
-	})), [Y]), Z = r((e, t, n) => {
-		H((r) => ({
+		label: e.id === "profile" ? q("kadaikodi.settings.tabs.profile", "Profile") : e.id === "preferences" ? q("kadaikodi.settings.tabs.preferences", "Preferences") : e.id === "security" ? q("kadaikodi.settings.tabs.security", "Security") : e.id === "privacy" ? q("kadaikodi.settings.tabs.privacy", "Privacy") : q("kadaikodi.settings.tabs.billing", "Billing")
+	})), [q]), X = r((e, t, n) => {
+		B((r) => ({
 			...r,
 			[e]: {
 				...r[e],
 				[t]: n
 			}
-		})), W(!0), J("");
-	}, []), Q = r((e, t, n, r) => {
-		H((i) => ({
+		})), H(!0), W("");
+	}, []), Z = r((e, t, n, r) => {
+		B((i) => ({
 			...i,
 			[e]: {
 				...i[e],
@@ -138,248 +173,249 @@ function B() {
 					[n]: r
 				}
 			}
-		})), W(!0), J("");
-	}, []), $ = r(() => {
-		H(L), W(!1), J("");
-	}, []), ee = r(async () => {
-		if (!V.profile.firstName.trim() || !V.profile.lastName.trim()) {
-			J(Y("kadaikodi.settings.validation.nameRequired", "First name and last name are required.")), B("profile");
-			return;
+		})), H(!0), W("");
+	}, []), le = r(() => {
+		B({
+			...E,
+			billing: {
+				...E.billing,
+				invoiceEmail: I.email
+			}
+		}), H(!1), W(""), K(!1);
+	}, [I.email]), ue = r((e) => {
+		F(e);
+	}, [F]), de = r((e) => {
+		N(e);
+	}, [N]), fe = r(() => {
+		try {
+			localStorage.setItem(T, JSON.stringify(z)), H(!1), K(!1), W(q("kadaikodi.settings.saveSuccess", "Preferences saved on this device.")), window.setTimeout(() => W(""), 3e3);
+		} catch {
+			K(!0), W(q("kadaikodi.settings.saveError", "Could not save preferences on this device. Please check your browser storage settings."));
 		}
-		if (!V.profile.email.trim() || !V.profile.email.includes("@")) {
-			J(Y("kadaikodi.settings.validation.emailRequired", "A valid email address is required.")), B("profile");
-			return;
+	}, [z, q]), Q = r(() => {
+		S("/auth/security");
+	}, [S]), pe = r(() => {
+		if (window.confirm(q("kadaikodi.settings.deleteConfirm", "Account deletion is handled by our support team. Do you want to email support@kadaikodi.com to request it? This cannot be undone once processed."))) {
+			let e = encodeURIComponent(`I would like to request deletion of my Kadaikodi account (${I.email}).`);
+			window.location.href = `mailto:support@kadaikodi.com?subject=Account%20deletion%20request&body=${e}`;
 		}
-		K(!0), J(""), await new Promise((e) => setTimeout(e, 1200)), K(!1), W(!1), J(Y("kadaikodi.settings.saveSuccess", "Settings saved successfully!")), setTimeout(() => J(""), 3e3);
-	}, [V, Y]), te = r((e) => {
-		H((t) => ({
-			...t,
-			security: {
-				...t.security,
-				trustedDevices: t.security.trustedDevices.filter((t) => t.id !== e)
-			}
-		})), W(!0);
-	}, []), ne = r(() => {
-		H((e) => ({
-			...e,
-			security: {
-				...e.security,
-				trustedDevices: e.security.trustedDevices.filter((e) => e.isCurrent)
-			}
-		})), W(!0);
-	}, []), re = r(() => {
-		window.confirm(Y("kadaikodi.settings.deleteConfirm", "Are you sure you want to delete your account? This action cannot be undone.")) && alert(Y("kadaikodi.settings.deleteSubmitted", "Account deletion request submitted. You will receive a confirmation email."));
-	}, [Y]);
-	return /* @__PURE__ */ N(n, {
-		title: Y("kadaikodi.settings.title", "Settings"),
-		description: Y("kadaikodi.settings.description", "Manage your preferences and account settings"),
-		actions: /* @__PURE__ */ N("div", {
+	}, [q, I.email]), $ = ({ label: e }) => /* @__PURE__ */ w("button", {
+		type: "button",
+		onClick: Q,
+		className: "inline-flex items-center gap-1.5 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+		children: [
+			/* @__PURE__ */ C(x, { className: "h-4 w-4" }),
+			e,
+			/* @__PURE__ */ C(ne, { className: "h-3.5 w-3.5" })
+		]
+	});
+	return /* @__PURE__ */ w(n, {
+		title: q("kadaikodi.settings.title", "Settings"),
+		description: q("kadaikodi.settings.description", "Manage your preferences and account settings"),
+		actions: /* @__PURE__ */ w("div", {
 			className: "flex items-center gap-2",
-			children: [U && /* @__PURE__ */ N("button", {
+			children: [V && /* @__PURE__ */ w("button", {
 				type: "button",
-				onClick: $,
+				onClick: le,
 				className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-				children: [/* @__PURE__ */ M(C, { className: "h-4 w-4" }), Y("kadaikodi.settings.reset", "Reset")]
-			}), /* @__PURE__ */ M("button", {
+				children: [/* @__PURE__ */ C(v, { className: "h-4 w-4" }), q("kadaikodi.settings.reset", "Reset")]
+			}), /* @__PURE__ */ w("button", {
 				type: "button",
-				disabled: !U || G,
-				onClick: ee,
-				className: t("flex items-center gap-1.5 rounded-lg px-4 py-2 text-sm font-medium transition-colors", U && !G ? "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
-				children: G ? /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(g, { className: "h-4 w-4 animate-spin" }), Y("kadaikodi.settings.saving", "Saving...")] }) : /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(w, { className: "h-4 w-4" }), Y("kadaikodi.settings.save", "Save Settings")] })
+				disabled: !V,
+				onClick: fe,
+				className: t("flex items-center gap-1.5 rounded-lg px-4 py-2 text-sm font-medium transition-colors", V ? "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
+				children: [/* @__PURE__ */ C(y, { className: "h-4 w-4" }), q("kadaikodi.settings.save", "Save Settings")]
 			})]
 		}),
 		children: [
-			q && /* @__PURE__ */ N("div", {
-				className: t("mb-6 flex items-center gap-2 rounded-lg border p-3 text-sm", q.includes("successfully") ? "border-status-success-text/30 bg-status-success-bg-subtle text-status-success-text" : "border-status-error-text/30 bg-status-error-bg-subtle text-status-error-text"),
-				children: [q.includes("successfully") ? /* @__PURE__ */ M(d, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ M(s, { className: "h-4 w-4 shrink-0" }), q]
+			U && /* @__PURE__ */ w("div", {
+				className: t("mb-6 flex items-center gap-2 rounded-lg border p-3 text-sm", G ? "border-status-error-text/30 bg-status-error-bg-subtle text-status-error-text" : "border-status-success-text/30 bg-status-success-bg-subtle text-status-success-text"),
+				children: [C(G ? o : l, { className: "h-4 w-4 shrink-0" }), U]
 			}),
-			/* @__PURE__ */ M(I, {
+			/* @__PURE__ */ C(se, {
 				className: "mb-6",
-				children: Y("kadaikodi.settings.purpose", "Your personal control center on Kadaikodi. Use this page to manage your profile, app preferences (language, theme, notifications), security and login, privacy choices, and billing — everything about your own account in one place. Pick a section on the left, make your changes, and Save.")
+				children: q("kadaikodi.settings.purpose", "Your personal control center on Kadaikodi. Manage your profile, app preferences (language, theme, notifications), privacy choices, and billing details. Theme and language apply instantly; account identity and security are managed in Account Security.")
 			}),
-			/* @__PURE__ */ M(F, {
+			/* @__PURE__ */ C(oe, {
 				storageKey: "kadaikodi-settings",
 				className: "mb-6",
 				steps: [
 					{
 						id: "security",
-						label: Y("kadaikodi.settings.next.security", "Secure your account"),
-						description: Y("kadaikodi.settings.next.securityDesc", "Update your password and review active devices."),
-						onClick: () => B("security")
+						label: q("kadaikodi.settings.next.security", "Secure your account"),
+						description: q("kadaikodi.settings.next.securityDesc", "Review password, 2FA and active devices in Account Security."),
+						onClick: () => R("security")
 					},
 					{
 						id: "preferences",
-						label: Y("kadaikodi.settings.next.preferences", "Set your preferences"),
-						description: Y("kadaikodi.settings.next.preferencesDesc", "Choose language, theme and notification settings."),
-						onClick: () => B("preferences")
+						label: q("kadaikodi.settings.next.preferences", "Set your preferences"),
+						description: q("kadaikodi.settings.next.preferencesDesc", "Choose language, theme and notification settings."),
+						onClick: () => R("preferences")
 					},
 					{
 						id: "billing",
-						label: Y("kadaikodi.settings.next.billing", "Review billing"),
-						description: Y("kadaikodi.settings.next.billingDesc", "Check your plan and payment method."),
-						onClick: () => B("billing")
+						label: q("kadaikodi.settings.next.billing", "Review billing"),
+						description: q("kadaikodi.settings.next.billingDesc", "Keep your invoice and tax details up to date."),
+						onClick: () => R("billing")
 					}
 				]
 			}),
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ w("div", {
 				className: "flex flex-col gap-6 lg:flex-row",
-				children: [/* @__PURE__ */ N("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "shrink-0 lg:w-56",
-					children: [/* @__PURE__ */ M("div", {
+					children: [/* @__PURE__ */ C("div", {
 						className: "grid grid-cols-5 gap-1 lg:hidden",
-						children: X.map((e) => {
+						children: Y.map((e) => {
 							let n = e.icon;
-							return /* @__PURE__ */ N("button", {
+							return /* @__PURE__ */ w("button", {
 								type: "button",
-								onClick: () => B(e.id),
-								className: t("flex flex-col items-center gap-1 rounded-lg py-2.5 text-center transition-colors", A === e.id ? "bg-action-primary-bg/10 text-text-primary" : "text-text-secondary hover:text-text-primary hover:bg-accent"),
-								children: [/* @__PURE__ */ M(n, { className: "h-4 w-4" }), /* @__PURE__ */ M("span", {
+								onClick: () => R(e.id),
+								className: t("flex flex-col items-center gap-1 rounded-lg py-2.5 text-center transition-colors", L === e.id ? "bg-action-primary-bg/10 text-text-primary" : "text-text-secondary hover:text-text-primary hover:bg-accent"),
+								children: [/* @__PURE__ */ C(n, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", {
 									className: "text-xs font-medium",
 									children: e.label
 								})]
 							}, e.id);
 						})
-					}), /* @__PURE__ */ N("div", {
+					}), /* @__PURE__ */ w("div", {
 						className: "hidden lg:block rounded-lg border border-border-subtle bg-bg-surface",
-						children: [/* @__PURE__ */ M("div", {
+						children: [/* @__PURE__ */ C("div", {
 							className: "p-3 border-b border-border-subtle",
-							children: /* @__PURE__ */ M("p", {
+							children: /* @__PURE__ */ C("p", {
 								className: "text-sm font-semibold text-text-primary",
-								children: Y("kadaikodi.settings.title", "Settings")
+								children: q("kadaikodi.settings.title", "Settings")
 							})
-						}), /* @__PURE__ */ M("nav", {
+						}), /* @__PURE__ */ C("nav", {
 							className: "p-2",
-							children: X.map((e) => {
+							children: Y.map((e) => {
 								let n = e.icon;
-								return /* @__PURE__ */ N("button", {
+								return /* @__PURE__ */ w("button", {
 									type: "button",
-									onClick: () => B(e.id),
-									className: t("flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-sm font-medium transition-colors mb-0.5", A === e.id ? "bg-action-primary-bg/10 text-text-primary" : "text-text-secondary hover:text-text-primary hover:bg-accent"),
-									children: [/* @__PURE__ */ M(n, { className: "h-4 w-4" }), e.label]
+									onClick: () => R(e.id),
+									className: t("flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-sm font-medium transition-colors mb-0.5", L === e.id ? "bg-action-primary-bg/10 text-text-primary" : "text-text-secondary hover:text-text-primary hover:bg-accent"),
+									children: [/* @__PURE__ */ C(n, { className: "h-4 w-4" }), e.label]
 								}, e.id);
 							})
 						})]
 					})]
-				}), /* @__PURE__ */ M(P, {
+				}), /* @__PURE__ */ C(ae, {
 					className: "flex-1 p-6",
 					children: {
-						profile: () => /* @__PURE__ */ N("div", {
+						profile: () => /* @__PURE__ */ w("div", {
 							className: "space-y-6",
 							children: [
-								/* @__PURE__ */ M("h3", {
+								/* @__PURE__ */ C("h3", {
 									className: "text-base font-semibold text-text-primary",
 									children: "Personal Information"
 								}),
-								/* @__PURE__ */ N("div", {
+								/* @__PURE__ */ w("div", {
 									className: "flex items-center gap-4",
-									children: [/* @__PURE__ */ N("div", {
+									children: [/* @__PURE__ */ w("div", {
 										className: "relative",
-										children: [V.profile.profilePicture ? /* @__PURE__ */ M("img", {
-											src: V.profile.profilePicture,
+										children: [I.avatar ? /* @__PURE__ */ C("img", {
+											src: I.avatar,
 											alt: "Profile",
 											className: "h-20 w-20 rounded-full object-cover border border-border-subtle"
-										}) : /* @__PURE__ */ M("div", {
+										}) : /* @__PURE__ */ C("div", {
 											className: "flex h-20 w-20 items-center justify-center rounded-full border border-border-subtle bg-bg-sunken text-lg font-semibold text-text-secondary",
-											children: ((V.profile.firstName[0] ?? "") + (V.profile.lastName[0] ?? "")).toUpperCase() || (V.profile.email[0] ?? "?").toUpperCase()
-										}), /* @__PURE__ */ M("button", {
+											children: I.initials
+										}), /* @__PURE__ */ C("button", {
 											type: "button",
-											onClick: () => alert("Photo upload coming soon"),
+											onClick: Q,
+											"aria-label": "Update profile photo in Account Security",
+											title: "Update your photo in Account Security",
 											className: "absolute -bottom-1 -right-1 flex h-7 w-7 items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text shadow-sm hover:bg-action-primary-bg/90",
-											children: /* @__PURE__ */ M(u, { className: "h-3.5 w-3.5" })
+											children: /* @__PURE__ */ C(te, { className: "h-3.5 w-3.5" })
 										})]
-									}), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
+									}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 										className: "text-sm font-medium text-text-primary",
 										children: "Profile Picture"
-									}), /* @__PURE__ */ M("p", {
+									}), /* @__PURE__ */ C("p", {
 										className: "text-xs text-text-secondary",
-										children: "Upload a new photo (JPG, PNG, max 2MB)"
-									})] })]
-								}),
-								/* @__PURE__ */ N("div", {
-									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: "First Name *"
-									}), /* @__PURE__ */ M("input", {
-										type: "text",
-										value: V.profile.firstName,
-										onChange: (e) => Z("profile", "firstName", e.target.value),
-										className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-									})] }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: "Last Name *"
-									}), /* @__PURE__ */ M("input", {
-										type: "text",
-										value: V.profile.lastName,
-										onChange: (e) => Z("profile", "lastName", e.target.value),
-										className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+										children: "Your photo is managed in Account Security."
 									})] })]
 								}),
-								/* @__PURE__ */ N("div", {
-									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: "Email Address *"
-									}), /* @__PURE__ */ M("input", {
-										type: "email",
-										value: V.profile.email,
-										onChange: (e) => Z("profile", "email", e.target.value),
-										className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-									})] }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: "Phone Number"
-									}), /* @__PURE__ */ M("input", {
-										type: "tel",
-										value: V.profile.phone,
-										onChange: (e) => Z("profile", "phone", e.target.value),
-										className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-									})] })]
+								/* @__PURE__ */ w("div", {
+									className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+									children: [/* @__PURE__ */ w("div", {
+										className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
+										children: [/* @__PURE__ */ w("div", {
+											className: "grid grid-cols-1 gap-3 sm:grid-cols-2 flex-1",
+											children: [
+												/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+													className: "text-xs text-text-secondary mb-0.5",
+													children: "Full Name"
+												}), /* @__PURE__ */ C("p", {
+													className: "text-sm font-medium text-text-primary",
+													children: I.fullName
+												})] }),
+												/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+													className: "text-xs text-text-secondary mb-0.5",
+													children: "Email Address"
+												}), /* @__PURE__ */ C("p", {
+													className: "text-sm font-medium text-text-primary break-all",
+													children: I.email || "—"
+												})] }),
+												/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+													className: "text-xs text-text-secondary mb-0.5",
+													children: "Phone Number"
+												}), /* @__PURE__ */ C("p", {
+													className: "text-sm font-medium text-text-primary",
+													children: I.phone || "—"
+												})] })
+											]
+										}), /* @__PURE__ */ C($, { label: "Manage in Account Security" })]
+									}), /* @__PURE__ */ C("p", {
+										className: "text-xs text-text-secondary mt-3",
+										children: "Your name, email and phone are part of your account identity and are managed centrally in Account Security."
+									})]
 								}),
-								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
+								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
 									children: "Bio"
-								}), /* @__PURE__ */ M("textarea", {
+								}), /* @__PURE__ */ C("textarea", {
 									rows: 3,
-									value: V.profile.bio,
-									onChange: (e) => Z("profile", "bio", e.target.value),
+									value: z.profileExtra.bio,
+									onChange: (e) => X("profileExtra", "bio", e.target.value),
 									placeholder: "Tell us about yourself...",
 									className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none"
 								})] }),
-								/* @__PURE__ */ N("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
+									children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
 										className: "block text-sm font-medium text-text-primary mb-1.5",
 										children: "Date of Birth"
-									}), /* @__PURE__ */ M("input", {
+									}), /* @__PURE__ */ C("input", {
 										type: "date",
-										value: V.profile.dateOfBirth,
-										onChange: (e) => Z("profile", "dateOfBirth", e.target.value),
+										value: z.profileExtra.dateOfBirth,
+										onChange: (e) => X("profileExtra", "dateOfBirth", e.target.value),
 										className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-									})] }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
+									})] }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
 										className: "block text-sm font-medium text-text-primary mb-1.5",
 										children: "Gender"
-									}), /* @__PURE__ */ N("select", {
-										value: V.profile.gender,
-										onChange: (e) => Z("profile", "gender", e.target.value),
+									}), /* @__PURE__ */ w("select", {
+										value: z.profileExtra.gender,
+										onChange: (e) => X("profileExtra", "gender", e.target.value),
 										className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 										children: [
-											/* @__PURE__ */ M("option", {
+											/* @__PURE__ */ C("option", {
 												value: "",
 												children: "Select gender"
 											}),
-											/* @__PURE__ */ M("option", {
+											/* @__PURE__ */ C("option", {
 												value: "male",
 												children: "Male"
 											}),
-											/* @__PURE__ */ M("option", {
+											/* @__PURE__ */ C("option", {
 												value: "female",
 												children: "Female"
 											}),
-											/* @__PURE__ */ M("option", {
+											/* @__PURE__ */ C("option", {
 												value: "other",
 												children: "Other"
 											}),
-											/* @__PURE__ */ M("option", {
+											/* @__PURE__ */ C("option", {
 												value: "prefer-not-to-say",
 												children: "Prefer not to say"
 											})
@@ -388,100 +424,85 @@ function B() {
 								})
 							]
 						}),
-						preferences: () => /* @__PURE__ */ N("div", {
+						preferences: () => /* @__PURE__ */ w("div", {
 							className: "space-y-6",
 							children: [
-								/* @__PURE__ */ M("h3", {
+								/* @__PURE__ */ C("h3", {
 									className: "text-base font-semibold text-text-primary",
 									children: "App Preferences"
 								}),
-								/* @__PURE__ */ N("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 									children: [
-										/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
-											className: "block text-sm font-medium text-text-primary mb-1.5",
-											children: /* @__PURE__ */ N("span", {
-												className: "flex items-center gap-1.5",
-												children: [/* @__PURE__ */ M(m, { className: "h-4 w-4 text-text-secondary" }), " Language"]
-											})
-										}), /* @__PURE__ */ N("select", {
-											value: V.preferences.language,
-											onChange: (e) => Z("preferences", "language", e.target.value),
-											className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-											children: [
-												/* @__PURE__ */ M("option", {
-													value: "en",
-													children: "English"
-												}),
-												/* @__PURE__ */ M("option", {
-													value: "hi",
-													children: "Hindi"
-												}),
-												/* @__PURE__ */ M("option", {
-													value: "ta",
-													children: "Tamil"
-												}),
-												/* @__PURE__ */ M("option", {
-													value: "kn",
-													children: "Kannada"
-												}),
-												/* @__PURE__ */ M("option", {
-													value: "te",
-													children: "Telugu"
-												}),
-												/* @__PURE__ */ M("option", {
-													value: "ml",
-													children: "Malayalam"
+										/* @__PURE__ */ w("div", { children: [
+											/* @__PURE__ */ C("label", {
+												className: "block text-sm font-medium text-text-primary mb-1.5",
+												children: /* @__PURE__ */ w("span", {
+													className: "flex items-center gap-1.5",
+													children: [/* @__PURE__ */ C(f, { className: "h-4 w-4 text-text-secondary" }), " Language"]
 												})
-											]
-										})] }),
-										/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
+											}),
+											/* @__PURE__ */ C("select", {
+												value: k.some((e) => e.value === M) ? M : "en",
+												onChange: (e) => de(e.target.value),
+												className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+												children: k.map((e) => /* @__PURE__ */ C("option", {
+													value: e.value,
+													children: e.label
+												}, e.value))
+											}),
+											/* @__PURE__ */ C("p", {
+												className: "mt-1 text-xs text-text-secondary",
+												children: "Applies instantly across the app."
+											})
+										] }),
+										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
 											className: "block text-sm font-medium text-text-primary mb-1.5",
 											children: "Timezone"
-										}), /* @__PURE__ */ N("select", {
-											value: V.preferences.timezone,
-											onChange: (e) => Z("preferences", "timezone", e.target.value),
+										}), /* @__PURE__ */ w("select", {
+											value: z.preferences.timezone,
+											onChange: (e) => X("preferences", "timezone", e.target.value),
 											className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 											children: [
-												/* @__PURE__ */ M("option", {
+												/* @__PURE__ */ C("option", {
 													value: "Asia/Kolkata",
 													children: "India (IST)"
 												}),
-												/* @__PURE__ */ M("option", {
+												/* @__PURE__ */ C("option", {
 													value: "Asia/Dubai",
 													children: "Dubai (GST)"
 												}),
-												/* @__PURE__ */ M("option", {
+												/* @__PURE__ */ C("option", {
 													value: "Europe/London",
 													children: "London (GMT)"
 												}),
-												/* @__PURE__ */ M("option", {
+												/* @__PURE__ */ C("option", {
 													value: "America/New_York",
 													children: "New York (EST)"
 												})
 											]
 										})] }),
-										/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
+										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
 											className: "block text-sm font-medium text-text-primary mb-1.5",
 											children: "Currency"
-										}), /* @__PURE__ */ N("select", {
-											value: V.preferences.currency,
-											onChange: (e) => Z("preferences", "currency", e.target.value),
+										}), /* @__PURE__ */ w("select", {
+											value: z.preferences.currency,
+											onChange: (e) => X("preferences", "currency", e.target.value),
 											className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 											children: [
-												/* @__PURE__ */ M("option", {
+												/* @__PURE__ */ C("option", {
 													value: "INR",
 													children: "Indian Rupee (₹)"
 												}),
-												/* @__PURE__ */ M("option", {
+												/* @__PURE__ */ C("option", {
 													value: "USD",
 													children: "US Dollar ($)"
 												}),
-												/* @__PURE__ */ M("option", {
+												/* @__PURE__ */ C("option", {
 													value: "EUR",
 													children: "Euro (€)"
 												}),
-												/* @__PURE__ */ M("option", {
+												/* @__PURE__ */ C("option", {
 													value: "GBP",
 													children: "British Pound (£)"
 												})
@@ -489,50 +510,57 @@ function B() {
 										})] })
 									]
 								}),
-								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
-									className: "block text-sm font-medium text-text-primary mb-3",
-									children: "Theme"
-								}), /* @__PURE__ */ M("div", {
-									className: "flex gap-3 flex-wrap",
-									children: [
-										{
-											value: "light",
-											label: "Light",
-											Icon: O
-										},
-										{
-											value: "dark",
-											label: "Dark",
-											Icon: x
-										},
-										{
-											value: "system",
-											label: "System",
-											Icon: b
-										}
-									].map(({ value: e, label: n, Icon: r }) => /* @__PURE__ */ N("label", {
-										className: t("flex items-center gap-2 rounded-lg border px-4 py-2.5 text-sm font-medium cursor-pointer transition-colors", V.preferences.theme === e ? "border-primary bg-action-primary-bg/10 text-text-primary" : "border-border-subtle text-text-secondary hover:border-border-strong hover:text-text-primary"),
+								/* @__PURE__ */ w("div", { children: [
+									/* @__PURE__ */ C("label", {
+										className: "block text-sm font-medium text-text-primary mb-3",
+										children: "Theme"
+									}),
+									/* @__PURE__ */ C("div", {
+										className: "flex gap-3 flex-wrap",
 										children: [
-											/* @__PURE__ */ M("input", {
-												type: "radio",
-												name: "theme",
-												value: e,
-												checked: V.preferences.theme === e,
-												onChange: (e) => Z("preferences", "theme", e.target.value),
-												className: "sr-only"
-											}),
-											/* @__PURE__ */ M(r, { className: "h-4 w-4" }),
-											n
-										]
-									}, e))
-								})] }),
-								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("div", {
+											{
+												value: "light",
+												label: "Light",
+												Icon: re
+											},
+											{
+												value: "dark",
+												label: "Dark",
+												Icon: g
+											},
+											{
+												value: "system",
+												label: "System",
+												Icon: h
+											}
+										].map(({ value: e, label: n, Icon: r }) => /* @__PURE__ */ w("label", {
+											className: t("flex items-center gap-2 rounded-lg border px-4 py-2.5 text-sm font-medium cursor-pointer transition-colors", J === e ? "border-primary bg-action-primary-bg/10 text-text-primary" : "border-border-subtle text-text-secondary hover:border-border-strong hover:text-text-primary"),
+											children: [
+												/* @__PURE__ */ C("input", {
+													type: "radio",
+													name: "theme",
+													value: e,
+													checked: J === e,
+													onChange: (e) => ue(e.target.value),
+													className: "sr-only"
+												}),
+												/* @__PURE__ */ C(r, { className: "h-4 w-4" }),
+												n
+											]
+										}, e))
+									}),
+									/* @__PURE__ */ C("p", {
+										className: "mt-2 text-xs text-text-secondary",
+										children: "Your theme applies immediately and is remembered on this device."
+									})
+								] }),
+								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
 									className: "flex items-center gap-2 mb-4",
-									children: [/* @__PURE__ */ M(c, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ M("h4", {
+									children: [/* @__PURE__ */ C(s, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ C("h4", {
 										className: "text-sm font-semibold text-text-primary",
 										children: "Notification Preferences"
 									})]
-								}), /* @__PURE__ */ M("div", {
+								}), /* @__PURE__ */ C("div", {
 									className: "space-y-3",
 									children: [
 										{
@@ -563,199 +591,108 @@ function B() {
 											key: "security",
 											label: "Security alerts"
 										}
-									].map((e) => /* @__PURE__ */ N("div", {
+									].map((e) => /* @__PURE__ */ w("div", {
 										className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
-										children: [/* @__PURE__ */ M("span", {
+										children: [/* @__PURE__ */ C("span", {
 											className: "text-sm text-text-primary",
 											children: e.label
-										}), /* @__PURE__ */ M(z, {
-											checked: V.preferences.notifications[e.key],
-											onChange: (t) => Q("preferences", "notifications", e.key, t),
+										}), /* @__PURE__ */ C(A, {
+											checked: z.preferences.notifications[e.key],
+											onChange: (t) => Z("preferences", "notifications", e.key, t),
 											label: e.label
 										})]
 									}, e.key))
 								})] })
 							]
 						}),
-						security: () => /* @__PURE__ */ N("div", {
+						security: () => /* @__PURE__ */ w("div", {
 							className: "space-y-6",
 							children: [
-								/* @__PURE__ */ M("h3", {
+								/* @__PURE__ */ C("h3", {
 									className: "text-base font-semibold text-text-primary",
 									children: "Security Settings"
 								}),
-								/* @__PURE__ */ N("div", {
+								/* @__PURE__ */ w("div", {
 									className: "flex items-start gap-3 rounded-lg border border-status-warning-text/30 bg-status-warning-bg-subtle p-4",
-									children: [/* @__PURE__ */ M(s, { className: "h-5 w-5 text-status-warning-text shrink-0 mt-0.5" }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
+									children: [/* @__PURE__ */ C(o, { className: "h-5 w-5 text-status-warning-text shrink-0 mt-0.5" }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 										className: "text-sm font-medium text-text-primary",
-										children: "Account Security"
-									}), /* @__PURE__ */ M("p", {
+										children: "Account Security is managed centrally"
+									}), /* @__PURE__ */ C("p", {
 										className: "text-xs text-text-secondary",
-										children: "Keep your account secure by enabling two-factor authentication and monitoring login activity."
+										children: "Your password, two-factor authentication, login alerts, active sessions and trusted devices are protected by the platform's Account Security. Manage them there to keep a single, secure source of truth for your account."
 									})] })]
 								}),
-								/* @__PURE__ */ N("div", {
-									className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
-									children: [/* @__PURE__ */ N("div", {
-										className: "flex-1",
-										children: [/* @__PURE__ */ N("div", {
-											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ M(_, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ M("p", {
+								/* @__PURE__ */ C("div", {
+									className: "rounded-lg border border-border-subtle p-4 space-y-3",
+									children: [
+										{
+											icon: p,
+											label: "Password",
+											desc: "Change your account password."
+										},
+										{
+											icon: x,
+											label: "Two-Factor Authentication",
+											desc: "Add an extra layer of security with 2FA."
+										},
+										{
+											icon: h,
+											label: "Devices & Sessions",
+											desc: "Review active devices and sign out everywhere."
+										}
+									].map((e) => {
+										let t = e.icon;
+										return /* @__PURE__ */ w("div", {
+											className: "flex items-start gap-3",
+											children: [/* @__PURE__ */ C(t, { className: "h-4 w-4 text-text-secondary shrink-0 mt-0.5" }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 												className: "text-sm font-medium text-text-primary",
-												children: "Two-Factor Authentication"
-											})]
-										}), /* @__PURE__ */ M("p", {
-											className: "text-xs text-text-secondary mt-0.5 ml-6",
-											children: "Add an extra layer of security to your account"
-										})]
-									}), /* @__PURE__ */ M(z, {
-										checked: V.security.twoFactorEnabled,
-										onChange: (e) => Z("security", "twoFactorEnabled", e),
-										label: "Two-factor authentication"
-									})]
-								}),
-								/* @__PURE__ */ N("div", {
-									className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
-									children: [/* @__PURE__ */ N("div", {
-										className: "flex-1",
-										children: [/* @__PURE__ */ M("p", {
-											className: "text-sm font-medium text-text-primary",
-											children: "Login Alerts"
-										}), /* @__PURE__ */ M("p", {
-											className: "text-xs text-text-secondary mt-0.5",
-											children: "Get notified when someone logs into your account"
-										})]
-									}), /* @__PURE__ */ M(z, {
-										checked: V.security.loginAlerts,
-										onChange: (e) => Z("security", "loginAlerts", e),
-										label: "Login alerts"
-									})]
-								}),
-								/* @__PURE__ */ N("div", {
-									className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
-									children: [/* @__PURE__ */ N("div", {
-										className: "flex-1",
-										children: [/* @__PURE__ */ M("p", {
-											className: "text-sm font-medium text-text-primary",
-											children: "Session Timeout"
-										}), /* @__PURE__ */ M("p", {
-											className: "text-xs text-text-secondary mt-0.5",
-											children: "Auto-logout after inactivity"
-										})]
-									}), /* @__PURE__ */ N("select", {
-										value: V.security.sessionTimeout,
-										onChange: (e) => Z("security", "sessionTimeout", e.target.value),
-										className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] w-36",
-										children: [
-											/* @__PURE__ */ M("option", {
-												value: "15",
-												children: "15 minutes"
-											}),
-											/* @__PURE__ */ M("option", {
-												value: "30",
-												children: "30 minutes"
-											}),
-											/* @__PURE__ */ M("option", {
-												value: "60",
-												children: "1 hour"
-											}),
-											/* @__PURE__ */ M("option", {
-												value: "120",
-												children: "2 hours"
-											}),
-											/* @__PURE__ */ M("option", {
-												value: "0",
-												children: "Never"
-											})
-										]
-									})]
-								}),
-								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h4", {
-									className: "text-sm font-semibold text-text-primary mb-3",
-									children: "Trusted Devices"
-								}), /* @__PURE__ */ M("div", {
-									className: "space-y-3",
-									children: V.security.trustedDevices.map((e) => /* @__PURE__ */ N("div", {
-										className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
-										children: [/* @__PURE__ */ N("div", {
-											className: "flex items-center gap-3",
-											children: [e.os.toLowerCase().includes("mac") || e.os.toLowerCase().includes("windows") ? /* @__PURE__ */ M(h, { className: "h-5 w-5 text-text-secondary shrink-0" }) : /* @__PURE__ */ M(D, { className: "h-5 w-5 text-text-secondary shrink-0" }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("div", {
-												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ M("p", {
-													className: "text-sm font-medium text-text-primary",
-													children: e.name
-												}), e.isCurrent && /* @__PURE__ */ M("span", {
-													className: "inline-flex items-center rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-xs font-medium text-status-success-text",
-													children: "Current"
-												})]
-											}), /* @__PURE__ */ N("p", {
+												children: e.label
+											}), /* @__PURE__ */ C("p", {
 												className: "text-xs text-text-secondary",
-												children: [
-													e.browser,
-													" · ",
-													e.os
-												]
+												children: e.desc
 											})] })]
-										}), !e.isCurrent && /* @__PURE__ */ M("button", {
-											type: "button",
-											onClick: () => te(e.id),
-											className: "rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg/10 transition-colors",
-											children: "Remove"
-										})]
-									}, e.id))
-								})] }),
-								/* @__PURE__ */ N("div", {
-									className: "flex flex-wrap gap-3",
-									children: [/* @__PURE__ */ N("button", {
-										type: "button",
-										onClick: () => alert("Password change functionality coming soon"),
-										className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-										children: [/* @__PURE__ */ M(_, { className: "h-4 w-4" }), "Change Password"]
-									}), /* @__PURE__ */ N("button", {
-										type: "button",
-										onClick: ne,
-										className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-										children: [/* @__PURE__ */ M(v, { className: "h-4 w-4" }), "Logout All Devices"]
-									})]
-								})
+										}, e.label);
+									})
+								}),
+								/* @__PURE__ */ C($, { label: "Manage in Account Security" })
 							]
 						}),
-						privacy: () => /* @__PURE__ */ N("div", {
+						privacy: () => /* @__PURE__ */ w("div", {
 							className: "space-y-6",
 							children: [
-								/* @__PURE__ */ M("h3", {
+								/* @__PURE__ */ C("h3", {
 									className: "text-base font-semibold text-text-primary",
 									children: "Privacy Controls"
 								}),
-								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
+								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: /* @__PURE__ */ N("span", {
+									children: /* @__PURE__ */ w("span", {
 										className: "flex items-center gap-1.5",
-										children: [/* @__PURE__ */ M(p, { className: "h-4 w-4 text-text-secondary" }), " Profile Visibility"]
+										children: [/* @__PURE__ */ C(d, { className: "h-4 w-4 text-text-secondary" }), " Profile Visibility"]
 									})
-								}), /* @__PURE__ */ N("select", {
-									value: V.privacy.profileVisibility,
-									onChange: (e) => Z("privacy", "profileVisibility", e.target.value),
+								}), /* @__PURE__ */ w("select", {
+									value: z.privacy.profileVisibility,
+									onChange: (e) => X("privacy", "profileVisibility", e.target.value),
 									className: "w-full max-w-sm rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 									children: [
-										/* @__PURE__ */ M("option", {
+										/* @__PURE__ */ C("option", {
 											value: "public",
 											children: "Public - Anyone can see your profile"
 										}),
-										/* @__PURE__ */ M("option", {
+										/* @__PURE__ */ C("option", {
 											value: "private",
 											children: "Private - Only you can see your profile"
 										}),
-										/* @__PURE__ */ M("option", {
+										/* @__PURE__ */ C("option", {
 											value: "friends",
 											children: "Friends - Only friends can see your profile"
 										})
 									]
 								})] }),
-								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h4", {
+								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h4", {
 									className: "text-sm font-semibold text-text-primary mb-3",
 									children: "Data Sharing"
-								}), /* @__PURE__ */ M("div", {
+								}), /* @__PURE__ */ C("div", {
 									className: "space-y-3",
 									children: [
 										{
@@ -770,215 +707,194 @@ function B() {
 											key: "thirdParty",
 											label: "Share data with third-party partners"
 										}
-									].map((e) => /* @__PURE__ */ N("div", {
+									].map((e) => /* @__PURE__ */ w("div", {
 										className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
-										children: [/* @__PURE__ */ M("span", {
+										children: [/* @__PURE__ */ C("span", {
 											className: "text-sm text-text-primary",
 											children: e.label
-										}), /* @__PURE__ */ M(z, {
-											checked: V.privacy.dataSharing[e.key],
-											onChange: (t) => Q("privacy", "dataSharing", e.key, t),
+										}), /* @__PURE__ */ C(A, {
+											checked: z.privacy.dataSharing[e.key],
+											onChange: (t) => Z("privacy", "dataSharing", e.key, t),
 											label: e.label
 										})]
 									}, e.key))
 								})] }),
-								/* @__PURE__ */ N("div", {
+								/* @__PURE__ */ w("div", {
 									className: "space-y-3",
-									children: [/* @__PURE__ */ N("div", {
+									children: [/* @__PURE__ */ w("div", {
 										className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
-										children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
+										children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 											className: "text-sm font-medium text-text-primary",
 											children: "Location Tracking"
-										}), /* @__PURE__ */ M("p", {
+										}), /* @__PURE__ */ C("p", {
 											className: "text-xs text-text-secondary",
 											children: "Allow app to track your location for better service"
-										})] }), /* @__PURE__ */ M(z, {
-											checked: V.privacy.locationTracking,
-											onChange: (e) => Z("privacy", "locationTracking", e),
+										})] }), /* @__PURE__ */ C(A, {
+											checked: z.privacy.locationTracking,
+											onChange: (e) => X("privacy", "locationTracking", e),
 											label: "Location tracking"
 										})]
-									}), /* @__PURE__ */ N("div", {
+									}), /* @__PURE__ */ w("div", {
 										className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
-										children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
+										children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 											className: "text-sm font-medium text-text-primary",
 											children: "Activity History"
-										}), /* @__PURE__ */ M("p", {
+										}), /* @__PURE__ */ C("p", {
 											className: "text-xs text-text-secondary",
 											children: "Keep track of your orders and activities"
-										})] }), /* @__PURE__ */ M(z, {
-											checked: V.privacy.activityHistory,
-											onChange: (e) => Z("privacy", "activityHistory", e),
+										})] }), /* @__PURE__ */ C(A, {
+											checked: z.privacy.activityHistory,
+											onChange: (e) => X("privacy", "activityHistory", e),
 											label: "Activity history"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ M("div", {
+								/* @__PURE__ */ C("div", {
 									className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle p-4",
-									children: /* @__PURE__ */ N("div", {
+									children: /* @__PURE__ */ w("div", {
 										className: "flex items-start gap-3",
-										children: [/* @__PURE__ */ M(k, { className: "h-5 w-5 text-status-error-text shrink-0 mt-0.5" }), /* @__PURE__ */ N("div", { children: [
-											/* @__PURE__ */ M("p", {
+										children: [/* @__PURE__ */ C(ie, { className: "h-5 w-5 text-status-error-text shrink-0 mt-0.5" }), /* @__PURE__ */ w("div", { children: [
+											/* @__PURE__ */ C("p", {
 												className: "text-sm font-medium text-text-primary",
 												children: "Delete Account"
 											}),
-											/* @__PURE__ */ M("p", {
+											/* @__PURE__ */ C("p", {
 												className: "text-xs text-text-secondary mt-0.5",
-												children: "Permanently delete your account and all associated data. This action cannot be undone."
+												children: "Permanently delete your account and all associated data. This is handled by our support team and cannot be undone once processed."
 											}),
-											/* @__PURE__ */ M("button", {
+											/* @__PURE__ */ C("button", {
 												type: "button",
-												onClick: re,
+												onClick: pe,
 												className: "mt-3 rounded-lg border border-status-error-text/30 px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/10 transition-colors",
-												children: "Delete Account"
+												children: "Request Account Deletion"
 											})
 										] })]
 									})
 								})
 							]
 						}),
-						billing: () => /* @__PURE__ */ N("div", {
+						billing: () => /* @__PURE__ */ w("div", {
 							className: "space-y-6",
 							children: [
-								/* @__PURE__ */ M("h3", {
+								/* @__PURE__ */ C("h3", {
 									className: "text-base font-semibold text-text-primary",
 									children: "Billing & Payments"
 								}),
-								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h4", {
+								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h4", {
 									className: "text-sm font-semibold text-text-primary mb-3",
-									children: /* @__PURE__ */ N("span", {
+									children: /* @__PURE__ */ w("span", {
 										className: "flex items-center gap-1.5",
-										children: [/* @__PURE__ */ M(f, { className: "h-4 w-4 text-text-secondary" }), " Default Payment Method"]
+										children: [/* @__PURE__ */ C(u, { className: "h-4 w-4 text-text-secondary" }), " Default Payment Method"]
 									})
-								}), V.billing.paymentMethod ? /* @__PURE__ */ N("div", {
-									className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
-									children: [/* @__PURE__ */ N("div", {
-										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ M(f, { className: "h-6 w-6 text-text-secondary" }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("p", {
-											className: "text-sm font-medium text-text-primary",
-											children: [
-												V.billing.paymentMethod.provider,
-												" ending in",
-												" ",
-												V.billing.paymentMethod.last4
-											]
-										}), /* @__PURE__ */ M("p", {
-											className: "text-xs text-text-secondary capitalize",
-											children: V.billing.paymentMethod.type
-										})] })]
-									}), /* @__PURE__ */ M("button", {
-										type: "button",
-										onClick: () => alert("Change payment method coming soon"),
-										className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-										children: "Change"
-									})]
-								}) : /* @__PURE__ */ N("div", {
+								}), /* @__PURE__ */ w("div", {
 									className: "rounded-lg border border-border-subtle p-4 text-center",
-									children: [/* @__PURE__ */ M("p", {
+									children: [/* @__PURE__ */ C("p", {
 										className: "text-sm text-text-secondary",
-										children: "No default payment method set"
-									}), /* @__PURE__ */ M("button", {
+										children: "Saved payment methods aren't available yet."
+									}), /* @__PURE__ */ C("button", {
 										type: "button",
-										onClick: () => alert("Add payment method coming soon"),
-										className: "mt-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-										children: "Add Payment Method"
+										disabled: !0,
+										"aria-disabled": "true",
+										title: "Coming soon",
+										className: "mt-2 cursor-not-allowed rounded-lg bg-bg-sunken px-4 py-2 text-sm font-medium text-text-secondary",
+										children: "Add Payment Method (coming soon)"
 									})]
 								})] }),
-								/* @__PURE__ */ N("div", { children: [
-									/* @__PURE__ */ M("h4", {
-										className: "text-sm font-semibold text-text-primary mb-3",
-										children: "Auto Recharge"
-									}),
-									/* @__PURE__ */ N("div", {
-										className: "flex items-center justify-between rounded-lg border border-border-subtle p-4 mb-3",
-										children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
-											className: "text-sm font-medium text-text-primary",
-											children: "Enable Auto Recharge"
-										}), /* @__PURE__ */ M("p", {
-											className: "text-xs text-text-secondary",
-											children: "Automatically add money when wallet balance is low"
-										})] }), /* @__PURE__ */ M(z, {
-											checked: V.billing.autoRecharge,
-											onChange: (e) => Z("billing", "autoRecharge", e),
-											label: "Auto recharge"
-										})]
-									}),
-									V.billing.autoRecharge && /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: "Auto Recharge Amount (₹)"
-									}), /* @__PURE__ */ M("input", {
-										type: "number",
-										value: V.billing.autoRechargeAmount,
-										onChange: (e) => Z("billing", "autoRechargeAmount", e.target.value),
-										placeholder: "1000",
-										className: "w-full max-w-xs rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-									})] })
-								] }),
-								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
+								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h4", {
+									className: "text-sm font-semibold text-text-primary mb-3",
+									children: "Auto Recharge"
+								}), /* @__PURE__ */ w("div", {
+									className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
+									children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										className: "text-sm font-medium text-text-primary",
+										children: "Enable Auto Recharge"
+									}), /* @__PURE__ */ C("p", {
+										className: "text-xs text-text-secondary",
+										children: "Automatically add money when wallet balance is low — coming soon."
+									})] }), /* @__PURE__ */ C("button", {
+										type: "button",
+										role: "switch",
+										"aria-checked": !1,
+										"aria-disabled": "true",
+										disabled: !0,
+										title: "Coming soon",
+										className: "relative inline-flex h-6 w-11 items-center rounded-full bg-bg-sunken opacity-60 cursor-not-allowed shrink-0",
+										children: /* @__PURE__ */ C("span", { className: "inline-block h-4 w-4 translate-x-1 rounded-full bg-white" })
+									})]
+								})] }),
+								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: /* @__PURE__ */ N("span", {
+									children: /* @__PURE__ */ w("span", {
 										className: "flex items-center gap-1.5",
-										children: [/* @__PURE__ */ M(S, { className: "h-4 w-4 text-text-secondary" }), " Invoice Email"]
+										children: [/* @__PURE__ */ C(_, { className: "h-4 w-4 text-text-secondary" }), " Invoice Email"]
 									})
-								}), /* @__PURE__ */ M("input", {
+								}), /* @__PURE__ */ C("input", {
 									type: "email",
-									value: V.billing.invoiceEmail,
-									onChange: (e) => Z("billing", "invoiceEmail", e.target.value),
+									value: z.billing.invoiceEmail,
+									onChange: (e) => X("billing", "invoiceEmail", e.target.value),
 									placeholder: "billing@example.com",
 									className: "w-full max-w-sm rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})] }),
-								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h4", {
-									className: "text-sm font-semibold text-text-primary mb-3",
-									children: /* @__PURE__ */ N("span", {
-										className: "flex items-center gap-1.5",
-										children: [/* @__PURE__ */ M(l, { className: "h-4 w-4 text-text-secondary" }), " Tax Information"]
+								/* @__PURE__ */ w("div", { children: [
+									/* @__PURE__ */ C("h4", {
+										className: "text-sm font-semibold text-text-primary mb-3",
+										children: /* @__PURE__ */ w("span", {
+											className: "flex items-center gap-1.5",
+											children: [/* @__PURE__ */ C(c, { className: "h-4 w-4 text-text-secondary" }), " Tax Information"]
+										})
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "space-y-4",
+										children: [
+											/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
+												className: "block text-sm font-medium text-text-primary mb-1.5",
+												children: "GST Number"
+											}), /* @__PURE__ */ C("input", {
+												type: "text",
+												value: z.billing.gstNumber,
+												onChange: (e) => X("billing", "gstNumber", e.target.value),
+												placeholder: "29ABCDE1234F1Z5",
+												className: "w-full max-w-sm rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+											})] }),
+											/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
+												className: "block text-sm font-medium text-text-primary mb-1.5",
+												children: "Company Name"
+											}), /* @__PURE__ */ C("input", {
+												type: "text",
+												value: z.billing.companyName,
+												onChange: (e) => X("billing", "companyName", e.target.value),
+												placeholder: "Your Company Name",
+												className: "w-full max-w-sm rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+											})] }),
+											/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
+												className: "block text-sm font-medium text-text-primary mb-1.5",
+												children: /* @__PURE__ */ w("span", {
+													className: "flex items-center gap-1.5",
+													children: [/* @__PURE__ */ C(m, { className: "h-4 w-4 text-text-secondary" }), " Billing Address"]
+												})
+											}), /* @__PURE__ */ C("textarea", {
+												rows: 3,
+												value: z.billing.billingAddress,
+												onChange: (e) => X("billing", "billingAddress", e.target.value),
+												placeholder: "Enter your complete billing address",
+												className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none"
+											})] })
+										]
+									}),
+									/* @__PURE__ */ C("p", {
+										className: "mt-3 text-xs text-text-secondary",
+										children: "Invoice and tax details are saved on this device for your convenience."
 									})
-								}), /* @__PURE__ */ N("div", {
-									className: "space-y-4",
-									children: [
-										/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
-											className: "block text-sm font-medium text-text-primary mb-1.5",
-											children: "GST Number"
-										}), /* @__PURE__ */ M("input", {
-											type: "text",
-											value: V.billing.gstNumber,
-											onChange: (e) => Z("billing", "gstNumber", e.target.value),
-											placeholder: "29ABCDE1234F1Z5",
-											className: "w-full max-w-sm rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-										})] }),
-										/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
-											className: "block text-sm font-medium text-text-primary mb-1.5",
-											children: "Company Name"
-										}), /* @__PURE__ */ M("input", {
-											type: "text",
-											value: V.billing.companyName,
-											onChange: (e) => Z("billing", "companyName", e.target.value),
-											placeholder: "Your Company Name",
-											className: "w-full max-w-sm rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-										})] }),
-										/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
-											className: "block text-sm font-medium text-text-primary mb-1.5",
-											children: /* @__PURE__ */ N("span", {
-												className: "flex items-center gap-1.5",
-												children: [/* @__PURE__ */ M(y, { className: "h-4 w-4 text-text-secondary" }), " Billing Address"]
-											})
-										}), /* @__PURE__ */ M("textarea", {
-											rows: 3,
-											value: V.billing.billingAddress,
-											onChange: (e) => Z("billing", "billingAddress", e.target.value),
-											placeholder: "Enter your complete billing address",
-											className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none"
-										})] })
-									]
-								})] })
+								] })
 							]
 						})
-					}[A]()
+					}[L]()
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { B as SettingsPage };
+export { j as SettingsPage };
 
 //# sourceMappingURL=SettingsPage.js.map