@burdenoff/microfe-coolandlovely 2026.720.1 → 2026.720.2

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

@@ -3,31 +3,33 @@ import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { ErrorView as r, LoadingView as i } from "../../components/StateViews.js";
 import { Thumbnail as a } from "../../components/Thumbnail.js";
-import { useLooks as o, useMyFollowing as s, useMyStyleProfile as c, useUpsertStyleProfile as l, useWardrobeItems as u } from "../../hooks/useCoolAndLovelyApi.js";
-import { parseCsv as d, titleCase as f } from "../../utils/formatters.js";
+import { useLooks as o, useMyFollowing as s, useMyStyleProfile as c, useStyleProfileByOwner as l, useUpsertStyleProfile as u, useWardrobeItems as d } from "../../hooks/useCoolAndLovelyApi.js";
+import { parseCsv as f, titleCase as p } from "../../utils/formatters.js";
 import "../../hooks/index.js";
-import { ActorName as p } from "../../components/ActorName.js";
-import { categoryIcon as m } from "../../utils/icons.js";
+import { categoryIcon as ee } from "../../utils/icons.js";
+import { ActorName as m } from "../../components/ActorName.js";
 import { SelectField as h, TextAreaField as g, TextField as _ } from "../../components/Field.js";
+import { EmptyState as te } from "../../components/EmptyState.js";
 import { ColourSwatchRow as v } from "../../components/ColourSwatchRow.js";
 import { VisibilityChip as y } from "../../components/VisibilityChip.js";
 import { FollowButton as b } from "../../components/FollowButton.js";
 import { useEffect as x, useState as S } from "react";
