@burdenoff/microfe-coolandlovely 2026.827.1 → 2026.1024.1

package/dist/coolandlovely/pages/discover/DiscoverPage.js

@@ -1,27 +1,28 @@
 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 { StatusBadge as r } from "../../components/StatusBadge.js";
-import { ErrorView as i, LoadingView as a } from "../../components/StateViews.js";
-import { Thumbnail as o } from "../../components/Thumbnail.js";
-import { useLooks as s, useMyFollowing as c, useMyStyleProfile as l, useSearchLooks as u, useSearchStyleItems as ee, useStyleItems as d } from "../../hooks/useCoolAndLovelyApi.js";
-import { formatPrice as f, titleCase as p } from "../../utils/formatters.js";
-import { LookCard as te } from "../../components/LookCard.js";
+import { useLooks as r, useMyFollowing as i, useMyStyleProfile as a, useSearchLooks as ee, useSearchStyleItems as o, useStyleItems as s } from "../../hooks/useCoolAndLovelyApi.js";
+import { useTr as c } from "../../hooks/useTr.js";
 import "../../hooks/index.js";
-import { STYLE_CATEGORIES as ne, categoryIcon as m } from "../../utils/icons.js";
-import { EmptyState as h } from "../../components/EmptyState.js";
-import { TagList as g } from "../../components/TagList.js";
-import { ColourSwatchRow as _ } from "../../components/ColourSwatchRow.js";
-import { useMemo as re, useState as v } from "react";
-import { ChevronLeft as ie, ChevronRight as y, Compass as b, Heart as ae, Search as oe, Shirt as se, ShoppingBag as x, Sparkles as S, UserCheck as ce, Users as le, X as C } from "lucide-react";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { StatusBadge as l } from "../../components/StatusBadge.js";
+import { ErrorView as u, LoadingView as d } from "../../components/StateViews.js";
+import { Thumbnail as f } from "../../components/Thumbnail.js";
+import { formatPrice as p, titleCase as m } from "../../utils/formatters.js";
+import { LookCard as te } from "../../components/LookCard.js";
+import { STYLE_CATEGORIES as ne, categoryIcon as h } from "../../utils/icons.js";
+import { EmptyState as g } from "../../components/EmptyState.js";
+import { TagList as _ } from "../../components/TagList.js";
+import { ColourSwatchRow as v } from "../../components/ColourSwatchRow.js";
+import { useMemo as re, useState as y } from "react";
+import { ChevronLeft as ie, ChevronRight as b, Compass as x, Heart as ae, Search as oe, Shirt as se, ShoppingBag as S, Sparkles as C, UserCheck as ce, Users as le, X as w } from "lucide-react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
 import { EmphasisPanel as ue, PagePurpose as de } from "@burdenoff/fe-libs/ui";
 import { useActorProfiles as fe } from "@burdenoff/fe-libs/shared";
 //#region src/coolandlovely/pages/discover/DiscoverPage.tsx
