@burdenoff/microfe-coolandlovely 2026.625.2 → 2026.628.1

package/dist/coolandlovely/pages/HomePage.js

@@ -3,926 +3,332 @@ import { cn as t } from "../utils/cn.js";
 import { PageLayout as n } from "../components/PageLayout.js";
 import { MetricsCard as r } from "../components/MetricsCard.js";
 import { StatusBadge as i } from "../components/StatusBadge.js";
-import { EmptyState as a } from "../components/EmptyState.js";
-import { useCoolAndLovelyApi as o } from "../hooks/useCoolAndLovelyApi.js";
-import { formatCurrency as s, formatDistance as ee, formatRelativeTime as c } from "../utils/formatters.js";
-import { useCallback as l, useMemo as u, useState as d } from "react";
-import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Activity as p, AlertCircle as m, ArrowRight as h, BadgeCheck as g, BarChart3 as _, CheckCircle2 as v, ChefHat as y, ClipboardList as b, Clock as x, FileText as S, GraduationCap as C, HandCoins as w, Heart as T, Home as E, IndianRupee as D, LayoutDashboard as O, Loader2 as k, MapPin as A, Package as j, Scissors as M, Search as N, Settings as P, Shirt as F, ShoppingBag as I, ShoppingCart as L, Sparkles as R, Star as z, Store as B, TrendingUp as V, Truck as H, Users as U, Wallet as W, Wrench as G } from "lucide-react";
-import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
-import { EmphasisPanel as Y, GlassCard as X, GradientText as Z, PagePurpose as Q } from "@burdenoff/fe-libs/ui";
+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 "../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";
 //#region src/coolandlovely/pages/HomePage.tsx
