@burdenoff/microfe-coolandlovely 2026.720.1 → 2026.720.2

package/dist/coolandlovely/pages/HomePage.js

@@ -8,119 +8,121 @@ 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 { 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";
+import { buildCreatedAtSparkline as m, sparklineDeltaLabel as h, sparklineTrendDirection as g } from "../utils/sparkline.js";
+import "../utils/index.js";
+import { useMemo as _ } from "react";
+import { ArrowRight as v, BookHeart as y, Compass as b, Handshake as x, Heart as S, Plus as C, Shapes as w, Shirt as T, Sparkles as E, Star as D, Store as O, TrendingUp as k, UserCircle as A } from "lucide-react";
+import { jsx as j, jsxs as M } from "react/jsx-runtime";
+import { EmphasisPanel as N, PagePurpose as P } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/HomePage.tsx
-function M() {
+function F() {
 	let e = (/* @__PURE__ */ new Date()).getHours();
 	return e < 12 ? "Good morning" : e < 18 ? "Good afternoon" : "Good evening";
 }
-var N = [
+var I = [
 	{
 		label: "New Brand",
 		description: "Launch a storefront",
-		icon: /* @__PURE__ */ O(T, { className: "h-5 w-5" }),
+		icon: /* @__PURE__ */ j(O, { 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__ */ O(S, { className: "h-5 w-5" }),
+		icon: /* @__PURE__ */ j(T, { 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__ */ O(C, { className: "h-5 w-5" }),
+		icon: /* @__PURE__ */ j(E, { 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__ */ O(y, { className: "h-5 w-5" }),
+		icon: /* @__PURE__ */ j(S, { className: "h-5 w-5" }),
 		path: "/wardrobe",
 		color: "bg-status-warning-bg-subtle text-status-warning-text"
 	}
-], P = [
+], L = [
 	{
 		label: "Brands",
 		description: "Storefronts with a publish lifecycle",
-		icon: /* @__PURE__ */ O(T, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ j(O, { className: "h-6 w-6" }),
 		path: "/brands",
 		color: "bg-accent-purple-subtle text-text-primary"
 	},
 	{
 		label: "Collections",
 		description: "Seasonal drops & curated edits",
-		icon: /* @__PURE__ */ O(x, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ j(w, { className: "h-6 w-6" }),
 		path: "/collections",
 		color: "bg-accent-blue-subtle text-accent-blue"
 	},
 	{
 		label: "Style Items",
 		description: "The shoppable catalogue",
-		icon: /* @__PURE__ */ O(S, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ j(T, { 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__ */ O(C, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ j(E, { 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__ */ O(v, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ j(x, { 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__ */ O(y, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ j(S, { 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__ */ O(g, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ j(y, { 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__ */ O(D, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ j(A, { 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" }),
+		icon: /* @__PURE__ */ j(b, { 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" }),
+		icon: /* @__PURE__ */ j(k, { className: "h-6 w-6" }),
 		path: "/trends",
 		color: "bg-status-success-bg-subtle text-status-success-text"
 	}
 ];
-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 ?? [];
+function R() {
+	let { navigateTo: y, currentUser: b } = e(), S = c(), w = d(), k = u(), A = l(), R = f(), z = b?.firstName ?? b?.name ?? "there", B = S.isLoading || w.isLoading || k.isLoading || A.isLoading || R.isLoading, V = S.isError && w.isError && k.isError && A.isError, H = _(() => {
+		let e = S.data?.items ?? [], t = w.data?.items ?? [], n = k.data?.items ?? [], r = A.data ?? [], i = R.data ?? [];
 		return {
 			totalBrands: e.length,
 			publishedBrands: e.filter((e) => e.status === "PUBLISHED").length,
@@ -132,152 +134,161 @@ function F() {
 			wardrobeItems: i.length
 		};
 	}, [
-		y.data,
-		x.data,
-		E.data,
-		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, {
+		S.data,
+		w.data,
+		k.data,
+		A.data,
+		R.data
+	]), U = _(() => [...k.data?.items ?? []].slice(0, 5), [k.data]), W = _(() => [...S.data?.items ?? []].sort((e, t) => new Date(t.updatedAt).getTime() - new Date(e.updatedAt).getTime()).slice(0, 4), [S.data]);
+	if (B) return /* @__PURE__ */ j(n, {
 		title: "CoolAndLovely",
-		children: /* @__PURE__ */ O(o, { label: "Loading your style command center…" })
+		children: /* @__PURE__ */ j(o, { label: "Loading your style command center…" })
 	});
-	if (R) return /* @__PURE__ */ O(n, {
+	if (V) return /* @__PURE__ */ j(n, {
 		title: "CoolAndLovely",
-		children: /* @__PURE__ */ O(a, {
+		children: /* @__PURE__ */ j(a, {
 			title: "Could not load CoolAndLovely",
 			message: "The fashion service did not respond. Please try again.",
 			onRetry: () => {
-				y.refetch(), x.refetch(), E.refetch(), D.refetch(), F.refetch();
+				S.refetch(), w.refetch(), k.refetch(), A.refetch(), R.refetch();
 			}
 		})
 	});
-	let H = [
+	let G = m(S.data?.items ?? []), K = m(w.data?.items ?? []), q = m(k.data?.items ?? []), J = m(A.data ?? []), Y = [
 		{
-			icon: /* @__PURE__ */ O(T, { className: "h-5 w-5" }),
-			value: z.totalBrands.toString(),
+			icon: /* @__PURE__ */ j(O, { className: "h-5 w-5" }),
+			value: H.totalBrands.toString(),
 			label: "Brands",
-			sub: `${z.publishedBrands} published`
+			sub: h(G) ?? `${H.publishedBrands} published`,
+			sparklineData: G,
+			trend: g(G)
 		},
 		{
-			icon: /* @__PURE__ */ O(S, { className: "h-5 w-5" }),
-			value: z.totalStyleItems.toString(),
+			icon: /* @__PURE__ */ j(T, { className: "h-5 w-5" }),
+			value: H.totalStyleItems.toString(),
 			label: "Style Items",
-			sub: `${z.activeStyleItems} active`
+			sub: h(K) ?? `${H.activeStyleItems} active`,
+			sparklineData: K,
+			trend: g(K)
 		},
 		{
-			icon: /* @__PURE__ */ O(C, { className: "h-5 w-5" }),
-			value: z.totalLooks.toString(),
+			icon: /* @__PURE__ */ j(E, { className: "h-5 w-5" }),
+			value: H.totalLooks.toString(),
 			label: "Looks",
-			sub: `${z.featuredLooks} featured`
+			sub: h(q) ?? `${H.featuredLooks} featured`,
+			sparklineData: q,
+			trend: g(q)
 		},
 		{
-			icon: /* @__PURE__ */ O(v, { className: "h-5 w-5" }),
-			value: z.activeCollaborations.toString(),
+			icon: /* @__PURE__ */ j(x, { className: "h-5 w-5" }),
+			value: H.activeCollaborations.toString(),
 			label: "Active Collabs",
-			sub: `${z.wardrobeItems} in wardrobe`
+			sub: h(J) ?? `${H.wardrobeItems} in wardrobe`,
+			sparklineData: J,
+			trend: g(J)
 		}
 	];
-	return /* @__PURE__ */ k(n, {
-		title: `${M()}, ${I}`,
+	return /* @__PURE__ */ M(n, {
+		title: `${F()}, ${z}`,
 		description: "Your fashion & lifestyle command center",
 		hero: !0,
 		children: [
-			/* @__PURE__ */ O(j, {
+			/* @__PURE__ */ j(P, {
 				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__ */ k(A, {
+			/* @__PURE__ */ M(N, {
 				className: "mb-8",
-				children: [/* @__PURE__ */ O("h2", {
+				children: [/* @__PURE__ */ j("h2", {
 					className: "mb-4 text-lg font-semibold text-text-primary",
 					children: "At a glance"
-				}), /* @__PURE__ */ O("div", {
+				}), /* @__PURE__ */ j("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: H.map((e, t) => /* @__PURE__ */ O(r, {
+					children: Y.map((e, t) => /* @__PURE__ */ j(r, {
 						icon: e.icon,
 						value: e.value,
 						label: e.label,
 						trendValue: e.sub,
-						trend: "neutral",
+						trend: e.trend,
+						sparklineData: e.sparklineData,
 						featured: t === 0
 					}, e.label))
 				})]
 			}),
-			/* @__PURE__ */ k("section", {
+			/* @__PURE__ */ M("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ O("h2", {
+				children: [/* @__PURE__ */ j("h2", {
 					className: "mb-4 text-lg font-semibold text-text-primary",
 					children: "Quick actions"
-				}), /* @__PURE__ */ O("div", {
+				}), /* @__PURE__ */ j("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: N.map((e) => /* @__PURE__ */ k("button", {
+					children: I.map((e) => /* @__PURE__ */ M("button", {
 						type: "button",
-						onClick: () => g(e.path),
+						onClick: () => y(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__ */ O("div", {
+							/* @__PURE__ */ j("div", {
 								className: t("flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", e.color),
 								children: e.icon
 							}),
-							/* @__PURE__ */ k("div", {
+							/* @__PURE__ */ M("div", {
 								className: "min-w-0 flex-1",
-								children: [/* @__PURE__ */ O("p", {
+								children: [/* @__PURE__ */ j("p", {
 									className: "text-sm font-semibold text-text-primary",
 									children: e.label
-								}), /* @__PURE__ */ O("p", {
+								}), /* @__PURE__ */ j("p", {
 									className: "mt-0.5 text-xs text-text-secondary",
 									children: e.description
 								})]
 							}),
-							/* @__PURE__ */ O(b, { className: "mt-1 h-4 w-4 shrink-0 text-text-secondary" })
+							/* @__PURE__ */ j(C, { className: "mt-1 h-4 w-4 shrink-0 text-text-secondary" })
 						]
 					}, e.label))
 				})]
 			}),
-			/* @__PURE__ */ k("section", {
+			/* @__PURE__ */ M("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ O("h2", {
+				children: [/* @__PURE__ */ j("h2", {
 					className: "mb-4 text-lg font-semibold text-text-primary",
 					children: "Explore"
-				}), /* @__PURE__ */ O("div", {
+				}), /* @__PURE__ */ j("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4",
-					children: P.map((e) => /* @__PURE__ */ k("button", {
+					children: L.map((e) => /* @__PURE__ */ M("button", {
 						type: "button",
-						onClick: () => g(e.path),
+						onClick: () => y(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__ */ O("div", {
+						children: [/* @__PURE__ */ j("div", {
 							className: t("flex h-12 w-12 items-center justify-center rounded-full", e.color),
 							children: e.icon
-						}), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+						}), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
 							className: "text-sm font-semibold text-text-primary",
 							children: e.label
-						}), /* @__PURE__ */ O("p", {
+						}), /* @__PURE__ */ j("p", {
 							className: "mt-0.5 text-xs text-text-secondary",
 							children: e.description
 						})] })]
 					}, e.label))
 				})]
 			}),
-			/* @__PURE__ */ k("section", {
+			/* @__PURE__ */ M("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ M("div", {
 					className: "mb-4 flex items-center justify-between",
-					children: [/* @__PURE__ */ O("h2", {
+					children: [/* @__PURE__ */ j("h2", {
 						className: "text-lg font-semibold text-text-primary",
 						children: "Latest looks"
-					}), /* @__PURE__ */ k("button", {
+					}), /* @__PURE__ */ M("button", {
 						type: "button",
-						onClick: () => g("/looks"),
+						onClick: () => y("/looks"),
 						className: "flex items-center gap-1 text-sm font-medium text-primary hover:underline",
-						children: ["View all ", /* @__PURE__ */ O(h, { className: "h-3.5 w-3.5" })]
+						children: ["View all ", /* @__PURE__ */ j(v, { className: "h-3.5 w-3.5" })]
 					})]
-				}), B.length === 0 ? /* @__PURE__ */ O("p", {
+				}), U.length === 0 ? /* @__PURE__ */ j("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__ */ O("div", {
+				}) : /* @__PURE__ */ j("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-5",
-					children: B.map((e) => /* @__PURE__ */ O(p, {
+					children: U.map((e) => /* @__PURE__ */ j(p, {
 						id: e.id,
 						title: e.title,
 						occasion: e.occasion,
@@ -285,50 +296,50 @@ function F() {
 						likeCount: e.likeCount,
 						isLikedByMe: e.isLikedByMe,
 						isSavedByMe: e.isSavedByMe,
-						onOpen: () => g(`/looks/${e.id}`),
+						onOpen: () => y(`/looks/${e.id}`),
 						showActions: !0
 					}, e.id))
 				})]
 			}),
-			V.length > 0 && /* @__PURE__ */ k("section", { children: [/* @__PURE__ */ k("div", {
+			W.length > 0 && /* @__PURE__ */ M("section", { children: [/* @__PURE__ */ M("div", {
 				className: "mb-4 flex items-center justify-between",
-				children: [/* @__PURE__ */ O("h2", {
+				children: [/* @__PURE__ */ j("h2", {
 					className: "text-lg font-semibold text-text-primary",
 					children: "Recently updated brands"
-				}), /* @__PURE__ */ k("button", {
+				}), /* @__PURE__ */ M("button", {
 					type: "button",
-					onClick: () => g("/brands"),
+					onClick: () => y("/brands"),
 					className: "flex items-center gap-1 text-sm font-medium text-primary hover:underline",
-					children: ["View all ", /* @__PURE__ */ O(h, { className: "h-3.5 w-3.5" })]
+					children: ["View all ", /* @__PURE__ */ j(v, { className: "h-3.5 w-3.5" })]
 				})]
-			}), /* @__PURE__ */ O("div", {
+			}), /* @__PURE__ */ j("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-				children: V.map((e) => /* @__PURE__ */ k("button", {
+				children: W.map((e) => /* @__PURE__ */ M("button", {
 					type: "button",
-					onClick: () => g(`/brands/${e.id}`),
+					onClick: () => y(`/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__ */ O(s, {
-							icon: /* @__PURE__ */ O(T, { className: "h-5 w-5" }),
+						/* @__PURE__ */ j(s, {
+							icon: /* @__PURE__ */ j(O, { className: "h-5 w-5" }),
 							seed: e.id,
 							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__ */ k("div", {
+						/* @__PURE__ */ M("div", {
 							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ k("div", {
+							children: [/* @__PURE__ */ M("div", {
 								className: "flex items-center gap-1.5",
-								children: [/* @__PURE__ */ O("p", {
+								children: [/* @__PURE__ */ j("p", {
 									className: "truncate text-sm font-medium text-text-primary",
 									children: e.name
-								}), 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", {
+								}), e.isFeatured && /* @__PURE__ */ j(D, { className: "h-3.5 w-3.5 shrink-0 fill-status-warning-text text-status-warning-text" })]
+							}), /* @__PURE__ */ M("p", {
 								className: "truncate text-xs text-text-secondary",
 								children: ["@", e.handle]
 							})]
 						}),
-						/* @__PURE__ */ O(i, { status: e.status })
+						/* @__PURE__ */ j(i, { status: e.status })
 					]
 				}, e.id))
 			})] })
@@ -336,6 +347,6 @@ function F() {
 	});
 }
 //#endregion
-export { F as HomePage };
+export { R 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  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                isLikedByMe={look.isLikedByMe}\n                isSavedByMe={look.isSavedByMe}\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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"}
+{"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 { buildCreatedAtSparkline, sparklineDeltaLabel, sparklineTrendDirection } from '../utils';\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  // Real (non-fabricated) 7-day sparkline series derived from each entity's\n  // own createdAt — falls back to the plain text sub-label when there is no\n  // meaningful history yet (e.g. everything was seeded at once).\n  const brandSparkline = buildCreatedAtSparkline(brands.data?.items ?? []);\n  const itemSparkline = buildCreatedAtSparkline(items.data?.items ?? []);\n  const lookSparkline = buildCreatedAtSparkline(looks.data?.items ?? []);\n  const collabSparkline = buildCreatedAtSparkline(collaborations.data ?? []);\n\n  const metrics = [\n    {\n      icon: <Store className=\"h-5 w-5\" />,\n      value: stats.totalBrands.toString(),\n      label: 'Brands',\n      sub: sparklineDeltaLabel(brandSparkline) ?? `${stats.publishedBrands} published`,\n      sparklineData: brandSparkline,\n      trend: sparklineTrendDirection(brandSparkline),\n    },\n    {\n      icon: <Shirt className=\"h-5 w-5\" />,\n      value: stats.totalStyleItems.toString(),\n      label: 'Style Items',\n      sub: sparklineDeltaLabel(itemSparkline) ?? `${stats.activeStyleItems} active`,\n      sparklineData: itemSparkline,\n      trend: sparklineTrendDirection(itemSparkline),\n    },\n    {\n      icon: <Sparkles className=\"h-5 w-5\" />,\n      value: stats.totalLooks.toString(),\n      label: 'Looks',\n      sub: sparklineDeltaLabel(lookSparkline) ?? `${stats.featuredLooks} featured`,\n      sparklineData: lookSparkline,\n      trend: sparklineTrendDirection(lookSparkline),\n    },\n    {\n      icon: <Handshake className=\"h-5 w-5\" />,\n      value: stats.activeCollaborations.toString(),\n      label: 'Active Collabs',\n      sub: sparklineDeltaLabel(collabSparkline) ?? `${stats.wardrobeItems} in wardrobe`,\n      sparklineData: collabSparkline,\n      trend: sparklineTrendDirection(collabSparkline),\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={m.trend}\n              sparklineData={m.sparklineData}\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                isLikedByMe={look.isLikedByMe}\n                isSavedByMe={look.isSavedByMe}\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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"}

package/dist/coolandlovely/pages/brands/BrandDetailPage.js

@@ -7,10 +7,10 @@ import { Thumbnail as o } from "../../components/Thumbnail.js";
 import { useBrand as s, useTransitionBrand as c, useUpdateBrand as l } from "../../hooks/useCoolAndLovelyApi.js";
 import { formatDate as u, formatPrice as d, titleCase as f } from "../../utils/formatters.js";
 import "../../hooks/index.js";
-import { BrandCover as p } from "../../components/BrandCover.js";
-import { TagList as m } from "../../components/TagList.js";
-import { Comments as h } from "../../components/Comments.js";
-import { categoryIcon as g } from "../../utils/icons.js";
+import { categoryIcon as p } from "../../utils/icons.js";
+import { BrandCover as m } from "../../components/BrandCover.js";
+import { TagList as h } from "../../components/TagList.js";
+import { Comments as g } from "../../components/Comments.js";
 import { ArrowLeft as _, ExternalLink as v, Loader2 as y, Pencil as b, Plus as x, Shapes as S, Shirt as C, Store as w } from "lucide-react";
 import { useParams as T } from "react-router-dom";
 import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
@@ -50,7 +50,7 @@ function j() {
 			children: [/* @__PURE__ */ O("div", {
 				className: "space-y-6 lg:col-span-2",
 				children: [
-					/* @__PURE__ */ D(p, {
+					/* @__PURE__ */ D(m, {
 						coverFileId: I.cover?.id,
 						logoFileId: I.logo?.id,
 						name: I.name,
@@ -100,7 +100,7 @@ function j() {
 						children: [
 							/* @__PURE__ */ O("div", {
 								className: "flex flex-wrap items-center justify-between gap-3",
-								children: [I.aesthetics.length > 0 ? /* @__PURE__ */ D(m, {
+								children: [I.aesthetics.length > 0 ? /* @__PURE__ */ D(h, {
 									tags: I.aesthetics.map(f),
 									tone: "accent",
 									max: 12
@@ -110,7 +110,7 @@ function j() {
 								className: "text-sm text-text-secondary",
 								children: I.bio
 							}),
-							I.tags.length > 0 && /* @__PURE__ */ D(m, {
+							I.tags.length > 0 && /* @__PURE__ */ D(h, {
 								tags: I.tags,
 								max: 12
 							}),
@@ -203,7 +203,7 @@ function j() {
 								onClick: () => M(`/items/${e.id}`),
 								className: "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(o, {
-									icon: g(e.category, 24),
+									icon: p(e.category, 24),
 									seed: e.id,
 									fileId: e.image?.id,
 									alt: e.name,
@@ -336,7 +336,7 @@ function j() {
 							]
 						})]
 					}),
-					/* @__PURE__ */ D(h, {
+					/* @__PURE__ */ D(g, {
 						entityType: "CooBrand",
 						entityId: I.id,
 						className: "mt-0"

package/dist/coolandlovely/pages/collaborations/CollaborationDetailPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollaborationDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/collaborations/CollaborationDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAoCH,wBAAgB,uBAAuB,gCAkMtC"}
+{"version":3,"file":"CollaborationDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/collaborations/CollaborationDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAoCH,wBAAgB,uBAAuB,gCAwOtC"}