@burdenoff/microfe-coolandlovely 2026.1101.8 → 2026.1102.2

package/dist/coolandlovely/pages/profile/StyleProfilePage.js

@@ -1,30 +1,31 @@
 import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
-import { useLooks as r, useMyFollowing as i, useMyStyleProfile as a, useStyleProfileByOwner as o, useUpsertStyleProfile as s, useWardrobeItems as c } from "../../hooks/useCoolAndLovelyApi.js";
-import { useTr as ee } from "../../hooks/useTr.js";
+import { useLooks as r, useMyFollowing as i, useMyStyleProfile as a, useStyleProfileByOwner as o, useUpsertStyleProfile as ee, useWardrobeItems as s } from "../../hooks/useCoolAndLovelyApi.js";
+import { useTr as te } from "../../hooks/useTr.js";
 import "../../hooks/index.js";
-import { ErrorView as te, LoadingView as l } from "../../components/StateViews.js";
-import { Thumbnail as u } from "../../components/Thumbnail.js";
-import { parseCsv as d, titleCase as f } from "../../utils/formatters.js";
-import { categoryIcon as p } from "../../utils/icons.js";
-import { EmptyState as m } from "../../components/EmptyState.js";
-import { SelectField as h, TextAreaField as g, TextField as _ } from "../../components/Field.js";
-import { ActorName as v } from "../../components/ActorName.js";
-import { FollowButton as y } from "../../components/FollowButton.js";
-import { VisibilityChip as ne } from "../../components/VisibilityChip.js";
-import { ColourSwatchRow as re } from "../../components/ColourSwatchRow.js";
-import { useEffect as b, useMemo as x, useState as S } from "react";
-import { Loader2 as C, Pencil as w, Save as ie, Shirt as ae, Sparkles as oe, UserCircle as T, Users as se, X as E } from "lucide-react";
-import { useParams as D } from "react-router";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
-import { GlassCard as A } from "@burdenoff/fe-libs/ui";
+import { ErrorView as ne, LoadingView as c } from "../../components/StateViews.js";
+import { Thumbnail as l } from "../../components/Thumbnail.js";
+import { parseCsv as u, titleCase as d } from "../../utils/formatters.js";
+import { categoryIcon as f } from "../../utils/icons.js";
+import { EmptyState as p } from "../../components/EmptyState.js";
+import { SelectField as m, TextAreaField as h, TextField as g } from "../../components/Field.js";
+import { ActorName as _ } from "../../components/ActorName.js";
+import { FollowButton as v } from "../../components/FollowButton.js";
+import { VisibilityChip as re } from "../../components/VisibilityChip.js";
+import { ColourSwatchRow as ie } from "../../components/ColourSwatchRow.js";
+import { PriceWatchDisclosure as y } from "../../components/prices/PriceWatchDisclosure.js";
+import { useEffect as b, useMemo as ae, useState as x } from "react";
+import { Loader2 as S, Pencil as C, Save as oe, Shirt as se, Sparkles as w, UserCircle as T, Users as E, X as ce } from "lucide-react";
+import { useParams as le } from "react-router";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { GlassCard as k } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/profile/StyleProfilePage.tsx
-var ce = [
+var ue = [
 	"PUBLIC",
 	"FOLLOWERS",
 	"PRIVATE"
-], le = [
+], A = [
 	"tops",
 	"bottoms",
 	"dresses",
@@ -44,23 +45,23 @@ function M(e) {
 	return t.length === 0 ? "?" : t.length === 1 ? t[0].slice(0, 2).toUpperCase() : (t[0][0] + t[1][0]).toUpperCase();
 }
 function N({ title: e, children: n, className: r }) {
-	return /* @__PURE__ */ k(A, {
+	return /* @__PURE__ */ O(k, {
 		treatment: "plain",
 		className: t("p-5", r),
-		children: [/* @__PURE__ */ O("h3", {
+		children: [/* @__PURE__ */ D("h3", {
 			className: "mb-3 text-sm font-semibold text-text-primary",
 			children: e
 		}), n]
 	});
 }
 function P() {
-	let { userId: P } = D(), { navigateTo: F, currentUser: I } = e(), L = ee(), R = !P || P === I?.id, z = a(), B = o(R ? void 0 : P), V = R ? z : B, H = s(), U = i(), W = c(), G = V.data, K = r({
+	let { userId: P } = le(), { navigateTo: F, currentUser: I } = e(), L = te(), R = !P || P === I?.id, z = a(), B = o(R ? void 0 : P), V = R ? z : B, H = ee(), U = i(), W = s(), G = V.data, K = r({
 		authorId: G?.ownerId,
 		pagination: {
 			limit: 6,
 			offset: 0
 		}
-	}), [ue, q] = S(!1), [J, Y] = S(j), X = !!G, Z = U.data ?? [];
+	}), [de, q] = x(!1), [J, Y] = x(j), X = !!G, Z = U.data ?? [];
 	b(() => {
 		R && G && Y({
 			displayName: G.displayName ?? "",
@@ -81,108 +82,109 @@ function P() {
 	let Q = (e, t) => Y((n) => ({
 		...n,
 		[e]: t
-	})), de = (e, t) => Y((n) => ({
+	})), fe = (e, t) => Y((n) => ({
 		...n,
 		sizes: {
 			...n.sizes,
 			[e]: t
 		}
-	})), fe = x(() => ce.map((e) => ({
+	})), pe = ae(() => ue.map((e) => ({
 		value: e,
-		label: L(`coolandlovely.visibility.${e.toLowerCase()}`, f(e))
-	})), [L]), pe = (e) => {
+		label: L(`coolandlovely.visibility.${e.toLowerCase()}`, d(e))
+	})), [L]), me = (e) => {
 		e.preventDefault();
 		let t = Object.fromEntries(Object.entries(J.sizes).map(([e, t]) => [e, t.trim()]).filter(([, e]) => e.length > 0));
 		H.mutate({
 			displayName: J.displayName.trim() || void 0,
 			bio: J.bio.trim() || void 0,
 			visibility: J.visibility,
-			stylePreferences: d(J.stylePreferences),
-			palette: d(J.palette),
-			favouriteBrands: d(J.favouriteBrands),
+			stylePreferences: u(J.stylePreferences),
+			palette: u(J.palette),
+			favouriteBrands: u(J.favouriteBrands),
 			sizes: t
 		}, { onSuccess: () => q(!1) });
 	};
-	if (V.isLoading) return /* @__PURE__ */ O(n, {
+	if (V.isLoading) return /* @__PURE__ */ D(n, {
 		title: L("coolandlovely.page.profileTitle", "Style Profile"),
-		children: /* @__PURE__ */ O(l, { label: L("coolandlovely.loading.profile", "Loading style profile…") })
+		children: /* @__PURE__ */ D(c, { label: L("coolandlovely.loading.profile", "Loading style profile…") })
 	});
-	if (V.isError) return /* @__PURE__ */ O(n, {
+	if (V.isError) return /* @__PURE__ */ D(n, {
 		title: L("coolandlovely.page.profileTitle", "Style Profile"),
-		children: /* @__PURE__ */ O(te, { onRetry: () => void V.refetch() })
+		children: /* @__PURE__ */ D(ne, { onRetry: () => void V.refetch() })
 	});
-	if (!R && !G) return /* @__PURE__ */ O(n, {
+	if (!R && !G) return /* @__PURE__ */ D(n, {
 		title: L("coolandlovely.page.profileTitle", "Style Profile"),
-		children: /* @__PURE__ */ O(m, {
+		children: /* @__PURE__ */ D(p, {
 			title: L("coolandlovely.profile.notAvailableTitle", "Profile not available"),
 			description: L("coolandlovely.profile.notAvailableDescription", "This style profile doesn't exist, or its owner hasn't shared it with you."),
-			icon: /* @__PURE__ */ O(T, { className: "h-8 w-8" })
+			icon: /* @__PURE__ */ D(T, { className: "h-8 w-8" })
 		})
 	});
 	let $ = R;
-	if ((!ue || !$) && G) {
+	if ((!de || !$) && G) {
 		let e = R ? I?.profilePicture || I?.avatar : void 0, r = R ? (W.data ?? []).slice(0, 6) : [], i = K.data?.items ?? [], a = Object.entries(G.sizes ?? {}), o = G.displayName || (R ? I?.name : void 0);
-		return /* @__PURE__ */ O(n, {
+		return /* @__PURE__ */ D(n, {
 			title: R ? L("coolandlovely.page.profileTitle", "Style Profile") : o || L("coolandlovely.page.profileTitle", "Style Profile"),
 			description: R ? L("coolandlovely.page.profileSubtitle", "Your taste, palette and sizing — the spine of personalised discovery") : void 0,
-			actions: $ ? /* @__PURE__ */ k("button", {
+			actions: $ ? /* @__PURE__ */ O("button", {
 				type: "button",
 				onClick: () => q(!0),
 				className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90",
 				children: [
-					/* @__PURE__ */ O(w, { className: "h-4 w-4" }),
+					/* @__PURE__ */ D(C, { className: "h-4 w-4" }),
 					" ",
 					L("coolandlovely.actions.edit", "Edit")
 				]
-			}) : /* @__PURE__ */ O(y, { followeeId: G.ownerId }),
-			children: /* @__PURE__ */ k("div", {
+			}) : /* @__PURE__ */ D(v, { followeeId: G.ownerId }),
+			children: /* @__PURE__ */ O("div", {
 				className: "mx-auto max-w-5xl",
 				children: [
-					/* @__PURE__ */ O(A, {
+					R && /* @__PURE__ */ D(y, {}),
+					/* @__PURE__ */ D(k, {
 						treatment: "glass",
 						className: "p-6",
-						children: /* @__PURE__ */ k("div", {
+						children: /* @__PURE__ */ O("div", {
 							className: "flex flex-col gap-4 sm:flex-row sm:items-center",
-							children: [e ? /* @__PURE__ */ O("img", {
+							children: [e ? /* @__PURE__ */ D("img", {
 								src: e,
 								alt: o || "Avatar",
 								className: "h-16 w-16 shrink-0 rounded-full object-cover ring-2 ring-bg-surface"
-							}) : /* @__PURE__ */ O("div", {
+							}) : /* @__PURE__ */ D("div", {
 								className: "flex h-16 w-16 shrink-0 items-center justify-center rounded-full bg-accent-purple-subtle text-text-primary",
-								children: /* @__PURE__ */ O(T, { className: "h-8 w-8" })
-							}), /* @__PURE__ */ k("div", {
+								children: /* @__PURE__ */ D(T, { className: "h-8 w-8" })
+							}), /* @__PURE__ */ O("div", {
 								className: "min-w-0 flex-1",
 								children: [
-									/* @__PURE__ */ k("div", {
+									/* @__PURE__ */ O("div", {
 										className: "flex flex-wrap items-center gap-2",
-										children: [/* @__PURE__ */ O("h2", {
+										children: [/* @__PURE__ */ D("h2", {
 											className: "truncate text-xl font-semibold text-text-primary",
-											children: o || /* @__PURE__ */ O(v, {
+											children: o || /* @__PURE__ */ D(_, {
 												id: G.ownerId,
 												fallback: "Style profile"
 											})
-										}), /* @__PURE__ */ O(ne, { visibility: G.visibility })]
+										}), /* @__PURE__ */ D(re, { visibility: G.visibility })]
 									}),
-									G.bio && /* @__PURE__ */ O("p", {
+									G.bio && /* @__PURE__ */ D("p", {
 										className: "mt-1 line-clamp-2 text-sm text-text-secondary",
 										children: G.bio
 									}),
-									/* @__PURE__ */ k("div", {
+									/* @__PURE__ */ O("div", {
 										className: "mt-2 flex items-center gap-6",
-										children: [/* @__PURE__ */ k("span", {
+										children: [/* @__PURE__ */ O("span", {
 											className: "text-sm text-text-secondary",
 											children: [
-												/* @__PURE__ */ O("span", {
+												/* @__PURE__ */ D("span", {
 													className: "font-semibold text-text-primary tabular-nums",
 													children: G.followerCount ?? 0
 												}),
 												" ",
 												G.followerCount === 1 ? L("coolandlovely.profile.followerSingular", "follower") : L("coolandlovely.profile.followerPlural", "followers")
 											]
-										}), /* @__PURE__ */ k("span", {
+										}), /* @__PURE__ */ O("span", {
 											className: "text-sm text-text-secondary",
 											children: [
-												/* @__PURE__ */ O("span", {
+												/* @__PURE__ */ D("span", {
 													className: "font-semibold text-text-primary tabular-nums",
 													children: G.followingCount ?? 0
 												}),
@@ -195,189 +197,189 @@ function P() {
 							})]
 						})
 					}),
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ O("div", {
 						className: "mt-6 grid gap-6 lg:grid-cols-5",
-						children: [/* @__PURE__ */ k("div", {
+						children: [/* @__PURE__ */ O("div", {
 							className: "space-y-6 lg:col-span-3",
 							children: [
-								/* @__PURE__ */ O(N, {
+								/* @__PURE__ */ D(N, {
 									title: L("coolandlovely.profile.stylePreferences", "Style preferences"),
-									children: G.stylePreferences.length ? /* @__PURE__ */ O("div", {
+									children: G.stylePreferences.length ? /* @__PURE__ */ D("div", {
 										className: "flex flex-wrap gap-2",
-										children: G.stylePreferences.map((e, n) => /* @__PURE__ */ O("span", {
+										children: G.stylePreferences.map((e, n) => /* @__PURE__ */ D("span", {
 											className: t("rounded-full px-3 py-1 text-sm font-medium", n === 0 ? "bg-accent-purple-subtle text-text-primary ring-1 ring-[var(--color-accent-soft)]" : "bg-bg-sunken text-text-secondary"),
 											children: e
 										}, `${e}-${n}`))
-									}) : /* @__PURE__ */ O("p", {
+									}) : /* @__PURE__ */ D("p", {
 										className: "text-sm text-text-secondary",
 										children: R ? L("coolandlovely.profile.noPreferencesOwn", "No preferences yet — add a few in Edit.") : L("coolandlovely.profile.noPreferencesOther", "No preferences shared yet.")
 									})
 								}),
-								/* @__PURE__ */ O(N, {
+								/* @__PURE__ */ D(N, {
 									title: L("coolandlovely.profile.palette", "Palette"),
-									children: G.palette.length ? /* @__PURE__ */ O(re, {
+									children: G.palette.length ? /* @__PURE__ */ D(ie, {
 										colours: G.palette,
 										max: 12,
 										className: "gap-2.5"
-									}) : /* @__PURE__ */ O("p", {
+									}) : /* @__PURE__ */ D("p", {
 										className: "text-sm text-text-secondary",
 										children: L("coolandlovely.profile.noPalette", "No palette yet.")
 									})
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ O("div", {
 									className: "grid gap-6 sm:grid-cols-2",
-									children: [/* @__PURE__ */ O(N, {
+									children: [/* @__PURE__ */ D(N, {
 										title: L("coolandlovely.profile.favouriteBrands", "Favourite brands"),
-										children: G.favouriteBrands.length ? /* @__PURE__ */ O("div", {
+										children: G.favouriteBrands.length ? /* @__PURE__ */ D("div", {
 											className: "grid grid-cols-1 gap-2",
-											children: G.favouriteBrands.map((e, t) => /* @__PURE__ */ k("div", {
+											children: G.favouriteBrands.map((e, t) => /* @__PURE__ */ O("div", {
 												className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-3 py-2",
-												children: [/* @__PURE__ */ O("span", {
+												children: [/* @__PURE__ */ D("span", {
 													className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-accent-purple-subtle text-xs font-bold text-text-primary",
 													children: M(e)
-												}), /* @__PURE__ */ O("span", {
+												}), /* @__PURE__ */ D("span", {
 													className: "truncate text-sm font-medium text-text-primary",
 													children: e
 												})]
 											}, `${e}-${t}`))
-										}) : /* @__PURE__ */ O("p", {
+										}) : /* @__PURE__ */ D("p", {
 											className: "text-sm text-text-secondary",
 											children: L("coolandlovely.profile.noBrands", "No brands yet.")
 										})
-									}), R && /* @__PURE__ */ O(N, {
+									}), R && /* @__PURE__ */ D(N, {
 										title: L("coolandlovely.profile.sizes", "Sizes"),
-										children: a.length ? /* @__PURE__ */ O("dl", {
+										children: a.length ? /* @__PURE__ */ D("dl", {
 											className: "space-y-0",
-											children: a.map(([e, t]) => /* @__PURE__ */ k("div", {
+											children: a.map(([e, t]) => /* @__PURE__ */ O("div", {
 												className: "flex items-center justify-between border-b border-border-seam/60 py-1.5 last:border-0",
-												children: [/* @__PURE__ */ O("dt", {
+												children: [/* @__PURE__ */ D("dt", {
 													className: "text-sm text-text-secondary",
-													children: L(`coolandlovely.size.${e.toLowerCase()}`, f(e))
-												}), /* @__PURE__ */ O("dd", {
+													children: L(`coolandlovely.size.${e.toLowerCase()}`, d(e))
+												}), /* @__PURE__ */ D("dd", {
 													className: "text-sm font-medium text-text-primary tabular-nums",
 													children: String(t)
 												})]
 											}, e))
-										}) : /* @__PURE__ */ O("p", {
+										}) : /* @__PURE__ */ D("p", {
 											className: "text-sm text-text-secondary",
 											children: L("coolandlovely.profile.noSizes", "No sizes recorded yet.")
 										})
 									})]
 								})
 							]
-						}), /* @__PURE__ */ k("div", {
+						}), /* @__PURE__ */ O("div", {
 							className: "space-y-6 lg:col-span-2",
-							children: [R && /* @__PURE__ */ O(N, {
+							children: [R && /* @__PURE__ */ D(N, {
 								title: L("coolandlovely.profile.myWardrobe", "My wardrobe"),
-								children: W.isLoading ? /* @__PURE__ */ k("div", {
+								children: W.isLoading ? /* @__PURE__ */ O("div", {
 									className: "flex items-center gap-2 text-sm text-text-secondary",
 									children: [
-										/* @__PURE__ */ O(C, { className: "h-4 w-4 animate-spin" }),
+										/* @__PURE__ */ D(S, { className: "h-4 w-4 animate-spin" }),
 										" ",
 										L("coolandlovely.loading.short", "Loading…")
 									]
-								}) : r.length ? /* @__PURE__ */ O("div", {
+								}) : r.length ? /* @__PURE__ */ D("div", {
 									className: "grid grid-cols-3 gap-2",
-									children: r.map((e) => /* @__PURE__ */ O("button", {
+									children: r.map((e) => /* @__PURE__ */ D("button", {
 										type: "button",
 										onClick: () => F("/wardrobe"),
 										"aria-label": e.name,
 										className: "group overflow-hidden rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
-										children: /* @__PURE__ */ O(u, {
-											icon: p(e.category, 18),
+										children: /* @__PURE__ */ D(l, {
+											icon: f(e.category, 18),
 											seed: e.id,
 											fileId: e.image?.id,
 											alt: e.name,
 											className: "aspect-square w-full rounded-lg"
 										})
 									}, e.id))
-								}) : /* @__PURE__ */ k("button", {
+								}) : /* @__PURE__ */ O("button", {
 									type: "button",
 									onClick: () => F("/wardrobe/new"),
 									className: "flex w-full items-center gap-2 rounded-lg border border-dashed border-border-seam px-3 py-3 text-left text-sm text-text-secondary transition-colors hover:text-text-primary",
 									children: [
-										/* @__PURE__ */ O(ae, { className: "h-4 w-4" }),
+										/* @__PURE__ */ D(se, { className: "h-4 w-4" }),
 										" ",
 										L("coolandlovely.profile.addPieces", "Add pieces to your wardrobe")
 									]
 								})
-							}), /* @__PURE__ */ O(N, {
+							}), /* @__PURE__ */ D(N, {
 								title: L("coolandlovely.profile.recentLooks", "Recent looks"),
-								children: K.isLoading ? /* @__PURE__ */ k("div", {
+								children: K.isLoading ? /* @__PURE__ */ O("div", {
 									className: "flex items-center gap-2 text-sm text-text-secondary",
 									children: [
-										/* @__PURE__ */ O(C, { className: "h-4 w-4 animate-spin" }),
+										/* @__PURE__ */ D(S, { className: "h-4 w-4 animate-spin" }),
 										" ",
 										L("coolandlovely.loading.short", "Loading…")
 									]
-								}) : i.length ? /* @__PURE__ */ O("div", {
+								}) : i.length ? /* @__PURE__ */ D("div", {
 									className: "-mx-1 flex gap-3 overflow-x-auto px-1 pb-1",
-									children: i.map((e) => /* @__PURE__ */ k("button", {
+									children: i.map((e) => /* @__PURE__ */ O("button", {
 										type: "button",
 										onClick: () => F(`/looks/${e.id}`),
 										className: "group w-24 shrink-0 text-left focus-visible:outline-none",
-										children: [/* @__PURE__ */ O(u, {
-											icon: /* @__PURE__ */ O(oe, { className: "h-5 w-5" }),
+										children: [/* @__PURE__ */ D(l, {
+											icon: /* @__PURE__ */ D(w, { className: "h-5 w-5" }),
 											seed: e.id,
 											fileId: e.image?.id,
 											alt: e.title,
 											className: "aspect-[3/4] w-full rounded-lg"
-										}), /* @__PURE__ */ O("p", {
+										}), /* @__PURE__ */ D("p", {
 											className: "mt-1 truncate text-xs text-text-secondary",
 											children: e.title
 										})]
 									}, e.id))
-								}) : /* @__PURE__ */ O("p", {
+								}) : /* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
 									children: R ? L("coolandlovely.profile.noLooksOwn", "You have not published any looks yet.") : L("coolandlovely.profile.noLooksOther", "No looks published yet.")
 								})
 							})]
 						})]
 					}),
-					R && /* @__PURE__ */ k("section", {
+					R && /* @__PURE__ */ O("section", {
 						className: "mt-6",
-						children: [/* @__PURE__ */ k("h3", {
+						children: [/* @__PURE__ */ O("h3", {
 							className: "mb-3 flex items-center gap-2 text-lg font-semibold text-text-primary",
 							children: [
-								/* @__PURE__ */ O(se, { className: "h-5 w-5" }),
+								/* @__PURE__ */ D(E, { className: "h-5 w-5" }),
 								" ",
 								L("coolandlovely.profile.peopleYouFollow", "People you follow"),
 								" (",
 								Z.length,
 								")"
 							]
-						}), U.isLoading ? /* @__PURE__ */ k("div", {
+						}), U.isLoading ? /* @__PURE__ */ O("div", {
 							className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface p-4 text-sm text-text-secondary",
 							children: [
-								/* @__PURE__ */ O(C, { className: "h-4 w-4 animate-spin" }),
+								/* @__PURE__ */ D(S, { className: "h-4 w-4 animate-spin" }),
 								" ",
 								L("coolandlovely.loading.short", "Loading…")
 							]
-						}) : Z.length === 0 ? /* @__PURE__ */ O("p", {
+						}) : Z.length === 0 ? /* @__PURE__ */ D("p", {
 							className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-sm text-text-secondary",
 							children: L("coolandlovely.profile.noFollowing", "You are not following anyone yet. Follow creators from their looks to see their latest in Discover.")
-						}) : /* @__PURE__ */ O("ul", {
+						}) : /* @__PURE__ */ D("ul", {
 							className: "divide-y divide-border-seam rounded-lg border border-border-seam bg-bg-surface",
-							children: Z.map((e) => /* @__PURE__ */ k("li", {
+							children: Z.map((e) => /* @__PURE__ */ O("li", {
 								className: "flex items-center gap-3 px-4 py-3",
-								children: [/* @__PURE__ */ k("button", {
+								children: [/* @__PURE__ */ O("button", {
 									type: "button",
 									onClick: () => F(`/profile/${e.ownerId}`),
 									className: "flex min-w-0 flex-1 items-center gap-3 text-left focus-visible:outline-none",
-									children: [/* @__PURE__ */ O("div", {
+									children: [/* @__PURE__ */ D("div", {
 										className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-accent-purple-subtle text-text-primary",
-										children: /* @__PURE__ */ O(T, { className: "h-5 w-5" })
-									}), /* @__PURE__ */ k("div", {
+										children: /* @__PURE__ */ D(T, { className: "h-5 w-5" })
+									}), /* @__PURE__ */ O("div", {
 										className: "min-w-0 flex-1",
-										children: [/* @__PURE__ */ O("p", {
+										children: [/* @__PURE__ */ D("p", {
 											className: "truncate text-sm font-medium text-text-primary hover:underline",
-											children: e.displayName || /* @__PURE__ */ O(v, { id: e.ownerId })
-										}), e.bio && /* @__PURE__ */ O("p", {
+											children: e.displayName || /* @__PURE__ */ D(_, { id: e.ownerId })
+										}), e.bio && /* @__PURE__ */ D("p", {
 											className: "truncate text-xs text-text-secondary",
 											children: e.bio
 										})]
 									})]
-								}), /* @__PURE__ */ O(y, {
+								}), /* @__PURE__ */ D(v, {
 									followeeId: e.ownerId,
 									size: "sm"
 								})]
@@ -388,109 +390,112 @@ function P() {
 			})
 		});
 	}
-	let me = Array.from(/* @__PURE__ */ new Set([...le, ...Object.keys(J.sizes).map((e) => e.toLowerCase())]));
-	return /* @__PURE__ */ O(n, {
+	let he = Array.from(/* @__PURE__ */ new Set([...A, ...Object.keys(J.sizes).map((e) => e.toLowerCase())]));
+	return /* @__PURE__ */ D(n, {
 		title: X ? L("coolandlovely.profile.editTitle", "Edit style profile") : L("coolandlovely.profile.createTitle", "Create your style profile"),
 		description: L("coolandlovely.profile.editDescription", "This powers your personalised discovery feed"),
-		actions: X ? /* @__PURE__ */ k("button", {
+		actions: X ? /* @__PURE__ */ O("button", {
 			type: "button",
 			onClick: () => q(!1),
 			className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
 			children: [
-				/* @__PURE__ */ O(E, { className: "h-4 w-4" }),
+				/* @__PURE__ */ D(ce, { className: "h-4 w-4" }),
 				" ",
 				L("coolandlovely.actions.cancel", "Cancel")
 			]
 		}) : void 0,
-		children: /* @__PURE__ */ O("form", {
-			onSubmit: pe,
-			className: "mx-auto max-w-2xl",
-			children: /* @__PURE__ */ k(A, {
-				treatment: "plain",
-				className: "p-6",
-				children: [
-					/* @__PURE__ */ O(_, {
-						id: "displayName",
-						label: L("coolandlovely.field.displayName", "Display name"),
-						value: J.displayName,
-						onChange: (e) => Q("displayName", e),
-						placeholder: L("coolandlovely.placeholder.displayName", "How you want to appear")
-					}),
-					/* @__PURE__ */ O(g, {
-						id: "bio",
-						label: L("coolandlovely.field.bio", "Bio"),
-						value: J.bio,
-						onChange: (e) => Q("bio", e),
-						placeholder: L("coolandlovely.placeholder.bio", "A sentence about your style…"),
-						rows: 3,
-						className: "mt-4"
-					}),
-					/* @__PURE__ */ O(h, {
-						id: "visibility",
-						label: L("coolandlovely.field.visibility", "Visibility"),
-						value: J.visibility,
-						onChange: (e) => Q("visibility", e),
-						options: fe,
-						className: "mt-4"
-					}),
-					/* @__PURE__ */ O(_, {
-						id: "stylePreferences",
-						label: L("coolandlovely.field.stylePreferences", "Style preferences"),
-						value: J.stylePreferences,
-						onChange: (e) => Q("stylePreferences", e),
-						placeholder: L("coolandlovely.placeholder.stylePreferences", "minimal, tailored, vintage"),
-						hint: L("coolandlovely.hint.commaSeparated", "Comma-separated"),
-						className: "mt-4"
-					}),
-					/* @__PURE__ */ O(_, {
-						id: "palette",
-						label: L("coolandlovely.field.palette", "Palette"),
-						value: J.palette,
-						onChange: (e) => Q("palette", e),
-						placeholder: L("coolandlovely.placeholder.palette", "neutrals, navy, rust"),
-						hint: L("coolandlovely.hint.palette", "Comma-separated colour names — shown as swatches"),
-						className: "mt-4"
-					}),
-					/* @__PURE__ */ O(_, {
-						id: "favouriteBrands",
-						label: L("coolandlovely.field.favouriteBrands", "Favourite brands"),
-						value: J.favouriteBrands,
-						onChange: (e) => Q("favouriteBrands", e),
-						placeholder: L("coolandlovely.placeholder.favouriteBrands", "Aurora Atelier, …"),
-						hint: L("coolandlovely.hint.commaSeparated", "Comma-separated"),
-						className: "mt-4"
-					}),
-					/* @__PURE__ */ k("div", {
-						className: "mt-4",
-						children: [/* @__PURE__ */ O("span", {
-							className: "mb-2 block text-sm font-medium text-text-primary",
-							children: L("coolandlovely.profile.sizes", "Sizes")
-						}), /* @__PURE__ */ O("div", {
-							className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-							children: me.map((e) => /* @__PURE__ */ O(_, {
-								id: `size-${e}`,
-								label: L(`coolandlovely.size.${e}`, f(e)),
-								value: J.sizes[e] ?? J.sizes[f(e)] ?? "",
-								onChange: (t) => de(e, t),
-								placeholder: L("coolandlovely.placeholder.size", "e.g. M · 26 · 39")
-							}, e))
-						})]
-					}),
-					H.isError && /* @__PURE__ */ O("p", {
-						className: "mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-						children: H.error instanceof Error ? H.error.message : L("coolandlovely.error.generic", "Something went wrong")
-					}),
-					/* @__PURE__ */ O("div", {
-						className: "mt-6 flex justify-end gap-2",
-						children: /* @__PURE__ */ k("button", {
-							type: "submit",
-							disabled: H.isPending,
-							className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50",
-							children: [H.isPending ? /* @__PURE__ */ O(C, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ O(ie, { className: "h-4 w-4" }), X ? L("coolandlovely.actions.saveChanges", "Save changes") : L("coolandlovely.actions.createProfile", "Create profile")]
+		children: /* @__PURE__ */ O("div", {
+			className: "mx-auto max-w-5xl",
+			children: [R && /* @__PURE__ */ D(y, {}), /* @__PURE__ */ D("form", {
+				onSubmit: me,
+				className: "mx-auto max-w-2xl",
+				children: /* @__PURE__ */ O(k, {
+					treatment: "plain",
+					className: "p-6",
+					children: [
+						/* @__PURE__ */ D(g, {
+							id: "displayName",
+							label: L("coolandlovely.field.displayName", "Display name"),
+							value: J.displayName,
+							onChange: (e) => Q("displayName", e),
+							placeholder: L("coolandlovely.placeholder.displayName", "How you want to appear")
+						}),
+						/* @__PURE__ */ D(h, {
+							id: "bio",
+							label: L("coolandlovely.field.bio", "Bio"),
+							value: J.bio,
+							onChange: (e) => Q("bio", e),
+							placeholder: L("coolandlovely.placeholder.bio", "A sentence about your style…"),
+							rows: 3,
+							className: "mt-4"
+						}),
+						/* @__PURE__ */ D(m, {
+							id: "visibility",
+							label: L("coolandlovely.field.visibility", "Visibility"),
+							value: J.visibility,
+							onChange: (e) => Q("visibility", e),
+							options: pe,
+							className: "mt-4"
+						}),
+						/* @__PURE__ */ D(g, {
+							id: "stylePreferences",
+							label: L("coolandlovely.field.stylePreferences", "Style preferences"),
+							value: J.stylePreferences,
+							onChange: (e) => Q("stylePreferences", e),
+							placeholder: L("coolandlovely.placeholder.stylePreferences", "minimal, tailored, vintage"),
+							hint: L("coolandlovely.hint.commaSeparated", "Comma-separated"),
+							className: "mt-4"
+						}),
+						/* @__PURE__ */ D(g, {
+							id: "palette",
+							label: L("coolandlovely.field.palette", "Palette"),
+							value: J.palette,
+							onChange: (e) => Q("palette", e),
+							placeholder: L("coolandlovely.placeholder.palette", "neutrals, navy, rust"),
+							hint: L("coolandlovely.hint.palette", "Comma-separated colour names — shown as swatches"),
+							className: "mt-4"
+						}),
+						/* @__PURE__ */ D(g, {
+							id: "favouriteBrands",
+							label: L("coolandlovely.field.favouriteBrands", "Favourite brands"),
+							value: J.favouriteBrands,
+							onChange: (e) => Q("favouriteBrands", e),
+							placeholder: L("coolandlovely.placeholder.favouriteBrands", "Aurora Atelier, …"),
+							hint: L("coolandlovely.hint.commaSeparated", "Comma-separated"),
+							className: "mt-4"
+						}),
+						/* @__PURE__ */ O("div", {
+							className: "mt-4",
+							children: [/* @__PURE__ */ D("span", {
+								className: "mb-2 block text-sm font-medium text-text-primary",
+								children: L("coolandlovely.profile.sizes", "Sizes")
+							}), /* @__PURE__ */ D("div", {
+								className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
+								children: he.map((e) => /* @__PURE__ */ D(g, {
+									id: `size-${e}`,
+									label: L(`coolandlovely.size.${e}`, d(e)),
+									value: J.sizes[e] ?? J.sizes[d(e)] ?? "",
+									onChange: (t) => fe(e, t),
+									placeholder: L("coolandlovely.placeholder.size", "e.g. M · 26 · 39")
+								}, e))
+							})]
+						}),
+						H.isError && /* @__PURE__ */ D("p", {
+							className: "mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+							children: H.error instanceof Error ? H.error.message : L("coolandlovely.error.generic", "Something went wrong")
+						}),
+						/* @__PURE__ */ D("div", {
+							className: "mt-6 flex justify-end gap-2",
+							children: /* @__PURE__ */ O("button", {
+								type: "submit",
+								disabled: H.isPending,
+								className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50",
+								children: [H.isPending ? /* @__PURE__ */ D(S, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ D(oe, { className: "h-4 w-4" }), X ? L("coolandlovely.actions.saveChanges", "Save changes") : L("coolandlovely.actions.createProfile", "Create profile")]
+							})
 						})
-					})
-				]
-			})
+					]
+				})
+			})]
 		})
 	});
 }