-var $ = {
-	customer: [
-		{
-			label: "Discover Services",
-			description: "Browse carts near you",
-			icon: /* @__PURE__ */ q(N, { className: "h-5 w-5" }),
-			path: "/customer/carts",
-			color: "bg-accent-blue-subtle/10 text-accent-blue"
-		},
-		{
-			label: "My Orders",
-			description: "Track your orders",
-			icon: /* @__PURE__ */ q(I, { className: "h-5 w-5" }),
-			path: "/customer/orders",
-			color: "bg-status-success-bg-subtle/10 text-status-success-text"
-		},
-		{
-			label: "Favorites",
-			description: "Your saved carts",
-			icon: /* @__PURE__ */ q(T, { className: "h-5 w-5" }),
-			path: "/customer/favorites",
-			color: "bg-accent-pink-subtle/10 text-accent-pink"
-		},
-		{
-			label: "Settings",
-			description: "Manage preferences",
-			icon: /* @__PURE__ */ q(P, { className: "h-5 w-5" }),
-			path: "/settings",
-			color: "bg-bg-sunken text-text-secondary"
-		}
-	],
-	cart_owner: [
-		{
-			label: "My Cart",
-			description: "Manage your cart",
-			icon: /* @__PURE__ */ q(B, { className: "h-5 w-5" }),
-			path: "/owner/dashboard",
-			color: "bg-accent-purple-subtle/10 text-accent-purple"
-		},
-		{
-			label: "Orders",
-			description: "Incoming orders",
-			icon: /* @__PURE__ */ q(I, { className: "h-5 w-5" }),
-			path: "/owner/orders",
-			color: "bg-accent-blue-subtle/10 text-accent-blue"
-		},
-		{
-			label: "Analytics",
-			description: "Revenue & insights",
-			icon: /* @__PURE__ */ q(_, { className: "h-5 w-5" }),
-			path: "/owner/analytics",
-			color: "bg-status-success-bg-subtle/10 text-status-success-text"
-		},
-		{
-			label: "Staff",
-			description: "Manage workers",
-			icon: /* @__PURE__ */ q(U, { className: "h-5 w-5" }),
-			path: "/owner/staff",
-			color: "bg-accent-orange-subtle/10 text-accent-orange"
-		}
-	],
-	worker: [
-		{
-			label: "My Tasks",
-			description: "View assigned tasks",
-			icon: /* @__PURE__ */ q(b, { className: "h-5 w-5" }),
-			path: "/worker/dashboard",
-			color: "bg-accent-orange-subtle/10 text-accent-orange"
-		},
-		{
-			label: "Schedule",
-			description: "View shifts",
-			icon: /* @__PURE__ */ q(x, { className: "h-5 w-5" }),
-			path: "/worker/schedule",
-			color: "bg-accent-blue-subtle/10 text-accent-blue"
-		},
-		{
-			label: "Earnings",
-			description: "Track pay",
-			icon: /* @__PURE__ */ q(W, { className: "h-5 w-5" }),
-			path: "/worker/earnings",
-			color: "bg-status-success-bg-subtle/10 text-status-success-text"
-		},
-		{
-			label: "Performance",
-			description: "Ratings & stats",
-			icon: /* @__PURE__ */ q(z, { className: "h-5 w-5" }),
-			path: "/worker/performance",
-			color: "bg-status-warning-bg-subtle/10 text-status-warning-text"
-		}
-	],
-	investor: [
-		{
-			label: "Portfolio",
-			description: "Your investments",
-			icon: /* @__PURE__ */ q(V, { className: "h-5 w-5" }),
-			path: "/investor/dashboard",
-			color: "bg-status-success-bg-subtle/10 text-status-success-text"
-		},
-		{
-			label: "Opportunities",
-			description: "New investments",
-			icon: /* @__PURE__ */ q(w, { className: "h-5 w-5" }),
-			path: "/investor/opportunities",
-			color: "bg-accent-blue-subtle/10 text-accent-blue"
-		},
-		{
-			label: "Returns",
-			description: "Earnings history",
-			icon: /* @__PURE__ */ q(D, { className: "h-5 w-5" }),
-			path: "/investor/returns",
-			color: "bg-status-success-bg-subtle/10 text-status-success-text"
-		},
-		{
-			label: "Reports",
-			description: "Performance reports",
-			icon: /* @__PURE__ */ q(S, { className: "h-5 w-5" }),
-			path: "/investor/reports",
-			color: "bg-accent-purple-subtle/10 text-accent-purple"
-		}
-	],
-	admin: [
-		{
-			label: "Dashboard",
-			description: "Platform overview",
-			icon: /* @__PURE__ */ q(O, { className: "h-5 w-5" }),
-			path: "/admin/dashboard",
-			color: "bg-status-error-bg-subtle/10 text-status-error-text"
-		},
-		{
-			label: "Users",
-			description: "Manage accounts",
-			icon: /* @__PURE__ */ q(U, { className: "h-5 w-5" }),
-			path: "/admin/users",
-			color: "bg-accent-blue-subtle/10 text-accent-blue"
-		},
-		{
-			label: "Carts",
-			description: "Approve & manage",
-			icon: /* @__PURE__ */ q(B, { className: "h-5 w-5" }),
-			path: "/admin/carts",
-			color: "bg-accent-purple-subtle/10 text-accent-purple"
-		},
-		{
-			label: "Analytics",
-			description: "Revenue reports",
-			icon: /* @__PURE__ */ q(_, { className: "h-5 w-5" }),
-			path: "/admin/analytics",
-			color: "bg-status-success-bg-subtle/10 text-status-success-text"
-		}
-	]
-};
-function te(e, t, n) {
-	switch (e) {
-		case "customer": return [
-			{
-				icon: /* @__PURE__ */ q(I, { className: "h-5 w-5" }),
-				value: t.length.toString(),
-				label: "Total Orders",
-				trend: "up",
-				trendValue: "+2 this week"
-			},
-			{
-				icon: /* @__PURE__ */ q(B, { className: "h-5 w-5" }),
-				value: (n?.activeProviders ?? 0).toString(),
-				label: "Nearby Providers",
-				trend: "up",
-				trendValue: "+3"
-			},
-			{
-				icon: /* @__PURE__ */ q(z, { className: "h-5 w-5" }),
-				value: (n?.avgRating ?? 0).toFixed(1),
-				label: "Avg. Rating",
-				trend: "up",
-				trendValue: "+0.1"
-			},
-			{
-				icon: /* @__PURE__ */ q(D, { className: "h-5 w-5" }),
-				value: s(t.reduce((e, t) => e + t.total, 0), { minimumFractionDigits: 0 }),
-				label: "Total Spent",
-				trend: "neutral",
-				trendValue: ""
-			}
-		];
-		case "cart_owner": return [
-			{
-				icon: /* @__PURE__ */ q(I, { className: "h-5 w-5" }),
-				value: "48",
-				label: "Orders Today",
-				trend: "up",
-				trendValue: "+12%"
-			},
-			{
-				icon: /* @__PURE__ */ q(D, { className: "h-5 w-5" }),
-				value: s(12850, { minimumFractionDigits: 0 }),
-				label: "Today's Revenue",
-				trend: "up",
-				trendValue: "+8%"
-			},
-			{
-				icon: /* @__PURE__ */ q(z, { className: "h-5 w-5" }),
-				value: "4.6",
-				label: "Cart Rating",
-				trend: "up",
-				trendValue: "+0.2"
-			},
-			{
-				icon: /* @__PURE__ */ q(U, { className: "h-5 w-5" }),
-				value: "5",
-				label: "Active Staff",
-				trend: "neutral",
-				trendValue: ""
-			}
-		];
-		case "worker": return [
-			{
-				icon: /* @__PURE__ */ q(b, { className: "h-5 w-5" }),
-				value: "5",
-				label: "Tasks Today",
-				trend: "up",
-				trendValue: "+2"
-			},
-			{
-				icon: /* @__PURE__ */ q(D, { className: "h-5 w-5" }),
-				value: s(425, { minimumFractionDigits: 0 }),
-				label: "Today's Earnings",
-				trend: "up",
-				trendValue: "+15%"
-			},
-			{
-				icon: /* @__PURE__ */ q(z, { className: "h-5 w-5" }),
-				value: "4.7",
-				label: "Rating",
-				trend: "up",
-				trendValue: "+0.1"
-			},
-			{
-				icon: /* @__PURE__ */ q(v, { className: "h-5 w-5" }),
-				value: "96.8%",
-				label: "Completion Rate",
-				trend: "up",
-				trendValue: "+0.5%"
-			}
-		];
-		case "investor": return [
-			{
-				icon: /* @__PURE__ */ q(V, { className: "h-5 w-5" }),
-				value: "3",
-				label: "Active Investments",
-				trend: "up",
-				trendValue: "+1"
-			},
-			{
-				icon: /* @__PURE__ */ q(D, { className: "h-5 w-5" }),
-				value: s(45e4, { minimumFractionDigits: 0 }),
-				label: "Total Invested",
-				trend: "up",
-				trendValue: ""
-			},
-			{
-				icon: /* @__PURE__ */ q(w, { className: "h-5 w-5" }),
-				value: "16.5%",
-				label: "Avg. Returns",
-				trend: "up",
-				trendValue: "+2.1%"
-			},
-			{
-				icon: /* @__PURE__ */ q(_, { className: "h-5 w-5" }),
-				value: s(74250, { minimumFractionDigits: 0 }),
-				label: "Total Returns",
-				trend: "up",
-				trendValue: "+8.5%"
-			}
-		];
-		default: return [
-			{
-				icon: /* @__PURE__ */ q(U, { className: "h-5 w-5" }),
-				value: (n?.activeCustomers ?? 0).toLocaleString("en-IN"),
-				label: "Active Customers",
-				trend: "up",
-				trendValue: "+50"
-			},
-			{
-				icon: /* @__PURE__ */ q(B, { className: "h-5 w-5" }),
-				value: (n?.activeProviders ?? 0).toString(),
-				label: "Service Providers",
-				trend: "up",
-				trendValue: "+3"
-			},
-			{
-				icon: /* @__PURE__ */ q(I, { className: "h-5 w-5" }),
-				value: (n?.totalOrders ?? 0).toLocaleString("en-IN"),
-				label: "Total Orders",
-				trend: "up",
-				trendValue: "+12%"
-			},
-			{
-				icon: /* @__PURE__ */ q(D, { className: "h-5 w-5" }),
-				value: s(n?.totalRevenue ?? 0, { minimumFractionDigits: 0 }),
-				label: "Total Revenue",
-				trend: "up",
-				trendValue: "+8.5%"
-			}
-		];
-	}
-}
-var ne = [
+var j = [
 	{
-		label: "Food & Beverage",
-		icon: /* @__PURE__ */ q(y, { className: "h-6 w-6" }),
-		color: "bg-accent-orange-subtle/10 text-accent-orange"
+		label: "New Brand",
+		description: "Launch a storefront",
+		icon: /* @__PURE__ */ D(T, { className: "h-5 w-5" }),
+		path: "/brands/new",
+		color: "bg-accent-purple-subtle text-text-primary"
 	},
 	{
-		label: "Personal Care & Beauty",
-		icon: /* @__PURE__ */ q(M, { className: "h-6 w-6" }),
-		color: "bg-accent-pink-subtle/10 text-accent-pink"
+		label: "Add Style Item",
+		description: "List a piece",
+		icon: /* @__PURE__ */ D(S, { className: "h-5 w-5" }),
+		path: "/items/new",
+		color: "bg-[var(--color-accent-soft)] text-text-primary"
 	},
 	{
-		label: "Repair & Maintenance",
-		icon: /* @__PURE__ */ q(G, { className: "h-6 w-6" }),
-		color: "bg-accent-blue-subtle/10 text-accent-blue"
+		label: "Publish a Look",
+		description: "Shop-the-look outfit",
+		icon: /* @__PURE__ */ D(C, { className: "h-5 w-5" }),
+		path: "/looks/new",
+		color: "bg-status-success-bg-subtle text-status-success-text"
 	},
 	{
-		label: "Home Services",
-		icon: /* @__PURE__ */ q(E, { className: "h-6 w-6" }),
-		color: "bg-status-success-bg-subtle/10 text-status-success-text"
-	},
-	{
-		label: "Clothing & Fashion",
-		icon: /* @__PURE__ */ q(F, { className: "h-6 w-6" }),
-		color: "bg-accent-purple-subtle/10 text-accent-purple"
-	},
-	{
-		label: "Health & Wellness",
-		icon: /* @__PURE__ */ q(T, { className: "h-6 w-6" }),
-		color: "bg-status-error-bg-subtle/10 text-status-error-text"
-	},
-	{
-		label: "Education & Skills",
-		icon: /* @__PURE__ */ q(C, { className: "h-6 w-6" }),
-		color: "bg-status-warning-bg-subtle/10 text-status-warning-text"
-	},
-	{
-		label: "Retail & Merchandise",
-		icon: /* @__PURE__ */ q(j, { className: "h-6 w-6" }),
-		color: "bg-accent-indigo-subtle/10 text-accent-indigo"
-	},
-	{
-		label: "Grocery & Essentials",
-		icon: /* @__PURE__ */ q(L, { className: "h-6 w-6" }),
-		color: "bg-status-success-bg-subtle/10 text-status-success-text"
-	}
-], re = [
-	{
-		step: 1,
-		title: "Browse Services",
-		description: "Discover local service providers and carts near you.",
-		icon: /* @__PURE__ */ q(N, { className: "h-6 w-6" })
-	},
-	{
-		step: 2,
-		title: "Place an Order",
-		description: "Select items or services and place your order seamlessly.",
-		icon: /* @__PURE__ */ q(I, { className: "h-6 w-6" })
-	},
-	{
-		step: 3,
-		title: "Track in Real-time",
-		description: "Get live updates on your order from confirmation to delivery.",
-		icon: /* @__PURE__ */ q(H, { className: "h-6 w-6" })
-	},
-	{
-		step: 4,
-		title: "Rate & Review",
-		description: "Share your experience and help others find great services.",
-		icon: /* @__PURE__ */ q(z, { className: "h-6 w-6" })
+		label: "My Wardrobe",
+		description: "What you own",
+		icon: /* @__PURE__ */ D(y, { className: "h-5 w-5" }),
+		path: "/wardrobe",
+		color: "bg-status-warning-bg-subtle text-status-warning-text"
 	}
-], ie = [
+], M = [
 	{
-		id: "ha-1",
-		description: "New order placed at Dosa Express",
-		time: "2 mins ago",
-		type: "order"
+		label: "Brands",
+		description: "Storefronts with a publish lifecycle",
+		icon: /* @__PURE__ */ D(T, { className: "h-6 w-6" }),
+		path: "/brands",
+		color: "bg-accent-purple-subtle text-text-primary"
 	},
 	{
-		id: "ha-2",
-		description: "Quick Cuts Salon received a new review",
-		time: "15 mins ago",
-		type: "review"
+		label: "Collections",
+		description: "Seasonal drops & curated edits",
+		icon: /* @__PURE__ */ D(x, { className: "h-6 w-6" }),
+		path: "/collections",
+		color: "bg-accent-blue-subtle text-accent-blue"
 	},
 	{
-		id: "ha-3",
-		description: "Investment opportunity funded: Spotless Cleaning",
-		time: "1 hour ago",
-		type: "investment"
+		label: "Style Items",
+		description: "The shoppable catalogue",
+		icon: /* @__PURE__ */ D(S, { className: "h-6 w-6" }),
+		path: "/items",
+		color: "bg-[var(--color-accent-soft)] text-text-primary"
 	},
 	{
-		id: "ha-4",
-		description: "New cart registered: Gadget Zone Brigade",
-		time: "3 hours ago",
-		type: "cart"
+		label: "Looks",
+		description: "Published shop-the-look outfits",
+		icon: /* @__PURE__ */ D(C, { className: "h-6 w-6" }),
+		path: "/looks",
+		color: "bg-status-success-bg-subtle text-status-success-text"
 	},
 	{
-		id: "ha-5",
-		description: "Order delivered: Fix-It Mobile Repair",
-		time: "5 hours ago",
-		type: "order"
-	}
-], ae = [
-	{
-		label: "Service Providers",
-		value: "21+",
-		icon: /* @__PURE__ */ q(B, { className: "h-5 w-5" })
+		label: "Collaborations",
+		description: "Brand × creator partnerships",
+		icon: /* @__PURE__ */ D(v, { className: "h-6 w-6" }),
+		path: "/collaborations",
+		color: "bg-status-warning-bg-subtle text-status-warning-text"
 	},
 	{
-		label: "Categories",
-		value: "9",
-		icon: /* @__PURE__ */ q(j, { className: "h-5 w-5" })
+		label: "Wardrobe",
+		description: "Your digital closet & wear log",
+		icon: /* @__PURE__ */ D(y, { className: "h-6 w-6" }),
+		path: "/wardrobe",
+		color: "bg-status-error-bg-subtle text-status-error-text"
 	},
 	{
-		label: "Happy Customers",
-		value: "534+",
-		icon: /* @__PURE__ */ q(U, { className: "h-5 w-5" })
+		label: "Lookbooks",
+		description: "Themed boards of saved pieces",
+		icon: /* @__PURE__ */ D(_, { className: "h-6 w-6" }),
+		path: "/lookbooks",
+		color: "bg-accent-purple-subtle text-text-primary"
 	},
 	{
-		label: "Orders Completed",
-		value: "1,247+",
-		icon: /* @__PURE__ */ q(v, { className: "h-5 w-5" })
+		label: "Style Profile",
+		description: "Your taste, palette & sizing",
+		icon: /* @__PURE__ */ D(E, { className: "h-6 w-6" }),
+		path: "/profile",
+		color: "bg-accent-blue-subtle text-accent-blue"
 	}
 ];
-function oe() {
-	let { navigateTo: _, currentUser: v } = e(), { t: y } = f(), [b, S] = d(""), { providers: C, orders: w, dashboardStats: T } = o(), E = l((e, t) => {
-		let n = y(e);
-		return n === e ? t : n;
-	}, [y]), O = v?.firstName ?? v?.name ?? "there", j = v?.role ?? "customer", M = {
-		customer: E("coolandlovely.home.role.customer", "Customer"),
-		cart_owner: E("coolandlovely.home.role.cartOwner", "Cart Owner"),
-		worker: E("coolandlovely.home.role.worker", "Worker"),
-		investor: E("coolandlovely.home.role.investor", "Investor"),
-		admin: E("coolandlovely.home.role.admin", "Administrator")
-	}, P = {
-		customer: E("coolandlovely.home.greeting.customer", "Discover amazing services near you"),
-		cart_owner: E("coolandlovely.home.greeting.cartOwner", "Manage your business and grow"),
-		worker: E("coolandlovely.home.greeting.worker", "Check your tasks and earnings"),
-		investor: E("coolandlovely.home.greeting.investor", "Track your investments and returns"),
-		admin: E("coolandlovely.home.greeting.admin", "Monitor and manage the platform")
-	}, F = $[j] ?? $.customer, I = te(j, w.data ?? [], T.data), L = u(() => {
-		let e = (C.data ?? []).filter((e) => e.isOpen);
-		if (b) {
-			let t = b.toLowerCase();
-			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.category.toLowerCase().includes(t));
-		}
-		return e.sort((e, t) => t.rating - e.rating).slice(0, 6);
-	}, [C.data, b]), B = u(() => [...w.data ?? []].sort((e, t) => new Date(t.orderDate).getTime() - new Date(e.orderDate).getTime()).slice(0, 3), [w.data]), V = {
-		order: "text-accent-blue",
-		review: "text-status-warning-text",
-		investment: "text-status-success-text",
-		cart: "text-accent-purple"
-	}, H = (w.data ?? []).length === 0 && !w.isLoading, U = C.isLoading || w.isLoading || T.isLoading, W = C.isError || w.isError || T.isError;
-	return U ? /* @__PURE__ */ q(n, {
-		title: E("coolandlovely.common.loading", "Loading..."),
-		children: /* @__PURE__ */ q("div", {
-			className: "flex h-[60vh] items-center justify-center",
-			children: /* @__PURE__ */ q(k, { className: "h-8 w-8 animate-spin text-primary" })
-		})
-	}) : W ? /* @__PURE__ */ q(n, {
-		title: E("coolandlovely.common.error", "Error"),
-		children: /* @__PURE__ */ J("div", {
-			className: "flex h-[60vh] flex-col items-center justify-center gap-4",
-			children: [
-				/* @__PURE__ */ q(m, { className: "h-12 w-12 text-status-error-text" }),
-				/* @__PURE__ */ q("h2", {
-					className: "text-xl font-semibold",
-					children: E("coolandlovely.common.errorLoading", "Error loading data")
-				}),
-				/* @__PURE__ */ q("p", {
-					className: "text-text-secondary",
-					children: E("coolandlovely.common.tryAgain", "Please try again later.")
-				})
-			]
+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 ?? [];
+		return {
+			totalBrands: e.length,
+			publishedBrands: e.filter((e) => e.status === "PUBLISHED").length,
+			totalStyleItems: t.length,
+			activeStyleItems: t.filter((e) => e.status === "ACTIVE").length,
+			totalLooks: n.length,
+			featuredLooks: n.filter((e) => e.isFeatured).length,
+			activeCollaborations: r.filter((e) => e.status === "ACCEPTED" || e.status === "IN_PROGRESS").length,
+			wardrobeItems: i.length
+		};
+	}, [
+		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, {
+		title: "CoolAndLovely",
+		children: /* @__PURE__ */ D(o, { label: "Loading your style command center…" })
+	});
+	if (z) return /* @__PURE__ */ D(n, {
+		title: "CoolAndLovely",
+		children: /* @__PURE__ */ D(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();
+			}
 		})
-	}) : /* @__PURE__ */ J(n, {
+	});
+	let U = [
+		{
+			icon: /* @__PURE__ */ D(T, { className: "h-5 w-5" }),
+			value: B.totalBrands.toString(),
+			label: "Brands",
+			sub: `${B.publishedBrands} published`
+		},
+		{
+			icon: /* @__PURE__ */ D(S, { className: "h-5 w-5" }),
+			value: B.totalStyleItems.toString(),
+			label: "Style Items",
+			sub: `${B.activeStyleItems} active`
+		},
+		{
+			icon: /* @__PURE__ */ D(C, { className: "h-5 w-5" }),
+			value: B.totalLooks.toString(),
+			label: "Looks",
+			sub: `${B.featuredLooks} featured`
+		},
+		{
+			icon: /* @__PURE__ */ D(v, { className: "h-5 w-5" }),
+			value: B.activeCollaborations.toString(),
+			label: "Active Collabs",
+			sub: `${B.wardrobeItems} in wardrobe`
+		}
+	];
+	return /* @__PURE__ */ O(n, {
+		title: `Hello, ${L}`,
+		description: "Your fashion & lifestyle command center",
 		hero: !0,
-		title: /* @__PURE__ */ J(K, { children: [
-			E("coolandlovely.home.hello", "Hello"),
-			",",
-			" ",
-			/* @__PURE__ */ q(Z, { children: O }),
-			"!"
-		] }),
-		description: P[j],
 		children: [
-			/* @__PURE__ */ q(Q, {
+			/* @__PURE__ */ D(A, {
 				className: "mb-6",
-				icon: /* @__PURE__ */ q(R, { className: "h-4 w-4" }),
-				children: E("coolandlovely.home.purpose", "Your starting point on CoolAndLovely. Search nearby carts and services, jump into the actions that matter for your role, and pick up recent orders and recommendations — everything you need to get going is one tap away from here.")
+				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."
 			}),
-			H && /* @__PURE__ */ q(Y, {
-				className: "mb-6 p-6",
-				children: /* @__PURE__ */ J("div", {
-					className: "flex items-start gap-4",
-					children: [/* @__PURE__ */ q("div", {
-						className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10",
-						children: /* @__PURE__ */ q(R, { className: "h-6 w-6 text-primary" })
-					}), /* @__PURE__ */ J("div", {
-						className: "flex-1",
-						children: [
-							/* @__PURE__ */ q("h2", {
-								className: "text-lg font-semibold text-text-primary",
-								children: E("coolandlovely.home.welcomeTitle", "Welcome to CoolAndLovely!")
-							}),
-							/* @__PURE__ */ q("p", {
-								className: "mt-1 text-sm text-text-secondary",
-								children: E("coolandlovely.home.welcomeDescription", "Your local services marketplace. Start by exploring service providers near you or browse categories to find what you need.")
-							}),
-							/* @__PURE__ */ J("button", {
-								type: "button",
-								onClick: () => _("/customer/carts"),
-								className: "mt-3 inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-								children: [/* @__PURE__ */ q(N, { className: "h-4 w-4" }), E("coolandlovely.home.exploreServices", "Explore Services")]
-							})
-						]
-					})]
-				})
-			}),
-			/* @__PURE__ */ q(X, {
-				treatment: "glass",
-				className: "mb-6 p-6",
-				children: /* @__PURE__ */ J("div", {
-					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ J("div", { children: [
-						/* @__PURE__ */ q("div", {
-							className: "flex items-center gap-2 mb-1",
-							children: /* @__PURE__ */ J("span", {
-								className: "inline-flex items-center rounded-full bg-action-primary-bg/10 px-2.5 py-0.5 text-xs font-medium text-primary",
-								children: [/* @__PURE__ */ q(g, { className: "mr-1 h-3 w-3" }), M[j]]
-							})
-						}),
-						/* @__PURE__ */ J("h2", {
-							className: "text-xl font-bold text-text-primary",
-							children: [
-								E("coolandlovely.home.good", "Good"),
-								" ",
-								(/* @__PURE__ */ new Date()).getHours() < 12 ? E("coolandlovely.home.time.morning", "morning") : (/* @__PURE__ */ new Date()).getHours() < 17 ? E("coolandlovely.home.time.afternoon", "afternoon") : E("coolandlovely.home.time.evening", "evening"),
-								", ",
-								O
-							]
-						}),
-						/* @__PURE__ */ q("p", {
-							className: "mt-1 text-sm text-text-secondary",
-							children: P[j]
-						})
-					] }), /* @__PURE__ */ J("div", {
-						className: "relative w-full sm:w-72",
-						children: [/* @__PURE__ */ q(N, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ q("input", {
-							type: "text",
-							placeholder: E("coolandlovely.home.searchPlaceholder", "Search services, carts..."),
-							value: b,
-							onChange: (e) => S(e.target.value),
-							className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-						})]
-					})]
-				})
-			}),
-			/* @__PURE__ */ J("section", {
+			/* @__PURE__ */ O(k, {
 				className: "mb-8",
-				children: [/* @__PURE__ */ q("h2", {
-					className: "text-lg font-semibold text-text-primary mb-4",
-					children: E("coolandlovely.home.quickStats", "Quick Stats")
-				}), /* @__PURE__ */ q("div", {
+				children: [/* @__PURE__ */ D("h2", {
+					className: "mb-4 text-lg font-semibold text-text-primary",
+					children: "At a glance"
+				}), /* @__PURE__ */ D("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: I.map((e, t) => /* @__PURE__ */ q(r, {
-						featured: t === 0,
+					children: U.map((e) => /* @__PURE__ */ D(r, {
 						icon: e.icon,
 						value: e.value,
 						label: e.label,
-						trend: e.trend,
-						trendValue: e.trendValue
+						trendValue: e.sub,
+						trend: "neutral"
 					}, e.label))
 				})]
 			}),
-			/* @__PURE__ */ J("section", {
+			/* @__PURE__ */ O("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ q("h2", {
-					className: "text-lg font-semibold text-text-primary mb-4",
-					children: E("coolandlovely.home.quickActions", "Quick Actions")
-				}), /* @__PURE__ */ q("div", {
+				children: [/* @__PURE__ */ D("h2", {
+					className: "mb-4 text-lg font-semibold text-text-primary",
+					children: "Quick actions"
+				}), /* @__PURE__ */ D("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: F.map((e) => /* @__PURE__ */ J("button", {
+					children: j.map((e) => /* @__PURE__ */ O("button", {
 						type: "button",
 						onClick: () => _(e.path),
-						className: t("flex items-start gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 text-left transition-all bg-gloss-card shadow-pop", "hover:border-accent-foreground/20 hover:shadow-md"),
+						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__ */ q("div", {
+							/* @__PURE__ */ D("div", {
 								className: t("flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", e.color),
 								children: e.icon
 							}),
-							/* @__PURE__ */ J("div", {
+							/* @__PURE__ */ O("div", {
 								className: "min-w-0 flex-1",
-								children: [/* @__PURE__ */ q("p", {
+								children: [/* @__PURE__ */ D("p", {
 									className: "text-sm font-semibold text-text-primary",
 									children: e.label
-								}), /* @__PURE__ */ q("p", {
+								}), /* @__PURE__ */ D("p", {
 									className: "mt-0.5 text-xs text-text-secondary",
 									children: e.description
 								})]
 							}),
-							/* @__PURE__ */ q(h, { className: "h-4 w-4 text-text-secondary shrink-0 mt-1" })
+							/* @__PURE__ */ D(b, { className: "mt-1 h-4 w-4 shrink-0 text-text-secondary" })
 						]
 					}, e.label))
 				})]
 			}),
-			/* @__PURE__ */ J("section", {
+			/* @__PURE__ */ O("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ J("div", {
-					className: "flex items-center justify-between mb-4",
-					children: [/* @__PURE__ */ q("h2", {
-						className: "text-lg font-semibold text-text-primary",
-						children: b ? E("coolandlovely.home.searchResults", "Search Results") : E("coolandlovely.home.featuredCarts", "Featured Carts")
-					}), /* @__PURE__ */ J("button", {
+				children: [/* @__PURE__ */ D("h2", {
+					className: "mb-4 text-lg font-semibold text-text-primary",
+					children: "Explore"
+				}), /* @__PURE__ */ D("div", {
+					className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4",
+					children: M.map((e) => /* @__PURE__ */ O("button", {
 						type: "button",
-						onClick: () => _("/customer/carts"),
-						className: "flex items-center gap-1 text-sm font-medium text-primary hover:underline",
-						children: [
-							E("coolandlovely.common.viewAll", "View All"),
-							" ",
-							/* @__PURE__ */ q(h, { className: "h-3.5 w-3.5" })
-						]
-					})]
-				}), L.length === 0 ? /* @__PURE__ */ q(a, {
-					icon: /* @__PURE__ */ q(N, { className: "h-10 w-10" }),
-					title: E("coolandlovely.home.noCartsFound", "No carts found"),
-					description: E("coolandlovely.home.noCartsDescription", "Try adjusting your search or browse all categories"),
-					action: /* @__PURE__ */ q("button", {
-						type: "button",
-						onClick: () => S(""),
-						className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-						children: E("coolandlovely.home.clearSearch", "Clear Search")
-					})
-				}) : /* @__PURE__ */ q("div", {
-					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: L.map((e) => /* @__PURE__ */ J("div", {
-						role: "button",
-						tabIndex: 0,
-						onClick: () => _(`/customer/cart/${e.id}`),
-						onKeyDown: (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), _(`/customer/cart/${e.id}`));
-						},
-						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden transition-all hover:shadow-md hover:border-accent-foreground/20 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
-						children: [/* @__PURE__ */ J("div", {
-							className: "relative h-40 bg-bg-sunken",
-							children: [
-								/* @__PURE__ */ q("img", {
-									src: e.image,
-									alt: e.name,
-									className: "h-full w-full object-cover",
-									loading: "lazy"
-								}),
-								/* @__PURE__ */ q("div", {
-									className: "absolute top-2 right-2",
-									children: /* @__PURE__ */ q(i, { status: e.isOpen ? "open" : "closed" })
-								}),
-								e.isVerified && /* @__PURE__ */ q("div", {
-									className: "absolute top-2 left-2",
-									children: /* @__PURE__ */ J("span", {
-										className: "inline-flex items-center gap-1 rounded-full bg-accent-blue-subtle/90 px-2 py-0.5 text-xs font-medium text-white backdrop-blur-sm",
-										children: [
-											/* @__PURE__ */ q(g, { className: "h-3 w-3" }),
-											" ",
-											E("coolandlovely.home.verified", "Verified")
-										]
-									})
-								}),
-								/* @__PURE__ */ q("div", {
-									className: "absolute bottom-2 right-2",
-									children: /* @__PURE__ */ J("span", {
-										className: "inline-flex items-center gap-1 rounded-full bg-black/60 px-2 py-0.5 text-xs text-white backdrop-blur-sm",
-										children: [
-											/* @__PURE__ */ q(x, { className: "h-3 w-3" }),
-											" ",
-											e.estimatedTime,
-											" min"
-										]
-									})
-								})
-							]
-						}), /* @__PURE__ */ J("div", {
-							className: "p-4",
-							children: [
-								/* @__PURE__ */ J("div", {
-									className: "flex items-start justify-between",
-									children: [/* @__PURE__ */ J("div", {
-										className: "min-w-0 flex-1",
-										children: [/* @__PURE__ */ q("h3", {
-											className: "text-base font-semibold text-text-primary truncate",
-											children: e.name
-										}), /* @__PURE__ */ q("p", {
-											className: "mt-0.5 text-sm text-text-secondary",
-											children: e.category
-										})]
-									}), /* @__PURE__ */ J("div", {
-										className: "flex items-center gap-1 rounded bg-status-success-bg-subtle px-1.5 py-0.5 ml-2 shrink-0",
-										children: [/* @__PURE__ */ q(z, { className: "h-3 w-3 fill-white text-white" }), /* @__PURE__ */ q("span", {
-											className: "text-xs font-bold text-white",
-											children: e.rating
-										})]
-									})]
-								}),
-								/* @__PURE__ */ J("div", {
-									className: "mt-3 flex items-center gap-4 text-xs text-text-secondary",
-									children: [
-										/* @__PURE__ */ J("span", {
-											className: "flex items-center gap-1",
-											children: [
-												/* @__PURE__ */ q(A, { className: "h-3 w-3" }),
-												" ",
-												ee(e.distance)
-											]
-										}),
-										/* @__PURE__ */ J("span", {
-											className: "flex items-center gap-1",
-											children: [
-												/* @__PURE__ */ q(z, { className: "h-3 w-3" }),
-												" ",
-												e.totalRatings,
-												" ",
-												E("coolandlovely.home.reviews", "reviews")
-											]
-										}),
-										e.averageOrderValue && /* @__PURE__ */ J("span", {
-											className: "flex items-center gap-1",
-											children: [
-												/* @__PURE__ */ q(D, { className: "h-3 w-3" }),
-												" ",
-												E("coolandlovely.home.average", "Avg."),
-												" ",
-												s(e.averageOrderValue, { minimumFractionDigits: 0 })
-											]
-										})
-									]
-								}),
-								e.serviceTypes && e.serviceTypes.length > 0 && /* @__PURE__ */ q("div", {
-									className: "mt-3 flex flex-wrap gap-1.5",
-									children: e.serviceTypes.slice(0, 3).map((e) => /* @__PURE__ */ q("span", {
-										className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
-										children: e.replace(/_/g, " ")
-									}, e))
-								})
-							]
-						})]
-					}, e.id))
+						onClick: () => _(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", {
+							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", {
+							className: "text-sm font-semibold text-text-primary",
+							children: e.label
+						}), /* @__PURE__ */ D("p", {
+							className: "mt-0.5 text-xs text-text-secondary",
+							children: e.description
+						})] })]
+					}, e.label))
 				})]
 			}),
-			B.length > 0 && /* @__PURE__ */ J("section", {
+			/* @__PURE__ */ O("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ J("div", {
-					className: "flex items-center justify-between mb-4",
-					children: [/* @__PURE__ */ q("h2", {
+				children: [/* @__PURE__ */ O("div", {
+					className: "mb-4 flex items-center justify-between",
+					children: [/* @__PURE__ */ D("h2", {
 						className: "text-lg font-semibold text-text-primary",
-						children: E("coolandlovely.home.recentOrders", "Recent Orders")
-					}), /* @__PURE__ */ J("button", {
+						children: "Latest looks"
+					}), /* @__PURE__ */ O("button", {
 						type: "button",
-						onClick: () => _("/customer/orders"),
+						onClick: () => _("/looks"),
 						className: "flex items-center gap-1 text-sm font-medium text-primary hover:underline",
-						children: [
-							E("coolandlovely.common.viewAll", "View All"),
-							" ",
-							/* @__PURE__ */ q(h, { className: "h-3.5 w-3.5" })
-						]
+						children: ["View all ", /* @__PURE__ */ D(g, { className: "h-3.5 w-3.5" })]
 					})]
-				}), /* @__PURE__ */ q("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border",
-					children: B.map((e) => /* @__PURE__ */ J("div", {
-						role: "button",
-						tabIndex: 0,
-						onClick: () => _(`/customer/order/${e.id}`),
-						onKeyDown: (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), _(`/customer/order/${e.id}`));
-						},
-						className: "flex items-center gap-4 px-4 py-3 hover:bg-accent/50 transition-colors cursor-pointer",
-						children: [
-							/* @__PURE__ */ q("img", {
-								src: e.cartImage,
-								alt: e.cartName,
-								className: "h-12 w-12 rounded-lg object-cover shrink-0"
-							}),
-							/* @__PURE__ */ J("div", {
-								className: "flex-1 min-w-0",
-								children: [/* @__PURE__ */ J("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ q("p", {
-										className: "text-sm font-medium text-text-primary truncate",
-										children: e.cartName
-									}), /* @__PURE__ */ q(i, { status: e.status })]
-								}), /* @__PURE__ */ q("p", {
-									className: "text-xs text-text-secondary mt-0.5",
-									children: e.items.map((e) => e.name).join(", ")
-								})]
-							}),
-							/* @__PURE__ */ J("div", {
-								className: "text-right shrink-0",
-								children: [/* @__PURE__ */ q("p", {
-									className: "text-sm font-semibold text-text-primary",
-									children: s(e.total, { minimumFractionDigits: 0 })
-								}), /* @__PURE__ */ q("p", {
+				}), V.length === 0 ? /* @__PURE__ */ D("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: c(e.orderDate)
+									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
+									]
 								})]
-							})
-						]
-					}, e.id))
-				})]
-			}),
-			/* @__PURE__ */ J("section", {
-				className: "mb-8",
-				children: [/* @__PURE__ */ q("h2", {
-					className: "text-lg font-semibold text-text-primary mb-4",
-					children: E("coolandlovely.home.howItWorks", "How It Works")
-				}), /* @__PURE__ */ q("div", {
-					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: re.map((e) => /* @__PURE__ */ J("div", {
-						className: "relative rounded-lg border border-border-seam bg-bg-surface p-5 text-center bg-gloss-card shadow-pop",
-						children: [
-							/* @__PURE__ */ q("div", {
-								className: "absolute -top-3 left-1/2 -translate-x-1/2",
-								children: /* @__PURE__ */ q("span", {
-									className: "inline-flex h-6 w-6 items-center justify-center rounded-full bg-action-primary-bg text-xs font-bold text-action-primary-text",
-									children: e.step
-								})
-							}),
-							/* @__PURE__ */ q("div", {
-								className: "mt-2 flex justify-center text-text-secondary mb-3",
-								children: e.icon
-							}),
-							/* @__PURE__ */ q("h3", {
-								className: "text-sm font-semibold text-text-primary",
-								children: e.title
-							}),
-							/* @__PURE__ */ q("p", {
-								className: "mt-1 text-xs text-text-secondary",
-								children: e.description
-							})
-						]
-					}, e.step))
-				})]
-			}),
-			/* @__PURE__ */ J("section", {
-				className: "mb-8",
-				children: [/* @__PURE__ */ q("h2", {
-					className: "text-lg font-semibold text-text-primary mb-4",
-					children: E("coolandlovely.home.browseByCategory", "Browse by Category")
-				}), /* @__PURE__ */ q("div", {
-					className: "grid grid-cols-3 gap-3 sm:grid-cols-4 lg:grid-cols-5",
-					children: ne.map((e) => /* @__PURE__ */ J("button", {
-						type: "button",
-						onClick: () => _(`/customer/carts?category=${encodeURIComponent(e.label)}`),
-						className: "flex flex-col items-center gap-2 rounded-lg border border-border-seam bg-bg-surface p-4 text-center hover:shadow-sm hover:border-accent-foreground/20 transition-all bg-gloss-card shadow-pop",
-						children: [/* @__PURE__ */ q("div", {
-							className: t("flex h-12 w-12 items-center justify-center rounded-full", e.color),
-							children: e.icon
-						}), /* @__PURE__ */ q("span", {
-							className: "text-xs font-medium text-text-primary leading-tight",
-							children: e.label
+							})]
 						})]
-					}, e.label))
+					}, e.id))
 				})]
 			}),
