@burdenoff/microfe-coolandlovely 2026.625.1 → 2026.625.2

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

@@ -5,8 +5,9 @@ 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, PagePurpose as F } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/common/SettingsPage.tsx
-var P = {
+var I = {
 	profile: {
 		firstName: "Priya",
 		lastName: "Customer",
@@ -86,7 +87,7 @@ var P = {
 		companyName: "",
 		billingAddress: "123 Tech Park, Koramangala, Bangalore 560034"
 	}
-}, F = [
+}, L = [
 	{
 		id: "profile",
 		label: "Profile",
@@ -113,7 +114,7 @@ var P = {
 		icon: f
 	}
 ];
-function I({ checked: e, onChange: n, label: r }) {
+function R({ checked: e, onChange: n, label: r }) {
 	return /* @__PURE__ */ M("button", {
 		type: "button",
 		role: "switch",
@@ -124,26 +125,26 @@ function I({ checked: e, onChange: n, label: r }) {
 		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") })
 	});
 }
-function L() {
-	let { currentUser: T } = e(), { t: E } = o(), [A, L] = a("profile"), [R, z] = a(() => {
-		let e = { ...P };
-		return T?.firstName && (e.profile.firstName = T.firstName), T?.lastName && (e.profile.lastName = T.lastName), T?.email && (e.profile.email = T.email), e;
-	}), [B, V] = a(!1), [H, U] = a(!1), [W, G] = a(""), K = r((e, t) => {
-		let n = E(e);
+function z() {
+	let { currentUser: E } = e(), { t: A } = o(), [z, B] = a("profile"), [V, H] = a(() => {
+		let e = { ...I };
+		return E?.firstName && (e.profile.firstName = E.firstName), E?.lastName && (e.profile.lastName = E.lastName), E?.email && (e.profile.email = E.email), e;
+	}), [U, W] = a(!1), [G, K] = a(!1), [q, J] = a(""), Y = r((e, t) => {
+		let n = A(e);
 		return n === e ? t : n;
-	}, [E]), q = i(() => F.map((e) => ({
+	}, [A]), X = i(() => L.map((e) => ({
 		...e,
-		label: e.id === "profile" ? K("coolandlovely.settings.tabs.profile", "Profile") : e.id === "preferences" ? K("coolandlovely.settings.tabs.preferences", "Preferences") : e.id === "security" ? K("coolandlovely.settings.tabs.security", "Security") : e.id === "privacy" ? K("coolandlovely.settings.tabs.privacy", "Privacy") : K("coolandlovely.settings.tabs.billing", "Billing")
-	})), [K]), J = r((e, t, n) => {
-		z((r) => ({
+		label: e.id === "profile" ? Y("coolandlovely.settings.tabs.profile", "Profile") : e.id === "preferences" ? Y("coolandlovely.settings.tabs.preferences", "Preferences") : e.id === "security" ? Y("coolandlovely.settings.tabs.security", "Security") : e.id === "privacy" ? Y("coolandlovely.settings.tabs.privacy", "Privacy") : Y("coolandlovely.settings.tabs.billing", "Billing")
+	})), [Y]), Z = r((e, t, n) => {
+		H((r) => ({
 			...r,
 			[e]: {
 				...r[e],
 				[t]: n
 			}
-		})), V(!0), G("");
-	}, []), Y = r((e, t, n, r) => {
-		z((i) => ({
+		})), W(!0), J("");
+	}, []), Q = r((e, t, n, r) => {
+		H((i) => ({
 			...i,
 			[e]: {
 				...i[e],
@@ -152,813 +153,821 @@ function L() {
 					[n]: r
 				}
 			}
-		})), V(!0), G("");
-	}, []), X = r(() => {
-		z(P), V(!1), G("");
-	}, []), Z = r(async () => {
-		if (!R.profile.firstName.trim() || !R.profile.lastName.trim()) {
-			G(K("coolandlovely.settings.validation.nameRequired", "First name and last name are required.")), L("profile");
+		})), W(!0), J("");
+	}, []), $ = r(() => {
+		H(I), W(!1), J("");
+	}, []), ee = r(async () => {
+		if (!V.profile.firstName.trim() || !V.profile.lastName.trim()) {
+			J(Y("coolandlovely.settings.validation.nameRequired", "First name and last name are required.")), B("profile");
 			return;
 		}
-		if (!R.profile.email.trim() || !R.profile.email.includes("@")) {
-			G(K("coolandlovely.settings.validation.emailRequired", "A valid email address is required.")), L("profile");
+		if (!V.profile.email.trim() || !V.profile.email.includes("@")) {
+			J(Y("coolandlovely.settings.validation.emailRequired", "A valid email address is required.")), B("profile");
 			return;
 		}
-		U(!0), G(""), await new Promise((e) => setTimeout(e, 1200)), U(!1), V(!1), G(K("coolandlovely.settings.saveSuccess", "Settings saved successfully!")), setTimeout(() => G(""), 3e3);
-	}, [R, K]), Q = r((e) => {
-		z((t) => ({
+		K(!0), J(""), await new Promise((e) => setTimeout(e, 1200)), K(!1), W(!1), J(Y("coolandlovely.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)
 			}
-		})), V(!0);
-	}, []), $ = r(() => {
-		z((e) => ({
+		})), W(!0);
+	}, []), ne = r(() => {
+		H((e) => ({
 			...e,
 			security: {
 				...e.security,
 				trustedDevices: e.security.trustedDevices.filter((e) => e.isCurrent)
 			}
-		})), V(!0);
-	}, []), ee = r(() => {
-		window.confirm(K("coolandlovely.settings.deleteConfirm", "Are you sure you want to delete your account? This action cannot be undone.")) && alert(K("coolandlovely.settings.deleteSubmitted", "Account deletion request submitted. You will receive a confirmation email."));
-	}, [K]);
+		})), W(!0);
+	}, []), re = r(() => {
+		window.confirm(Y("coolandlovely.settings.deleteConfirm", "Are you sure you want to delete your account? This action cannot be undone.")) && alert(Y("coolandlovely.settings.deleteSubmitted", "Account deletion request submitted. You will receive a confirmation email."));
+	}, [Y]);
 	return /* @__PURE__ */ N(n, {
-		title: K("coolandlovely.settings.title", "Settings"),
-		description: K("coolandlovely.settings.description", "Manage your preferences and account settings"),
+		title: Y("coolandlovely.settings.title", "Settings"),
+		description: Y("coolandlovely.settings.description", "Manage your preferences and account settings"),
 		actions: /* @__PURE__ */ N("div", {
 			className: "flex items-center gap-2",
-			children: [B && /* @__PURE__ */ N("button", {
+			children: [U && /* @__PURE__ */ N("button", {
 				type: "button",
-				onClick: X,
+				onClick: $,
 				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" }), K("coolandlovely.settings.reset", "Reset")]
+				children: [/* @__PURE__ */ M(C, { className: "h-4 w-4" }), Y("coolandlovely.settings.reset", "Reset")]
 			}), /* @__PURE__ */ M("button", {
 				type: "button",
-				disabled: !B || H,
-				onClick: Z,
-				className: t("flex items-center gap-1.5 rounded-lg px-4 py-2 text-sm font-medium transition-colors", B && !H ? "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
-				children: H ? /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(g, { className: "h-4 w-4 animate-spin" }), K("coolandlovely.settings.saving", "Saving...")] }) : /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(w, { className: "h-4 w-4" }), K("coolandlovely.settings.save", "Save Settings")] })
+				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("coolandlovely.settings.saving", "Saving...")] }) : /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(w, { className: "h-4 w-4" }), Y("coolandlovely.settings.save", "Save Settings")] })
 			})]
 		}),
-		children: [W && /* @__PURE__ */ N("div", {
-			className: t("mb-6 flex items-center gap-2 rounded-lg border p-3 text-sm", W.includes("successfully") ? "border-status-success-border/30 bg-status-success-bg-subtle/5 text-status-success-text" : "border-status-error-border/30 bg-status-error-bg-subtle/5 text-status-error-text"),
-			children: [W.includes("successfully") ? /* @__PURE__ */ M(d, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ M(s, { className: "h-4 w-4 shrink-0" }), W]
-		}), /* @__PURE__ */ N("div", {
-			className: "flex flex-col gap-6 lg:flex-row",
-			children: [/* @__PURE__ */ N("div", {
-				className: "shrink-0 lg:w-56",
-				children: [/* @__PURE__ */ M("div", {
-					className: "grid grid-cols-5 gap-1 lg:hidden",
-					children: q.map((e) => {
-						let n = e.icon;
-						return /* @__PURE__ */ N("button", {
-							type: "button",
-							onClick: () => L(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", {
-								className: "text-xs font-medium",
-								children: e.label
-							})]
-						}, e.id);
-					})
-				}), /* @__PURE__ */ N("div", {
-					className: "hidden lg:block rounded-lg border border-border-subtle bg-bg-surface",
+		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-border/30 bg-status-success-bg-subtle/5 text-status-success-text" : "border-status-error-border/30 bg-status-error-bg-subtle/5 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]
+			}),
+			/* @__PURE__ */ M(F, {
+				className: "mb-6",
+				icon: /* @__PURE__ */ M(T, { className: "h-4 w-4" }),
+				children: Y("coolandlovely.settings.purpose", "Make the app work the way you want. Update your profile, notification, privacy, appearance and language preferences here — changes apply to your account everywhere, so set it once and forget it.")
+			}),
+			/* @__PURE__ */ N("div", {
+				className: "flex flex-col gap-6 lg:flex-row",
+				children: [/* @__PURE__ */ N("div", {
+					className: "shrink-0 lg:w-56",
 					children: [/* @__PURE__ */ M("div", {
-						className: "p-3 border-b border-border-subtle",
-						children: /* @__PURE__ */ M("p", {
-							className: "text-sm font-semibold text-text-primary",
-							children: K("coolandlovely.settings.title", "Settings")
-						})
-					}), /* @__PURE__ */ M("nav", {
-						className: "p-2",
-						children: q.map((e) => {
+						className: "grid grid-cols-5 gap-1 lg:hidden",
+						children: X.map((e) => {
 							let n = e.icon;
 							return /* @__PURE__ */ N("button", {
 								type: "button",
-								onClick: () => L(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: () => B(e.id),
+								className: t("flex flex-col items-center gap-1 rounded-lg py-2.5 text-center transition-colors", z === 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", {
+									className: "text-xs font-medium",
+									children: e.label
+								})]
 							}, e.id);
 						})
+					}), /* @__PURE__ */ N("div", {
+						className: "hidden lg:block rounded-lg border border-border-subtle bg-bg-surface",
+						children: [/* @__PURE__ */ M("div", {
+							className: "p-3 border-b border-border-subtle",
+							children: /* @__PURE__ */ M("p", {
+								className: "text-sm font-semibold text-text-primary",
+								children: Y("coolandlovely.settings.title", "Settings")
+							})
+						}), /* @__PURE__ */ M("nav", {
+							className: "p-2",
+							children: X.map((e) => {
+								let n = e.icon;
+								return /* @__PURE__ */ N("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", z === 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]
+								}, e.id);
+							})
+						})]
 					})]
-				})]
-			}), /* @__PURE__ */ M("div", {
-				className: "flex-1 rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
-				children: {
-					profile: () => /* @__PURE__ */ N("div", {
-						className: "space-y-6",
-						children: [
-							/* @__PURE__ */ M("h3", {
-								className: "text-base font-semibold text-text-primary",
-								children: "Personal Information"
-							}),
-							/* @__PURE__ */ N("div", {
-								className: "flex items-center gap-4",
-								children: [/* @__PURE__ */ N("div", {
-									className: "relative",
-									children: [/* @__PURE__ */ M("img", {
-										src: R.profile.profilePicture,
-										alt: "Profile",
-										className: "h-20 w-20 rounded-full object-cover border border-border-subtle"
-									}), /* @__PURE__ */ M("button", {
-										type: "button",
-										onClick: () => alert("Photo upload coming soon"),
-										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" })
-									})]
-								}), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
-									className: "text-sm font-medium text-text-primary",
-									children: "Profile Picture"
-								}), /* @__PURE__ */ M("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: R.profile.firstName,
-									onChange: (e) => J("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: R.profile.lastName,
-									onChange: (e) => J("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)]"
-								})] })]
-							}),
-							/* @__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: R.profile.email,
-									onChange: (e) => J("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: R.profile.phone,
-									onChange: (e) => J("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__ */ N("div", { children: [/* @__PURE__ */ M("label", {
-								className: "block text-sm font-medium text-text-primary mb-1.5",
-								children: "Bio"
-							}), /* @__PURE__ */ M("textarea", {
-								rows: 3,
-								value: R.profile.bio,
-								onChange: (e) => J("profile", "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", {
-								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: "Date of Birth"
-								}), /* @__PURE__ */ M("input", {
-									type: "date",
-									value: R.profile.dateOfBirth,
-									onChange: (e) => J("profile", "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__ */ M(P, {
+					className: "flex-1 p-6",
+					children: {
+						profile: () => /* @__PURE__ */ N("div", {
+							className: "space-y-6",
+							children: [
+								/* @__PURE__ */ M("h3", {
+									className: "text-base font-semibold text-text-primary",
+									children: "Personal Information"
+								}),
+								/* @__PURE__ */ N("div", {
+									className: "flex items-center gap-4",
+									children: [/* @__PURE__ */ N("div", {
+										className: "relative",
+										children: [/* @__PURE__ */ M("img", {
+											src: V.profile.profilePicture,
+											alt: "Profile",
+											className: "h-20 w-20 rounded-full object-cover border border-border-subtle"
+										}), /* @__PURE__ */ M("button", {
+											type: "button",
+											onClick: () => alert("Photo upload coming soon"),
+											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" })
+										})]
+									}), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
+										className: "text-sm font-medium text-text-primary",
+										children: "Profile Picture"
+									}), /* @__PURE__ */ M("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)]"
+									})] })]
+								}),
+								/* @__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__ */ N("div", { children: [/* @__PURE__ */ M("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: "Gender"
-								}), /* @__PURE__ */ N("select", {
-									value: R.profile.gender,
-									onChange: (e) => J("profile", "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", {
-											value: "",
-											children: "Select gender"
-										}),
-										/* @__PURE__ */ M("option", {
-											value: "male",
-											children: "Male"
-										}),
-										/* @__PURE__ */ M("option", {
-											value: "female",
-											children: "Female"
-										}),
-										/* @__PURE__ */ M("option", {
-											value: "other",
-											children: "Other"
-										}),
-										/* @__PURE__ */ M("option", {
-											value: "prefer-not-to-say",
-											children: "Prefer not to say"
-										})
-									]
-								})] })]
-							})
-						]
-					}),
-					preferences: () => /* @__PURE__ */ N("div", {
-						className: "space-y-6",
-						children: [
-							/* @__PURE__ */ M("h3", {
-								className: "text-base font-semibold text-text-primary",
-								children: "App Preferences"
-							}),
-							/* @__PURE__ */ N("div", {
-								className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
-								children: [
-									/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
+									children: "Bio"
+								}), /* @__PURE__ */ M("textarea", {
+									rows: 3,
+									value: V.profile.bio,
+									onChange: (e) => Z("profile", "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", {
+									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: /* @__PURE__ */ N("span", {
-											className: "flex items-center gap-1.5",
-											children: [/* @__PURE__ */ M(m, { className: "h-4 w-4 text-text-secondary" }), " Language"]
-										})
+										children: "Date of Birth"
+									}), /* @__PURE__ */ M("input", {
+										type: "date",
+										value: V.profile.dateOfBirth,
+										onChange: (e) => Z("profile", "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", {
+										className: "block text-sm font-medium text-text-primary mb-1.5",
+										children: "Gender"
 									}), /* @__PURE__ */ N("select", {
-										value: R.preferences.language,
-										onChange: (e) => J("preferences", "language", e.target.value),
+										value: V.profile.gender,
+										onChange: (e) => Z("profile", "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", {
-												value: "en",
-												children: "English"
-											}),
-											/* @__PURE__ */ M("option", {
-												value: "hi",
-												children: "Hindi"
+												value: "",
+												children: "Select gender"
 											}),
 											/* @__PURE__ */ M("option", {
-												value: "ta",
-												children: "Tamil"
+												value: "male",
+												children: "Male"
 											}),
 											/* @__PURE__ */ M("option", {
-												value: "kn",
-												children: "Kannada"
+												value: "female",
+												children: "Female"
 											}),
 											/* @__PURE__ */ M("option", {
-												value: "te",
-												children: "Telugu"
+												value: "other",
+												children: "Other"
 											}),
 											/* @__PURE__ */ M("option", {
-												value: "ml",
-												children: "Malayalam"
+												value: "prefer-not-to-say",
+												children: "Prefer not to say"
 											})
 										]
-									})] }),
-									/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: "Timezone"
-									}), /* @__PURE__ */ N("select", {
-										value: R.preferences.timezone,
-										onChange: (e) => J("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)]",
+									})] })]
+								})
+							]
+						}),
+						preferences: () => /* @__PURE__ */ N("div", {
+							className: "space-y-6",
+							children: [
+								/* @__PURE__ */ M("h3", {
+									className: "text-base font-semibold text-text-primary",
+									children: "App Preferences"
+								}),
+								/* @__PURE__ */ N("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__ */ N("div", { children: [/* @__PURE__ */ M("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),
+											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: "Asia/Kolkata",
+													children: "India (IST)"
+												}),
+												/* @__PURE__ */ M("option", {
+													value: "Asia/Dubai",
+													children: "Dubai (GST)"
+												}),
+												/* @__PURE__ */ M("option", {
+													value: "Europe/London",
+													children: "London (GMT)"
+												}),
+												/* @__PURE__ */ M("option", {
+													value: "America/New_York",
+													children: "New York (EST)"
+												})
+											]
+										})] }),
+										/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("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),
+											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: "INR",
+													children: "Indian Rupee (₹)"
+												}),
+												/* @__PURE__ */ M("option", {
+													value: "USD",
+													children: "US Dollar ($)"
+												}),
+												/* @__PURE__ */ M("option", {
+													value: "EUR",
+													children: "Euro (€)"
+												}),
+												/* @__PURE__ */ M("option", {
+													value: "GBP",
+													children: "British Pound (£)"
+												})
+											]
+										})] })
+									]
+								}),
+								/* @__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-accent-foreground/20 hover:text-text-primary"),
 										children: [
-											/* @__PURE__ */ M("option", {
-												value: "Asia/Kolkata",
-												children: "India (IST)"
+											/* @__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("option", {
-												value: "Asia/Dubai",
-												children: "Dubai (GST)"
-											}),
-											/* @__PURE__ */ M("option", {
-												value: "Europe/London",
-												children: "London (GMT)"
-											}),
-											/* @__PURE__ */ M("option", {
-												value: "America/New_York",
-												children: "New York (EST)"
-											})
+											/* @__PURE__ */ M(r, { className: "h-4 w-4" }),
+											n
 										]
-									})] }),
-									/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: "Currency"
+									}, e))
+								})] }),
+								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("div", {
+									className: "flex items-center gap-2 mb-4",
+									children: [/* @__PURE__ */ M(c, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ M("h4", {
+										className: "text-sm font-semibold text-text-primary",
+										children: "Notification Preferences"
+									})]
+								}), /* @__PURE__ */ M("div", {
+									className: "space-y-3",
+									children: [
+										{
+											key: "email",
+											label: "Email notifications"
+										},
+										{
+											key: "sms",
+											label: "SMS notifications"
+										},
+										{
+											key: "push",
+											label: "Push notifications"
+										},
+										{
+											key: "orderUpdates",
+											label: "Order status updates"
+										},
+										{
+											key: "promotions",
+											label: "Promotional offers"
+										},
+										{
+											key: "newsletters",
+											label: "Newsletters and updates"
+										},
+										{
+											key: "security",
+											label: "Security alerts"
+										}
+									].map((e) => /* @__PURE__ */ N("div", {
+										className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
+										children: [/* @__PURE__ */ M("span", {
+											className: "text-sm text-text-primary",
+											children: e.label
+										}), /* @__PURE__ */ M(R, {
+											checked: V.preferences.notifications[e.key],
+											onChange: (t) => Q("preferences", "notifications", e.key, t),
+											label: e.label
+										})]
+									}, e.key))
+								})] })
+							]
+						}),
+						security: () => /* @__PURE__ */ N("div", {
+							className: "space-y-6",
+							children: [
+								/* @__PURE__ */ M("h3", {
+									className: "text-base font-semibold text-text-primary",
+									children: "Security Settings"
+								}),
+								/* @__PURE__ */ N("div", {
+									className: "flex items-start gap-3 rounded-lg border border-status-warning-border/30 bg-status-warning-bg-subtle/5 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", {
+										className: "text-sm font-medium text-text-primary",
+										children: "Account Security"
+									}), /* @__PURE__ */ M("p", {
+										className: "text-xs text-text-secondary",
+										children: "Keep your account secure by enabling two-factor authentication and monitoring login activity."
+									})] })]
+								}),
+								/* @__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", {
+												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(R, {
+										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(R, {
+										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: R.preferences.currency,
-										onChange: (e) => J("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)]",
+										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: "INR",
-												children: "Indian Rupee (₹)"
+												value: "15",
+												children: "15 minutes"
+											}),
+											/* @__PURE__ */ M("option", {
+												value: "30",
+												children: "30 minutes"
 											}),
 											/* @__PURE__ */ M("option", {
-												value: "USD",
-												children: "US Dollar ($)"
+												value: "60",
+												children: "1 hour"
 											}),
 											/* @__PURE__ */ M("option", {
-												value: "EUR",
-												children: "Euro (€)"
+												value: "120",
+												children: "2 hours"
 											}),
 											/* @__PURE__ */ M("option", {
-												value: "GBP",
-												children: "British Pound (£)"
+												value: "0",
+												children: "Never"
 											})
 										]
