@burdenoff/microfe-coolandlovely 2026.820.5 → 2026.829.1

package/dist/coolandlovely/pages/HomePage.js

@@ -2,131 +2,159 @@ import { useCoolAndLovely as e } from "../context/CoolAndLovelyContext.js";
 import { cn as t } from "../utils/cn.js";
 import { PageLayout as n } from "../components/PageLayout.js";
 import { MetricsCard as r } from "../components/MetricsCard.js";
-import { StatusBadge as i } from "../components/StatusBadge.js";
-import { ErrorView as a, LoadingView as o } from "../components/StateViews.js";
-import { Thumbnail as s } from "../components/Thumbnail.js";
-import { useBrands as c, useCollaborations as l, useLooks as u, useStyleItems as d, useWardrobeItems as f } from "../hooks/useCoolAndLovelyApi.js";
-import { LookCard as p } from "../components/LookCard.js";
+import { useBrands as i, useCollaborations as a, useLooks as o, useStyleItems as s, useWardrobeItems as c } from "../hooks/useCoolAndLovelyApi.js";
+import { useTr as l } from "../hooks/useTr.js";
 import "../hooks/index.js";
-import { buildCreatedAtSparkline as m, sparklineDeltaLabel as h, sparklineTrendDirection as g } from "../utils/sparkline.js";
+import { StatusBadge as u } from "../components/StatusBadge.js";
+import { ErrorView as d, LoadingView as f } from "../components/StateViews.js";
+import { Thumbnail as p } from "../components/Thumbnail.js";
+import { LookCard as m } from "../components/LookCard.js";
+import { buildCreatedAtSparkline as h, sparklineDeltaLabel as g, sparklineTrendDirection as _ } 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";
+import { useMemo as v } from "react";
+import { ArrowRight as y, BookHeart as b, Compass as x, Handshake as S, Heart as C, Plus as w, Shapes as T, Shirt as E, Sparkles as D, Star as O, Store as k, TrendingUp as A, UserCircle as j } from "lucide-react";
+import { jsx as M, jsxs as N } from "react/jsx-runtime";
+import { EmphasisPanel as P, PagePurpose as F } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/HomePage.tsx
-function F() {
-	let e = (/* @__PURE__ */ new Date()).getHours();
-	return e < 12 ? "Good morning" : e < 18 ? "Good afternoon" : "Good evening";
-}
 var I = [
 	{
+		labelKey: "newBrand",
+		descriptionKey: "newBrandDescription",
 		label: "New Brand",
 		description: "Launch a storefront",
-		icon: /* @__PURE__ */ j(O, { className: "h-5 w-5" }),
+		icon: /* @__PURE__ */ M(k, { className: "h-5 w-5" }),
 		path: "/brands/new",
 		color: "bg-accent-purple-subtle text-text-primary"
 	},
 	{
+		labelKey: "addStyleItem",
+		descriptionKey: "addStyleItemDescription",
 		label: "Add Style Item",
 		description: "List a piece",
-		icon: /* @__PURE__ */ j(T, { className: "h-5 w-5" }),
+		icon: /* @__PURE__ */ M(E, { className: "h-5 w-5" }),
 		path: "/items/new",
 		color: "bg-[var(--color-accent-soft)] text-text-primary"
 	},
 	{
+		labelKey: "publishLook",
+		descriptionKey: "publishLookDescription",
 		label: "Publish a Look",
 		description: "Shop-the-look outfit",
-		icon: /* @__PURE__ */ j(E, { className: "h-5 w-5" }),
+		icon: /* @__PURE__ */ M(D, { className: "h-5 w-5" }),
 		path: "/looks/new",
 		color: "bg-status-success-bg-subtle text-status-success-text"
 	},
 	{
+		labelKey: "myWardrobe",
+		descriptionKey: "myWardrobeDescription",
 		label: "My Wardrobe",
 		description: "What you own",
-		icon: /* @__PURE__ */ j(S, { className: "h-5 w-5" }),
+		icon: /* @__PURE__ */ M(C, { className: "h-5 w-5" }),
 		path: "/wardrobe",
 		color: "bg-status-warning-bg-subtle text-status-warning-text",
 		tourAttr: "coolandlovely-wardrobe-link"
 	}
 ], L = [
 	{
+		labelKey: "brands",
+		descriptionKey: "brandsDescription",
 		label: "Brands",
 		description: "Storefronts with a publish lifecycle",
-		icon: /* @__PURE__ */ j(O, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ M(k, { className: "h-6 w-6" }),
 		path: "/brands",
 		color: "bg-accent-purple-subtle text-text-primary",
 		tourAttr: "coolandlovely-brands-link"
 	},
 	{
+		labelKey: "collections",
+		descriptionKey: "collectionsDescription",
 		label: "Collections",
 		description: "Seasonal drops & curated edits",
-		icon: /* @__PURE__ */ j(w, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ M(T, { className: "h-6 w-6" }),
 		path: "/collections",
 		color: "bg-accent-blue-subtle text-accent-blue"
 	},
 	{
+		labelKey: "styleItems",
+		descriptionKey: "styleItemsDescription",
 		label: "Style Items",
 		description: "The shoppable catalogue",
-		icon: /* @__PURE__ */ j(T, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ M(E, { className: "h-6 w-6" }),
 		path: "/items",
 		color: "bg-[var(--color-accent-soft)] text-text-primary"
 	},
 	{
+		labelKey: "looks",
+		descriptionKey: "looksDescription",
 		label: "Looks",
 		description: "Published shop-the-look outfits",
-		icon: /* @__PURE__ */ j(E, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ M(D, { className: "h-6 w-6" }),
 		path: "/looks",
 		color: "bg-status-success-bg-subtle text-status-success-text"
 	},
 	{
+		labelKey: "collaborations",
+		descriptionKey: "collaborationsDescription",
 		label: "Collaborations",
 		description: "Brand × creator partnerships",
-		icon: /* @__PURE__ */ j(x, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ M(S, { className: "h-6 w-6" }),
 		path: "/collaborations",
 		color: "bg-status-warning-bg-subtle text-status-warning-text"
 	},
 	{
+		labelKey: "wardrobe",
+		descriptionKey: "wardrobeDescription",
 		label: "Wardrobe",
 		description: "Your digital closet & wear log",
-		icon: /* @__PURE__ */ j(S, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ M(C, { className: "h-6 w-6" }),
 		path: "/wardrobe",
 		color: "bg-status-error-bg-subtle text-status-error-text"
 	},
 	{
+		labelKey: "lookbooks",
+		descriptionKey: "lookbooksDescription",
 		label: "Lookbooks",
 		description: "Themed boards of saved pieces",
-		icon: /* @__PURE__ */ j(y, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ M(b, { className: "h-6 w-6" }),
 		path: "/lookbooks",
 		color: "bg-accent-purple-subtle text-text-primary"
 	},
 	{
+		labelKey: "styleProfile",
+		descriptionKey: "styleProfileDescription",
 		label: "Style Profile",
 		description: "Your taste, palette & sizing",
-		icon: /* @__PURE__ */ j(A, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ M(j, { className: "h-6 w-6" }),
 		path: "/profile",
 		color: "bg-accent-blue-subtle text-accent-blue",
 		tourAttr: "coolandlovely-style-profile-link"
 	},
 	{
+		labelKey: "discover",
+		descriptionKey: "discoverDescription",
 		label: "Discover",
 		description: "A feed tuned to your taste",
-		icon: /* @__PURE__ */ j(b, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ M(x, { className: "h-6 w-6" }),
 		path: "/discover",
 		color: "bg-[var(--color-accent-soft)] text-text-primary",
 		tourAttr: "coolandlovely-discover-feed"
 	},
 	{
+		labelKey: "trends",
+		descriptionKey: "trendsDescription",
 		label: "Trends",
 		description: "Live signals from platform activity",
-		icon: /* @__PURE__ */ j(k, { className: "h-6 w-6" }),
+		icon: /* @__PURE__ */ M(A, { className: "h-6 w-6" }),
 		path: "/trends",
 		color: "bg-status-success-bg-subtle text-status-success-text"
 	}
 ];
 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 ?? [];
+	let { navigateTo: b, currentUser: x } = e(), C = l(), T = v(() => {
+		let e = (/* @__PURE__ */ new Date()).getHours();
+		return e < 12 ? C("coolandlovely.greeting.morning", "Good morning") : e < 18 ? C("coolandlovely.greeting.afternoon", "Good afternoon") : C("coolandlovely.greeting.evening", "Good evening");
+	}, [C]), A = i(), j = s(), R = o(), z = a(), B = c(), V = x?.firstName ?? x?.name ?? C("coolandlovely.greeting.there", "there"), H = A.isLoading || j.isLoading || R.isLoading || z.isLoading || B.isLoading, U = A.isError && j.isError && R.isError && z.isError, W = v(() => {
+		let e = A.data?.items ?? [], t = j.data?.items ?? [], n = R.data?.items ?? [], r = z.data ?? [], i = B.data ?? [];
 		return {
 			totalBrands: e.length,
 			publishedBrands: e.filter((e) => e.status === "PUBLISHED").length,
@@ -138,163 +166,171 @@ function R() {
 			wardrobeItems: i.length
 		};
 	}, [
-		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__ */ j(o, { label: "Loading your style command center…" })
+		j.data,
+		R.data,
+		z.data,
+		B.data
+	]), G = v(() => [...R.data?.items ?? []].slice(0, 5), [R.data]), K = v(() => [...A.data?.items ?? []].sort((e, t) => new Date(t.updatedAt).getTime() - new Date(e.updatedAt).getTime()).slice(0, 4), [A.data]);
+	if (H) return /* @__PURE__ */ M(n, {
+		title: C("coolandlovely.appName", "CoolAndLovely"),
+		children: /* @__PURE__ */ M(f, { label: C("coolandlovely.loading.dashboard", "Loading your style command center…") })
 	});
-	if (V) return /* @__PURE__ */ j(n, {
-		title: "CoolAndLovely",
-		children: /* @__PURE__ */ j(a, {
-			title: "Could not load CoolAndLovely",
-			message: "The fashion service did not respond. Please try again.",
+	if (U) return /* @__PURE__ */ M(n, {
+		title: C("coolandlovely.appName", "CoolAndLovely"),
+		children: /* @__PURE__ */ M(d, {
+			title: C("coolandlovely.error.loadTitle", "Could not load CoolAndLovely"),
+			message: C("coolandlovely.error.loadMessage", "The fashion service did not respond. Please try again."),
 			onRetry: () => {
-				S.refetch(), w.refetch(), k.refetch(), A.refetch(), R.refetch();
+				A.refetch(), j.refetch(), R.refetch(), z.refetch(), B.refetch();
 			}
 		})
 	});
-	let G = m(S.data?.items ?? []), K = m(w.data?.items ?? []), q = m(k.data?.items ?? []), J = m(A.data ?? []), Y = [
+	let q = h(A.data?.items ?? []), J = h(j.data?.items ?? []), Y = h(R.data?.items ?? []), X = h(z.data ?? []), Z = [
 		{
-			icon: /* @__PURE__ */ j(O, { className: "h-5 w-5" }),
-			value: H.totalBrands.toString(),
+			icon: /* @__PURE__ */ M(k, { className: "h-5 w-5" }),
+			value: W.totalBrands.toString(),
+			labelKey: "brands",
 			label: "Brands",
-			sub: h(G) ?? `${H.publishedBrands} published`,
-			sparklineData: G,
-			trend: g(G)
+			sub: g(q) ?? C("coolandlovely.metrics.publishedBrands", "{{count}} published", { count: W.publishedBrands }),
+			sparklineData: q,
+			trend: _(q)
 		},
 		{
-			icon: /* @__PURE__ */ j(T, { className: "h-5 w-5" }),
-			value: H.totalStyleItems.toString(),
+			icon: /* @__PURE__ */ M(E, { className: "h-5 w-5" }),
+			value: W.totalStyleItems.toString(),
+			labelKey: "styleItems",
 			label: "Style Items",
-			sub: h(K) ?? `${H.activeStyleItems} active`,
-			sparklineData: K,
-			trend: g(K)
+			sub: g(J) ?? C("coolandlovely.metrics.activeItems", "{{count}} active", { count: W.activeStyleItems }),
+			sparklineData: J,
+			trend: _(J)
 		},
 		{
-			icon: /* @__PURE__ */ j(E, { className: "h-5 w-5" }),
-			value: H.totalLooks.toString(),
+			icon: /* @__PURE__ */ M(D, { className: "h-5 w-5" }),
+			value: W.totalLooks.toString(),
+			labelKey: "looks",
 			label: "Looks",
-			sub: h(q) ?? `${H.featuredLooks} featured`,
-			sparklineData: q,
-			trend: g(q)
+			sub: g(Y) ?? C("coolandlovely.metrics.featuredLooks", "{{count}} featured", { count: W.featuredLooks }),
+			sparklineData: Y,
+			trend: _(Y)
 		},
 		{
-			icon: /* @__PURE__ */ j(x, { className: "h-5 w-5" }),
-			value: H.activeCollaborations.toString(),
+			icon: /* @__PURE__ */ M(S, { className: "h-5 w-5" }),
+			value: W.activeCollaborations.toString(),
+			labelKey: "activeCollabs",
 			label: "Active Collabs",
-			sub: h(J) ?? `${H.wardrobeItems} in wardrobe`,
-			sparklineData: J,
-			trend: g(J)
+			sub: g(X) ?? C("coolandlovely.metrics.inWardrobe", "{{count}} in wardrobe", { count: W.wardrobeItems }),
+			sparklineData: X,
+			trend: _(X)
 		}
 	];
-	return /* @__PURE__ */ M(n, {
-		title: `${F()}, ${z}`,
-		description: "Your fashion & lifestyle command center",
+	return /* @__PURE__ */ N(n, {
+		title: `${T}, ${V}`,
+		description: C("coolandlovely.dashboard.subtitle", "Your fashion & lifestyle command center"),
 		hero: !0,
 		children: [
-			/* @__PURE__ */ j(P, {
+			/* @__PURE__ */ M(F, {
 				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."
+				children: C("coolandlovely.dashboard.purpose", "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__ */ M(N, {
+			/* @__PURE__ */ N(P, {
 				className: "mb-8",
-				children: [/* @__PURE__ */ j("h2", {
+				children: [/* @__PURE__ */ M("h2", {
 					className: "mb-4 text-lg font-semibold text-text-primary",
-					children: "At a glance"
-				}), /* @__PURE__ */ j("div", {
+					children: C("coolandlovely.dashboard.atAGlance", "At a glance")
+				}), /* @__PURE__ */ M("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: Y.map((e, t) => /* @__PURE__ */ j(r, {
+					children: Z.map((e, t) => /* @__PURE__ */ M(r, {
 						icon: e.icon,
 						value: e.value,
-						label: e.label,
+						label: C(`coolandlovely.module.${e.labelKey}`, e.label),
 						trendValue: e.sub,
 						trend: e.trend,
 						sparklineData: e.sparklineData,
 						featured: t === 0
-					}, e.label))
+					}, e.labelKey))
 				})]
 			}),
-			/* @__PURE__ */ M("section", {
+			/* @__PURE__ */ N("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ j("h2", {
+				children: [/* @__PURE__ */ M("h2", {
 					className: "mb-4 text-lg font-semibold text-text-primary",
-					children: "Quick actions"
-				}), /* @__PURE__ */ j("div", {
+					children: C("coolandlovely.dashboard.quickActions", "Quick actions")
+				}), /* @__PURE__ */ M("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: I.map((e) => /* @__PURE__ */ M("button", {
+					children: I.map((e) => /* @__PURE__ */ N("button", {
 						type: "button",
-						onClick: () => y(e.path),
+						onClick: () => b(e.path),
 						"data-tour": e.tourAttr,
 						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__ */ j("div", {
+							/* @__PURE__ */ M("div", {
 								className: t("flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", e.color),
 								children: e.icon
 							}),
-							/* @__PURE__ */ M("div", {
+							/* @__PURE__ */ N("div", {
 								className: "min-w-0 flex-1",
-								children: [/* @__PURE__ */ j("p", {
+								children: [/* @__PURE__ */ M("p", {
 									className: "text-sm font-semibold text-text-primary",
-									children: e.label
-								}), /* @__PURE__ */ j("p", {
+									children: C(`coolandlovely.quickAction.${e.labelKey}`, e.label)
+								}), /* @__PURE__ */ M("p", {
 									className: "mt-0.5 text-xs text-text-secondary",
-									children: e.description
+									children: C(`coolandlovely.quickAction.${e.descriptionKey}`, e.description)
 								})]
 							}),
-							/* @__PURE__ */ j(C, { className: "mt-1 h-4 w-4 shrink-0 text-text-secondary" })
+							/* @__PURE__ */ M(w, { className: "mt-1 h-4 w-4 shrink-0 text-text-secondary" })
 						]
-					}, e.label))
+					}, e.labelKey))
 				})]
 			}),
-			/* @__PURE__ */ M("section", {
+			/* @__PURE__ */ N("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ j("h2", {
+				children: [/* @__PURE__ */ M("h2", {
 					className: "mb-4 text-lg font-semibold text-text-primary",
-					children: "Explore"
-				}), /* @__PURE__ */ j("div", {
+					children: C("coolandlovely.dashboard.explore", "Explore")
+				}), /* @__PURE__ */ M("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4",
-					children: L.map((e) => /* @__PURE__ */ M("button", {
+					children: L.map((e) => /* @__PURE__ */ N("button", {
 						type: "button",
-						onClick: () => y(e.path),
+						onClick: () => b(e.path),
 						"data-tour": e.tourAttr,
 						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__ */ j("div", {
+						children: [/* @__PURE__ */ M("div", {
 							className: t("flex h-12 w-12 items-center justify-center rounded-full", e.color),
 							children: e.icon
-						}), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+						}), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
 							className: "text-sm font-semibold text-text-primary",
-							children: e.label
-						}), /* @__PURE__ */ j("p", {
+							children: C(`coolandlovely.module.${e.labelKey}`, e.label)
+						}), /* @__PURE__ */ M("p", {
 							className: "mt-0.5 text-xs text-text-secondary",
-							children: e.description
+							children: C(`coolandlovely.module.${e.descriptionKey}`, e.description)
 						})] })]
-					}, e.label))
+					}, e.labelKey))
 				})]
 			}),
-			/* @__PURE__ */ M("section", {
+			/* @__PURE__ */ N("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ M("div", {
+				children: [/* @__PURE__ */ N("div", {
 					className: "mb-4 flex items-center justify-between",
-					children: [/* @__PURE__ */ j("h2", {
+					children: [/* @__PURE__ */ M("h2", {
 						className: "text-lg font-semibold text-text-primary",
-						children: "Latest looks"
-					}), /* @__PURE__ */ M("button", {
+						children: C("coolandlovely.dashboard.latestLooks", "Latest looks")
+					}), /* @__PURE__ */ N("button", {
 						type: "button",
-						onClick: () => y("/looks"),
+						onClick: () => b("/looks"),
 						className: "flex items-center gap-1 text-sm font-medium text-primary hover:underline",
-						children: ["View all ", /* @__PURE__ */ j(v, { className: "h-3.5 w-3.5" })]
+						children: [
+							C("coolandlovely.actions.viewAll", "View all"),
+							" ",
+							/* @__PURE__ */ M(y, { className: "h-3.5 w-3.5" })
+						]
 					})]
-				}), U.length === 0 ? /* @__PURE__ */ j("p", {
+				}), G.length === 0 ? /* @__PURE__ */ M("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__ */ j("div", {
+					children: C("coolandlovely.empty.latestLooks", "No looks published yet. Be the first to publish a shop-the-look outfit.")
+				}) : /* @__PURE__ */ M("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-5",
-					children: U.map((e) => /* @__PURE__ */ j(p, {
+					children: G.map((e) => /* @__PURE__ */ M(m, {
 						id: e.id,
 						title: e.title,
 						occasion: e.occasion,
@@ -302,50 +338,54 @@ function R() {
 						likeCount: e.likeCount,
 						isLikedByMe: e.isLikedByMe,
 						isSavedByMe: e.isSavedByMe,
-						onOpen: () => y(`/looks/${e.id}`),
+						onOpen: () => b(`/looks/${e.id}`),
 						showActions: !0
 					}, e.id))
 				})]
 			}),
-			W.length > 0 && /* @__PURE__ */ M("section", { children: [/* @__PURE__ */ M("div", {
+			K.length > 0 && /* @__PURE__ */ N("section", { children: [/* @__PURE__ */ N("div", {
 				className: "mb-4 flex items-center justify-between",
-				children: [/* @__PURE__ */ j("h2", {
+				children: [/* @__PURE__ */ M("h2", {
 					className: "text-lg font-semibold text-text-primary",
-					children: "Recently updated brands"
-				}), /* @__PURE__ */ M("button", {
+					children: C("coolandlovely.dashboard.recentBrands", "Recently updated brands")
+				}), /* @__PURE__ */ N("button", {
 					type: "button",
-					onClick: () => y("/brands"),
+					onClick: () => b("/brands"),
 					className: "flex items-center gap-1 text-sm font-medium text-primary hover:underline",
-					children: ["View all ", /* @__PURE__ */ j(v, { className: "h-3.5 w-3.5" })]
+					children: [
+						C("coolandlovely.actions.viewAll", "View all"),
+						" ",
+						/* @__PURE__ */ M(y, { className: "h-3.5 w-3.5" })
+					]
 				})]
-			}), /* @__PURE__ */ j("div", {
+			}), /* @__PURE__ */ M("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-				children: W.map((e) => /* @__PURE__ */ M("button", {
+				children: K.map((e) => /* @__PURE__ */ N("button", {
 					type: "button",
-					onClick: () => y(`/brands/${e.id}`),
+					onClick: () => b(`/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__ */ j(s, {
-							icon: /* @__PURE__ */ j(O, { className: "h-5 w-5" }),
+						/* @__PURE__ */ M(p, {
+							icon: /* @__PURE__ */ M(k, { 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__ */ M("div", {
+						/* @__PURE__ */ N("div", {
 							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ M("div", {
+							children: [/* @__PURE__ */ N("div", {
 								className: "flex items-center gap-1.5",
-								children: [/* @__PURE__ */ j("p", {
+								children: [/* @__PURE__ */ M("p", {
 									className: "truncate text-sm font-medium text-text-primary",
 									children: e.name
-								}), 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", {
+								}), e.isFeatured && /* @__PURE__ */ M(O, { className: "h-3.5 w-3.5 shrink-0 fill-status-warning-text text-status-warning-text" })]
+							}), /* @__PURE__ */ N("p", {
 								className: "truncate text-xs text-text-secondary",
 								children: ["@", e.handle]
 							})]
 						}),
-						/* @__PURE__ */ j(i, { status: e.status })
+						/* @__PURE__ */ M(u, { status: e.status })
 					]
 				}, e.id))
 			})] })