-			/* @__PURE__ */ J("section", {
-				className: "mb-8",
-				children: [/* @__PURE__ */ q("h2", {
-					className: "text-lg font-semibold text-text-primary mb-4",
-					children: E("coolandlovely.home.platformStats", "Platform Stats")
-				}), /* @__PURE__ */ q("div", {
-					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: ae.map((e) => /* @__PURE__ */ J("div", {
-						className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
-						children: [/* @__PURE__ */ q("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-full bg-action-primary-bg/10 text-primary shrink-0",
-							children: e.icon
-						}), /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
-							className: "text-lg font-bold text-text-primary",
-							children: e.value
-						}), /* @__PURE__ */ q("p", {
-							className: "text-xs text-text-secondary",
-							children: e.label
-						})] })]
-					}, e.label))
+			H.length > 0 && /* @__PURE__ */ O("section", { children: [/* @__PURE__ */ O("div", {
+				className: "mb-4 flex items-center justify-between",
+				children: [/* @__PURE__ */ D("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: "Recently updated brands"
+				}), /* @__PURE__ */ O("button", {
+					type: "button",
+					onClick: () => _("/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" })]
 				})]
-			}),
-			/* @__PURE__ */ J("section", { children: [/* @__PURE__ */ q("h2", {
-				className: "text-lg font-semibold text-text-primary mb-4",
-				children: E("coolandlovely.home.recentActivity", "Recent Activity")
-			}), /* @__PURE__ */ q("div", {
-				className: "rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border",
-				children: ie.map((e) => /* @__PURE__ */ J("div", {
-					className: "flex items-center gap-3 px-4 py-3",
+			}), /* @__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", {
+					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",
 					children: [
-						/* @__PURE__ */ q("div", {
-							className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken",
-							children: /* @__PURE__ */ q(p, { className: t("h-4 w-4", V[e.type] ?? "text-text-secondary") })
+						/* @__PURE__ */ D(s, {
+							icon: /* @__PURE__ */ D(T, { className: "h-5 w-5" }),
+							seed: e.id,
+							className: "h-11 w-11 shrink-0"
 						}),
-						/* @__PURE__ */ q("div", {
-							className: "flex-1 min-w-0",
-							children: /* @__PURE__ */ q("p", {
-								className: "text-sm text-text-primary truncate",
-								children: e.description
-							})
+						/* @__PURE__ */ O("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ O("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ D("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", {
+								className: "truncate text-xs text-text-secondary",
+								children: ["@", e.handle]
+							})]
 						}),
-						/* @__PURE__ */ q("span", {
-							className: "text-xs text-text-secondary whitespace-nowrap",
-							children: e.time
+						/* @__PURE__ */ D(i, { status: e.status }),
+						/* @__PURE__ */ D("span", {
+							className: "hidden shrink-0 text-xs text-text-secondary sm:inline",
+							children: p(e.updatedAt)
 						})
 					]
 				}, e.id))
@@ -931,6 +337,6 @@ function oe() {
 	});
 }
 //#endregion
-export { oe as HomePage };
+export { N as HomePage };
 
 //# sourceMappingURL=HomePage.js.map