-									})] })
-								]
-							}),
-							/* @__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", R.preferences.theme === e ? "border-primary bg-action-primary-bg/10 text-text-primary" : "border-border-subtle text-text-secondary hover:border-accent-foreground/20 hover:text-text-primary"),
-									children: [
-										/* @__PURE__ */ M("input", {
-											type: "radio",
-											name: "theme",
-											value: e,
-											checked: R.preferences.theme === e,
-											onChange: (e) => J("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", {
-								className: "flex items-center gap-2 mb-4",
-								children: [/* @__PURE__ */ M(c, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ M("h4", {
-									className: "text-sm font-semibold text-text-primary",
-									children: "Notification Preferences"
-								})]
-							}), /* @__PURE__ */ M("div", {
-								className: "space-y-3",
-								children: [
-									{
-										key: "email",
-										label: "Email notifications"
-									},
-									{
-										key: "sms",
-										label: "SMS notifications"
-									},
-									{
-										key: "push",
-										label: "Push notifications"
-									},
-									{
-										key: "orderUpdates",
-										label: "Order status updates"
-									},
-									{
-										key: "promotions",
-										label: "Promotional offers"
-									},
-									{
-										key: "newsletters",
-										label: "Newsletters and updates"
-									},
-									{
-										key: "security",
-										label: "Security alerts"
-									}
-								].map((e) => /* @__PURE__ */ N("div", {
-									className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
-									children: [/* @__PURE__ */ M("span", {
-										className: "text-sm text-text-primary",
-										children: e.label
-									}), /* @__PURE__ */ M(I, {
-										checked: R.preferences.notifications[e.key],
-										onChange: (t) => Y("preferences", "notifications", e.key, t),
-										label: e.label
 									})]
-								}, e.key))
-							})] })
-						]
-					}),
-					security: () => /* @__PURE__ */ N("div", {
-						className: "space-y-6",
-						children: [
-							/* @__PURE__ */ M("h3", {
-								className: "text-base font-semibold text-text-primary",
-								children: "Security Settings"
-							}),
-							/* @__PURE__ */ N("div", {
-								className: "flex items-start gap-3 rounded-lg border border-status-warning-border/30 bg-status-warning-bg-subtle/5 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", {
-									className: "text-sm font-medium text-text-primary",
-									children: "Account Security"
-								}), /* @__PURE__ */ M("p", {
-									className: "text-xs text-text-secondary",
-									children: "Keep your account secure by enabling two-factor authentication and monitoring login activity."
-								})] })]
-							}),
-							/* @__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", {
-											className: "text-sm font-medium text-text-primary",
-											children: "Two-Factor Authentication"
+								}),
+								/* @__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/20 px-2 py-0.5 text-xs font-medium text-status-success-text",
+													children: "Current"
+												})]
+											}), /* @__PURE__ */ N("p", {
+												className: "text-xs text-text-secondary",
+												children: [
+													e.browser,
+													" · ",
+													e.os
+												]
+											})] })]
+										}), !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"
 										})]