-import { Loader2 as C, Pencil as w, Save as T, Shirt as E, Sparkles as D, UserCircle as O, Users as k, X as A } from "lucide-react";
-import { jsx as j, jsxs as M } from "react/jsx-runtime";
-import { GlassCard as N } from "@burdenoff/fe-libs/ui";
+import { Loader2 as C, Pencil as ne, Save as re, Shirt as ie, Sparkles as ae, UserCircle as w, Users as T, X as E } from "lucide-react";
+import { useParams as D } from "react-router-dom";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { GlassCard as A } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/profile/StyleProfilePage.tsx
-var P = [
+var j = [
 	"PUBLIC",
 	"FOLLOWERS",
 	"PRIVATE"
-], F = [
+], M = [
 	"Tops",
 	"Bottoms",
 	"Dresses",
 	"Shoes",
 	"Outerwear"
-], I = {
+], oe = {
 	displayName: "",
 	bio: "",
 	visibility: "PRIVATE",
@@ -36,132 +38,148 @@ var P = [
 	favouriteBrands: "",
 	sizes: {}
 };
-function L(e) {
+function N(e) {
 	let t = e.trim().split(/\s+/).filter(Boolean);
 	return t.length === 0 ? "?" : t.length === 1 ? t[0].slice(0, 2).toUpperCase() : (t[0][0] + t[1][0]).toUpperCase();
 }
-function R({ title: e, children: n, className: r }) {
-	return /* @__PURE__ */ M(N, {
+function P({ title: e, children: n, className: r }) {
+	return /* @__PURE__ */ k(A, {
 		treatment: "plain",
 		className: t("p-5", r),
-		children: [/* @__PURE__ */ j("h3", {
+		children: [/* @__PURE__ */ O("h3", {
 			className: "mb-3 text-sm font-semibold text-text-primary",
 			children: e
 		}), n]
 	});
 }
-function z() {
-	let { navigateTo: z, currentUser: B } = e(), V = c(), H = l(), U = s(), W = u(), G = o({
-		authorId: V.data?.ownerId,
+function F() {
+	let { userId: F } = D(), { navigateTo: I, currentUser: L } = e(), R = !F || F === L?.id, z = c(), B = l(R ? void 0 : F), V = R ? z : B, H = u(), U = s(), W = d(), G = V.data, K = o({
+		authorId: G?.ownerId,
 		pagination: {
 			limit: 6,
 			offset: 0
 		}
-	}), [K, q] = S(!1), [J, Y] = S(I), X = V.data, Z = !!X, Q = U.data ?? [];
+	}), [se, q] = S(!1), [J, Y] = S(oe), X = !!G, Z = U.data ?? [];
 	x(() => {
-		X && Y({
-			displayName: X.displayName ?? "",
-			bio: X.bio ?? "",
-			visibility: X.visibility,
-			stylePreferences: X.stylePreferences.join(", "),
-			palette: X.palette.join(", "),
-			favouriteBrands: X.favouriteBrands.join(", "),
-			sizes: Object.fromEntries(Object.entries(X.sizes ?? {}).map(([e, t]) => [e, String(t ?? "")]))
+		R && G && Y({
+			displayName: G.displayName ?? "",
+			bio: G.bio ?? "",
+			visibility: G.visibility,
+			stylePreferences: G.stylePreferences.join(", "),
+			palette: G.palette.join(", "),
+			favouriteBrands: G.favouriteBrands.join(", "),
+			sizes: Object.fromEntries(Object.entries(G.sizes ?? {}).map(([e, t]) => [e, String(t ?? "")]))
 		});
-	}, [X]), x(() => {
-		!V.isLoading && !Z && q(!0);
-	}, [V.isLoading, Z]);
-	let $ = (e, t) => Y((n) => ({
+	}, [R, G]), x(() => {
+		R && !V.isLoading && !X && q(!0);
+	}, [
+		R,
+		V.isLoading,
+		X
+	]);
+	let Q = (e, t) => Y((n) => ({
 		...n,
 		[e]: t
-	})), ee = (e, t) => Y((n) => ({
+	})), ce = (e, t) => Y((n) => ({
 		...n,
 		sizes: {
 			...n.sizes,
 			[e]: t
 		}
-	})), te = P.map((e) => ({
+	})), le = j.map((e) => ({
 		value: e,
-		label: f(e)
-	})), ne = (e) => {
+		label: p(e)
+	})), ue = (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: f(J.stylePreferences),
+			palette: f(J.palette),
+			favouriteBrands: f(J.favouriteBrands),
 			sizes: t
 		}, { onSuccess: () => q(!1) });
 	};
-	if (V.isLoading) return /* @__PURE__ */ j(n, {
+	if (V.isLoading) return /* @__PURE__ */ O(n, {
 		title: "Style Profile",
-		children: /* @__PURE__ */ j(i, { label: "Loading your style profile…" })
+		children: /* @__PURE__ */ O(i, { label: "Loading style profile…" })
 	});
-	if (V.isError) return /* @__PURE__ */ j(n, {
+	if (V.isError) return /* @__PURE__ */ O(n, {
 		title: "Style Profile",
-		children: /* @__PURE__ */ j(r, { onRetry: () => void V.refetch() })
+		children: /* @__PURE__ */ O(r, { onRetry: () => void V.refetch() })
 	});
-	if (!K && X) {
-		let e = B?.profilePicture || B?.avatar, r = (W.data ?? []).slice(0, 6), i = G.data?.items ?? [], o = Object.entries(X.sizes ?? {});
-		return /* @__PURE__ */ j(n, {
-			title: "Style Profile",
-			description: "Your taste, palette and sizing — the spine of personalised discovery",
-			actions: /* @__PURE__ */ M("button", {
+	if (!R && !G) return /* @__PURE__ */ O(n, {
+		title: "Style Profile",
+		children: /* @__PURE__ */ O(te, {
+			title: "Profile not available",
+			description: "This style profile doesn't exist, or its owner hasn't shared it with you.",
+			icon: /* @__PURE__ */ O(w, { className: "h-8 w-8" })
+		})
+	});
+	let $ = R;
+	if ((!se || !$) && G) {
+		let e = R ? L?.profilePicture || L?.avatar : void 0, r = R ? (W.data ?? []).slice(0, 6) : [], i = K.data?.items ?? [], o = Object.entries(G.sizes ?? {}), s = G.displayName || (R ? L?.name : void 0);
+		return /* @__PURE__ */ O(n, {
+			title: R ? "Style Profile" : s || "Style Profile",
+			description: R ? "Your taste, palette and sizing — the spine of personalised discovery" : void 0,
+			actions: $ ? /* @__PURE__ */ k("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__ */ j(w, { className: "h-4 w-4" }), " Edit"]
-			}),
-			children: /* @__PURE__ */ M("div", {
+				children: [/* @__PURE__ */ O(ne, { className: "h-4 w-4" }), " Edit"]
+			}) : /* @__PURE__ */ O(b, { followeeId: G.ownerId }),
+			children: /* @__PURE__ */ k("div", {
 				className: "mx-auto max-w-5xl",
 				children: [
-					/* @__PURE__ */ j(N, {
+					/* @__PURE__ */ O(A, {
 						treatment: "glass",
 						className: "p-6",
-						children: /* @__PURE__ */ M("div", {
+						children: /* @__PURE__ */ k("div", {
 							className: "flex flex-col gap-4 sm:flex-row sm:items-center",
-							children: [e ? /* @__PURE__ */ j("img", {
+							children: [e ? /* @__PURE__ */ O("img", {
 								src: e,
-								alt: X.displayName || "Your avatar",
+								alt: s || "Avatar",
 								className: "h-16 w-16 shrink-0 rounded-full object-cover ring-2 ring-bg-surface"
-							}) : /* @__PURE__ */ j("div", {
+							}) : /* @__PURE__ */ O("div", {
 								className: "flex h-16 w-16 shrink-0 items-center justify-center rounded-full bg-accent-purple-subtle text-text-primary",
-								children: /* @__PURE__ */ j(O, { className: "h-8 w-8" })
-							}), /* @__PURE__ */ M("div", {
+								children: /* @__PURE__ */ O(w, { className: "h-8 w-8" })
+							}), /* @__PURE__ */ k("div", {
 								className: "min-w-0 flex-1",
 								children: [
-									/* @__PURE__ */ M("div", {
+									/* @__PURE__ */ k("div", {
 										className: "flex flex-wrap items-center gap-2",
-										children: [/* @__PURE__ */ j("h2", {
+										children: [/* @__PURE__ */ O("h2", {
 											className: "truncate text-xl font-semibold text-text-primary",
-											children: X.displayName || B?.name || "Your style profile"
-										}), /* @__PURE__ */ j(y, { visibility: X.visibility })]
+											children: s || /* @__PURE__ */ O(m, {
+												id: G.ownerId,
+												fallback: "Style profile"
+											})
+										}), /* @__PURE__ */ O(y, { visibility: G.visibility })]
 									}),
-									X.bio && /* @__PURE__ */ j("p", {
+									G.bio && /* @__PURE__ */ O("p", {
 										className: "mt-1 line-clamp-2 text-sm text-text-secondary",
-										children: X.bio
+										children: G.bio
 									}),
-									/* @__PURE__ */ M("div", {
+									/* @__PURE__ */ k("div", {
 										className: "mt-2 flex items-center gap-6",
-										children: [/* @__PURE__ */ M("span", {
+										children: [/* @__PURE__ */ k("span", {
 											className: "text-sm text-text-secondary",
 											children: [
-												/* @__PURE__ */ j("span", {
+												/* @__PURE__ */ O("span", {
 													className: "font-semibold text-text-primary tabular-nums",
-													children: X.followerCount ?? 0
+													children: G.followerCount ?? 0
 												}),
 												" ",
-												X.followerCount === 1 ? "follower" : "followers"
+												G.followerCount === 1 ? "follower" : "followers"
 											]
-										}), /* @__PURE__ */ M("span", {
+										}), /* @__PURE__ */ k("span", {
 											className: "text-sm text-text-secondary",
 											children: [
-												/* @__PURE__ */ j("span", {
+												/* @__PURE__ */ O("span", {
 													className: "font-semibold text-text-primary tabular-nums",
-													children: X.followingCount ?? 0
+													children: G.followingCount ?? 0
 												}),
 												" ",
 												"following"
@@ -172,173 +190,174 @@ function z() {
 							})]
 						})
 					}),
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ k("div", {
 						className: "mt-6 grid gap-6 lg:grid-cols-5",
-						children: [/* @__PURE__ */ M("div", {
+						children: [/* @__PURE__ */ k("div", {
 							className: "space-y-6 lg:col-span-3",
 							children: [
-								/* @__PURE__ */ j(R, {
+								/* @__PURE__ */ O(P, {
 									title: "Style preferences",
-									children: X.stylePreferences.length ? /* @__PURE__ */ j("div", {
+									children: G.stylePreferences.length ? /* @__PURE__ */ O("div", {
 										className: "flex flex-wrap gap-2",
-										children: X.stylePreferences.map((e, n) => /* @__PURE__ */ j("span", {
+										children: G.stylePreferences.map((e, n) => /* @__PURE__ */ O("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__ */ j("p", {
+									}) : /* @__PURE__ */ O("p", {
 										className: "text-sm text-text-secondary",
-										children: "No preferences yet — add a few in Edit."
+										children: R ? "No preferences yet — add a few in Edit." : "No preferences shared yet."
 									})
 								}),
-								/* @__PURE__ */ j(R, {
+								/* @__PURE__ */ O(P, {
 									title: "Palette",
-									children: X.palette.length ? /* @__PURE__ */ j(v, {
-										colours: X.palette,
+									children: G.palette.length ? /* @__PURE__ */ O(v, {
+										colours: G.palette,
 										max: 12,
 										className: "gap-2.5"
-									}) : /* @__PURE__ */ j("p", {
+									}) : /* @__PURE__ */ O("p", {
 										className: "text-sm text-text-secondary",
 										children: "No palette yet."
 									})
 								}),
-								/* @__PURE__ */ M("div", {
+								/* @__PURE__ */ k("div", {
 									className: "grid gap-6 sm:grid-cols-2",
-									children: [/* @__PURE__ */ j(R, {
+									children: [/* @__PURE__ */ O(P, {
 										title: "Favourite brands",
-										children: X.favouriteBrands.length ? /* @__PURE__ */ j("div", {
+										children: G.favouriteBrands.length ? /* @__PURE__ */ O("div", {
 											className: "grid grid-cols-1 gap-2",
-											children: X.favouriteBrands.map((e, t) => /* @__PURE__ */ M("div", {
+											children: G.favouriteBrands.map((e, t) => /* @__PURE__ */ k("div", {
 												className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-3 py-2",
-												children: [/* @__PURE__ */ j("span", {
+												children: [/* @__PURE__ */ O("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: L(e)
-												}), /* @__PURE__ */ j("span", {
+													children: N(e)
+												}), /* @__PURE__ */ O("span", {
 													className: "truncate text-sm font-medium text-text-primary",
 													children: e
 												})]
 											}, `${e}-${t}`))
-										}) : /* @__PURE__ */ j("p", {
+										}) : /* @__PURE__ */ O("p", {
 											className: "text-sm text-text-secondary",
 											children: "No brands yet."
 										})
-									}), /* @__PURE__ */ j(R, {
+									}), R && /* @__PURE__ */ O(P, {
 										title: "Sizes",
-										children: o.length ? /* @__PURE__ */ j("dl", {
+										children: o.length ? /* @__PURE__ */ O("dl", {
 											className: "space-y-0",
-											children: o.map(([e, t]) => /* @__PURE__ */ M("div", {
+											children: o.map(([e, t]) => /* @__PURE__ */ k("div", {
 												className: "flex items-center justify-between border-b border-border-seam/60 py-1.5 last:border-0",
-												children: [/* @__PURE__ */ j("dt", {
+												children: [/* @__PURE__ */ O("dt", {
 													className: "text-sm text-text-secondary",
-													children: f(e)
-												}), /* @__PURE__ */ j("dd", {
+													children: p(e)
+												}), /* @__PURE__ */ O("dd", {
 													className: "text-sm font-medium text-text-primary tabular-nums",
 													children: String(t)
 												})]
 											}, e))
-										}) : /* @__PURE__ */ j("p", {
+										}) : /* @__PURE__ */ O("p", {
 											className: "text-sm text-text-secondary",
 											children: "No sizes recorded yet."
 										})
 									})]
 								})
 							]
-						}), /* @__PURE__ */ M("div", {
+						}), /* @__PURE__ */ k("div", {
 							className: "space-y-6 lg:col-span-2",
-							children: [/* @__PURE__ */ j(R, {
+							children: [R && /* @__PURE__ */ O(P, {
 								title: "Her wardrobe",
-								children: W.isLoading ? /* @__PURE__ */ M("div", {
+								children: W.isLoading ? /* @__PURE__ */ k("div", {
 									className: "flex items-center gap-2 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ j(C, { className: "h-4 w-4 animate-spin" }), " Loading…"]
-								}) : r.length ? /* @__PURE__ */ j("div", {
+									children: [/* @__PURE__ */ O(C, { className: "h-4 w-4 animate-spin" }), " Loading…"]
+								}) : r.length ? /* @__PURE__ */ O("div", {
 									className: "grid grid-cols-3 gap-2",
-									children: r.map((e) => /* @__PURE__ */ j("button", {
+									children: r.map((e) => /* @__PURE__ */ O("button", {
 										type: "button",
-										onClick: () => z("/wardrobe"),
+										onClick: () => I("/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__ */ j(a, {
-											icon: m(e.category, 18),
+										children: /* @__PURE__ */ O(a, {
+											icon: ee(e.category, 18),
 											seed: e.id,
 											fileId: e.image?.id,
 											alt: e.name,
 											className: "aspect-square w-full rounded-lg"
 										})
 									}, e.id))
-								}) : /* @__PURE__ */ M("button", {
+								}) : /* @__PURE__ */ k("button", {
 									type: "button",
-									onClick: () => z("/wardrobe/new"),
+									onClick: () => I("/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__ */ j(E, { className: "h-4 w-4" }), " Add pieces to your wardrobe"]
+									children: [/* @__PURE__ */ O(ie, { className: "h-4 w-4" }), " Add pieces to your wardrobe"]
 								})
-							}), /* @__PURE__ */ j(R, {
+							}), /* @__PURE__ */ O(P, {
 								title: "Recent looks",
-								children: G.isLoading ? /* @__PURE__ */ M("div", {
+								children: K.isLoading ? /* @__PURE__ */ k("div", {
 									className: "flex items-center gap-2 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ j(C, { className: "h-4 w-4 animate-spin" }), " Loading…"]
-								}) : i.length ? /* @__PURE__ */ j("div", {
+									children: [/* @__PURE__ */ O(C, { className: "h-4 w-4 animate-spin" }), " Loading…"]
+								}) : i.length ? /* @__PURE__ */ O("div", {
 									className: "-mx-1 flex gap-3 overflow-x-auto px-1 pb-1",
-									children: i.map((e) => /* @__PURE__ */ M("button", {
+									children: i.map((e) => /* @__PURE__ */ k("button", {
 										type: "button",
-										onClick: () => z(`/looks/${e.id}`),
+										onClick: () => I(`/looks/${e.id}`),
 										className: "group w-24 shrink-0 text-left focus-visible:outline-none",
-										children: [/* @__PURE__ */ j(a, {
-											icon: /* @__PURE__ */ j(D, { className: "h-5 w-5" }),
+										children: [/* @__PURE__ */ O(a, {
+											icon: /* @__PURE__ */ O(ae, { className: "h-5 w-5" }),
 											seed: e.id,
 											fileId: e.image?.id,
 											alt: e.title,
 											className: "aspect-[3/4] w-full rounded-lg"
-										}), /* @__PURE__ */ j("p", {
+										}), /* @__PURE__ */ O("p", {
 											className: "mt-1 truncate text-xs text-text-secondary",
 											children: e.title
 										})]
 									}, e.id))
-								}) : /* @__PURE__ */ j("p", {
+								}) : /* @__PURE__ */ O("p", {
 									className: "text-sm text-text-secondary",
-									children: "You have not published any looks yet."
+									children: R ? "You have not published any looks yet." : "No looks published yet."
 								})
 							})]
 						})]
 					}),
-					/* @__PURE__ */ M("section", {
+					R && /* @__PURE__ */ k("section", {
 						className: "mt-6",
-						children: [/* @__PURE__ */ M("h3", {
+						children: [/* @__PURE__ */ k("h3", {
 							className: "mb-3 flex items-center gap-2 text-lg font-semibold text-text-primary",
 							children: [
-								/* @__PURE__ */ j(k, { className: "h-5 w-5" }),
+								/* @__PURE__ */ O(T, { className: "h-5 w-5" }),
 								" People you follow (",
-								Q.length,
+								Z.length,
 								")"
 							]
-						}), U.isLoading ? /* @__PURE__ */ M("div", {
+						}), U.isLoading ? /* @__PURE__ */ k("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__ */ j(C, { className: "h-4 w-4 animate-spin" }), " Loading…"]
-						}) : Q.length === 0 ? /* @__PURE__ */ j("p", {
+							children: [/* @__PURE__ */ O(C, { className: "h-4 w-4 animate-spin" }), " Loading…"]
+						}) : Z.length === 0 ? /* @__PURE__ */ O("p", {
 							className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-sm text-text-secondary",
 							children: "You are not following anyone yet. Follow creators from their looks to see their latest in Discover."
-						}) : /* @__PURE__ */ j("ul", {
+						}) : /* @__PURE__ */ O("ul", {
 							className: "divide-y divide-border-seam rounded-lg border border-border-seam bg-bg-surface",
-							children: Q.map((e) => /* @__PURE__ */ M("li", {
+							children: Z.map((e) => /* @__PURE__ */ k("li", {
 								className: "flex items-center gap-3 px-4 py-3",
-								children: [
-									/* @__PURE__ */ j("div", {
+								children: [/* @__PURE__ */ k("button", {
+									type: "button",
+									onClick: () => I(`/profile/${e.ownerId}`),
+									className: "flex min-w-0 flex-1 items-center gap-3 text-left focus-visible:outline-none",
+									children: [/* @__PURE__ */ O("div", {
 										className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-accent-purple-subtle text-text-primary",
-										children: /* @__PURE__ */ j(O, { className: "h-5 w-5" })
-									}),
-									/* @__PURE__ */ M("div", {
+										children: /* @__PURE__ */ O(w, { className: "h-5 w-5" })
+									}), /* @__PURE__ */ k("div", {
 										className: "min-w-0 flex-1",
-										children: [/* @__PURE__ */ j("p", {
-											className: "truncate text-sm font-medium text-text-primary",
-											children: e.displayName || /* @__PURE__ */ j(p, { id: e.ownerId })
-										}), e.bio && /* @__PURE__ */ j("p", {
+										children: [/* @__PURE__ */ O("p", {
+											className: "truncate text-sm font-medium text-text-primary hover:underline",
+											children: e.displayName || /* @__PURE__ */ O(m, { id: e.ownerId })
+										}), e.bio && /* @__PURE__ */ O("p", {
 											className: "truncate text-xs text-text-secondary",
 											children: e.bio
 										})]
-									}),
-									/* @__PURE__ */ j(b, {
-										followeeId: e.ownerId,
-										size: "sm"
-									})
-								]
+									})]
+								}), /* @__PURE__ */ O(b, {
+									followeeId: e.ownerId,
+									size: "sm"
+								})]
 							}, e.id))
 						})]
 					})
@@ -346,101 +365,101 @@ function z() {
 			})
 		});
 	}
-	let re = Array.from(new Set([...F, ...Object.keys(J.sizes)]));
-	return /* @__PURE__ */ j(n, {
-		title: Z ? "Edit style profile" : "Create your style profile",
+	let de = Array.from(new Set([...M, ...Object.keys(J.sizes)]));
+	return /* @__PURE__ */ O(n, {
+		title: X ? "Edit style profile" : "Create your style profile",
 		description: "This powers your personalised discovery feed",
-		actions: Z ? /* @__PURE__ */ M("button", {
+		actions: X ? /* @__PURE__ */ k("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__ */ j(A, { className: "h-4 w-4" }), " Cancel"]
+			children: [/* @__PURE__ */ O(E, { className: "h-4 w-4" }), " Cancel"]
 		}) : void 0,
-		children: /* @__PURE__ */ j("form", {
-			onSubmit: ne,
+		children: /* @__PURE__ */ O("form", {
+			onSubmit: ue,
 			className: "mx-auto max-w-2xl",
-			children: /* @__PURE__ */ M(N, {
+			children: /* @__PURE__ */ k(A, {
 				treatment: "plain",
 				className: "p-6",
 				children: [
-					/* @__PURE__ */ j(_, {
+					/* @__PURE__ */ O(_, {
 						id: "displayName",
 						label: "Display name",
 						value: J.displayName,
-						onChange: (e) => $("displayName", e),
+						onChange: (e) => Q("displayName", e),
 						placeholder: "How you want to appear"
 					}),
-					/* @__PURE__ */ j(g, {
+					/* @__PURE__ */ O(g, {
 						id: "bio",
 						label: "Bio",
 						value: J.bio,
-						onChange: (e) => $("bio", e),
+						onChange: (e) => Q("bio", e),
 						placeholder: "A sentence about your style…",
 						rows: 3,
 						className: "mt-4"
 					}),
-					/* @__PURE__ */ j(h, {
+					/* @__PURE__ */ O(h, {
 						id: "visibility",
 						label: "Visibility",
 						value: J.visibility,
-						onChange: (e) => $("visibility", e),
-						options: te,
+						onChange: (e) => Q("visibility", e),
+						options: le,
 						className: "mt-4"
 					}),
-					/* @__PURE__ */ j(_, {
+					/* @__PURE__ */ O(_, {
 						id: "stylePreferences",
 						label: "Style preferences",
 						value: J.stylePreferences,
-						onChange: (e) => $("stylePreferences", e),
+						onChange: (e) => Q("stylePreferences", e),
 						placeholder: "minimal, tailored, vintage",
 						hint: "Comma-separated",
 						className: "mt-4"
 					}),
-					/* @__PURE__ */ j(_, {
+					/* @__PURE__ */ O(_, {
 						id: "palette",
 						label: "Palette",
 						value: J.palette,
-						onChange: (e) => $("palette", e),
+						onChange: (e) => Q("palette", e),
 						placeholder: "neutrals, navy, rust",
 						hint: "Comma-separated colour names — shown as swatches",
 						className: "mt-4"
 					}),
-					/* @__PURE__ */ j(_, {
+					/* @__PURE__ */ O(_, {
 						id: "favouriteBrands",
 						label: "Favourite brands",
 						value: J.favouriteBrands,
-						onChange: (e) => $("favouriteBrands", e),
+						onChange: (e) => Q("favouriteBrands", e),
 						placeholder: "Aurora Atelier, …",
 						hint: "Comma-separated",
 						className: "mt-4"
 					}),
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ k("div", {
 						className: "mt-4",
-						children: [/* @__PURE__ */ j("span", {
+						children: [/* @__PURE__ */ O("span", {
 							className: "mb-2 block text-sm font-medium text-text-primary",
 							children: "Sizes"
-						}), /* @__PURE__ */ j("div", {
+						}), /* @__PURE__ */ O("div", {
 							className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-							children: re.map((e) => /* @__PURE__ */ j(_, {
+							children: de.map((e) => /* @__PURE__ */ O(_, {
 								id: `size-${e}`,
-								label: f(e),
+								label: p(e),
 								value: J.sizes[e] ?? "",
-								onChange: (t) => ee(e, t),
+								onChange: (t) => ce(e, t),
 								placeholder: "e.g. M · 26 · 39"
 							}, e))
 						})]
 					}),
-					H.isError && /* @__PURE__ */ j("p", {
+					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 : "Something went wrong"
 					}),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ O("div", {
 						className: "mt-6 flex justify-end gap-2",
-						children: /* @__PURE__ */ M("button", {
+						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__ */ j(C, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ j(T, { className: "h-4 w-4" }), Z ? "Save changes" : "Create profile"]
+							children: [H.isPending ? /* @__PURE__ */ O(C, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ O(re, { className: "h-4 w-4" }), X ? "Save changes" : "Create profile"]
 						})
 					})
 				]
@@ -449,6 +468,6 @@ function z() {
 	});
 }
 //#endregion
-export { z as StyleProfilePage };
+export { F as StyleProfilePage };
 
 //# sourceMappingURL=StyleProfilePage.js.map