@burdenoff/microfe-coolandlovely 2026.706.1 → 2026.706.3

package/dist/coolandlovely/pages/HomePage.js

@@ -6,103 +6,121 @@ import { StatusBadge as i } from "../components/StatusBadge.js";
 import { ErrorView as a, LoadingView as o } from "../components/StateViews.js";
 import { Thumbnail as s } from "../components/Thumbnail.js";
 import { useBrands as c, useCollaborations as l, useLooks as u, useStyleItems as d, useWardrobeItems as f } from "../hooks/useCoolAndLovelyApi.js";
+import { LookCard as p } from "../components/LookCard.js";
 import "../hooks/index.js";
-import { formatRelativeTime as p, titleCase as m } from "../utils/formatters.js";
-import { useMemo as h } from "react";
-import { ArrowRight as g, BookHeart as _, Handshake as v, Heart as y, Plus as b, Shapes as x, Shirt as S, Sparkles as C, Star as w, Store as T, UserCircle as E } from "lucide-react";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { EmphasisPanel as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
+import { useMemo as m } from "react";
+import { ArrowRight as h, BookHeart as g, Compass as _, Handshake as v, Heart as y, Plus as b, Shapes as x, Shirt as S, Sparkles as C, Star as w, Store as T, TrendingUp as E, UserCircle as D } from "lucide-react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { EmphasisPanel as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/HomePage.tsx
-var j = [
+function M() {
+	let e = (/* @__PURE__ */ new Date()).getHours();
+	return e < 12 ? "Good morning" : e < 18 ? "Good afternoon" : "Good evening";
+}
+var N = [
 	{
 		label: "New Brand",
 		description: "Launch a storefront",
-		icon: /* @__PURE__ */ D(T, { className: "h-5 w-5" }),
+		icon: /* @__PURE__ */ O(T, { className: "h-5 w-5" }),
 		path: "/brands/new",
 		color: "bg-accent-purple-subtle text-text-primary"
 	},
 	{
 		label: "Add Style Item",
 		description: "List a piece",
-		icon: /* @__PURE__ */ D(S, { className: "h-5 w-5" }),
+		icon: /* @__PURE__ */ O(S, { className: "h-5 w-5" }),
 		path: "/items/new",
 		color: "bg-[var(--color-accent-soft)] text-text-primary"
 	},
 	{
 		label: "Publish a Look",
 		description: "Shop-the-look outfit",
-		icon: /* @__PURE__ */ D(C, { className: "h-5 w-5" }),
+		icon: /* @__PURE__ */ O(C, { className: "h-5 w-5" }),
 		path: "/looks/new",
 		color: "bg-status-success-bg-subtle text-status-success-text"
 	},
 	{
 		label: "My Wardrobe",
 		description: "What you own",
-		icon: /* @__PURE__ */ D(y, { className: "h-5 w-5" }),
+		icon: /* @__PURE__ */ O(y, { className: "h-5 w-5" }),
 		path: "/wardrobe",
 		color: "bg-status-warning-bg-subtle text-status-warning-text"
 	}
-], M = [
+], P = [
 	{
 		label: "Brands",
 		description: "Storefronts with a publish lifecycle",
-		icon: /* @__PURE__ */ D(T, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ O(T, { className: "h-6 w-6" }),
 		path: "/brands",
 		color: "bg-accent-purple-subtle text-text-primary"
 	},
 	{
 		label: "Collections",
 		description: "Seasonal drops & curated edits",
-		icon: /* @__PURE__ */ D(x, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ O(x, { className: "h-6 w-6" }),
 		path: "/collections",
 		color: "bg-accent-blue-subtle text-accent-blue"
 	},
 	{
 		label: "Style Items",
 		description: "The shoppable catalogue",
-		icon: /* @__PURE__ */ D(S, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ O(S, { className: "h-6 w-6" }),
 		path: "/items",
 		color: "bg-[var(--color-accent-soft)] text-text-primary"
 	},
 	{
 		label: "Looks",
 		description: "Published shop-the-look outfits",
-		icon: /* @__PURE__ */ D(C, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ O(C, { className: "h-6 w-6" }),
 		path: "/looks",
 		color: "bg-status-success-bg-subtle text-status-success-text"
 	},
 	{
 		label: "Collaborations",
 		description: "Brand × creator partnerships",
-		icon: /* @__PURE__ */ D(v, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ O(v, { className: "h-6 w-6" }),
 		path: "/collaborations",
 		color: "bg-status-warning-bg-subtle text-status-warning-text"
 	},
 	{
 		label: "Wardrobe",
 		description: "Your digital closet & wear log",
-		icon: /* @__PURE__ */ D(y, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ O(y, { className: "h-6 w-6" }),
 		path: "/wardrobe",
 		color: "bg-status-error-bg-subtle text-status-error-text"
 	},
 	{
 		label: "Lookbooks",
 		description: "Themed boards of saved pieces",
-		icon: /* @__PURE__ */ D(_, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ O(g, { className: "h-6 w-6" }),
 		path: "/lookbooks",
 		color: "bg-accent-purple-subtle text-text-primary"
 	},
 	{
 		label: "Style Profile",
 		description: "Your taste, palette & sizing",
-		icon: /* @__PURE__ */ D(E, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ O(D, { className: "h-6 w-6" }),
 		path: "/profile",
 		color: "bg-accent-blue-subtle text-accent-blue"
+	},
+	{
+		label: "Discover",
+		description: "A feed tuned to your taste",
+		icon: /* @__PURE__ */ O(_, { className: "h-6 w-6" }),
+		path: "/discover",
+		color: "bg-[var(--color-accent-soft)] text-text-primary"
+	},
+	{
+		label: "Trends",
+		description: "Live signals from platform activity",
+		icon: /* @__PURE__ */ O(E, { className: "h-6 w-6" }),
+		path: "/trends",
+		color: "bg-status-success-bg-subtle text-status-success-text"
 	}
 ];
-function N() {
-	let { navigateTo: _, currentUser: x } = e(), E = c(), N = d(), P = u(), F = l(), I = f(), L = x?.firstName ?? x?.name ?? "there", R = E.isLoading || N.isLoading || P.isLoading || F.isLoading || I.isLoading, z = E.isError && N.isError && P.isError && F.isError, B = h(() => {
-		let e = E.data?.items ?? [], t = N.data?.items ?? [], n = P.data?.items ?? [], r = F.data ?? [], i = I.data ?? [];
+function F() {
+	let { navigateTo: g, currentUser: _ } = e(), y = c(), x = d(), E = u(), D = l(), F = f(), I = _?.firstName ?? _?.name ?? "there", L = y.isLoading || x.isLoading || E.isLoading || D.isLoading || F.isLoading, R = y.isError && x.isError && E.isError && D.isError, z = m(() => {
+		let e = y.data?.items ?? [], t = x.data?.items ?? [], n = E.data?.items ?? [], r = D.data ?? [], i = F.data ?? [];
 		return {
 			totalBrands: e.length,
 			publishedBrands: e.filter((e) => e.status === "PUBLISHED").length,
@@ -114,222 +132,201 @@ function N() {
 			wardrobeItems: i.length
 		};
 	}, [
+		y.data,
+		x.data,
 		E.data,
-		N.data,
-		P.data,
-		F.data,
-		I.data
-	]), V = h(() => [...P.data?.items ?? []].slice(0, 6), [P.data]), H = h(() => [...E.data?.items ?? []].sort((e, t) => new Date(t.updatedAt).getTime() - new Date(e.updatedAt).getTime()).slice(0, 4), [E.data]);
-	if (R) return /* @__PURE__ */ D(n, {
+		D.data,
+		F.data
+	]), B = m(() => [...E.data?.items ?? []].slice(0, 5), [E.data]), V = m(() => [...y.data?.items ?? []].sort((e, t) => new Date(t.updatedAt).getTime() - new Date(e.updatedAt).getTime()).slice(0, 4), [y.data]);
+	if (L) return /* @__PURE__ */ O(n, {
 		title: "CoolAndLovely",
-		children: /* @__PURE__ */ D(o, { label: "Loading your style command center…" })
+		children: /* @__PURE__ */ O(o, { label: "Loading your style command center…" })
 	});
-	if (z) return /* @__PURE__ */ D(n, {
+	if (R) return /* @__PURE__ */ O(n, {
 		title: "CoolAndLovely",
-		children: /* @__PURE__ */ D(a, {
+		children: /* @__PURE__ */ O(a, {
 			title: "Could not load CoolAndLovely",
 			message: "The fashion service did not respond. Please try again.",
 			onRetry: () => {
-				E.refetch(), N.refetch(), P.refetch(), F.refetch(), I.refetch();
+				y.refetch(), x.refetch(), E.refetch(), D.refetch(), F.refetch();
 			}
 		})
 	});
-	let U = [
+	let H = [
 		{
-			icon: /* @__PURE__ */ D(T, { className: "h-5 w-5" }),
-			value: B.totalBrands.toString(),
+			icon: /* @__PURE__ */ O(T, { className: "h-5 w-5" }),
+			value: z.totalBrands.toString(),
 			label: "Brands",
-			sub: `${B.publishedBrands} published`
+			sub: `${z.publishedBrands} published`
 		},
 		{
-			icon: /* @__PURE__ */ D(S, { className: "h-5 w-5" }),
-			value: B.totalStyleItems.toString(),
+			icon: /* @__PURE__ */ O(S, { className: "h-5 w-5" }),
+			value: z.totalStyleItems.toString(),
 			label: "Style Items",
-			sub: `${B.activeStyleItems} active`
+			sub: `${z.activeStyleItems} active`
 		},
 		{
-			icon: /* @__PURE__ */ D(C, { className: "h-5 w-5" }),
-			value: B.totalLooks.toString(),
+			icon: /* @__PURE__ */ O(C, { className: "h-5 w-5" }),
+			value: z.totalLooks.toString(),
 			label: "Looks",
-			sub: `${B.featuredLooks} featured`
+			sub: `${z.featuredLooks} featured`
 		},
 		{
-			icon: /* @__PURE__ */ D(v, { className: "h-5 w-5" }),
-			value: B.activeCollaborations.toString(),
+			icon: /* @__PURE__ */ O(v, { className: "h-5 w-5" }),
+			value: z.activeCollaborations.toString(),
 			label: "Active Collabs",
-			sub: `${B.wardrobeItems} in wardrobe`
+			sub: `${z.wardrobeItems} in wardrobe`
 		}
 	];
-	return /* @__PURE__ */ O(n, {
-		title: `Hello, ${L}`,
+	return /* @__PURE__ */ k(n, {
+		title: `${M()}, ${I}`,
 		description: "Your fashion & lifestyle command center",
 		hero: !0,
 		children: [
-			/* @__PURE__ */ D(A, {
+			/* @__PURE__ */ O(j, {
 				className: "mb-6",
 				children: "CoolAndLovely connects the three sides of style on one workspace-native model: brands launch storefronts and seasonal collections, you build a wardrobe and lookbooks, and creators publish shop-the-look outfits and run brand collaborations. Jump into any module below — all data is live from the CoolAndLovely service."
 			}),
-			/* @__PURE__ */ O(k, {
+			/* @__PURE__ */ k(A, {
 				className: "mb-8",
-				children: [/* @__PURE__ */ D("h2", {
+				children: [/* @__PURE__ */ O("h2", {
 					className: "mb-4 text-lg font-semibold text-text-primary",
 					children: "At a glance"
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ O("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: U.map((e) => /* @__PURE__ */ D(r, {
+					children: H.map((e, t) => /* @__PURE__ */ O(r, {
 						icon: e.icon,
 						value: e.value,
 						label: e.label,
 						trendValue: e.sub,
-						trend: "neutral"
+						trend: "neutral",
+						featured: t === 0
 					}, e.label))
 				})]
 			}),
-			/* @__PURE__ */ O("section", {
+			/* @__PURE__ */ k("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ D("h2", {
+				children: [/* @__PURE__ */ O("h2", {
 					className: "mb-4 text-lg font-semibold text-text-primary",
 					children: "Quick actions"
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ O("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: j.map((e) => /* @__PURE__ */ O("button", {
+					children: N.map((e) => /* @__PURE__ */ k("button", {
 						type: "button",
-						onClick: () => _(e.path),
+						onClick: () => g(e.path),
 						className: t("flex items-start gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 text-left shadow-sm transition-all", "hover:border-accent-foreground/20 hover:shadow-md"),
 						children: [
-							/* @__PURE__ */ D("div", {
+							/* @__PURE__ */ O("div", {
 								className: t("flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", e.color),
 								children: e.icon
 							}),
-							/* @__PURE__ */ O("div", {
+							/* @__PURE__ */ k("div", {
 								className: "min-w-0 flex-1",
-								children: [/* @__PURE__ */ D("p", {
+								children: [/* @__PURE__ */ O("p", {
 									className: "text-sm font-semibold text-text-primary",
 									children: e.label
-								}), /* @__PURE__ */ D("p", {
+								}), /* @__PURE__ */ O("p", {
 									className: "mt-0.5 text-xs text-text-secondary",
 									children: e.description
 								})]
 							}),
-							/* @__PURE__ */ D(b, { className: "mt-1 h-4 w-4 shrink-0 text-text-secondary" })
+							/* @__PURE__ */ O(b, { className: "mt-1 h-4 w-4 shrink-0 text-text-secondary" })
 						]
 					}, e.label))
 				})]
 			}),
-			/* @__PURE__ */ O("section", {
+			/* @__PURE__ */ k("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ D("h2", {
+				children: [/* @__PURE__ */ O("h2", {
 					className: "mb-4 text-lg font-semibold text-text-primary",
 					children: "Explore"
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ O("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4",
-					children: M.map((e) => /* @__PURE__ */ O("button", {
+					children: P.map((e) => /* @__PURE__ */ k("button", {
 						type: "button",
-						onClick: () => _(e.path),
+						onClick: () => g(e.path),
 						className: "flex flex-col gap-3 rounded-lg border border-border-seam bg-bg-surface p-5 text-left transition-all hover:border-accent-foreground/20 hover:shadow-md",
-						children: [/* @__PURE__ */ D("div", {
+						children: [/* @__PURE__ */ O("div", {
 							className: t("flex h-12 w-12 items-center justify-center rounded-full", e.color),
 							children: e.icon
-						}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+						}), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
 							className: "text-sm font-semibold text-text-primary",
 							children: e.label
-						}), /* @__PURE__ */ D("p", {
+						}), /* @__PURE__ */ O("p", {
 							className: "mt-0.5 text-xs text-text-secondary",
 							children: e.description
 						})] })]
 					}, e.label))
 				})]
 			}),
-			/* @__PURE__ */ O("section", {
+			/* @__PURE__ */ k("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ O("div", {
+				children: [/* @__PURE__ */ k("div", {
 					className: "mb-4 flex items-center justify-between",
-					children: [/* @__PURE__ */ D("h2", {
+					children: [/* @__PURE__ */ O("h2", {
 						className: "text-lg font-semibold text-text-primary",
 						children: "Latest looks"
-					}), /* @__PURE__ */ O("button", {
+					}), /* @__PURE__ */ k("button", {
 						type: "button",
-						onClick: () => _("/looks"),
+						onClick: () => g("/looks"),
 						className: "flex items-center gap-1 text-sm font-medium text-primary hover:underline",
-						children: ["View all ", /* @__PURE__ */ D(g, { className: "h-3.5 w-3.5" })]
+						children: ["View all ", /* @__PURE__ */ O(h, { className: "h-3.5 w-3.5" })]
 					})]
-				}), V.length === 0 ? /* @__PURE__ */ D("p", {
+				}), B.length === 0 ? /* @__PURE__ */ O("p", {
 					className: "rounded-lg border border-border-seam bg-bg-surface p-6 text-sm text-text-secondary",
 					children: "No looks published yet. Be the first to publish a shop-the-look outfit."
-				}) : /* @__PURE__ */ D("div", {
-					className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-6",
-					children: V.map((e) => /* @__PURE__ */ O("button", {
-						type: "button",
-						onClick: () => _(`/looks/${e.id}`),
-						className: "group overflow-hidden rounded-lg border border-border-seam bg-bg-surface text-left transition-all hover:border-accent-foreground/20 hover:shadow-md",
-						children: [/* @__PURE__ */ D(s, {
-							icon: /* @__PURE__ */ D(C, { className: "h-7 w-7" }),
-							seed: e.id,
-							className: "h-28 w-full"
-						}), /* @__PURE__ */ O("div", {
-							className: "p-3",
-							children: [/* @__PURE__ */ D("p", {
-								className: "truncate text-sm font-medium text-text-primary",
-								children: e.title
-							}), /* @__PURE__ */ O("div", {
-								className: "mt-1.5 flex items-center justify-between",
-								children: [/* @__PURE__ */ D("span", {
-									className: "text-xs text-text-secondary",
-									children: m(e.occasion)
-								}), /* @__PURE__ */ O("span", {
-									className: "flex items-center gap-1 text-xs text-text-secondary",
-									children: [
-										/* @__PURE__ */ D(y, { className: "h-3 w-3" }),
-										" ",
-										e.likeCount
-									]
-								})]
-							})]
-						})]
+				}) : /* @__PURE__ */ O("div", {
+					className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-5",
+					children: B.map((e) => /* @__PURE__ */ O(p, {
+						id: e.id,
+						title: e.title,
+						occasion: e.occasion,
+						imageFileId: e.image?.id,
+						likeCount: e.likeCount,
+						onOpen: () => g(`/looks/${e.id}`),
+						showActions: !0
 					}, e.id))
 				})]
 			}),
-			H.length > 0 && /* @__PURE__ */ O("section", { children: [/* @__PURE__ */ O("div", {
+			V.length > 0 && /* @__PURE__ */ k("section", { children: [/* @__PURE__ */ k("div", {
 				className: "mb-4 flex items-center justify-between",
-				children: [/* @__PURE__ */ D("h2", {
+				children: [/* @__PURE__ */ O("h2", {
 					className: "text-lg font-semibold text-text-primary",
 					children: "Recently updated brands"
-				}), /* @__PURE__ */ O("button", {
+				}), /* @__PURE__ */ k("button", {
 					type: "button",
-					onClick: () => _("/brands"),
+					onClick: () => g("/brands"),
 					className: "flex items-center gap-1 text-sm font-medium text-primary hover:underline",
-					children: ["View all ", /* @__PURE__ */ D(g, { className: "h-3.5 w-3.5" })]
+					children: ["View all ", /* @__PURE__ */ O(h, { className: "h-3.5 w-3.5" })]
 				})]
-			}), /* @__PURE__ */ D("div", {
-				className: "divide-y divide-border-seam rounded-lg border border-border-seam bg-bg-surface",
-				children: H.map((e) => /* @__PURE__ */ O("button", {
+			}), /* @__PURE__ */ O("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: V.map((e) => /* @__PURE__ */ k("button", {
 					type: "button",
-					onClick: () => _(`/brands/${e.id}`),
-					className: "flex w-full items-center gap-4 px-4 py-3 text-left transition-colors hover:bg-bg-sunken/50",
+					onClick: () => g(`/brands/${e.id}`),
+					className: "group flex items-center gap-3 rounded-xl border border-border-seam bg-bg-surface p-3 text-left shadow-sm transition-all hover:border-accent-foreground/20 hover:shadow-md",
 					children: [
-						/* @__PURE__ */ D(s, {
-							icon: /* @__PURE__ */ D(T, { className: "h-5 w-5" }),
+						/* @__PURE__ */ O(s, {
+							icon: /* @__PURE__ */ O(T, { className: "h-5 w-5" }),
 							seed: e.id,
-							className: "h-11 w-11 shrink-0"
+							fileId: e.logo?.id ?? e.cover?.id,
+							alt: e.name,
+							className: "h-11 w-11 shrink-0 rounded-full ring-2 ring-bg-surface"
 						}),
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ k("div", {
 							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ O("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ D("p", {
+							children: [/* @__PURE__ */ k("div", {
+								className: "flex items-center gap-1.5",
+								children: [/* @__PURE__ */ O("p", {
 									className: "truncate text-sm font-medium text-text-primary",
 									children: e.name
-								}), e.isFeatured && /* @__PURE__ */ D(w, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" })]
-							}), /* @__PURE__ */ O("p", {
+								}), e.isFeatured && /* @__PURE__ */ O(w, { className: "h-3.5 w-3.5 shrink-0 fill-status-warning-text text-status-warning-text" })]
+							}), /* @__PURE__ */ k("p", {
 								className: "truncate text-xs text-text-secondary",
 								children: ["@", e.handle]
 							})]
 						}),
-						/* @__PURE__ */ D(i, { status: e.status }),
-						/* @__PURE__ */ D("span", {
-							className: "hidden shrink-0 text-xs text-text-secondary sm:inline",
-							children: p(e.updatedAt)
-						})
+						/* @__PURE__ */ O(i, { status: e.status })
 					]
 				}, e.id))
 			})] })
@@ -337,6 +334,6 @@ function N() {
 	});
 }
 //#endregion
-export { N as HomePage };
+export { F as HomePage };
 
 //# sourceMappingURL=HomePage.js.map

package/dist/coolandlovely/pages/HomePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HomePage.js","names":[],"sources":["../../../src/coolandlovely/pages/HomePage.tsx"],"sourcesContent":["/**\n * Overview / Home Page\n * @module coolandlovely/pages\n *\n * The CoolAndLovely command center landing page: a style-operating-system\n * dashboard rolling up live catalog (brands, items), social (looks,\n * collaborations) and the shopper's own wardrobe — all from real `coo*` ops.\n */\n\nimport { useMemo } from 'react';\nimport {\n  Store,\n  Shirt,\n  Sparkles,\n  Handshake,\n  Shapes,\n  Heart,\n  ArrowRight,\n  Star,\n  Plus,\n  BookHeart,\n  UserCircle,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { MetricsCard } from '../components/MetricsCard';\nimport { StatusBadge } from '../components/StatusBadge';\nimport { LoadingView, ErrorView } from '../components/StateViews';\nimport { Thumbnail } from '../components/Thumbnail';\nimport { useCoolAndLovely } from '../context/CoolAndLovelyContext';\nimport { useBrands, useStyleItems, useLooks, useCollaborations, useWardrobeItems } from '../hooks';\nimport { formatRelativeTime, titleCase } from '../utils/formatters';\nimport { cn } from '../utils/cn';\nimport type { DashboardStats } from '../types';\n\ninterface QuickAction {\n  label: string;\n  description: string;\n  icon: React.ReactNode;\n  path: string;\n  color: string;\n}\n\nconst quickActions: QuickAction[] = [\n  {\n    label: 'New Brand',\n    description: 'Launch a storefront',\n    icon: <Store className=\"h-5 w-5\" />,\n    path: '/brands/new',\n    color: 'bg-accent-purple-subtle text-text-primary',\n  },\n  {\n    label: 'Add Style Item',\n    description: 'List a piece',\n    icon: <Shirt className=\"h-5 w-5\" />,\n    path: '/items/new',\n    color: 'bg-[var(--color-accent-soft)] text-text-primary',\n  },\n  {\n    label: 'Publish a Look',\n    description: 'Shop-the-look outfit',\n    icon: <Sparkles className=\"h-5 w-5\" />,\n    path: '/looks/new',\n    color: 'bg-status-success-bg-subtle text-status-success-text',\n  },\n  {\n    label: 'My Wardrobe',\n    description: 'What you own',\n    icon: <Heart className=\"h-5 w-5\" />,\n    path: '/wardrobe',\n    color: 'bg-status-warning-bg-subtle text-status-warning-text',\n  },\n];\n\nconst modules = [\n  {\n    label: 'Brands',\n    description: 'Storefronts with a publish lifecycle',\n    icon: <Store className=\"h-6 w-6\" />,\n    path: '/brands',\n    color: 'bg-accent-purple-subtle text-text-primary',\n  },\n  {\n    label: 'Collections',\n    description: 'Seasonal drops & curated edits',\n    icon: <Shapes className=\"h-6 w-6\" />,\n    path: '/collections',\n    color: 'bg-accent-blue-subtle text-accent-blue',\n  },\n  {\n    label: 'Style Items',\n    description: 'The shoppable catalogue',\n    icon: <Shirt className=\"h-6 w-6\" />,\n    path: '/items',\n    color: 'bg-[var(--color-accent-soft)] text-text-primary',\n  },\n  {\n    label: 'Looks',\n    description: 'Published shop-the-look outfits',\n    icon: <Sparkles className=\"h-6 w-6\" />,\n    path: '/looks',\n    color: 'bg-status-success-bg-subtle text-status-success-text',\n  },\n  {\n    label: 'Collaborations',\n    description: 'Brand × creator partnerships',\n    icon: <Handshake className=\"h-6 w-6\" />,\n    path: '/collaborations',\n    color: 'bg-status-warning-bg-subtle text-status-warning-text',\n  },\n  {\n    label: 'Wardrobe',\n    description: 'Your digital closet & wear log',\n    icon: <Heart className=\"h-6 w-6\" />,\n    path: '/wardrobe',\n    color: 'bg-status-error-bg-subtle text-status-error-text',\n  },\n  {\n    label: 'Lookbooks',\n    description: 'Themed boards of saved pieces',\n    icon: <BookHeart className=\"h-6 w-6\" />,\n    path: '/lookbooks',\n    color: 'bg-accent-purple-subtle text-text-primary',\n  },\n  {\n    label: 'Style Profile',\n    description: 'Your taste, palette & sizing',\n    icon: <UserCircle className=\"h-6 w-6\" />,\n    path: '/profile',\n    color: 'bg-accent-blue-subtle text-accent-blue',\n  },\n];\n\nexport function HomePage() {\n  const { navigateTo, currentUser } = useCoolAndLovely();\n\n  const brands = useBrands();\n  const items = useStyleItems();\n  const looks = useLooks();\n  const collaborations = useCollaborations();\n  const wardrobe = useWardrobeItems();\n\n  const firstName = currentUser?.firstName ?? currentUser?.name ?? 'there';\n\n  const isLoading =\n    brands.isLoading ||\n    items.isLoading ||\n    looks.isLoading ||\n    collaborations.isLoading ||\n    wardrobe.isLoading;\n\n  const isError = brands.isError && items.isError && looks.isError && collaborations.isError;\n\n  const stats = useMemo<DashboardStats>(() => {\n    const brandItems = brands.data?.items ?? [];\n    const styleItems = items.data?.items ?? [];\n    const lookItems = looks.data?.items ?? [];\n    const collabs = collaborations.data ?? [];\n    const wardrobeItems = wardrobe.data ?? [];\n    return {\n      totalBrands: brandItems.length,\n      publishedBrands: brandItems.filter((b) => b.status === 'PUBLISHED').length,\n      totalStyleItems: styleItems.length,\n      activeStyleItems: styleItems.filter((i) => i.status === 'ACTIVE').length,\n      totalLooks: lookItems.length,\n      featuredLooks: lookItems.filter((l) => l.isFeatured).length,\n      activeCollaborations: collabs.filter(\n        (c) => c.status === 'ACCEPTED' || c.status === 'IN_PROGRESS'\n      ).length,\n      wardrobeItems: wardrobeItems.length,\n    };\n  }, [brands.data, items.data, looks.data, collaborations.data, wardrobe.data]);\n\n  const latestLooks = useMemo(() => [...(looks.data?.items ?? [])].slice(0, 6), [looks.data]);\n\n  const recentBrands = useMemo(\n    () =>\n      [...(brands.data?.items ?? [])]\n        .sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime())\n        .slice(0, 4),\n    [brands.data]\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"CoolAndLovely\">\n        <LoadingView label=\"Loading your style command center…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title=\"CoolAndLovely\">\n        <ErrorView\n          title=\"Could not load CoolAndLovely\"\n          message=\"The fashion service did not respond. Please try again.\"\n          onRetry={() => {\n            void brands.refetch();\n            void items.refetch();\n            void looks.refetch();\n            void collaborations.refetch();\n            void wardrobe.refetch();\n          }}\n        />\n      </PageLayout>\n    );\n  }\n\n  const metrics = [\n    {\n      icon: <Store className=\"h-5 w-5\" />,\n      value: stats.totalBrands.toString(),\n      label: 'Brands',\n      sub: `${stats.publishedBrands} published`,\n    },\n    {\n      icon: <Shirt className=\"h-5 w-5\" />,\n      value: stats.totalStyleItems.toString(),\n      label: 'Style Items',\n      sub: `${stats.activeStyleItems} active`,\n    },\n    {\n      icon: <Sparkles className=\"h-5 w-5\" />,\n      value: stats.totalLooks.toString(),\n      label: 'Looks',\n      sub: `${stats.featuredLooks} featured`,\n    },\n    {\n      icon: <Handshake className=\"h-5 w-5\" />,\n      value: stats.activeCollaborations.toString(),\n      label: 'Active Collabs',\n      sub: `${stats.wardrobeItems} in wardrobe`,\n    },\n  ];\n\n  return (\n    <PageLayout\n      title={`Hello, ${firstName}`}\n      description=\"Your fashion & lifestyle command center\"\n      hero\n    >\n      <PagePurpose className=\"mb-6\">\n        CoolAndLovely connects the three sides of style on one workspace-native model: brands launch\n        storefronts and seasonal collections, you build a wardrobe and lookbooks, and creators\n        publish shop-the-look outfits and run brand collaborations. Jump into any module below — all\n        data is live from the CoolAndLovely service.\n      </PagePurpose>\n\n      {/* Headline metrics — the one emphasis zone for this page */}\n      <EmphasisPanel className=\"mb-8\">\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">At a glance</h2>\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          {metrics.map((m) => (\n            <MetricsCard\n              key={m.label}\n              icon={m.icon}\n              value={m.value}\n              label={m.label}\n              trendValue={m.sub}\n              trend=\"neutral\"\n            />\n          ))}\n        </div>\n      </EmphasisPanel>\n\n      {/* Quick Actions */}\n      <section className=\"mb-8\">\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Quick actions</h2>\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          {quickActions.map((action) => (\n            <button\n              key={action.label}\n              type=\"button\"\n              onClick={() => navigateTo(action.path)}\n              className={cn(\n                'flex items-start gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 text-left shadow-sm transition-all',\n                'hover:border-accent-foreground/20 hover:shadow-md'\n              )}\n            >\n              <div\n                className={cn(\n                  'flex h-10 w-10 shrink-0 items-center justify-center rounded-lg',\n                  action.color\n                )}\n              >\n                {action.icon}\n              </div>\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"text-sm font-semibold text-text-primary\">{action.label}</p>\n                <p className=\"mt-0.5 text-xs text-text-secondary\">{action.description}</p>\n              </div>\n              <Plus className=\"mt-1 h-4 w-4 shrink-0 text-text-secondary\" />\n            </button>\n          ))}\n        </div>\n      </section>\n\n      {/* Modules */}\n      <section className=\"mb-8\">\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Explore</h2>\n        <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4\">\n          {modules.map((mod) => (\n            <button\n              key={mod.label}\n              type=\"button\"\n              onClick={() => navigateTo(mod.path)}\n              className=\"flex flex-col gap-3 rounded-lg border border-border-seam bg-bg-surface p-5 text-left transition-all hover:border-accent-foreground/20 hover:shadow-md\"\n            >\n              <div\n                className={cn('flex h-12 w-12 items-center justify-center rounded-full', mod.color)}\n              >\n                {mod.icon}\n              </div>\n              <div>\n                <p className=\"text-sm font-semibold text-text-primary\">{mod.label}</p>\n                <p className=\"mt-0.5 text-xs text-text-secondary\">{mod.description}</p>\n              </div>\n            </button>\n          ))}\n        </div>\n      </section>\n\n      {/* Latest looks */}\n      <section className=\"mb-8\">\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Latest looks</h2>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/looks')}\n            className=\"flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n          >\n            View all <ArrowRight className=\"h-3.5 w-3.5\" />\n          </button>\n        </div>\n        {latestLooks.length === 0 ? (\n          <p className=\"rounded-lg border border-border-seam bg-bg-surface p-6 text-sm text-text-secondary\">\n            No looks published yet. Be the first to publish a shop-the-look outfit.\n          </p>\n        ) : (\n          <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-6\">\n            {latestLooks.map((look) => (\n              <button\n                key={look.id}\n                type=\"button\"\n                onClick={() => navigateTo(`/looks/${look.id}`)}\n                className=\"group overflow-hidden rounded-lg border border-border-seam bg-bg-surface text-left transition-all hover:border-accent-foreground/20 hover:shadow-md\"\n              >\n                <Thumbnail\n                  icon={<Sparkles className=\"h-7 w-7\" />}\n                  seed={look.id}\n                  className=\"h-28 w-full\"\n                />\n                <div className=\"p-3\">\n                  <p className=\"truncate text-sm font-medium text-text-primary\">{look.title}</p>\n                  <div className=\"mt-1.5 flex items-center justify-between\">\n                    <span className=\"text-xs text-text-secondary\">{titleCase(look.occasion)}</span>\n                    <span className=\"flex items-center gap-1 text-xs text-text-secondary\">\n                      <Heart className=\"h-3 w-3\" /> {look.likeCount}\n                    </span>\n                  </div>\n                </div>\n              </button>\n            ))}\n          </div>\n        )}\n      </section>\n\n      {/* Recent brands */}\n      {recentBrands.length > 0 && (\n        <section>\n          <div className=\"mb-4 flex items-center justify-between\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">Recently updated brands</h2>\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/brands')}\n              className=\"flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n            >\n              View all <ArrowRight className=\"h-3.5 w-3.5\" />\n            </button>\n          </div>\n          <div className=\"divide-y divide-border-seam rounded-lg border border-border-seam bg-bg-surface\">\n            {recentBrands.map((brand) => (\n              <button\n                key={brand.id}\n                type=\"button\"\n                onClick={() => navigateTo(`/brands/${brand.id}`)}\n                className=\"flex w-full items-center gap-4 px-4 py-3 text-left transition-colors hover:bg-bg-sunken/50\"\n              >\n                <Thumbnail\n                  icon={<Store className=\"h-5 w-5\" />}\n                  seed={brand.id}\n                  className=\"h-11 w-11 shrink-0\"\n                />\n                <div className=\"min-w-0 flex-1\">\n                  <div className=\"flex items-center gap-2\">\n                    <p className=\"truncate text-sm font-medium text-text-primary\">{brand.name}</p>\n                    {brand.isFeatured && (\n                      <Star className=\"h-3.5 w-3.5 fill-status-warning-text text-status-warning-text\" />\n                    )}\n                  </div>\n                  <p className=\"truncate text-xs text-text-secondary\">@{brand.handle}</p>\n                </div>\n                <StatusBadge status={brand.status} />\n                <span className=\"hidden shrink-0 text-xs text-text-secondary sm:inline\">\n                  {formatRelativeTime(brand.updatedAt)}\n                </span>\n              </button>\n            ))}\n          </div>\n        </section>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HomePage.js","names":[],"sources":["../../../src/coolandlovely/pages/HomePage.tsx"],"sourcesContent":["/**\n * Overview / Home Page\n * @module coolandlovely/pages\n *\n * The CoolAndLovely command center landing page: a style-operating-system\n * dashboard rolling up live catalog (brands, items), social (looks,\n * collaborations) and the shopper's own wardrobe — all from real `coo*` ops.\n */\n\nimport { useMemo } from 'react';\nimport {\n  Store,\n  Shirt,\n  Sparkles,\n  Handshake,\n  Shapes,\n  Heart,\n  ArrowRight,\n  Star,\n  Plus,\n  BookHeart,\n  UserCircle,\n  Compass,\n  TrendingUp,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { MetricsCard } from '../components/MetricsCard';\nimport { StatusBadge } from '../components/StatusBadge';\nimport { LoadingView, ErrorView } from '../components/StateViews';\nimport { Thumbnail } from '../components/Thumbnail';\nimport { LookCard } from '../components/LookCard';\nimport { useCoolAndLovely } from '../context/CoolAndLovelyContext';\nimport { useBrands, useStyleItems, useLooks, useCollaborations, useWardrobeItems } from '../hooks';\nimport { cn } from '../utils/cn';\nimport type { DashboardStats } from '../types';\n\n/** Time-of-day greeting for the dashboard title (local clock, honest — no data). */\nfunction greeting(): string {\n  const hour = new Date().getHours();\n  if (hour < 12) return 'Good morning';\n  if (hour < 18) return 'Good afternoon';\n  return 'Good evening';\n}\n\ninterface QuickAction {\n  label: string;\n  description: string;\n  icon: React.ReactNode;\n  path: string;\n  color: string;\n}\n\nconst quickActions: QuickAction[] = [\n  {\n    label: 'New Brand',\n    description: 'Launch a storefront',\n    icon: <Store className=\"h-5 w-5\" />,\n    path: '/brands/new',\n    color: 'bg-accent-purple-subtle text-text-primary',\n  },\n  {\n    label: 'Add Style Item',\n    description: 'List a piece',\n    icon: <Shirt className=\"h-5 w-5\" />,\n    path: '/items/new',\n    color: 'bg-[var(--color-accent-soft)] text-text-primary',\n  },\n  {\n    label: 'Publish a Look',\n    description: 'Shop-the-look outfit',\n    icon: <Sparkles className=\"h-5 w-5\" />,\n    path: '/looks/new',\n    color: 'bg-status-success-bg-subtle text-status-success-text',\n  },\n  {\n    label: 'My Wardrobe',\n    description: 'What you own',\n    icon: <Heart className=\"h-5 w-5\" />,\n    path: '/wardrobe',\n    color: 'bg-status-warning-bg-subtle text-status-warning-text',\n  },\n];\n\nconst modules = [\n  {\n    label: 'Brands',\n    description: 'Storefronts with a publish lifecycle',\n    icon: <Store className=\"h-6 w-6\" />,\n    path: '/brands',\n    color: 'bg-accent-purple-subtle text-text-primary',\n  },\n  {\n    label: 'Collections',\n    description: 'Seasonal drops & curated edits',\n    icon: <Shapes className=\"h-6 w-6\" />,\n    path: '/collections',\n    color: 'bg-accent-blue-subtle text-accent-blue',\n  },\n  {\n    label: 'Style Items',\n    description: 'The shoppable catalogue',\n    icon: <Shirt className=\"h-6 w-6\" />,\n    path: '/items',\n    color: 'bg-[var(--color-accent-soft)] text-text-primary',\n  },\n  {\n    label: 'Looks',\n    description: 'Published shop-the-look outfits',\n    icon: <Sparkles className=\"h-6 w-6\" />,\n    path: '/looks',\n    color: 'bg-status-success-bg-subtle text-status-success-text',\n  },\n  {\n    label: 'Collaborations',\n    description: 'Brand × creator partnerships',\n    icon: <Handshake className=\"h-6 w-6\" />,\n    path: '/collaborations',\n    color: 'bg-status-warning-bg-subtle text-status-warning-text',\n  },\n  {\n    label: 'Wardrobe',\n    description: 'Your digital closet & wear log',\n    icon: <Heart className=\"h-6 w-6\" />,\n    path: '/wardrobe',\n    color: 'bg-status-error-bg-subtle text-status-error-text',\n  },\n  {\n    label: 'Lookbooks',\n    description: 'Themed boards of saved pieces',\n    icon: <BookHeart className=\"h-6 w-6\" />,\n    path: '/lookbooks',\n    color: 'bg-accent-purple-subtle text-text-primary',\n  },\n  {\n    label: 'Style Profile',\n    description: 'Your taste, palette & sizing',\n    icon: <UserCircle className=\"h-6 w-6\" />,\n    path: '/profile',\n    color: 'bg-accent-blue-subtle text-accent-blue',\n  },\n  {\n    label: 'Discover',\n    description: 'A feed tuned to your taste',\n    icon: <Compass className=\"h-6 w-6\" />,\n    path: '/discover',\n    color: 'bg-[var(--color-accent-soft)] text-text-primary',\n  },\n  {\n    label: 'Trends',\n    description: 'Live signals from platform activity',\n    icon: <TrendingUp className=\"h-6 w-6\" />,\n    path: '/trends',\n    color: 'bg-status-success-bg-subtle text-status-success-text',\n  },\n];\n\nexport function HomePage() {\n  const { navigateTo, currentUser } = useCoolAndLovely();\n\n  const brands = useBrands();\n  const items = useStyleItems();\n  const looks = useLooks();\n  const collaborations = useCollaborations();\n  const wardrobe = useWardrobeItems();\n\n  const firstName = currentUser?.firstName ?? currentUser?.name ?? 'there';\n\n  const isLoading =\n    brands.isLoading ||\n    items.isLoading ||\n    looks.isLoading ||\n    collaborations.isLoading ||\n    wardrobe.isLoading;\n\n  const isError = brands.isError && items.isError && looks.isError && collaborations.isError;\n\n  const stats = useMemo<DashboardStats>(() => {\n    const brandItems = brands.data?.items ?? [];\n    const styleItems = items.data?.items ?? [];\n    const lookItems = looks.data?.items ?? [];\n    const collabs = collaborations.data ?? [];\n    const wardrobeItems = wardrobe.data ?? [];\n    return {\n      totalBrands: brandItems.length,\n      publishedBrands: brandItems.filter((b) => b.status === 'PUBLISHED').length,\n      totalStyleItems: styleItems.length,\n      activeStyleItems: styleItems.filter((i) => i.status === 'ACTIVE').length,\n      totalLooks: lookItems.length,\n      featuredLooks: lookItems.filter((l) => l.isFeatured).length,\n      activeCollaborations: collabs.filter(\n        (c) => c.status === 'ACCEPTED' || c.status === 'IN_PROGRESS'\n      ).length,\n      wardrobeItems: wardrobeItems.length,\n    };\n  }, [brands.data, items.data, looks.data, collaborations.data, wardrobe.data]);\n\n  const latestLooks = useMemo(() => [...(looks.data?.items ?? [])].slice(0, 5), [looks.data]);\n\n  const recentBrands = useMemo(\n    () =>\n      [...(brands.data?.items ?? [])]\n        .sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime())\n        .slice(0, 4),\n    [brands.data]\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"CoolAndLovely\">\n        <LoadingView label=\"Loading your style command center…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title=\"CoolAndLovely\">\n        <ErrorView\n          title=\"Could not load CoolAndLovely\"\n          message=\"The fashion service did not respond. Please try again.\"\n          onRetry={() => {\n            void brands.refetch();\n            void items.refetch();\n            void looks.refetch();\n            void collaborations.refetch();\n            void wardrobe.refetch();\n          }}\n        />\n      </PageLayout>\n    );\n  }\n\n  const metrics = [\n    {\n      icon: <Store className=\"h-5 w-5\" />,\n      value: stats.totalBrands.toString(),\n      label: 'Brands',\n      sub: `${stats.publishedBrands} published`,\n    },\n    {\n      icon: <Shirt className=\"h-5 w-5\" />,\n      value: stats.totalStyleItems.toString(),\n      label: 'Style Items',\n      sub: `${stats.activeStyleItems} active`,\n    },\n    {\n      icon: <Sparkles className=\"h-5 w-5\" />,\n      value: stats.totalLooks.toString(),\n      label: 'Looks',\n      sub: `${stats.featuredLooks} featured`,\n    },\n    {\n      icon: <Handshake className=\"h-5 w-5\" />,\n      value: stats.activeCollaborations.toString(),\n      label: 'Active Collabs',\n      sub: `${stats.wardrobeItems} in wardrobe`,\n    },\n  ];\n\n  return (\n    <PageLayout\n      title={`${greeting()}, ${firstName}`}\n      description=\"Your fashion & lifestyle command center\"\n      hero\n    >\n      <PagePurpose className=\"mb-6\">\n        CoolAndLovely connects the three sides of style on one workspace-native model: brands launch\n        storefronts and seasonal collections, you build a wardrobe and lookbooks, and creators\n        publish shop-the-look outfits and run brand collaborations. Jump into any module below — all\n        data is live from the CoolAndLovely service.\n      </PagePurpose>\n\n      {/* Headline metrics — the one emphasis zone for this page */}\n      <EmphasisPanel className=\"mb-8\">\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">At a glance</h2>\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          {metrics.map((m, index) => (\n            <MetricsCard\n              key={m.label}\n              icon={m.icon}\n              value={m.value}\n              label={m.label}\n              trendValue={m.sub}\n              trend=\"neutral\"\n              featured={index === 0}\n            />\n          ))}\n        </div>\n      </EmphasisPanel>\n\n      {/* Quick Actions */}\n      <section className=\"mb-8\">\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Quick actions</h2>\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          {quickActions.map((action) => (\n            <button\n              key={action.label}\n              type=\"button\"\n              onClick={() => navigateTo(action.path)}\n              className={cn(\n                'flex items-start gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 text-left shadow-sm transition-all',\n                'hover:border-accent-foreground/20 hover:shadow-md'\n              )}\n            >\n              <div\n                className={cn(\n                  'flex h-10 w-10 shrink-0 items-center justify-center rounded-lg',\n                  action.color\n                )}\n              >\n                {action.icon}\n              </div>\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"text-sm font-semibold text-text-primary\">{action.label}</p>\n                <p className=\"mt-0.5 text-xs text-text-secondary\">{action.description}</p>\n              </div>\n              <Plus className=\"mt-1 h-4 w-4 shrink-0 text-text-secondary\" />\n            </button>\n          ))}\n        </div>\n      </section>\n\n      {/* Modules */}\n      <section className=\"mb-8\">\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Explore</h2>\n        <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4\">\n          {modules.map((mod) => (\n            <button\n              key={mod.label}\n              type=\"button\"\n              onClick={() => navigateTo(mod.path)}\n              className=\"flex flex-col gap-3 rounded-lg border border-border-seam bg-bg-surface p-5 text-left transition-all hover:border-accent-foreground/20 hover:shadow-md\"\n            >\n              <div\n                className={cn('flex h-12 w-12 items-center justify-center rounded-full', mod.color)}\n              >\n                {mod.icon}\n              </div>\n              <div>\n                <p className=\"text-sm font-semibold text-text-primary\">{mod.label}</p>\n                <p className=\"mt-0.5 text-xs text-text-secondary\">{mod.description}</p>\n              </div>\n            </button>\n          ))}\n        </div>\n      </section>\n\n      {/* Latest looks */}\n      <section className=\"mb-8\">\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Latest looks</h2>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/looks')}\n            className=\"flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n          >\n            View all <ArrowRight className=\"h-3.5 w-3.5\" />\n          </button>\n        </div>\n        {latestLooks.length === 0 ? (\n          <p className=\"rounded-lg border border-border-seam bg-bg-surface p-6 text-sm text-text-secondary\">\n            No looks published yet. Be the first to publish a shop-the-look outfit.\n          </p>\n        ) : (\n          <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-5\">\n            {latestLooks.map((look) => (\n              <LookCard\n                key={look.id}\n                id={look.id}\n                title={look.title}\n                occasion={look.occasion}\n                imageFileId={look.image?.id}\n                likeCount={look.likeCount}\n                onOpen={() => navigateTo(`/looks/${look.id}`)}\n                showActions\n              />\n            ))}\n          </div>\n        )}\n      </section>\n\n      {/* Recent brands */}\n      {recentBrands.length > 0 && (\n        <section>\n          <div className=\"mb-4 flex items-center justify-between\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">Recently updated brands</h2>\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/brands')}\n              className=\"flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n            >\n              View all <ArrowRight className=\"h-3.5 w-3.5\" />\n            </button>\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n            {recentBrands.map((brand) => (\n              <button\n                key={brand.id}\n                type=\"button\"\n                onClick={() => navigateTo(`/brands/${brand.id}`)}\n                className=\"group flex items-center gap-3 rounded-xl border border-border-seam bg-bg-surface p-3 text-left shadow-sm transition-all hover:border-accent-foreground/20 hover:shadow-md\"\n              >\n                <Thumbnail\n                  icon={<Store className=\"h-5 w-5\" />}\n                  seed={brand.id}\n                  fileId={brand.logo?.id ?? brand.cover?.id}\n                  alt={brand.name}\n                  className=\"h-11 w-11 shrink-0 rounded-full ring-2 ring-bg-surface\"\n                />\n                <div className=\"min-w-0 flex-1\">\n                  <div className=\"flex items-center gap-1.5\">\n                    <p className=\"truncate text-sm font-medium text-text-primary\">{brand.name}</p>\n                    {brand.isFeatured && (\n                      <Star className=\"h-3.5 w-3.5 shrink-0 fill-status-warning-text text-status-warning-text\" />\n                    )}\n                  </div>\n                  <p className=\"truncate text-xs text-text-secondary\">@{brand.handle}</p>\n                </div>\n                <StatusBadge status={brand.status} />\n              </button>\n            ))}\n          </div>\n        </section>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}