-function D(e) {
+function O(e) {
 	return new Set(e.map((e) => e.trim().toLowerCase()).filter(Boolean));
 }
-function O(e, t) {
+function k(e, t) {
 	let n = /* @__PURE__ */ new Set(), r = [];
 	for (let i of e) {
 		let e = i.trim().toLowerCase();
@@ -29,193 +30,164 @@ function O(e, t) {
 	}
 	return r;
 }
-var k = ({ title: e, icon: t, sublabel: n, children: r }) => /* @__PURE__ */ E("section", {
+var A = ({ title: e, icon: t, sublabel: n, children: r }) => /* @__PURE__ */ D("section", {
 	className: "mt-8",
-	children: [/* @__PURE__ */ E("div", {
+	children: [/* @__PURE__ */ D("div", {
 		className: "mb-3",
-		children: [/* @__PURE__ */ E("h2", {
+		children: [/* @__PURE__ */ D("h2", {
 			className: "flex items-center gap-2 text-lg font-semibold text-text-primary",
 			children: [
 				t,
 				" ",
 				e
 			]
-		}), n ? /* @__PURE__ */ T("p", {
+		}), n ? /* @__PURE__ */ E("p", {
 			className: "mt-0.5 text-sm text-text-secondary",
 			children: n
 		}) : null]
 	}), r]
-}), A = ({ label: e, values: t, withSwatches: n }) => t.length === 0 ? null : /* @__PURE__ */ E("div", {
+}), j = ({ label: e, values: t, withSwatches: n }) => t.length === 0 ? null : /* @__PURE__ */ D("div", {
 	className: "min-w-0 rounded-lg bg-bg-sunken p-3",
-	children: [/* @__PURE__ */ E("div", {
+	children: [/* @__PURE__ */ D("div", {
 		className: "flex items-center justify-between gap-2",
-		children: [/* @__PURE__ */ T("p", {
+		children: [/* @__PURE__ */ E("p", {
 			className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
 			children: e
-		}), n ? /* @__PURE__ */ T(_, {
+		}), n ? /* @__PURE__ */ E(v, {
 			colours: t,
 			max: 6
 		}) : null]
-	}), /* @__PURE__ */ T(g, {
+	}), /* @__PURE__ */ E(_, {
 		tags: t,
 		max: 8,
 		tone: "accent",
 		className: "mt-2"
 	})]
-}), pe = ({ reasons: e }) => e.length === 0 ? null : /* @__PURE__ */ E("div", {
+}), pe = ({ reasons: e }) => e.length === 0 ? null : /* @__PURE__ */ D("div", {
 	className: "mt-2",
-	children: [/* @__PURE__ */ T("p", {
+	children: [/* @__PURE__ */ E("p", {
 		className: "text-xs font-medium text-text-secondary",
 		children: "Why this matched"
-	}), /* @__PURE__ */ T(g, {
+	}), /* @__PURE__ */ E(_, {
 		tags: e,
 		max: 3,
 		tone: "accent",
 		className: "mt-1"
 	})]
 }), me = [
-	{
-		value: "for-you",
-		label: "For you",
-		icon: /* @__PURE__ */ T(b, { className: "h-4 w-4" })
-	},
-	{
-		value: "items",
-		label: "Items",
-		icon: /* @__PURE__ */ T(x, { className: "h-4 w-4" })
-	},
-	{
-		value: "looks",
-		label: "Looks",
-		icon: /* @__PURE__ */ T(S, { className: "h-4 w-4" })
-	}
+	"ACTIVE",
+	"DRAFT",
+	"OUT_OF_STOCK",
+	"RETIRED"
 ], he = [
-	{
+	"EVERYDAY",
+	"WORK",
+	"EVENING",
+	"WEDDING_GUEST",
+	"VACATION",
+	"PARTY",
+	"ACTIVE",
+	"OTHER"
+], M = 24;
+function ge(e) {
+	return e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+}
+function N() {
+	let { navigateTo: _, apiGatewayUrl: N, authToken: _e, workspaceId: ve } = e(), P = c(), F = a(), ye = [
+		{
+			value: "for-you",
+			label: P("coolandlovely.discover.forYou", "For you"),
+			icon: /* @__PURE__ */ E(x, { className: "h-4 w-4" })
+		},
+		{
+			value: "items",
+			label: P("coolandlovely.discover.items", "Items"),
+			icon: /* @__PURE__ */ E(S, { className: "h-4 w-4" })
+		},
+		{
+			value: "looks",
+			label: P("coolandlovely.discover.looks", "Looks"),
+			icon: /* @__PURE__ */ E(C, { className: "h-4 w-4" })
+		}
+	], be = [{
 		value: "ALL",
-		label: "All"
-	},
-	{
-		value: "ACTIVE",
-		label: "Active"
-	},
-	{
-		value: "DRAFT",
-		label: "Draft"
-	},
-	{
-		value: "OUT_OF_STOCK",
-		label: "Out of stock"
-	},
-	{
-		value: "RETIRED",
-		label: "Retired"
-	}
-], ge = [
-	{
+		label: P("coolandlovely.filters.all", "All")
+	}, ...me.map((e) => ({
+		value: e,
+		label: P(`coolandlovely.status.${e.toLowerCase()}`, ge(e))
+	}))], xe = [{
 		value: "ALL",
-		label: "All"
-	},
-	{
-		value: "EVERYDAY",
-		label: "Everyday"
-	},
-	{
-		value: "WORK",
-		label: "Work"
-	},
-	{
-		value: "EVENING",
-		label: "Evening"
-	},
-	{
-		value: "WEDDING_GUEST",
-		label: "Wedding guest"
-	},
-	{
-		value: "VACATION",
-		label: "Vacation"
-	},
-	{
-		value: "PARTY",
-		label: "Party"
-	},
-	{
-		value: "ACTIVE",
-		label: "Active"
-	},
-	{
-		value: "OTHER",
-		label: "Other"
-	}
-], j = 24;
-function M() {
-	let { navigateTo: g, apiGatewayUrl: M, authToken: _e, workspaceId: ve } = e(), N = l(), P = s({ pagination: {
+		label: P("coolandlovely.filters.all", "All")
+	}, ...he.map((e) => ({
+		value: e,
+		label: P(`coolandlovely.occasion.${e.toLowerCase()}`, m(e))
+	}))], I = r({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), F = d({ pagination: {
+	} }), L = s({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), I = c(), [L, ye] = v("for-you"), [R, z] = v(""), [B, V] = v(0), [H, U] = v(0), [W, G] = v([]), [K, q] = v("ALL"), [J, Y] = v("ALL"), X = ee({
+	} }), R = i(), [z, Se] = y("for-you"), [B, V] = y(""), [H, U] = y(0), [W, G] = y(0), [K, q] = y([]), [J, Ce] = y("ALL"), [Y, we] = y("ALL"), X = o({
 		input: {
-			query: R.trim() || void 0,
-			categories: W.length > 0 ? W : void 0,
-			status: K === "ALL" ? void 0 : K
+			query: B.trim() || void 0,
+			categories: K.length > 0 ? K : void 0,
+			status: J === "ALL" ? void 0 : J
 		},
 		pagination: {
-			limit: j,
-			offset: B
+			limit: M,
+			offset: H
 		}
-	}), Z = u({
+	}), Z = ee({
 		input: {
-			query: R.trim() || void 0,
-			occasion: J === "ALL" ? void 0 : J
+			query: B.trim() || void 0,
+			occasion: Y === "ALL" ? void 0 : Y
 		},
 		pagination: {
-			limit: j,
-			offset: H
+			limit: M,
+			offset: W
 		}
-	}), be = N.isLoading || P.isLoading || F.isLoading, xe = P.isError && F.isError, Q = re(() => {
-		let e = N.data, t = P.data?.items ?? [], n = F.data?.items ?? [], r = new Set((I.data ?? []).map((e) => e.ownerId)), i = D([
+	}), Te = F.isLoading || I.isLoading || L.isLoading, Ee = I.isError && L.isError, Q = re(() => {
+		let e = F.data, t = I.data?.items ?? [], n = L.data?.items ?? [], r = new Set((R.data ?? []).map((e) => e.ownerId)), i = O([
 			...e?.stylePreferences ?? [],
 			...e?.palette ?? [],
 			...e?.favouriteBrands ?? []
-		]), a = D(e?.palette ?? []), o = D(e?.favouriteBrands ?? []), s = (e) => {
-			let t = O(e.tags, i), n = i.has(e.occasion.toLowerCase());
+		]), a = O(e?.palette ?? []), ee = O(e?.favouriteBrands ?? []), o = (e) => {
+			let t = k(e.tags, i), n = i.has(e.occasion.toLowerCase());
 			return {
 				row: e,
 				score: t.length * 2 + +!!n + e.likeCount * .05 + e.saveCount * .05,
-				reasons: n ? [...t, p(e.occasion)] : t
+				reasons: n ? [...t, m(e.occasion)] : t
 			};
-		}, c = (e) => {
-			let t = O(e.colours, a), n = O(e.tags, i), r = i.has(e.category.toLowerCase()), s = e.brand?.name?.trim(), c = s && o.has(s.toLowerCase()) ? s : null;
+		}, s = (e) => {
+			let t = k(e.colours, a), n = k(e.tags, i), r = i.has(e.category.toLowerCase()), o = e.brand?.name?.trim(), s = o && ee.has(o.toLowerCase()) ? o : null;
 			return {
 				row: e,
-				score: n.length * 2 + t.length * 2 + +!!r + +!!c,
+				score: n.length * 2 + t.length * 2 + +!!r + +!!s,
 				reasons: [
 					...t,
 					...n,
-					...r ? [p(e.category)] : [],
-					...c ? [c] : []
+					...r ? [m(e.category)] : [],
+					...s ? [s] : []
 				]
 			};
-		}, l = i.size > 0, u = t.map(s).sort((e, t) => l ? t.score - e.score : t.row.likeCount + t.row.saveCount - (e.row.likeCount + e.row.saveCount)).slice(0, 8), ee = n.map(c).filter((e) => l ? e.score > 0 : !0).sort((e, t) => t.score - e.score).slice(0, 8), d = t.filter((e) => r.has(e.authorId)).sort((e, t) => t.likeCount + t.saveCount - (e.likeCount + e.saveCount)).slice(0, 8);
+		}, c = i.size > 0, l = t.map(o).sort((e, t) => c ? t.score - e.score : t.row.likeCount + t.row.saveCount - (e.row.likeCount + e.row.saveCount)).slice(0, 8), u = n.map(s).filter((e) => c ? e.score > 0 : !0).sort((e, t) => t.score - e.score).slice(0, 8), d = t.filter((e) => r.has(e.authorId)).sort((e, t) => t.likeCount + t.saveCount - (e.likeCount + e.saveCount)).slice(0, 8);
 		return {
 			hasProfile: !!e,
-			hasTaste: l,
+			hasTaste: c,
 			palette: e?.palette ?? [],
 			aesthetics: e?.stylePreferences ?? [],
 			favouriteBrands: e?.favouriteBrands ?? [],
-			madeForYou: u,
-			inYourPalette: ee,
+			madeForYou: l,
+			inYourPalette: u,
 			fromFollowing: d,
-			followingProfiles: I.data ?? []
+			followingProfiles: R.data ?? []
 		};
 	}, [
-		N.data,
-		P.data,
 		F.data,
-		I.data
-	]), Se = fe(re(() => {
+		I.data,
+		L.data,
+		R.data
+	]), De = fe(re(() => {
 		let e = /* @__PURE__ */ new Set();
 		for (let t of Q.madeForYou) e.add(t.row.authorId);
 		for (let t of Q.fromFollowing) e.add(t.authorId);
@@ -224,266 +196,281 @@ function M() {
 			actorType: "user"
 		}));
 	}, [Q]), {
-		apiGatewayUrl: M,
+		apiGatewayUrl: N,
 		authToken: _e,
 		workspaceId: ve
 	}), $ = (e) => {
-		let t = Se[e];
+		let t = De[e];
 		return t?.resolved ? t.displayName : null;
-	}, Ce = (e) => {
-		G((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]), V(0);
+	}, Oe = (e) => {
+		q((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]), U(0);
 	};
-	return /* @__PURE__ */ E(n, {
-		title: "Discover",
-		description: "Find looks and pieces tuned to your taste",
+	return /* @__PURE__ */ D(n, {
+		title: P("coolandlovely.page.discoverTitle", "Discover"),
+		description: P("coolandlovely.page.discoverSubtitle", "Find looks and pieces tuned to your taste"),
 		hero: !0,
 		children: [
-			/* @__PURE__ */ T(de, {
+			/* @__PURE__ */ E(de, {
 				className: "mb-4",
-				children: "Your personalised feed, computed live from your style profile, plus search across every piece and look on the platform."
+				children: P("coolandlovely.discover.purpose", "Your personalised feed, computed live from your style profile, plus search across every piece and look on the platform.")
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ E("div", {
 				className: "mb-4 flex items-center gap-2",
-				children: /* @__PURE__ */ E("div", {
+				children: /* @__PURE__ */ D("div", {
 					className: "relative flex-1",
 					children: [
-						/* @__PURE__ */ T(oe, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }),
-						/* @__PURE__ */ T("input", {
+						/* @__PURE__ */ E(oe, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }),
+						/* @__PURE__ */ E("input", {
 							type: "text",
-							value: R,
+							value: B,
 							onChange: (e) => {
-								z(e.target.value), V(0), U(0);
+								V(e.target.value), U(0), G(0);
 							},
-							placeholder: "Search style items and looks…",
+							placeholder: P("coolandlovely.discover.searchPlaceholder", "Search style items and looks…"),
 							className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2.5 pl-9 pr-9 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 						}),
-						R && /* @__PURE__ */ T("button", {
+						B && /* @__PURE__ */ E("button", {
 							type: "button",
-							onClick: () => z(""),
+							onClick: () => V(""),
 							className: "absolute right-2 top-1/2 -translate-y-1/2 rounded p-1 text-text-secondary hover:text-text-primary",
-							children: /* @__PURE__ */ T(C, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ E(w, { className: "h-4 w-4" })
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ D("div", {
 				className: "mb-6 flex items-center gap-1 border-b border-border-seam",
-				children: [me.map((e) => /* @__PURE__ */ E("button", {
+				children: [ye.map((e) => /* @__PURE__ */ D("button", {
 					type: "button",
-					onClick: () => ye(e.value),
-					className: t("inline-flex items-center gap-1.5 border-b-2 px-3 py-2.5 text-sm font-medium transition-colors", L === e.value ? "border-action-primary-bg text-text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
+					onClick: () => Se(e.value),
+					className: t("inline-flex items-center gap-1.5 border-b-2 px-3 py-2.5 text-sm font-medium transition-colors", z === e.value ? "border-action-primary-bg text-text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
 					children: [
 						e.icon,
 						" ",
 						e.label
 					]
-				}, e.value)), (R || W.length > 0 || K !== "ALL" || J !== "ALL") && /* @__PURE__ */ E("button", {
+				}, e.value)), (B || K.length > 0 || J !== "ALL" || Y !== "ALL") && /* @__PURE__ */ D("button", {
 					type: "button",
 					onClick: () => {
-						z(""), G([]), q("ALL"), Y("ALL"), V(0), U(0);
+						V(""), q([]), Ce("ALL"), we("ALL"), U(0), G(0);
 					},
 					className: "ml-auto inline-flex items-center gap-1 rounded-full px-3 py-1.5 text-xs font-medium text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary",
-					children: [/* @__PURE__ */ T(C, { className: "h-3.5 w-3.5" }), " Clear"]
+					children: [
+						/* @__PURE__ */ E(w, { className: "h-3.5 w-3.5" }),
+						" ",
+						P("coolandlovely.filters.clear", "Clear")
+					]
 				})]
 			}),
-			L === "for-you" && (be ? /* @__PURE__ */ T(a, { label: "Curating your feed…" }) : xe ? /* @__PURE__ */ T(i, { onRetry: () => {
-				P.refetch(), F.refetch();
-			} }) : /* @__PURE__ */ E(w, { children: [
-				Q.hasProfile ? null : /* @__PURE__ */ T(ue, {
+			z === "for-you" && (Te ? /* @__PURE__ */ E(d, { label: P("coolandlovely.loading.feed", "Curating your feed…") }) : Ee ? /* @__PURE__ */ E(u, { onRetry: () => {
+				I.refetch(), L.refetch();
+			} }) : /* @__PURE__ */ D(T, { children: [
+				Q.hasProfile ? null : /* @__PURE__ */ E(ue, {
 					className: "mb-8",
-					children: /* @__PURE__ */ E("div", {
+					children: /* @__PURE__ */ D("div", {
 						className: "flex flex-col items-start gap-3 sm:flex-row sm:items-center sm:justify-between",
-						children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
+						children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h2", {
 							className: "text-lg font-semibold text-text-primary",
-							children: "Build your style profile"
-						}), /* @__PURE__ */ T("p", {
+							children: P("coolandlovely.discover.buildProfileTitle", "Build your style profile")
+						}), /* @__PURE__ */ E("p", {
 							className: "mt-1 text-sm text-text-secondary",
-							children: "Tell us your aesthetics, palette and favourite brands and this feed tunes itself to you."
-						})] }), /* @__PURE__ */ E("button", {
+							children: P("coolandlovely.discover.buildProfileDescription", "Tell us your aesthetics, palette and favourite brands and this feed tunes itself to you.")
+						})] }), /* @__PURE__ */ D("button", {
 							type: "button",
-							onClick: () => g("/profile"),
+							onClick: () => _("/profile"),
 							className: "inline-flex shrink-0 items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90",
-							children: [/* @__PURE__ */ T(S, { className: "h-4 w-4" }), " Create profile"]
+							children: [
+								/* @__PURE__ */ E(C, { className: "h-4 w-4" }),
+								" ",
+								P("coolandlovely.discover.createProfile", "Create profile")
+							]
 						})]
 					})
 				}),
-				Q.hasTaste ? /* @__PURE__ */ E("section", {
+				Q.hasTaste ? /* @__PURE__ */ D("section", {
 					className: "mb-6 rounded-lg border border-border-seam bg-bg-surface p-4",
 					children: [
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "flex flex-wrap items-center justify-between gap-2",
-							children: [/* @__PURE__ */ T("h2", {
+							children: [/* @__PURE__ */ E("h2", {
 								className: "text-sm font-semibold text-text-primary",
-								children: "Your declared taste"
-							}), /* @__PURE__ */ E("button", {
+								children: P("coolandlovely.discover.declaredTaste", "Your declared taste")
+							}), /* @__PURE__ */ D("button", {
 								type: "button",
-								onClick: () => g("/profile"),
+								onClick: () => _("/profile"),
 								className: "inline-flex items-center gap-0.5 text-sm font-medium text-action-primary-bg hover:underline",
-								children: ["Edit profile ", /* @__PURE__ */ T(y, { className: "h-3.5 w-3.5" })]
+								children: [
+									P("coolandlovely.discover.editProfile", "Edit profile"),
+									" ",
+									/* @__PURE__ */ E(b, { className: "h-3.5 w-3.5" })
+								]
 							})]
 						}),
-						/* @__PURE__ */ T("p", {
+						/* @__PURE__ */ E("p", {
 							className: "mt-1 text-xs text-text-secondary",
-							children: "Everything below is ranked against these lists."
+							children: P("coolandlovely.discover.rankedAgainst", "Everything below is ranked against these lists.")
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "mt-3 grid grid-cols-1 gap-3 sm:grid-cols-3",
 							children: [
-								/* @__PURE__ */ T(A, {
-									label: "Palette",
+								/* @__PURE__ */ E(j, {
+									label: P("coolandlovely.profile.palette", "Palette"),
 									values: Q.palette,
 									withSwatches: !0
 								}),
-								/* @__PURE__ */ T(A, {
-									label: "Aesthetics",
+								/* @__PURE__ */ E(j, {
+									label: P("coolandlovely.profile.aesthetics", "Aesthetics"),
 									values: Q.aesthetics
 								}),
-								/* @__PURE__ */ T(A, {
-									label: "Favourite brands",
+								/* @__PURE__ */ E(j, {
+									label: P("coolandlovely.profile.favouriteBrands", "Favourite brands"),
 									values: Q.favouriteBrands
 								})
 							]
 						})
 					]
 				}) : null,
-				/* @__PURE__ */ T(k, {
-					title: "Made for you",
-					icon: /* @__PURE__ */ T(b, { className: "h-5 w-5" }),
-					sublabel: Q.hasTaste ? "Ranked to match your style profile" : "Most-loved looks on the platform",
-					children: Q.madeForYou.length === 0 ? /* @__PURE__ */ T(h, {
-						title: "No looks yet",
-						description: "Once looks are published they will appear here, tuned to your taste."
-					}) : /* @__PURE__ */ T("div", {
+				/* @__PURE__ */ E(A, {
+					title: P("coolandlovely.discover.madeForYou", "Made for you"),
+					icon: /* @__PURE__ */ E(x, { className: "h-5 w-5" }),
+					sublabel: Q.hasTaste ? P("coolandlovely.discover.madeForYouTuned", "Ranked to match your style profile") : P("coolandlovely.discover.madeForYouFallback", "Most-loved looks on the platform"),
+					children: Q.madeForYou.length === 0 ? /* @__PURE__ */ E(g, {
+						title: P("coolandlovely.empty.looksTitle", "No looks yet"),
+						description: P("coolandlovely.discover.madeForYouEmpty", "Once looks are published they will appear here, tuned to your taste.")
+					}) : /* @__PURE__ */ E("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 						children: Q.madeForYou.map(({ row: e, reasons: t }) => {
 							let n = $(e.authorId);
-							return /* @__PURE__ */ E("button", {
+							return /* @__PURE__ */ D("button", {
 								type: "button",
-								onClick: () => g(`/looks/${e.id}`),
+								onClick: () => _(`/looks/${e.id}`),
 								className: "group flex flex-col overflow-hidden rounded-lg border border-border-seam bg-bg-surface text-left transition-colors hover:border-accent-foreground/20 hover:shadow-md",
-								children: [/* @__PURE__ */ T(o, {
-									icon: /* @__PURE__ */ T(S, { className: "h-6 w-6" }),
+								children: [/* @__PURE__ */ E(f, {
+									icon: /* @__PURE__ */ E(C, { className: "h-6 w-6" }),
 									seed: e.id,
 									fileId: e.image?.id,
 									alt: e.title,
 									className: "aspect-[4/5] w-full rounded-none"
-								}), /* @__PURE__ */ E("div", {
+								}), /* @__PURE__ */ D("div", {
 									className: "min-w-0 p-3",
 									children: [
-										/* @__PURE__ */ T("p", {
+										/* @__PURE__ */ E("p", {
 											className: "truncate text-sm font-medium text-text-primary",
 											children: e.title
 										}),
-										n ? /* @__PURE__ */ T("p", {
+										n ? /* @__PURE__ */ E("p", {
 											className: "mt-0.5 truncate text-xs text-text-secondary",
 											children: n
 										}) : null,
-										/* @__PURE__ */ T("p", {
+										/* @__PURE__ */ E("p", {
 											className: "mt-0.5 text-xs text-text-secondary",
-											children: p(e.occasion)
+											children: P(`coolandlovely.occasion.${e.occasion.toLowerCase()}`, m(e.occasion))
 										}),
-										/* @__PURE__ */ E("span", {
+										/* @__PURE__ */ D("span", {
 											className: "mt-2 inline-flex items-center gap-1 text-xs text-text-secondary",
 											children: [
-												/* @__PURE__ */ T(ae, { className: "h-3.5 w-3.5" }),
+												/* @__PURE__ */ E(ae, { className: "h-3.5 w-3.5" }),
 												" ",
 												e.likeCount
 											]
 										}),
-										Q.hasTaste ? /* @__PURE__ */ T(pe, { reasons: t }) : null
+										Q.hasTaste ? /* @__PURE__ */ E(pe, { reasons: t }) : null
 									]
 								})]
 							}, e.id);
 						})
 					})
 				}),
-				Q.inYourPalette.length > 0 ? /* @__PURE__ */ T(k, {
-					title: "In your palette",
-					icon: /* @__PURE__ */ T(x, { className: "h-5 w-5" }),
-					sublabel: "Pieces that match your colours, categories and tags",
-					children: /* @__PURE__ */ T("div", {
+				Q.inYourPalette.length > 0 ? /* @__PURE__ */ E(A, {
+					title: P("coolandlovely.discover.inYourPalette", "In your palette"),
+					icon: /* @__PURE__ */ E(S, { className: "h-5 w-5" }),
+					sublabel: P("coolandlovely.discover.inYourPaletteSub", "Pieces that match your colours, categories and tags"),
+					children: /* @__PURE__ */ E("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-						children: Q.inYourPalette.map(({ row: e, reasons: t }) => /* @__PURE__ */ E("button", {
+						children: Q.inYourPalette.map(({ row: e, reasons: t }) => /* @__PURE__ */ D("button", {
 							type: "button",
-							onClick: () => g(`/items/${e.id}`),
+							onClick: () => _(`/items/${e.id}`),
 							className: "group flex flex-col overflow-hidden rounded-lg border border-border-seam bg-bg-surface text-left transition-colors hover:border-accent-foreground/20 hover:shadow-md",
-							children: [/* @__PURE__ */ T(o, {
-								icon: /* @__PURE__ */ T(x, { className: "h-6 w-6" }),
+							children: [/* @__PURE__ */ E(f, {
+								icon: /* @__PURE__ */ E(S, { className: "h-6 w-6" }),
 								seed: e.id,
 								fileId: e.image?.id,
 								alt: e.name,
 								className: "aspect-[4/5] w-full rounded-none"
-							}), /* @__PURE__ */ E("div", {
+							}), /* @__PURE__ */ D("div", {
 								className: "min-w-0 p-3",
 								children: [
-									/* @__PURE__ */ T("p", {
+									/* @__PURE__ */ E("p", {
 										className: "truncate text-sm font-medium text-text-primary",
 										children: e.name
 									}),
-									e.brand?.name ? /* @__PURE__ */ T("p", {
+									e.brand?.name ? /* @__PURE__ */ E("p", {
 										className: "truncate text-xs text-text-secondary",
 										children: e.brand.name
 									}) : null,
-									/* @__PURE__ */ E("p", {
+									/* @__PURE__ */ D("p", {
 										className: "mt-0.5 flex items-baseline gap-2 text-xs text-text-secondary",
-										children: [/* @__PURE__ */ T("span", {
+										children: [/* @__PURE__ */ E("span", {
 											className: "font-medium text-text-primary tabular-nums",
-											children: f(e.price, e.currency)
-										}), /* @__PURE__ */ E("span", {
+											children: p(e.price, e.currency)
+										}), /* @__PURE__ */ D("span", {
 											className: "truncate",
-											children: [p(e.category), e.materials.length > 0 ? ` · ${e.materials.join(", ")}` : ""]
+											children: [P(`coolandlovely.category.${e.category.toLowerCase()}`, m(e.category)), e.materials.length > 0 ? ` · ${e.materials.join(", ")}` : ""]
 										})]
 									}),
-									/* @__PURE__ */ T(_, {
+									/* @__PURE__ */ E(v, {
 										colours: e.colours,
 										max: 5,
 										className: "mt-2"
 									}),
-									Q.hasTaste ? /* @__PURE__ */ T(pe, { reasons: t }) : null
+									Q.hasTaste ? /* @__PURE__ */ E(pe, { reasons: t }) : null
 								]
 							})]
 						}, e.id))
 					})
 				}) : null,
-				/* @__PURE__ */ T(k, {
-					title: "From people you follow",
-					icon: /* @__PURE__ */ T(ce, { className: "h-5 w-5" }),
-					sublabel: Q.followingProfiles.length === 0 ? "Follow creators and shoppers to see their looks here" : `You follow ${Q.followingProfiles.length} ${Q.followingProfiles.length === 1 ? "person" : "people"}`,
-					children: Q.followingProfiles.length === 0 ? /* @__PURE__ */ T(h, {
-						title: "You are not following anyone yet",
-						description: "Open a look or a style profile and tap Follow to build a feed from people whose taste you love.",
-						icon: /* @__PURE__ */ T(le, { className: "h-8 w-8" })
-					}) : Q.fromFollowing.length === 0 ? /* @__PURE__ */ T("div", {
+				/* @__PURE__ */ E(A, {
+					title: P("coolandlovely.discover.fromFollowing", "From people you follow"),
+					icon: /* @__PURE__ */ E(ce, { className: "h-5 w-5" }),
+					sublabel: Q.followingProfiles.length === 0 ? P("coolandlovely.discover.followPrompt", "Follow creators and shoppers to see their looks here") : P("coolandlovely.discover.followCount", "You follow {{count}} {{people}}", {
+						count: Q.followingProfiles.length,
+						people: Q.followingProfiles.length === 1 ? P("coolandlovely.common.person", "person") : P("coolandlovely.common.people", "people")
+					}),
+					children: Q.followingProfiles.length === 0 ? /* @__PURE__ */ E(g, {
+						title: P("coolandlovely.discover.noFollowingTitle", "You are not following anyone yet"),
+						description: P("coolandlovely.discover.noFollowingDescription", "Open a look or a style profile and tap Follow to build a feed from people whose taste you love."),
+						icon: /* @__PURE__ */ E(le, { className: "h-8 w-8" })
+					}) : Q.fromFollowing.length === 0 ? /* @__PURE__ */ E("div", {
 						className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-sm text-text-secondary",
-						children: "The people you follow have not published looks visible to you yet."
-					}) : /* @__PURE__ */ T("div", {
+						children: P("coolandlovely.discover.followingEmpty", "The people you follow have not published looks visible to you yet.")
+					}) : /* @__PURE__ */ E("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 						children: Q.fromFollowing.map((e) => {
 							let t = $(e.authorId);
-							return /* @__PURE__ */ E("button", {
+							return /* @__PURE__ */ D("button", {
 								type: "button",
-								onClick: () => g(`/looks/${e.id}`),
+								onClick: () => _(`/looks/${e.id}`),
 								className: "group flex flex-col overflow-hidden rounded-lg border border-border-seam bg-bg-surface text-left transition-colors hover:border-accent-foreground/20 hover:shadow-md",
-								children: [/* @__PURE__ */ T(o, {
-									icon: /* @__PURE__ */ T(S, { className: "h-6 w-6" }),
+								children: [/* @__PURE__ */ E(f, {
+									icon: /* @__PURE__ */ E(C, { className: "h-6 w-6" }),
 									seed: e.id,
 									fileId: e.image?.id,
 									alt: e.title,
 									className: "aspect-[4/5] w-full rounded-none"
-								}), /* @__PURE__ */ E("div", {
+								}), /* @__PURE__ */ D("div", {
 									className: "min-w-0 p-3",
 									children: [
-										/* @__PURE__ */ T("p", {
+										/* @__PURE__ */ E("p", {
 											className: "truncate text-sm font-medium text-text-primary",
 											children: e.title
 										}),
-										t ? /* @__PURE__ */ T("p", {
+										t ? /* @__PURE__ */ E("p", {
 											className: "mt-0.5 truncate text-xs text-text-secondary",
 											children: t
 										}) : null,
-										/* @__PURE__ */ T("p", {
+										/* @__PURE__ */ E("p", {
 											className: "mt-0.5 text-xs text-text-secondary",
-											children: p(e.occasion)
+											children: P(`coolandlovely.occasion.${e.occasion.toLowerCase()}`, m(e.occasion))
 										})
 									]
 								})]
@@ -492,83 +479,83 @@ function M() {
 					})
 				})
 			] })),
-			L === "items" && (() => {
-				let e = X.data, n = e?.items ?? [], s = e?.pageInfo.hasMore ?? !1;
-				return /* @__PURE__ */ E("div", {
+			z === "items" && (() => {
+				let e = X.data, n = e?.items ?? [], r = e?.pageInfo.hasMore ?? !1;
+				return /* @__PURE__ */ D("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ E("div", {
 							className: "flex flex-wrap items-center gap-2",
-							children: ne.map((e) => /* @__PURE__ */ E("button", {
+							children: ne.map((e) => /* @__PURE__ */ D("button", {
 								type: "button",
-								onClick: () => Ce(e),
-								className: t("inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-xs font-medium transition-colors", W.includes(e) ? "bg-accent-purple-subtle text-text-primary" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
+								onClick: () => Oe(e),
+								className: t("inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-xs font-medium transition-colors", K.includes(e) ? "bg-accent-purple-subtle text-text-primary" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
 								children: [
-									m(e, 14),
+									h(e, 14),
 									" ",
-									p(e)
+									P(`coolandlovely.category.${e.toLowerCase()}`, m(e))
 								]
 							}, e))
 						}),
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ E("div", {
 							className: "flex flex-wrap items-center gap-2",
-							children: he.map((e) => /* @__PURE__ */ T("button", {
+							children: be.map((e) => /* @__PURE__ */ E("button", {
 								type: "button",
 								onClick: () => {
-									q(e.value), V(0);
+									Ce(e.value), U(0);
 								},
-								className: t("rounded-full px-3 py-1.5 text-sm font-medium transition-colors", K === e.value ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
+								className: t("rounded-full px-3 py-1.5 text-sm font-medium transition-colors", J === e.value ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
 								children: e.label
 							}, e.value))
 						}),
-						X.isLoading ? /* @__PURE__ */ T(a, { label: "Searching items…" }) : X.isError ? /* @__PURE__ */ T(i, { onRetry: () => void X.refetch() }) : n.length === 0 ? /* @__PURE__ */ T(h, {
+						X.isLoading ? /* @__PURE__ */ E(d, { label: P("coolandlovely.loading.searchItems", "Searching items…") }) : X.isError ? /* @__PURE__ */ E(u, { onRetry: () => void X.refetch() }) : n.length === 0 ? /* @__PURE__ */ E(g, {
 							illustration: "empty-data",
-							icon: /* @__PURE__ */ T(se, { className: "h-10 w-10" }),
-							title: "No items found",
-							description: "Try a different query or filters."
-						}) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("div", {
+							icon: /* @__PURE__ */ E(se, { className: "h-10 w-10" }),
+							title: P("coolandlovely.empty.itemsTitle", "No items found"),
+							description: P("coolandlovely.empty.searchFilters", "Try a different query or filters.")
+						}) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("div", {
 							className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4",
-							children: n.map((e) => /* @__PURE__ */ E("button", {
+							children: n.map((e) => /* @__PURE__ */ D("button", {
 								type: "button",
-								onClick: () => g(`/items/${e.id}`),
+								onClick: () => _(`/items/${e.id}`),
 								className: "group overflow-hidden rounded-lg border border-border-seam bg-bg-surface text-left shadow-sm transition-all hover:border-accent-foreground/20 hover:shadow-md",
-								children: [/* @__PURE__ */ E("div", {
+								children: [/* @__PURE__ */ D("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ T(o, {
-										icon: m(e.category, 32),
+									children: [/* @__PURE__ */ E(f, {
+										icon: h(e.category, 32),
 										seed: e.id,
 										fileId: e.image?.id,
 										alt: e.name,
 										className: "aspect-[3/4] w-full"
-									}), /* @__PURE__ */ T("div", {
+									}), /* @__PURE__ */ E("div", {
 										className: "absolute right-2 top-2",
-										children: /* @__PURE__ */ T(r, {
+										children: /* @__PURE__ */ E(l, {
 											status: e.status,
 											className: "shadow-sm"
 										})
 									})]
-								}), /* @__PURE__ */ E("div", {
+								}), /* @__PURE__ */ D("div", {
 									className: "p-3",
 									children: [
-										/* @__PURE__ */ T("p", {
+										/* @__PURE__ */ E("p", {
 											className: "truncate text-sm font-medium text-text-primary",
 											children: e.name
 										}),
-										e.brand?.name && /* @__PURE__ */ T("p", {
+										e.brand?.name && /* @__PURE__ */ E("p", {
 											className: "truncate text-xs text-text-secondary",
 											children: e.brand.name
 										}),
-										/* @__PURE__ */ E("div", {
+										/* @__PURE__ */ D("div", {
 											className: "mt-1.5 flex items-center justify-between gap-2",
-											children: [/* @__PURE__ */ T("span", {
+											children: [/* @__PURE__ */ E("span", {
 												className: "text-sm font-semibold text-text-primary tabular-nums",
-												children: f(e.price, e.currency)
-											}), /* @__PURE__ */ T("span", {
+												children: p(e.price, e.currency)
+											}), /* @__PURE__ */ E("span", {
 												className: "text-xs text-text-secondary",
-												children: p(e.category)
+												children: P(`coolandlovely.category.${e.category.toLowerCase()}`, m(e.category))
 											})]
 										}),
-										e.colours.length > 0 && /* @__PURE__ */ T(_, {
+										e.colours.length > 0 && /* @__PURE__ */ E(v, {
 											colours: e.colours,
 											max: 5,
 											className: "mt-2"
@@ -576,56 +563,64 @@ function M() {
 									]
 								})]
 							}, e.id))
-						}), (B > 0 || s) && /* @__PURE__ */ E("div", {
+						}), (H > 0 || r) && /* @__PURE__ */ D("div", {
 							className: "mt-6 flex items-center justify-center gap-2",
 							children: [
-								/* @__PURE__ */ E("button", {
+								/* @__PURE__ */ D("button", {
 									type: "button",
-									disabled: B === 0,
-									onClick: () => V((e) => Math.max(0, e - j)),
+									disabled: H === 0,
+									onClick: () => U((e) => Math.max(0, e - M)),
 									className: "inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40",
-									children: [/* @__PURE__ */ T(ie, { className: "h-4 w-4" }), " Previous"]
+									children: [
+										/* @__PURE__ */ E(ie, { className: "h-4 w-4" }),
+										" ",
+										P("coolandlovely.pagination.previous", "Previous")
+									]
 								}),
 								/* @__PURE__ */ E("span", {
 									className: "text-sm text-text-secondary",
-									children: ["Page ", B / j + 1]
+									children: P("coolandlovely.pagination.page", "Page {{page}}", { page: H / M + 1 })
 								}),
-								/* @__PURE__ */ E("button", {
+								/* @__PURE__ */ D("button", {
 									type: "button",
-									disabled: !s,
-									onClick: () => V((e) => e + j),
+									disabled: !r,
+									onClick: () => U((e) => e + M),
 									className: "inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40",
-									children: ["Next ", /* @__PURE__ */ T(y, { className: "h-4 w-4" })]
+									children: [
+										P("coolandlovely.pagination.next", "Next"),
+										" ",
+										/* @__PURE__ */ E(b, { className: "h-4 w-4" })
+									]
 								})
 							]
 						})] })
 					]
 				});
 			})(),
-			L === "looks" && (() => {
+			z === "looks" && (() => {
 				let e = Z.data, n = e?.items ?? [], r = e?.pageInfo.hasMore ?? !1;
-				return /* @__PURE__ */ E("div", {
+				return /* @__PURE__ */ D("div", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ T("div", {
+					children: [/* @__PURE__ */ E("div", {
 						className: "flex flex-wrap items-center gap-2",
-						children: ge.map((e) => /* @__PURE__ */ T("button", {
+						children: xe.map((e) => /* @__PURE__ */ E("button", {
 							type: "button",
 							onClick: () => {
-								Y(e.value), U(0);
+								we(e.value), G(0);
 							},
-							className: t("rounded-full px-3 py-1.5 text-sm font-medium transition-colors", J === e.value ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
+							className: t("rounded-full px-3 py-1.5 text-sm font-medium transition-colors", Y === e.value ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
 							children: e.label
 						}, e.value))
-					}), Z.isLoading ? /* @__PURE__ */ T(a, { label: "Searching looks…" }) : Z.isError ? /* @__PURE__ */ T(i, { onRetry: () => void Z.refetch() }) : n.length === 0 ? /* @__PURE__ */ T(h, {
+					}), Z.isLoading ? /* @__PURE__ */ E(d, { label: P("coolandlovely.loading.searchLooks", "Searching looks…") }) : Z.isError ? /* @__PURE__ */ E(u, { onRetry: () => void Z.refetch() }) : n.length === 0 ? /* @__PURE__ */ E(g, {
 						illustration: "empty-data",
-						icon: /* @__PURE__ */ T(S, { className: "h-10 w-10" }),
-						title: "No looks found",
-						description: "Try a different query or occasion."
-					}) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("div", {
+						icon: /* @__PURE__ */ E(C, { className: "h-10 w-10" }),
+						title: P("coolandlovely.empty.looksSearchTitle", "No looks found"),
+						description: P("coolandlovely.empty.looksSearchDescription", "Try a different query or occasion.")
+					}) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("div", {
 						className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4",
-						children: n.map((e) => /* @__PURE__ */ E("div", {
+						children: n.map((e) => /* @__PURE__ */ D("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ T(te, {
+							children: [/* @__PURE__ */ E(te, {
 								id: e.id,
 								title: e.title,
 								occasion: e.occasion,
@@ -633,36 +628,48 @@ function M() {
 								likeCount: e.likeCount,
 								isLikedByMe: e.isLikedByMe,
 								isSavedByMe: e.isSavedByMe,
-								onOpen: () => g(`/looks/${e.id}`),
+								onOpen: () => _(`/looks/${e.id}`),
 								showActions: !0
-							}), e.isFeatured && /* @__PURE__ */ T("div", {
+							}), e.isFeatured && /* @__PURE__ */ E("div", {
 								className: "pointer-events-none absolute left-2 top-2 z-10",
-								children: /* @__PURE__ */ E("span", {
+								children: /* @__PURE__ */ D("span", {
 									className: "inline-flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text shadow-sm backdrop-blur",
-									children: [/* @__PURE__ */ T(S, { className: "h-3 w-3" }), " Featured"]
+									children: [
+										/* @__PURE__ */ E(C, { className: "h-3 w-3" }),
+										" ",
+										P("coolandlovely.filters.featured", "Featured")
+									]
 								})
 							})]
 						}, e.id))
-					}), (H > 0 || r) && /* @__PURE__ */ E("div", {
+					}), (W > 0 || r) && /* @__PURE__ */ D("div", {
 						className: "mt-6 flex items-center justify-center gap-2",
 						children: [
-							/* @__PURE__ */ E("button", {
+							/* @__PURE__ */ D("button", {
 								type: "button",
-								disabled: H === 0,
-								onClick: () => U((e) => Math.max(0, e - j)),
+								disabled: W === 0,
+								onClick: () => G((e) => Math.max(0, e - M)),
 								className: "inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40",
-								children: [/* @__PURE__ */ T(ie, { className: "h-4 w-4" }), " Previous"]
+								children: [
+									/* @__PURE__ */ E(ie, { className: "h-4 w-4" }),
+									" ",
+									P("coolandlovely.pagination.previous", "Previous")
+								]
 							}),
 							/* @__PURE__ */ E("span", {
 								className: "text-sm text-text-secondary",
-								children: ["Page ", H / j + 1]
+								children: P("coolandlovely.pagination.page", "Page {{page}}", { page: W / M + 1 })
 							}),
-							/* @__PURE__ */ E("button", {
+							/* @__PURE__ */ D("button", {
 								type: "button",
 								disabled: !r,
-								onClick: () => U((e) => e + j),
+								onClick: () => G((e) => e + M),
 								className: "inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40",
-								children: ["Next ", /* @__PURE__ */ T(y, { className: "h-4 w-4" })]
+								children: [
+									P("coolandlovely.pagination.next", "Next"),
+									" ",
+									/* @__PURE__ */ E(b, { className: "h-4 w-4" })
+								]
 							})
 						]
 					})] })]
@@ -672,6 +679,6 @@ function M() {
 	});
 }
 //#endregion
-export { M as DiscoverPage };
+export { N as DiscoverPage };
 
 //# sourceMappingURL=DiscoverPage.js.map