-									}), /* @__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(I, {
-									checked: R.security.twoFactorEnabled,
-									onChange: (e) => J("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(I, {
-									checked: R.security.loginAlerts,
-									onChange: (e) => J("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"
+									}, 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"]
 									})]
+								})
+							]
+						}),
+						privacy: () => /* @__PURE__ */ N("div", {
+							className: "space-y-6",
+							children: [
+								/* @__PURE__ */ M("h3", {
+									className: "text-base font-semibold text-text-primary",
+									children: "Privacy Controls"
+								}),
+								/* @__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(p, { className: "h-4 w-4 text-text-secondary" }), " Profile Visibility"]
+									})
 								}), /* @__PURE__ */ N("select", {
-									value: R.security.sessionTimeout,
-									onChange: (e) => J("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",
+									value: V.privacy.profileVisibility,
+									onChange: (e) => Z("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", {
-											value: "15",
-											children: "15 minutes"
-										}),
-										/* @__PURE__ */ M("option", {
-											value: "30",
-											children: "30 minutes"
+											value: "public",
+											children: "Public - Anyone can see your profile"
 										}),
 										/* @__PURE__ */ M("option", {
-											value: "60",
-											children: "1 hour"
+											value: "private",
+											children: "Private - Only you can see your profile"
 										}),
 										/* @__PURE__ */ M("option", {
-											value: "120",
-											children: "2 hours"
-										}),
-										/* @__PURE__ */ M("option", {
-											value: "0",
-											children: "Never"
+											value: "friends",
+											children: "Friends - Only friends can see your profile"
 										})
 									]
-								})]
-							}),
-							/* @__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: R.security.trustedDevices.map((e) => /* @__PURE__ */ N("div", {
+								})] }),
+								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h4", {
+									className: "text-sm font-semibold text-text-primary mb-3",
+									children: "Data Sharing"
+								}), /* @__PURE__ */ M("div", {
+									className: "space-y-3",
+									children: [
+										{
+											key: "analytics",
+											label: "Share usage analytics to improve the app"
+										},
+										{
+											key: "marketing",
+											label: "Share data for personalized marketing"
+										},
+										{
+											key: "thirdParty",
+											label: "Share data with third-party partners"
+										}
+									].map((e) => /* @__PURE__ */ N("div", {
+										className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
+										children: [/* @__PURE__ */ M("span", {
+											className: "text-sm text-text-primary",
+											children: e.label
+										}), /* @__PURE__ */ M(R, {
+											checked: V.privacy.dataSharing[e.key],
+											onChange: (t) => Q("privacy", "dataSharing", e.key, t),
+											label: e.label
+										})]
+									}, e.key))
+								})] }),
+								/* @__PURE__ */ N("div", {
+									className: "space-y-3",
+									children: [/* @__PURE__ */ N("div", {
+										className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
+										children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
+											className: "text-sm font-medium text-text-primary",
+											children: "Location Tracking"
+										}), /* @__PURE__ */ M("p", {
+											className: "text-xs text-text-secondary",
+											children: "Allow app to track your location for better service"
+										})] }), /* @__PURE__ */ M(R, {
+											checked: V.privacy.locationTracking,
+											onChange: (e) => Z("privacy", "locationTracking", e),
+											label: "Location tracking"
+										})]
+									}), /* @__PURE__ */ N("div", {
+										className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
+										children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
+											className: "text-sm font-medium text-text-primary",
+											children: "Activity History"
+										}), /* @__PURE__ */ M("p", {
+											className: "text-xs text-text-secondary",
+											children: "Keep track of your orders and activities"
+										})] }), /* @__PURE__ */ M(R, {
+											checked: V.privacy.activityHistory,
+											onChange: (e) => Z("privacy", "activityHistory", e),
+											label: "Activity history"
+										})]
+									})]
+								}),
+								/* @__PURE__ */ M("div", {
+									className: "rounded-lg border border-status-error-border/30 bg-status-error-bg-subtle/5 p-4",
+									children: /* @__PURE__ */ N("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", {
+												className: "text-sm font-medium text-text-primary",
+												children: "Delete Account"
+											}),
+											/* @__PURE__ */ M("p", {
+												className: "text-xs text-text-secondary mt-0.5",
+												children: "Permanently delete your account and all associated data. This action cannot be undone."
+											}),
+											/* @__PURE__ */ M("button", {
+												type: "button",
+												onClick: re,
+												className: "mt-3 rounded-lg border border-status-error-border/30 px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/10 transition-colors",
+												children: "Delete Account"
+											})
+										] })]
+									})
+								})
+							]
+						}),
+						billing: () => /* @__PURE__ */ N("div", {
+							className: "space-y-6",
+							children: [
+								/* @__PURE__ */ M("h3", {
+									className: "text-base font-semibold text-text-primary",
+									children: "Billing & Payments"
+								}),
+								/* @__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(f, { 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: [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/20 px-2 py-0.5 text-xs font-medium text-status-success-text",
-												children: "Current"
-											})]
-										}), /* @__PURE__ */ N("p", {
-											className: "text-xs text-text-secondary",
+										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: [
-												e.browser,
-												" · ",
-												e.os
+												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
 										})] })]
-									}), !e.isCurrent && /* @__PURE__ */ M("button", {
+									}), /* @__PURE__ */ M("button", {
 										type: "button",
-										onClick: () => Q(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"
+										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"
 									})]
-								}, 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: $,
-									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"]
-								})]
-							})
-						]
-					}),
-					privacy: () => /* @__PURE__ */ N("div", {
-						className: "space-y-6",
-						children: [
-							/* @__PURE__ */ M("h3", {
-								className: "text-base font-semibold text-text-primary",
-								children: "Privacy Controls"
-							}),
-							/* @__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(p, { className: "h-4 w-4 text-text-secondary" }), " Profile Visibility"]
-								})
-							}), /* @__PURE__ */ N("select", {
-								value: R.privacy.profileVisibility,
-								onChange: (e) => J("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", {
-										value: "public",
-										children: "Public - Anyone can see your profile"
-									}),
-									/* @__PURE__ */ M("option", {
-										value: "private",
-										children: "Private - Only you can see your profile"
-									}),
-									/* @__PURE__ */ M("option", {
-										value: "friends",
-										children: "Friends - Only friends can see your profile"
-									})
-								]
-							})] }),
-							/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h4", {
-								className: "text-sm font-semibold text-text-primary mb-3",
-								children: "Data Sharing"
-							}), /* @__PURE__ */ M("div", {
-								className: "space-y-3",
-								children: [
-									{
-										key: "analytics",
-										label: "Share usage analytics to improve the app"
-									},
-									{
-										key: "marketing",
-										label: "Share data for personalized marketing"
-									},
-									{
-										key: "thirdParty",
-										label: "Share data with third-party partners"
-									}
-								].map((e) => /* @__PURE__ */ N("div", {
-									className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
-									children: [/* @__PURE__ */ M("span", {
-										className: "text-sm text-text-primary",
-										children: e.label
-									}), /* @__PURE__ */ M(I, {
-										checked: R.privacy.dataSharing[e.key],
-										onChange: (t) => Y("privacy", "dataSharing", e.key, t),
-										label: e.label
-									})]
-								}, e.key))
-							})] }),
-							/* @__PURE__ */ N("div", {
-								className: "space-y-3",
-								children: [/* @__PURE__ */ N("div", {
-									className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
-									children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
-										className: "text-sm font-medium text-text-primary",
-										children: "Location Tracking"
-									}), /* @__PURE__ */ M("p", {
-										className: "text-xs text-text-secondary",
-										children: "Allow app to track your location for better service"
-									})] }), /* @__PURE__ */ M(I, {
-										checked: R.privacy.locationTracking,
-										onChange: (e) => J("privacy", "locationTracking", e),
-										label: "Location tracking"
-									})]
-								}), /* @__PURE__ */ N("div", {
-									className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
-									children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
-										className: "text-sm font-medium text-text-primary",
-										children: "Activity History"
-									}), /* @__PURE__ */ M("p", {
-										className: "text-xs text-text-secondary",
-										children: "Keep track of your orders and activities"
-									})] }), /* @__PURE__ */ M(I, {
-										checked: R.privacy.activityHistory,
-										onChange: (e) => J("privacy", "activityHistory", e),
-										label: "Activity history"
+								}) : /* @__PURE__ */ N("div", {
+									className: "rounded-lg border border-border-subtle p-4 text-center",
+									children: [/* @__PURE__ */ M("p", {
+										className: "text-sm text-text-secondary",
+										children: "No default payment method set"
+									}), /* @__PURE__ */ M("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"
 									})]
-								})]
-							}),
-							/* @__PURE__ */ M("div", {
-								className: "rounded-lg border border-status-error-border/30 bg-status-error-bg-subtle/5 p-4",
-								children: /* @__PURE__ */ N("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", {
+								})] }),
+								/* @__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: "Delete Account"
-										}),
-										/* @__PURE__ */ M("p", {
-											className: "text-xs text-text-secondary mt-0.5",
-											children: "Permanently delete your account and all associated data. This action cannot be undone."
-										}),
-										/* @__PURE__ */ M("button", {
-											type: "button",
-											onClick: ee,
-											className: "mt-3 rounded-lg border border-status-error-border/30 px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/10 transition-colors",
-											children: "Delete Account"
-										})
-									] })]
-								})
-							})
-						]
-					}),
-					billing: () => /* @__PURE__ */ N("div", {
-						className: "space-y-6",
-						children: [
-							/* @__PURE__ */ M("h3", {
-								className: "text-base font-semibold text-text-primary",
-								children: "Billing & Payments"
-							}),
-							/* @__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(f, { className: "h-4 w-4 text-text-secondary" }), " Default Payment Method"]
-								})
-							}), R.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: [
-											R.billing.paymentMethod.provider,
-											" ending in",
-											" ",
-											R.billing.paymentMethod.last4
-										]
-									}), /* @__PURE__ */ M("p", {
-										className: "text-xs text-text-secondary capitalize",
-										children: R.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", {
-								className: "rounded-lg border border-border-subtle p-4 text-center",
-								children: [/* @__PURE__ */ M("p", {
-									className: "text-sm text-text-secondary",
-									children: "No default payment method set"
-								}), /* @__PURE__ */ M("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"
-								})]
-							})] }),
-							/* @__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(I, {
-										checked: R.billing.autoRecharge,
-										onChange: (e) => J("billing", "autoRecharge", e),
-										label: "Auto recharge"
-									})]
-								}),
-								R.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: R.billing.autoRechargeAmount,
-									onChange: (e) => J("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", {
-								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(S, { className: "h-4 w-4 text-text-secondary" }), " Invoice Email"]
-								})
-							}), /* @__PURE__ */ M("input", {
-								type: "email",
-								value: R.billing.invoiceEmail,
-								onChange: (e) => J("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__ */ 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: R.billing.gstNumber,
-										onChange: (e) => J("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", {
+											children: "Enable Auto Recharge"
+										}), /* @__PURE__ */ M("p", {
+											className: "text-xs text-text-secondary",
+											children: "Automatically add money when wallet balance is low"
+										})] }), /* @__PURE__ */ M(R, {
+											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: "Company Name"
+										children: "Auto Recharge Amount (₹)"
 									}), /* @__PURE__ */ M("input", {
-										type: "text",
-										value: R.billing.companyName,
-										onChange: (e) => J("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: R.billing.billingAddress,
-										onChange: (e) => J("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"
+										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)]"
 									})] })
-								]
-							})] })
-						]
-					})
-				}[A]()
-			})]
-		})]
+								] }),
+								/* @__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(S, { className: "h-4 w-4 text-text-secondary" }), " Invoice Email"]
+									})
+								}), /* @__PURE__ */ M("input", {
+									type: "email",
+									value: V.billing.invoiceEmail,
+									onChange: (e) => Z("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__ */ 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"
+										})] })
+									]
+								})] })
+							]
+						})
+					}[z]()
+				})]
+			})
+		]
 	});
 }
 //#endregion
-export { L as SettingsPage };
+export { z as SettingsPage };
 
 //# sourceMappingURL=SettingsPage.js.map