@burdenoff/microfe-coolandlovely 2026.706.1 → 2026.706.3

package/dist/coolandlovely/CoolAndLovelyRoot.js

@@ -3,119 +3,135 @@ import { CoolAndLovelyRoutes as t } from "./CoolAndLovelyRoutes.js";
 import { useCallback as n, useEffect as r } from "react";
 import { QueryClient as i, QueryClientProvider as a } from "@tanstack/react-query";
 import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { BookHeart as s, Handshake as c, Heart as l, Home as u, Shapes as d, Shirt as f, Sparkles as p, Store as m, UserCircle as h } from "lucide-react";
-import { jsx as g } from "react/jsx-runtime";
-import { FeatureFlagProvider as _ } from "@burdenoff/fe-libs/shared/feature-flags";
+import { BookHeart as s, Compass as c, Handshake as l, Heart as u, Home as d, Shapes as f, Shirt as p, Sparkles as m, Store as h, TrendingUp as g, UserCircle as _ } from "lucide-react";
+import { jsx as v } from "react/jsx-runtime";
+import { FeatureFlagProvider as y } from "@burdenoff/fe-libs/shared/feature-flags";
 //#region src/coolandlovely/CoolAndLovelyRoot.tsx
-var v = new i({ defaultOptions: { queries: {
+var b = new i({ defaultOptions: { queries: {
 	staleTime: 300 * 1e3,
 	retry: 1
-} } }), y = (i) => {
-	let { registerNavItems: y, registerFooterItems: b, basePath: x = "/" } = i, { t: S } = o(), C = n((e, t) => {
-		let n = S(e);
+} } }), x = (i) => {
+	let { registerNavItems: x, registerFooterItems: S, basePath: C = "/" } = i, { t: w } = o(), T = n((e, t) => {
+		let n = w(e);
 		return n === e ? t : n;
-	}, [S]), w = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+	}, [w]), E = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
 	return r(() => {
-		if (y) return y([
+		if (x) return x([
 			{
 				id: "coolandlovely-overview",
-				label: C("coolandlovely.nav.overview", "Overview"),
-				path: w(x, ""),
-				icon: /* @__PURE__ */ g(u, { size: 20 }),
+				label: T("coolandlovely.nav.overview", "Overview"),
+				path: E(C, ""),
+				icon: /* @__PURE__ */ v(d, { size: 20 }),
 				order: 1,
 				group: "main"
 			},
 			{
 				id: "coolandlovely-brands",
-				label: C("coolandlovely.nav.brands", "Brands"),
-				path: w(x, "brands"),
-				icon: /* @__PURE__ */ g(m, { size: 20 }),
+				label: T("coolandlovely.nav.brands", "Brands"),
+				path: E(C, "brands"),
+				icon: /* @__PURE__ */ v(h, { size: 20 }),
 				order: 10,
 				group: "catalog"
 			},
 			{
 				id: "coolandlovely-collections",
-				label: C("coolandlovely.nav.collections", "Collections"),
-				path: w(x, "collections"),
-				icon: /* @__PURE__ */ g(d, { size: 20 }),
+				label: T("coolandlovely.nav.collections", "Collections"),
+				path: E(C, "collections"),
+				icon: /* @__PURE__ */ v(f, { size: 20 }),
 				order: 11,
 				group: "catalog"
 			},
 			{
 				id: "coolandlovely-items",
-				label: C("coolandlovely.nav.items", "Style Items"),
-				path: w(x, "items"),
-				icon: /* @__PURE__ */ g(f, { size: 20 }),
+				label: T("coolandlovely.nav.items", "Style Items"),
+				path: E(C, "items"),
+				icon: /* @__PURE__ */ v(p, { size: 20 }),
 				order: 12,
 				group: "catalog"
 			},
 			{
 				id: "coolandlovely-looks",
-				label: C("coolandlovely.nav.looks", "Looks"),
-				path: w(x, "looks"),
-				icon: /* @__PURE__ */ g(p, { size: 20 }),
+				label: T("coolandlovely.nav.looks", "Looks"),
+				path: E(C, "looks"),
+				icon: /* @__PURE__ */ v(m, { size: 20 }),
 				order: 20,
 				group: "social"
 			},
 			{
 				id: "coolandlovely-collaborations",
-				label: C("coolandlovely.nav.collaborations", "Collaborations"),
-				path: w(x, "collaborations"),
-				icon: /* @__PURE__ */ g(c, { size: 20 }),
+				label: T("coolandlovely.nav.collaborations", "Collaborations"),
+				path: E(C, "collaborations"),
+				icon: /* @__PURE__ */ v(l, { size: 20 }),
 				order: 21,
 				group: "social"
 			},
 			{
 				id: "coolandlovely-wardrobe",
-				label: C("coolandlovely.nav.wardrobe", "My Wardrobe"),
-				path: w(x, "wardrobe"),
-				icon: /* @__PURE__ */ g(l, { size: 20 }),
+				label: T("coolandlovely.nav.wardrobe", "My Wardrobe"),
+				path: E(C, "wardrobe"),
+				icon: /* @__PURE__ */ v(u, { size: 20 }),
 				order: 30,
 				group: "my-style"
 			},
 			{
 				id: "coolandlovely-lookbooks",
-				label: C("coolandlovely.nav.lookbooks", "Lookbooks"),
-				path: w(x, "lookbooks"),
-				icon: /* @__PURE__ */ g(s, { size: 20 }),
+				label: T("coolandlovely.nav.lookbooks", "Lookbooks"),
+				path: E(C, "lookbooks"),
+				icon: /* @__PURE__ */ v(s, { size: 20 }),
 				order: 31,
 				group: "my-style"
 			},
 			{
 				id: "coolandlovely-profile",
-				label: C("coolandlovely.nav.profile", "Style Profile"),
-				path: w(x, "profile"),
-				icon: /* @__PURE__ */ g(h, { size: 20 }),
+				label: T("coolandlovely.nav.profile", "Style Profile"),
+				path: E(C, "profile"),
+				icon: /* @__PURE__ */ v(_, { size: 20 }),
 				order: 32,
 				group: "my-style"
+			},
+			{
+				id: "coolandlovely-discover",
+				label: T("coolandlovely.nav.discover", "Discover"),
+				path: E(C, "discover"),
+				icon: /* @__PURE__ */ v(c, { size: 20 }),
+				order: 40,
+				group: "signals"
+			},
+			{
+				id: "coolandlovely-trends",
+				label: T("coolandlovely.nav.trends", "Trends"),
+				path: E(C, "trends"),
+				icon: /* @__PURE__ */ v(g, { size: 20 }),
+				order: 41,
+				group: "signals"
 			}
 		]);
 	}, [
-		y,
 		x,
-		C
+		C,
+		T
 	]), r(() => {
-		if (b) return b([{
+		if (S) return S([{
 			id: "coolandlovely-status",
-			label: C("coolandlovely.footer.ready", "CoolAndLovely"),
+			label: T("coolandlovely.footer.ready", "CoolAndLovely"),
 			type: "status",
 			order: 10,
 			section: "left"
 		}]);
-	}, [b, C]), /* @__PURE__ */ g(a, {
-		client: v,
-		children: /* @__PURE__ */ g(_, {
+	}, [S, T]), /* @__PURE__ */ v(a, {
+		client: b,
+		children: /* @__PURE__ */ v(y, {
 			workspaceId: null,
 			gateway: "global",
 			defaultEnabled: !0,
-			children: /* @__PURE__ */ g(e, {
+			children: /* @__PURE__ */ v(e, {
 				...i,
-				children: /* @__PURE__ */ g(t, {})
+				children: /* @__PURE__ */ v(t, {})
 			})
 		})
 	});
 };
 //#endregion
-export { y as CoolAndLovelyRoot };
+export { x as CoolAndLovelyRoot };
 
 //# sourceMappingURL=CoolAndLovelyRoot.js.map

package/dist/coolandlovely/CoolAndLovelyRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoolAndLovelyRoot.js","names":[],"sources":["../../src/coolandlovely/CoolAndLovelyRoot.tsx"],"sourcesContent":["/**\n * CoolAndLovely Root Component\n * @module coolandlovely\n *\n * Single Root export consumed by host application shells. The export name and\n * prop contract (basePath / navigate / currentUser / apiGatewayUrl /\n * registerNavItems / registerFooterItems / workspace context) are stable — the\n * host imports `CoolAndLovelyRoot` the same way regardless of the internal UI.\n */\n\nimport type { FC } from 'react';\nimport { useCallback, useEffect } from 'react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Home,\n  Store,\n  Shapes,\n  Shirt,\n  Sparkles,\n  Handshake,\n  Heart,\n  BookHeart,\n  UserCircle,\n} from 'lucide-react';\nimport { CoolAndLovelyProvider } from './context/CoolAndLovelyContext';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { CoolAndLovelyRoutes } from './CoolAndLovelyRoutes';\nimport type { CoolAndLovelyRootProps, NavItem } from './types';\n\n// Create a query client for this microfrontend\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 5 * 60 * 1000,\n      retry: 1,\n    },\n  },\n});\n\nexport const CoolAndLovelyRoot: FC<CoolAndLovelyRootProps> = (props) => {\n  const { registerNavItems, registerFooterItems, basePath = '/' } = props;\n  const { t: translate } = useI18n();\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  // Helper to join paths correctly\n  const joinPath = (base: string, path: string): string => {\n    const cleanBase = base.endsWith('/') ? base.slice(0, -1) : base;\n    const cleanPath = path.startsWith('/') ? path : `/${path}`;\n    return cleanBase + cleanPath;\n  };\n\n  // Register navigation items with the shell on mount.\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const navItems: NavItem[] = [\n      {\n        id: 'coolandlovely-overview',\n        label: t('coolandlovely.nav.overview', 'Overview'),\n        path: joinPath(basePath, ''),\n        icon: <Home size={20} />,\n        order: 1,\n        group: 'main',\n      },\n      // Catalog\n      {\n        id: 'coolandlovely-brands',\n        label: t('coolandlovely.nav.brands', 'Brands'),\n        path: joinPath(basePath, 'brands'),\n        icon: <Store size={20} />,\n        order: 10,\n        group: 'catalog',\n      },\n      {\n        id: 'coolandlovely-collections',\n        label: t('coolandlovely.nav.collections', 'Collections'),\n        path: joinPath(basePath, 'collections'),\n        icon: <Shapes size={20} />,\n        order: 11,\n        group: 'catalog',\n      },\n      {\n        id: 'coolandlovely-items',\n        label: t('coolandlovely.nav.items', 'Style Items'),\n        path: joinPath(basePath, 'items'),\n        icon: <Shirt size={20} />,\n        order: 12,\n        group: 'catalog',\n      },\n      // Social\n      {\n        id: 'coolandlovely-looks',\n        label: t('coolandlovely.nav.looks', 'Looks'),\n        path: joinPath(basePath, 'looks'),\n        icon: <Sparkles size={20} />,\n        order: 20,\n        group: 'social',\n      },\n      {\n        id: 'coolandlovely-collaborations',\n        label: t('coolandlovely.nav.collaborations', 'Collaborations'),\n        path: joinPath(basePath, 'collaborations'),\n        icon: <Handshake size={20} />,\n        order: 21,\n        group: 'social',\n      },\n      // My style\n      {\n        id: 'coolandlovely-wardrobe',\n        label: t('coolandlovely.nav.wardrobe', 'My Wardrobe'),\n        path: joinPath(basePath, 'wardrobe'),\n        icon: <Heart size={20} />,\n        order: 30,\n        group: 'my-style',\n      },\n      {\n        id: 'coolandlovely-lookbooks',\n        label: t('coolandlovely.nav.lookbooks', 'Lookbooks'),\n        path: joinPath(basePath, 'lookbooks'),\n        icon: <BookHeart size={20} />,\n        order: 31,\n        group: 'my-style',\n      },\n      {\n        id: 'coolandlovely-profile',\n        label: t('coolandlovely.nav.profile', 'Style Profile'),\n        path: joinPath(basePath, 'profile'),\n        icon: <UserCircle size={20} />,\n        order: 32,\n        group: 'my-style',\n      },\n    ];\n\n    const cleanup = registerNavItems(navItems);\n    return cleanup;\n  }, [registerNavItems, basePath, t]);\n\n  // Register footer items\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const footerItems = [\n      {\n        id: 'coolandlovely-status',\n        label: t('coolandlovely.footer.ready', 'CoolAndLovely'),\n        type: 'status' as const,\n        order: 10,\n        section: 'left' as const,\n      },\n    ];\n\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems, t]);\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n        <CoolAndLovelyProvider {...props}>\n          <CoolAndLovelyRoutes />\n        </CoolAndLovelyProvider>\n      </FeatureFlagProvider>\n    </QueryClientProvider>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CoolAndLovelyRoot.js","names":[],"sources":["../../src/coolandlovely/CoolAndLovelyRoot.tsx"],"sourcesContent":["/**\n * CoolAndLovely Root Component\n * @module coolandlovely\n *\n * Single Root export consumed by host application shells. The export name and\n * prop contract (basePath / navigate / currentUser / apiGatewayUrl /\n * registerNavItems / registerFooterItems / workspace context) are stable — the\n * host imports `CoolAndLovelyRoot` the same way regardless of the internal UI.\n */\n\nimport type { FC } from 'react';\nimport { useCallback, useEffect } from 'react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Home,\n  Store,\n  Shapes,\n  Shirt,\n  Sparkles,\n  Handshake,\n  Heart,\n  BookHeart,\n  UserCircle,\n  Compass,\n  TrendingUp,\n} from 'lucide-react';\nimport { CoolAndLovelyProvider } from './context/CoolAndLovelyContext';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { CoolAndLovelyRoutes } from './CoolAndLovelyRoutes';\nimport type { CoolAndLovelyRootProps, NavItem } from './types';\n\n// Create a query client for this microfrontend\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 5 * 60 * 1000,\n      retry: 1,\n    },\n  },\n});\n\nexport const CoolAndLovelyRoot: FC<CoolAndLovelyRootProps> = (props) => {\n  const { registerNavItems, registerFooterItems, basePath = '/' } = props;\n  const { t: translate } = useI18n();\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  // Helper to join paths correctly\n  const joinPath = (base: string, path: string): string => {\n    const cleanBase = base.endsWith('/') ? base.slice(0, -1) : base;\n    const cleanPath = path.startsWith('/') ? path : `/${path}`;\n    return cleanBase + cleanPath;\n  };\n\n  // Register navigation items with the shell on mount.\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const navItems: NavItem[] = [\n      {\n        id: 'coolandlovely-overview',\n        label: t('coolandlovely.nav.overview', 'Overview'),\n        path: joinPath(basePath, ''),\n        icon: <Home size={20} />,\n        order: 1,\n        group: 'main',\n      },\n      // Catalog\n      {\n        id: 'coolandlovely-brands',\n        label: t('coolandlovely.nav.brands', 'Brands'),\n        path: joinPath(basePath, 'brands'),\n        icon: <Store size={20} />,\n        order: 10,\n        group: 'catalog',\n      },\n      {\n        id: 'coolandlovely-collections',\n        label: t('coolandlovely.nav.collections', 'Collections'),\n        path: joinPath(basePath, 'collections'),\n        icon: <Shapes size={20} />,\n        order: 11,\n        group: 'catalog',\n      },\n      {\n        id: 'coolandlovely-items',\n        label: t('coolandlovely.nav.items', 'Style Items'),\n        path: joinPath(basePath, 'items'),\n        icon: <Shirt size={20} />,\n        order: 12,\n        group: 'catalog',\n      },\n      // Social\n      {\n        id: 'coolandlovely-looks',\n        label: t('coolandlovely.nav.looks', 'Looks'),\n        path: joinPath(basePath, 'looks'),\n        icon: <Sparkles size={20} />,\n        order: 20,\n        group: 'social',\n      },\n      {\n        id: 'coolandlovely-collaborations',\n        label: t('coolandlovely.nav.collaborations', 'Collaborations'),\n        path: joinPath(basePath, 'collaborations'),\n        icon: <Handshake size={20} />,\n        order: 21,\n        group: 'social',\n      },\n      // My style\n      {\n        id: 'coolandlovely-wardrobe',\n        label: t('coolandlovely.nav.wardrobe', 'My Wardrobe'),\n        path: joinPath(basePath, 'wardrobe'),\n        icon: <Heart size={20} />,\n        order: 30,\n        group: 'my-style',\n      },\n      {\n        id: 'coolandlovely-lookbooks',\n        label: t('coolandlovely.nav.lookbooks', 'Lookbooks'),\n        path: joinPath(basePath, 'lookbooks'),\n        icon: <BookHeart size={20} />,\n        order: 31,\n        group: 'my-style',\n      },\n      {\n        id: 'coolandlovely-profile',\n        label: t('coolandlovely.nav.profile', 'Style Profile'),\n        path: joinPath(basePath, 'profile'),\n        icon: <UserCircle size={20} />,\n        order: 32,\n        group: 'my-style',\n      },\n      {\n        id: 'coolandlovely-discover',\n        label: t('coolandlovely.nav.discover', 'Discover'),\n        path: joinPath(basePath, 'discover'),\n        icon: <Compass size={20} />,\n        order: 40,\n        group: 'signals',\n      },\n      {\n        id: 'coolandlovely-trends',\n        label: t('coolandlovely.nav.trends', 'Trends'),\n        path: joinPath(basePath, 'trends'),\n        icon: <TrendingUp size={20} />,\n        order: 41,\n        group: 'signals',\n      },\n    ];\n\n    const cleanup = registerNavItems(navItems);\n    return cleanup;\n  }, [registerNavItems, basePath, t]);\n\n  // Register footer items\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const footerItems = [\n      {\n        id: 'coolandlovely-status',\n        label: t('coolandlovely.footer.ready', 'CoolAndLovely'),\n        type: 'status' as const,\n        order: 10,\n        section: 'left' as const,\n      },\n    ];\n\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems, t]);\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n        <CoolAndLovelyProvider {...props}>\n          <CoolAndLovelyRoutes />\n        </CoolAndLovelyProvider>\n      </FeatureFlagProvider>\n    </QueryClientProvider>\n  );\n};\n"],"mappings":"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"}

package/dist/coolandlovely/CoolAndLovelyRoutes.js

@@ -4,15 +4,15 @@ import { Suspense as n, lazy as r } from "react";
 import { Navigate as i, Route as a, Routes as o, useLocation as s } from "react-router-dom";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/coolandlovely/CoolAndLovelyRoutes.tsx
-var u = r(() => import("./pages/brands/BrandsListPage.js").then((e) => ({ default: e.BrandsListPage }))), d = r(() => import("./pages/brands/BrandDetailPage.js").then((e) => ({ default: e.BrandDetailPage }))), f = r(() => import("./pages/brands/BrandFormPage.js").then((e) => ({ default: e.BrandFormPage }))), p = r(() => import("./pages/collections/CollectionsListPage.js").then((e) => ({ default: e.CollectionsListPage }))), m = r(() => import("./pages/collections/CollectionDetailPage.js").then((e) => ({ default: e.CollectionDetailPage }))), h = r(() => import("./pages/collections/CollectionFormPage.js").then((e) => ({ default: e.CollectionFormPage }))), g = r(() => import("./pages/items/StyleItemsListPage.js").then((e) => ({ default: e.StyleItemsListPage }))), _ = r(() => import("./pages/items/StyleItemDetailPage.js").then((e) => ({ default: e.StyleItemDetailPage }))), v = r(() => import("./pages/items/StyleItemFormPage.js").then((e) => ({ default: e.StyleItemFormPage }))), y = r(() => import("./pages/looks/LooksListPage.js").then((e) => ({ default: e.LooksListPage }))), b = r(() => import("./pages/looks/LookDetailPage.js").then((e) => ({ default: e.LookDetailPage }))), x = r(() => import("./pages/looks/LookFormPage.js").then((e) => ({ default: e.LookFormPage }))), S = r(() => import("./pages/collaborations/CollaborationsListPage.js").then((e) => ({ default: e.CollaborationsListPage }))), C = r(() => import("./pages/collaborations/CollaborationDetailPage.js").then((e) => ({ default: e.CollaborationDetailPage }))), w = r(() => import("./pages/collaborations/CollaborationFormPage.js").then((e) => ({ default: e.CollaborationFormPage }))), T = r(() => import("./pages/wardrobe/WardrobeListPage.js").then((e) => ({ default: e.WardrobeListPage }))), E = r(() => import("./pages/wardrobe/WardrobeFormPage.js").then((e) => ({ default: e.WardrobeFormPage }))), D = r(() => import("./pages/lookbooks/LookbooksListPage.js").then((e) => ({ default: e.LookbooksListPage }))), O = r(() => import("./pages/lookbooks/LookbookDetailPage.js").then((e) => ({ default: e.LookbookDetailPage }))), k = r(() => import("./pages/profile/StyleProfilePage.js").then((e) => ({ default: e.StyleProfilePage }))), A = () => /* @__PURE__ */ c("div", {
+var u = r(() => import("./pages/brands/BrandsListPage.js").then((e) => ({ default: e.BrandsListPage }))), d = r(() => import("./pages/brands/BrandDetailPage.js").then((e) => ({ default: e.BrandDetailPage }))), f = r(() => import("./pages/brands/BrandFormPage.js").then((e) => ({ default: e.BrandFormPage }))), p = r(() => import("./pages/collections/CollectionsListPage.js").then((e) => ({ default: e.CollectionsListPage }))), m = r(() => import("./pages/collections/CollectionDetailPage.js").then((e) => ({ default: e.CollectionDetailPage }))), h = r(() => import("./pages/collections/CollectionFormPage.js").then((e) => ({ default: e.CollectionFormPage }))), g = r(() => import("./pages/items/StyleItemsListPage.js").then((e) => ({ default: e.StyleItemsListPage }))), _ = r(() => import("./pages/items/StyleItemDetailPage.js").then((e) => ({ default: e.StyleItemDetailPage }))), v = r(() => import("./pages/items/StyleItemFormPage.js").then((e) => ({ default: e.StyleItemFormPage }))), y = r(() => import("./pages/looks/LooksListPage.js").then((e) => ({ default: e.LooksListPage }))), b = r(() => import("./pages/looks/LookDetailPage.js").then((e) => ({ default: e.LookDetailPage }))), x = r(() => import("./pages/looks/LookFormPage.js").then((e) => ({ default: e.LookFormPage }))), S = r(() => import("./pages/collaborations/CollaborationsListPage.js").then((e) => ({ default: e.CollaborationsListPage }))), C = r(() => import("./pages/collaborations/CollaborationDetailPage.js").then((e) => ({ default: e.CollaborationDetailPage }))), w = r(() => import("./pages/collaborations/CollaborationFormPage.js").then((e) => ({ default: e.CollaborationFormPage }))), T = r(() => import("./pages/wardrobe/WardrobeListPage.js").then((e) => ({ default: e.WardrobeListPage }))), E = r(() => import("./pages/wardrobe/WardrobeFormPage.js").then((e) => ({ default: e.WardrobeFormPage }))), D = r(() => import("./pages/lookbooks/LookbooksListPage.js").then((e) => ({ default: e.LookbooksListPage }))), O = r(() => import("./pages/lookbooks/LookbookDetailPage.js").then((e) => ({ default: e.LookbookDetailPage }))), k = r(() => import("./pages/profile/StyleProfilePage.js").then((e) => ({ default: e.StyleProfilePage }))), A = r(() => import("./pages/discover/DiscoverPage.js").then((e) => ({ default: e.DiscoverPage }))), j = r(() => import("./pages/trends/TrendsPage.js").then((e) => ({ default: e.TrendsPage }))), M = () => /* @__PURE__ */ c("div", {
 	className: "flex min-h-[400px] items-center justify-center",
 	children: /* @__PURE__ */ c("div", { className: "h-8 w-8 animate-spin rounded-full border-b-2 border-primary" })
-}), j = () => {
-	let { basePath: r, isStandalone: j } = e(), M = s(), N = r === "/" ? "" : (r ?? "").replace(/\/$/, "");
-	return N && !j && !(M.pathname === N || M.pathname.startsWith(N + "/")) ? null : /* @__PURE__ */ c("div", {
+}), N = () => {
+	let { basePath: r, isStandalone: N } = e(), P = s(), F = r === "/" ? "" : (r ?? "").replace(/\/$/, "");
+	return F && !N && !(P.pathname === F || P.pathname.startsWith(F + "/")) ? null : /* @__PURE__ */ c("div", {
 		className: "flex min-h-full flex-col",
 		children: /* @__PURE__ */ c(n, {
-			fallback: /* @__PURE__ */ c(A, {}),
+			fallback: /* @__PURE__ */ c(M, {}),
 			children: /* @__PURE__ */ l(o, { children: [
 				/* @__PURE__ */ c(a, {
 					index: !0,
@@ -110,6 +110,14 @@ var u = r(() => import("./pages/brands/BrandsListPage.js").then((e) => ({ defaul
 					path: "profile",
 					element: /* @__PURE__ */ c(k, {})
 				}),
+				/* @__PURE__ */ c(a, {
+					path: "discover",
+					element: /* @__PURE__ */ c(A, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "trends",
+					element: /* @__PURE__ */ c(j, {})
+				}),
 				/* @__PURE__ */ c(a, {
 					path: "*",
 					element: /* @__PURE__ */ c(i, {
@@ -122,6 +130,6 @@ var u = r(() => import("./pages/brands/BrandsListPage.js").then((e) => ({ defaul
 	});
 };
 //#endregion
-export { j as CoolAndLovelyRoutes };
+export { N as CoolAndLovelyRoutes };
 
 //# sourceMappingURL=CoolAndLovelyRoutes.js.map

package/dist/coolandlovely/CoolAndLovelyRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoolAndLovelyRoutes.js","names":[],"sources":["../../src/coolandlovely/CoolAndLovelyRoutes.tsx"],"sourcesContent":["/**\n * CoolAndLovely Routes\n * @module coolandlovely\n *\n * Real fashion-domain routes wired to the live `wspace-coolandlovely-svc`\n * GraphQL contract: overview, brands, collections, style items, looks,\n * collaborations, wardrobe, lookbooks and the shopper's style profile.\n */\n\nimport { type FC, lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate, useLocation } from 'react-router-dom';\nimport { useCoolAndLovely } from './context/CoolAndLovelyContext';\n\n// Eager-loaded overview (primary landing page)\nimport { HomePage } from './pages/HomePage';\n\n// Brands\nconst BrandsListPage = lazy(() =>\n  import('./pages/brands/BrandsListPage').then((m) => ({ default: m.BrandsListPage }))\n);\nconst BrandDetailPage = lazy(() =>\n  import('./pages/brands/BrandDetailPage').then((m) => ({ default: m.BrandDetailPage }))\n);\nconst BrandFormPage = lazy(() =>\n  import('./pages/brands/BrandFormPage').then((m) => ({ default: m.BrandFormPage }))\n);\n\n// Collections\nconst CollectionsListPage = lazy(() =>\n  import('./pages/collections/CollectionsListPage').then((m) => ({\n    default: m.CollectionsListPage,\n  }))\n);\nconst CollectionDetailPage = lazy(() =>\n  import('./pages/collections/CollectionDetailPage').then((m) => ({\n    default: m.CollectionDetailPage,\n  }))\n);\nconst CollectionFormPage = lazy(() =>\n  import('./pages/collections/CollectionFormPage').then((m) => ({ default: m.CollectionFormPage }))\n);\n\n// Style items\nconst StyleItemsListPage = lazy(() =>\n  import('./pages/items/StyleItemsListPage').then((m) => ({ default: m.StyleItemsListPage }))\n);\nconst StyleItemDetailPage = lazy(() =>\n  import('./pages/items/StyleItemDetailPage').then((m) => ({ default: m.StyleItemDetailPage }))\n);\nconst StyleItemFormPage = lazy(() =>\n  import('./pages/items/StyleItemFormPage').then((m) => ({ default: m.StyleItemFormPage }))\n);\n\n// Looks\nconst LooksListPage = lazy(() =>\n  import('./pages/looks/LooksListPage').then((m) => ({ default: m.LooksListPage }))\n);\nconst LookDetailPage = lazy(() =>\n  import('./pages/looks/LookDetailPage').then((m) => ({ default: m.LookDetailPage }))\n);\nconst LookFormPage = lazy(() =>\n  import('./pages/looks/LookFormPage').then((m) => ({ default: m.LookFormPage }))\n);\n\n// Collaborations\nconst CollaborationsListPage = lazy(() =>\n  import('./pages/collaborations/CollaborationsListPage').then((m) => ({\n    default: m.CollaborationsListPage,\n  }))\n);\nconst CollaborationDetailPage = lazy(() =>\n  import('./pages/collaborations/CollaborationDetailPage').then((m) => ({\n    default: m.CollaborationDetailPage,\n  }))\n);\nconst CollaborationFormPage = lazy(() =>\n  import('./pages/collaborations/CollaborationFormPage').then((m) => ({\n    default: m.CollaborationFormPage,\n  }))\n);\n\n// Wardrobe (self-scoped)\nconst WardrobeListPage = lazy(() =>\n  import('./pages/wardrobe/WardrobeListPage').then((m) => ({ default: m.WardrobeListPage }))\n);\nconst WardrobeFormPage = lazy(() =>\n  import('./pages/wardrobe/WardrobeFormPage').then((m) => ({ default: m.WardrobeFormPage }))\n);\n\n// Lookbooks\nconst LookbooksListPage = lazy(() =>\n  import('./pages/lookbooks/LookbooksListPage').then((m) => ({ default: m.LookbooksListPage }))\n);\nconst LookbookDetailPage = lazy(() =>\n  import('./pages/lookbooks/LookbookDetailPage').then((m) => ({ default: m.LookbookDetailPage }))\n);\n\n// Style profile (self-scoped)\nconst StyleProfilePage = lazy(() =>\n  import('./pages/profile/StyleProfilePage').then((m) => ({ default: m.StyleProfilePage }))\n);\n\nconst PageLoader: FC = () => (\n  <div className=\"flex min-h-[400px] items-center justify-center\">\n    <div className=\"h-8 w-8 animate-spin rounded-full border-b-2 border-primary\" />\n  </div>\n);\n\nexport const CoolAndLovelyRoutes: FC = () => {\n  const { basePath, isStandalone } = useCoolAndLovely();\n  const location = useLocation();\n\n  const normalizedBasePath = basePath === '/' ? '' : (basePath ?? '').replace(/\\/$/, '');\n\n  // Guard: only render if the path matches the basePath (when integrated).\n  if (normalizedBasePath && !isStandalone) {\n    const pathMatches =\n      location.pathname === normalizedBasePath ||\n      location.pathname.startsWith(normalizedBasePath + '/');\n    if (!pathMatches) {\n      return null;\n    }\n  }\n\n  return (\n    <div className=\"flex min-h-full flex-col\">\n      <Suspense fallback={<PageLoader />}>\n        <Routes>\n          {/* Overview */}\n          <Route index element={<HomePage />} />\n\n          {/* Brands */}\n          <Route path=\"brands\" element={<BrandsListPage />} />\n          <Route path=\"brands/new\" element={<BrandFormPage />} />\n          <Route path=\"brands/:brandId\" element={<BrandDetailPage />} />\n          <Route path=\"brands/:brandId/edit\" element={<BrandFormPage />} />\n\n          {/* Collections */}\n          <Route path=\"collections\" element={<CollectionsListPage />} />\n          <Route path=\"collections/new\" element={<CollectionFormPage />} />\n          <Route path=\"collections/:collectionId\" element={<CollectionDetailPage />} />\n          <Route path=\"collections/:collectionId/edit\" element={<CollectionFormPage />} />\n\n          {/* Style items */}\n          <Route path=\"items\" element={<StyleItemsListPage />} />\n          <Route path=\"items/new\" element={<StyleItemFormPage />} />\n          <Route path=\"items/:itemId\" element={<StyleItemDetailPage />} />\n          <Route path=\"items/:itemId/edit\" element={<StyleItemFormPage />} />\n\n          {/* Looks */}\n          <Route path=\"looks\" element={<LooksListPage />} />\n          <Route path=\"looks/new\" element={<LookFormPage />} />\n          <Route path=\"looks/:lookId\" element={<LookDetailPage />} />\n\n          {/* Collaborations */}\n          <Route path=\"collaborations\" element={<CollaborationsListPage />} />\n          <Route path=\"collaborations/new\" element={<CollaborationFormPage />} />\n          <Route path=\"collaborations/:collaborationId\" element={<CollaborationDetailPage />} />\n\n          {/* Wardrobe (self-scoped) */}\n          <Route path=\"wardrobe\" element={<WardrobeListPage />} />\n          <Route path=\"wardrobe/new\" element={<WardrobeFormPage />} />\n\n          {/* Lookbooks */}\n          <Route path=\"lookbooks\" element={<LookbooksListPage />} />\n          <Route path=\"lookbooks/:lookbookId\" element={<LookbookDetailPage />} />\n\n          {/* Style profile (self-scoped) */}\n          <Route path=\"profile\" element={<StyleProfilePage />} />\n\n          {/* Fallback */}\n          <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n        </Routes>\n      </Suspense>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CoolAndLovelyRoutes.js","names":[],"sources":["../../src/coolandlovely/CoolAndLovelyRoutes.tsx"],"sourcesContent":["/**\n * CoolAndLovely Routes\n * @module coolandlovely\n *\n * Real fashion-domain routes wired to the live `wspace-coolandlovely-svc`\n * GraphQL contract: overview, brands, collections, style items, looks,\n * collaborations, wardrobe, lookbooks and the shopper's style profile.\n */\n\nimport { type FC, lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate, useLocation } from 'react-router-dom';\nimport { useCoolAndLovely } from './context/CoolAndLovelyContext';\n\n// Eager-loaded overview (primary landing page)\nimport { HomePage } from './pages/HomePage';\n\n// Brands\nconst BrandsListPage = lazy(() =>\n  import('./pages/brands/BrandsListPage').then((m) => ({ default: m.BrandsListPage }))\n);\nconst BrandDetailPage = lazy(() =>\n  import('./pages/brands/BrandDetailPage').then((m) => ({ default: m.BrandDetailPage }))\n);\nconst BrandFormPage = lazy(() =>\n  import('./pages/brands/BrandFormPage').then((m) => ({ default: m.BrandFormPage }))\n);\n\n// Collections\nconst CollectionsListPage = lazy(() =>\n  import('./pages/collections/CollectionsListPage').then((m) => ({\n    default: m.CollectionsListPage,\n  }))\n);\nconst CollectionDetailPage = lazy(() =>\n  import('./pages/collections/CollectionDetailPage').then((m) => ({\n    default: m.CollectionDetailPage,\n  }))\n);\nconst CollectionFormPage = lazy(() =>\n  import('./pages/collections/CollectionFormPage').then((m) => ({ default: m.CollectionFormPage }))\n);\n\n// Style items\nconst StyleItemsListPage = lazy(() =>\n  import('./pages/items/StyleItemsListPage').then((m) => ({ default: m.StyleItemsListPage }))\n);\nconst StyleItemDetailPage = lazy(() =>\n  import('./pages/items/StyleItemDetailPage').then((m) => ({ default: m.StyleItemDetailPage }))\n);\nconst StyleItemFormPage = lazy(() =>\n  import('./pages/items/StyleItemFormPage').then((m) => ({ default: m.StyleItemFormPage }))\n);\n\n// Looks\nconst LooksListPage = lazy(() =>\n  import('./pages/looks/LooksListPage').then((m) => ({ default: m.LooksListPage }))\n);\nconst LookDetailPage = lazy(() =>\n  import('./pages/looks/LookDetailPage').then((m) => ({ default: m.LookDetailPage }))\n);\nconst LookFormPage = lazy(() =>\n  import('./pages/looks/LookFormPage').then((m) => ({ default: m.LookFormPage }))\n);\n\n// Collaborations\nconst CollaborationsListPage = lazy(() =>\n  import('./pages/collaborations/CollaborationsListPage').then((m) => ({\n    default: m.CollaborationsListPage,\n  }))\n);\nconst CollaborationDetailPage = lazy(() =>\n  import('./pages/collaborations/CollaborationDetailPage').then((m) => ({\n    default: m.CollaborationDetailPage,\n  }))\n);\nconst CollaborationFormPage = lazy(() =>\n  import('./pages/collaborations/CollaborationFormPage').then((m) => ({\n    default: m.CollaborationFormPage,\n  }))\n);\n\n// Wardrobe (self-scoped)\nconst WardrobeListPage = lazy(() =>\n  import('./pages/wardrobe/WardrobeListPage').then((m) => ({ default: m.WardrobeListPage }))\n);\nconst WardrobeFormPage = lazy(() =>\n  import('./pages/wardrobe/WardrobeFormPage').then((m) => ({ default: m.WardrobeFormPage }))\n);\n\n// Lookbooks\nconst LookbooksListPage = lazy(() =>\n  import('./pages/lookbooks/LookbooksListPage').then((m) => ({ default: m.LookbooksListPage }))\n);\nconst LookbookDetailPage = lazy(() =>\n  import('./pages/lookbooks/LookbookDetailPage').then((m) => ({ default: m.LookbookDetailPage }))\n);\n\n// Style profile (self-scoped)\nconst StyleProfilePage = lazy(() =>\n  import('./pages/profile/StyleProfilePage').then((m) => ({ default: m.StyleProfilePage }))\n);\n\n// Discovery + trends (client-side analytics over the real catalogue/social lists)\nconst DiscoverPage = lazy(() =>\n  import('./pages/discover/DiscoverPage').then((m) => ({ default: m.DiscoverPage }))\n);\nconst TrendsPage = lazy(() =>\n  import('./pages/trends/TrendsPage').then((m) => ({ default: m.TrendsPage }))\n);\n\nconst PageLoader: FC = () => (\n  <div className=\"flex min-h-[400px] items-center justify-center\">\n    <div className=\"h-8 w-8 animate-spin rounded-full border-b-2 border-primary\" />\n  </div>\n);\n\nexport const CoolAndLovelyRoutes: FC = () => {\n  const { basePath, isStandalone } = useCoolAndLovely();\n  const location = useLocation();\n\n  const normalizedBasePath = basePath === '/' ? '' : (basePath ?? '').replace(/\\/$/, '');\n\n  // Guard: only render if the path matches the basePath (when integrated).\n  if (normalizedBasePath && !isStandalone) {\n    const pathMatches =\n      location.pathname === normalizedBasePath ||\n      location.pathname.startsWith(normalizedBasePath + '/');\n    if (!pathMatches) {\n      return null;\n    }\n  }\n\n  return (\n    <div className=\"flex min-h-full flex-col\">\n      <Suspense fallback={<PageLoader />}>\n        <Routes>\n          {/* Overview */}\n          <Route index element={<HomePage />} />\n\n          {/* Brands */}\n          <Route path=\"brands\" element={<BrandsListPage />} />\n          <Route path=\"brands/new\" element={<BrandFormPage />} />\n          <Route path=\"brands/:brandId\" element={<BrandDetailPage />} />\n          <Route path=\"brands/:brandId/edit\" element={<BrandFormPage />} />\n\n          {/* Collections */}\n          <Route path=\"collections\" element={<CollectionsListPage />} />\n          <Route path=\"collections/new\" element={<CollectionFormPage />} />\n          <Route path=\"collections/:collectionId\" element={<CollectionDetailPage />} />\n          <Route path=\"collections/:collectionId/edit\" element={<CollectionFormPage />} />\n\n          {/* Style items */}\n          <Route path=\"items\" element={<StyleItemsListPage />} />\n          <Route path=\"items/new\" element={<StyleItemFormPage />} />\n          <Route path=\"items/:itemId\" element={<StyleItemDetailPage />} />\n          <Route path=\"items/:itemId/edit\" element={<StyleItemFormPage />} />\n\n          {/* Looks */}\n          <Route path=\"looks\" element={<LooksListPage />} />\n          <Route path=\"looks/new\" element={<LookFormPage />} />\n          <Route path=\"looks/:lookId\" element={<LookDetailPage />} />\n\n          {/* Collaborations */}\n          <Route path=\"collaborations\" element={<CollaborationsListPage />} />\n          <Route path=\"collaborations/new\" element={<CollaborationFormPage />} />\n          <Route path=\"collaborations/:collaborationId\" element={<CollaborationDetailPage />} />\n\n          {/* Wardrobe (self-scoped) */}\n          <Route path=\"wardrobe\" element={<WardrobeListPage />} />\n          <Route path=\"wardrobe/new\" element={<WardrobeFormPage />} />\n\n          {/* Lookbooks */}\n          <Route path=\"lookbooks\" element={<LookbooksListPage />} />\n          <Route path=\"lookbooks/:lookbookId\" element={<LookbookDetailPage />} />\n\n          {/* Style profile (self-scoped) */}\n          <Route path=\"profile\" element={<StyleProfilePage />} />\n\n          {/* Discovery + trends */}\n          <Route path=\"discover\" element={<DiscoverPage />} />\n          <Route path=\"trends\" element={<TrendsPage />} />\n\n          {/* Fallback */}\n          <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n        </Routes>\n      </Suspense>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/coolandlovely/components/ActorName.js

@@ -0,0 +1,29 @@
+import { useCoolAndLovely as e } from "../context/CoolAndLovelyContext.js";
+import { useMemo as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { useActorProfiles as r } from "@burdenoff/fe-libs/shared";
+//#region src/coolandlovely/components/ActorName.tsx
+var i = ({ id: i, actorType: a = "user", className: o, fallback: s = "—" }) => {
+	let { apiGatewayUrl: c, authToken: l, workspaceId: u } = e(), d = r(t(() => i ? [{
+		actorId: i,
+		actorType: a
+	}] : [], [i, a]), {
+		apiGatewayUrl: c,
+		authToken: l,
+		workspaceId: u
+	});
+	if (!i) return /* @__PURE__ */ n("span", {
+		className: o,
+		children: s
+	});
+	let f = d[i], p = f?.displayName ?? i;
+	return /* @__PURE__ */ n("span", {
+		className: o,
+		title: f?.email ?? i,
+		children: p
+	});
+};
+//#endregion
+export { i as ActorName };
+
+//# sourceMappingURL=ActorName.js.map

package/dist/coolandlovely/components/ActorName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActorName.js","names":[],"sources":["../../../src/coolandlovely/components/ActorName.tsx"],"sourcesContent":["/**\n * ActorName — render an actor UUID as a human-readable display name.\n * @module coolandlovely/components\n *\n * Wraps fe-libs `useActorProfiles`, which resolves identities via the GLOBAL\n * gateway (workspace-member → org-member → admin lookup → local fallback) with\n * an internal 5-minute cache. NEVER select firstName/name on a federated\n * wspace `User` — resolve names here instead. The MFE is handed a *workspace*\n * `apiGatewayUrl`; `useActorProfiles` detects that and only uses it for the\n * workspace-scoped tier, resolving the global gateway from the hostname itself,\n * so forwarding our workspace URL is safe. Failures degrade to a short-id\n * fallback, never an error.\n */\n\nimport type { FC } from 'react';\nimport { useMemo } from 'react';\nimport { useActorProfiles, type ActorInput } from '@burdenoff/fe-libs/shared';\nimport { useCoolAndLovely } from '../context/CoolAndLovelyContext';\n\ninterface ActorNameProps {\n  /** Actor id (usually a user UUID). */\n  id?: string | null;\n  /** Actor type — 'user' (default), 'app', 'service', 'super_admin'. */\n  actorType?: string;\n  className?: string;\n  /** Shown when `id` is absent/empty (default \"—\"). */\n  fallback?: string;\n}\n\nexport const ActorName: FC<ActorNameProps> = ({\n  id,\n  actorType = 'user',\n  className,\n  fallback = '—',\n}) => {\n  const { apiGatewayUrl, authToken, workspaceId } = useCoolAndLovely();\n\n  const actors = useMemo<ActorInput[]>(\n    () => (id ? [{ actorId: id, actorType }] : []),\n    [id, actorType]\n  );\n  const profiles = useActorProfiles(actors, { apiGatewayUrl, authToken, workspaceId });\n\n  if (!id) return <span className={className}>{fallback}</span>;\n\n  const profile = profiles[id];\n  const displayName = profile?.displayName ?? id;\n\n  return (\n    <span className={className} title={profile?.email ?? id}>\n      {displayName}\n    </span>\n  );\n};\n"],"mappings":";;;;;AA6BA,IAAa,KAAiC,EAC5C,OACA,eAAY,QACZ,cACA,cAAW,UACP;CACJ,IAAM,EAAE,kBAAe,cAAW,mBAAgB,GAAkB,EAM9D,IAAW,EAJF,QACN,IAAK,CAAC;EAAE,SAAS;EAAI;EAAW,CAAC,GAAG,EAAE,EAC7C,CAAC,GAAI,EAAU,CAChB,EACyC;EAAE;EAAe;EAAW;EAAa,CAAC;AAEpF,KAAI,CAAC,EAAI,QAAO,kBAAC,QAAD;EAAiB;YAAY;EAAgB,CAAA;CAE7D,IAAM,IAAU,EAAS,IACnB,IAAc,GAAS,eAAe;AAE5C,QACE,kBAAC,QAAD;EAAiB;EAAW,OAAO,GAAS,SAAS;YAClD;EACI,CAAA"}

package/dist/coolandlovely/components/AddToLookbookButton.js

@@ -0,0 +1,81 @@
+import { useCoolAndLovely as e } from "../context/CoolAndLovelyContext.js";
+import { cn as t } from "../utils/cn.js";
+import { useAddLookbookEntry as n, useLookbooks as r } from "../hooks/useCoolAndLovelyApi.js";
+import { useEffect as i, useRef as a, useState as o } from "react";
+import { BookHeart as s, Check as c, ChevronDown as l, Loader2 as u, Plus as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/coolandlovely/components/AddToLookbookButton.tsx
+var m = ({ lookId: m, styleItemId: h, className: g }) => {
+	let { navigateTo: _, currentUser: v } = e(), y = r(v?.id), b = n(), [x, S] = o(!1), [C, w] = o(null), T = a(null);
+	i(() => {
+		if (!x) return;
+		let e = (e) => {
+			T.current && !T.current.contains(e.target) && S(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [x]);
+	let E = (y.data ?? []).filter((e) => e.ownerId === v?.id), D = (e) => {
+		b.mutate({
+			lookbookId: e,
+			lookId: m,
+			styleItemId: h
+		}, { onSuccess: () => {
+			w(e), setTimeout(() => {
+				S(!1), w(null);
+			}, 900);
+		} });
+	};
+	return /* @__PURE__ */ p("div", {
+		ref: T,
+		className: t("relative", g),
+		children: [/* @__PURE__ */ p("button", {
+			type: "button",
+			onClick: () => S((e) => !e),
+			"aria-haspopup": "menu",
+			"aria-expanded": x,
+			className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+			children: [
+				/* @__PURE__ */ f(s, { className: "h-4 w-4" }),
+				" Add to lookbook",
+				/* @__PURE__ */ f(l, { className: "h-3.5 w-3.5" })
+			]
+		}), x && /* @__PURE__ */ p("div", {
+			role: "menu",
+			className: "absolute right-0 z-20 mt-1 w-60 overflow-hidden rounded-lg border border-border-seam bg-bg-surface shadow-lg",
+			children: [y.isLoading ? /* @__PURE__ */ p("div", {
+				className: "flex items-center gap-2 px-3 py-3 text-sm text-text-secondary",
+				children: [/* @__PURE__ */ f(u, { className: "h-4 w-4 animate-spin" }), " Loading lookbooks…"]
+			}) : E.length === 0 ? /* @__PURE__ */ p("button", {
+				type: "button",
+				onClick: () => {
+					S(!1), _("/lookbooks");
+				},
+				className: "flex w-full items-center gap-2 px-3 py-3 text-left text-sm text-text-primary hover:bg-bg-sunken",
+				children: [/* @__PURE__ */ f(d, { className: "h-4 w-4" }), " Create your first lookbook"]
+			}) : /* @__PURE__ */ f("ul", {
+				className: "max-h-64 overflow-auto py-1",
+				children: E.map((e) => {
+					let t = C === e.id;
+					return /* @__PURE__ */ f("li", { children: /* @__PURE__ */ p("button", {
+						type: "button",
+						role: "menuitem",
+						disabled: b.isPending,
+						onClick: () => D(e.id),
+						className: "flex w-full items-center justify-between gap-2 px-3 py-2 text-left text-sm text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50",
+						children: [/* @__PURE__ */ f("span", {
+							className: "truncate",
+							children: e.name
+						}), t ? /* @__PURE__ */ f(c, { className: "h-4 w-4 shrink-0 text-status-success-text" }) : b.isPending ? /* @__PURE__ */ f(u, { className: "h-4 w-4 shrink-0 animate-spin text-text-secondary" }) : null]
+					}) }, e.id);
+				})
+			}), b.isError && /* @__PURE__ */ f("p", {
+				className: "border-t border-border-seam px-3 py-2 text-xs text-status-error-text",
+				children: b.error instanceof Error ? b.error.message : "Could not add"
+			})]
+		})]
+	});
+};
+//#endregion
+export { m as AddToLookbookButton };
+
+//# sourceMappingURL=AddToLookbookButton.js.map

package/dist/coolandlovely/components/AddToLookbookButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddToLookbookButton.js","names":[],"sources":["../../../src/coolandlovely/components/AddToLookbookButton.tsx"],"sourcesContent":["/**\n * AddToLookbookButton — clip a look or style item into one of the caller's\n * lookbooks (cooAddLookbookEntry).\n * @module coolandlovely/components\n *\n * Exactly one of `lookId` / `styleItemId` should be provided. Opens a small\n * menu of the caller's lookbooks; picking one adds the entry. If the shopper\n * has no lookbooks yet, offers a jump to the lookbooks page.\n */\n\nimport type { FC } from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport { BookHeart, Check, ChevronDown, Loader2, Plus } from 'lucide-react';\nimport { useCoolAndLovely } from '../context/CoolAndLovelyContext';\nimport { useAddLookbookEntry, useLookbooks } from '../hooks/useCoolAndLovelyApi';\nimport { cn } from '../utils/cn';\n\ninterface AddToLookbookButtonProps {\n  lookId?: string;\n  styleItemId?: string;\n  className?: string;\n}\n\nexport const AddToLookbookButton: FC<AddToLookbookButtonProps> = ({\n  lookId,\n  styleItemId,\n  className,\n}) => {\n  const { navigateTo, currentUser } = useCoolAndLovely();\n  const lookbooks = useLookbooks(currentUser?.id);\n  const addEntry = useAddLookbookEntry();\n  const [open, setOpen] = useState(false);\n  const [addedTo, setAddedTo] = useState<string | null>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (!open) return;\n    const onClick = (e: MouseEvent) => {\n      if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n        setOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', onClick);\n    return () => document.removeEventListener('mousedown', onClick);\n  }, [open]);\n\n  const boards = (lookbooks.data ?? []).filter((lb) => lb.ownerId === currentUser?.id);\n\n  const handleAdd = (lookbookId: string) => {\n    addEntry.mutate(\n      { lookbookId, lookId, styleItemId },\n      {\n        onSuccess: () => {\n          setAddedTo(lookbookId);\n          setTimeout(() => {\n            setOpen(false);\n            setAddedTo(null);\n          }, 900);\n        },\n      }\n    );\n  };\n\n  return (\n    <div ref={containerRef} className={cn('relative', className)}>\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n      >\n        <BookHeart className=\"h-4 w-4\" /> Add to lookbook\n        <ChevronDown className=\"h-3.5 w-3.5\" />\n      </button>\n\n      {open && (\n        <div\n          role=\"menu\"\n          className=\"absolute right-0 z-20 mt-1 w-60 overflow-hidden rounded-lg border border-border-seam bg-bg-surface shadow-lg\"\n        >\n          {lookbooks.isLoading ? (\n            <div className=\"flex items-center gap-2 px-3 py-3 text-sm text-text-secondary\">\n              <Loader2 className=\"h-4 w-4 animate-spin\" /> Loading lookbooks…\n            </div>\n          ) : boards.length === 0 ? (\n            <button\n              type=\"button\"\n              onClick={() => {\n                setOpen(false);\n                navigateTo('/lookbooks');\n              }}\n              className=\"flex w-full items-center gap-2 px-3 py-3 text-left text-sm text-text-primary hover:bg-bg-sunken\"\n            >\n              <Plus className=\"h-4 w-4\" /> Create your first lookbook\n            </button>\n          ) : (\n            <ul className=\"max-h-64 overflow-auto py-1\">\n              {boards.map((lb) => {\n                const done = addedTo === lb.id;\n                return (\n                  <li key={lb.id}>\n                    <button\n                      type=\"button\"\n                      role=\"menuitem\"\n                      disabled={addEntry.isPending}\n                      onClick={() => handleAdd(lb.id)}\n                      className=\"flex w-full items-center justify-between gap-2 px-3 py-2 text-left text-sm text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50\"\n                    >\n                      <span className=\"truncate\">{lb.name}</span>\n                      {done ? (\n                        <Check className=\"h-4 w-4 shrink-0 text-status-success-text\" />\n                      ) : addEntry.isPending ? (\n                        <Loader2 className=\"h-4 w-4 shrink-0 animate-spin text-text-secondary\" />\n                      ) : null}\n                    </button>\n                  </li>\n                );\n              })}\n            </ul>\n          )}\n          {addEntry.isError && (\n            <p className=\"border-t border-border-seam px-3 py-2 text-xs text-status-error-text\">\n              {addEntry.error instanceof Error ? addEntry.error.message : 'Could not add'}\n            </p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAuBA,IAAa,KAAqD,EAChE,WACA,gBACA,mBACI;CACJ,IAAM,EAAE,eAAY,mBAAgB,GAAkB,EAChD,IAAY,EAAa,GAAa,GAAG,EACzC,IAAW,GAAqB,EAChC,CAAC,GAAM,KAAW,EAAS,GAAM,EACjC,CAAC,GAAS,KAAc,EAAwB,KAAK,EACrD,IAAe,EAA8B,KAAK;AAExD,SAAgB;AACd,MAAI,CAAC,EAAM;EACX,IAAM,KAAW,MAAkB;AACjC,GAAI,EAAa,WAAW,CAAC,EAAa,QAAQ,SAAS,EAAE,OAAe,IAC1E,EAAQ,GAAM;;AAIlB,SADA,SAAS,iBAAiB,aAAa,EAAQ,QAClC,SAAS,oBAAoB,aAAa,EAAQ;IAC9D,CAAC,EAAK,CAAC;CAEV,IAAM,KAAU,EAAU,QAAQ,EAAE,EAAE,QAAQ,MAAO,EAAG,YAAY,GAAa,GAAG,EAE9E,KAAa,MAAuB;AACxC,IAAS,OACP;GAAE;GAAY;GAAQ;GAAa,EACnC,EACE,iBAAiB;AAEf,GADA,EAAW,EAAW,EACtB,iBAAiB;AAEf,IADA,EAAQ,GAAM,EACd,EAAW,KAAK;MACf,IAAI;KAEV,CACF;;AAGH,QACE,kBAAC,OAAD;EAAK,KAAK;EAAc,WAAW,EAAG,YAAY,EAAU;YAA5D,CACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,GAAS,MAAM,CAAC,EAAE;GACjC,iBAAc;GACd,iBAAe;GACf,WAAU;aALZ;IAOE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;;IACjC,kBAAC,GAAD,EAAa,WAAU,eAAgB,CAAA;IAChC;MAER,KACC,kBAAC,OAAD;GACE,MAAK;GACL,WAAU;aAFZ,CAIG,EAAU,YACT,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,EAAA,sBACxC;QACJ,EAAO,WAAW,IACpB,kBAAC,UAAD;IACE,MAAK;IACL,eAAe;AAEb,KADA,EAAQ,GAAM,EACd,EAAW,aAAa;;IAE1B,WAAU;cANZ,CAQE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,8BACrB;QAET,kBAAC,MAAD;IAAI,WAAU;cACX,EAAO,KAAK,MAAO;KAClB,IAAM,IAAO,MAAY,EAAG;AAC5B,YACE,kBAAC,MAAD,EAAA,UACE,kBAAC,UAAD;MACE,MAAK;MACL,MAAK;MACL,UAAU,EAAS;MACnB,eAAe,EAAU,EAAG,GAAG;MAC/B,WAAU;gBALZ,CAOE,kBAAC,QAAD;OAAM,WAAU;iBAAY,EAAG;OAAY,CAAA,EAC1C,IACC,kBAAC,GAAD,EAAO,WAAU,6CAA8C,CAAA,GAC7D,EAAS,YACX,kBAAC,GAAD,EAAS,WAAU,qDAAsD,CAAA,GACvE,KACG;SACN,EAfI,EAAG,GAeP;MAEP;IACC,CAAA,EAEN,EAAS,WACR,kBAAC,KAAD;IAAG,WAAU;cACV,EAAS,iBAAiB,QAAQ,EAAS,MAAM,UAAU;IAC1D,CAAA,CAEF;KAEJ"}

package/dist/coolandlovely/components/BrandCover.js

@@ -0,0 +1,39 @@
+import { cn as e } from "../utils/cn.js";
+import { Thumbnail as t } from "./Thumbnail.js";
+import { Store as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/coolandlovely/components/BrandCover.tsx
+var a = ({ coverFileId: a, logoFileId: o, name: s, seed: c, className: l, showLogo: u = !1, overlay: d }) => {
+	let f = c ?? s;
+	return /* @__PURE__ */ i("div", {
+		className: e("relative", l),
+		children: [
+			/* @__PURE__ */ r(t, {
+				icon: /* @__PURE__ */ r(n, { className: "h-8 w-8" }),
+				seed: f,
+				fileId: a,
+				alt: s,
+				className: "aspect-[16/6] w-full",
+				overlay: /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-bg-canvas/70 to-transparent" })
+			}),
+			d ? /* @__PURE__ */ r("div", {
+				className: "absolute inset-0",
+				children: d
+			}) : null,
+			u ? /* @__PURE__ */ r("div", {
+				className: "absolute bottom-0 left-4 translate-y-1/2",
+				children: /* @__PURE__ */ r(t, {
+					icon: /* @__PURE__ */ r(n, { className: "h-6 w-6" }),
+					seed: f,
+					fileId: o,
+					alt: `${s} logo`,
+					className: "h-16 w-16 rounded-full shadow-md ring-2 ring-bg-surface"
+				})
+			}) : null
+		]
+	});
+};
+//#endregion
+export { a as BrandCover };
+
+//# sourceMappingURL=BrandCover.js.map

package/dist/coolandlovely/components/BrandCover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandCover.js","names":[],"sources":["../../../src/coolandlovely/components/BrandCover.tsx"],"sourcesContent":["/**\n * BrandCover — a brand cover banner with an optional overlapping round logo.\n * @module coolandlovely/components\n *\n * A photographic cover (`Thumbnail` on the cover File) with a bottom token scrim\n * so overlaid text/logos read against imagery; an optional circular logo avatar\n * straddles the bottom-left, and an optional `overlay` node (name / handle /\n * actions) renders over the scrim. Reused by the brands list card and the brand\n * detail hero. Token-only.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { Store } from 'lucide-react';\nimport { Thumbnail } from './Thumbnail';\nimport { cn } from '../utils/cn';\n\ninterface BrandCoverProps {\n  coverFileId?: string | null;\n  logoFileId?: string | null;\n  name: string;\n  /** Stable seed for the tint (usually the brand id). Falls back to `name`. */\n  seed?: string;\n  className?: string;\n  /** When true, render the circular logo avatar straddling the bottom-left. */\n  showLogo?: boolean;\n  /** Content rendered over the scrim (e.g. name + @handle + actions). */\n  overlay?: ReactNode;\n}\n\nexport const BrandCover: FC<BrandCoverProps> = ({\n  coverFileId,\n  logoFileId,\n  name,\n  seed,\n  className,\n  showLogo = false,\n  overlay,\n}) => {\n  const tintSeed = seed ?? name;\n  return (\n    <div className={cn('relative', className)}>\n      <Thumbnail\n        icon={<Store className=\"h-8 w-8\" />}\n        seed={tintSeed}\n        fileId={coverFileId}\n        alt={name}\n        className=\"aspect-[16/6] w-full\"\n        overlay={\n          <div className=\"pointer-events-none absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-bg-canvas/70 to-transparent\" />\n        }\n      />\n      {overlay ? <div className=\"absolute inset-0\">{overlay}</div> : null}\n      {showLogo ? (\n        <div className=\"absolute bottom-0 left-4 translate-y-1/2\">\n          <Thumbnail\n            icon={<Store className=\"h-6 w-6\" />}\n            seed={tintSeed}\n            fileId={logoFileId}\n            alt={`${name} logo`}\n            className=\"h-16 w-16 rounded-full shadow-md ring-2 ring-bg-surface\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":";;;;;AA6BA,IAAa,KAAmC,EAC9C,gBACA,eACA,SACA,SACA,cACA,cAAW,IACX,iBACI;CACJ,IAAM,IAAW,KAAQ;AACzB,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,YAAY,EAAU;YAAzC;GACE,kBAAC,GAAD;IACE,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;IACnC,MAAM;IACN,QAAQ;IACR,KAAK;IACL,WAAU;IACV,SACE,kBAAC,OAAD,EAAK,WAAU,2GAA4G,CAAA;IAE7H,CAAA;GACD,IAAU,kBAAC,OAAD;IAAK,WAAU;cAAoB;IAAc,CAAA,GAAG;GAC9D,IACC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,MAAM;KACN,QAAQ;KACR,KAAK,GAAG,EAAK;KACb,WAAU;KACV,CAAA;IACE,CAAA,GACJ;GACA"}

package/dist/coolandlovely/components/BrandCreatorAvatars.js

@@ -0,0 +1,57 @@
+import { useCoolAndLovely as e } from "../context/CoolAndLovelyContext.js";
+import { cn as t } from "../utils/cn.js";
+import { Thumbnail as n } from "./Thumbnail.js";
+import { useMemo as r, useState as i } from "react";
+import { Store as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useActorProfiles as c } from "@burdenoff/fe-libs/shared";
+//#region src/coolandlovely/components/BrandCreatorAvatars.tsx
+function l(e) {
+	let t = e.trim().split(/\s+/).filter(Boolean);
+	return t.length === 0 ? "?" : t.length === 1 ? t[0].slice(0, 2).toUpperCase() : (t[0][0] + t[t.length - 1][0]).toUpperCase();
+}
+var u = ({ brandLogoFileId: u, brandSeed: d, creatorId: f, size: p = "md", className: m }) => {
+	let { apiGatewayUrl: h, authToken: g, workspaceId: _ } = e(), [v, y] = i(!1), b = c(r(() => [{
+		actorId: f,
+		actorType: "user"
+	}], [f]), {
+		apiGatewayUrl: h,
+		authToken: g,
+		workspaceId: _
+	})[f], x = b?.displayName ?? "Creator", S = b?.avatarUrl, C = p === "sm" ? "h-7 w-7" : "h-10 w-10", w = p === "sm" ? "h-3.5 w-3.5" : "h-5 w-5", T = p === "sm" ? "text-[10px]" : "text-xs";
+	return /* @__PURE__ */ s("div", {
+		className: t("flex items-center gap-1.5", m),
+		children: [
+			/* @__PURE__ */ o(n, {
+				icon: /* @__PURE__ */ o(a, { className: w }),
+				seed: d,
+				fileId: u,
+				alt: "Brand logo",
+				className: t(C, "rounded-full ring-2 ring-bg-surface")
+			}),
+			/* @__PURE__ */ o("span", {
+				className: "text-xs font-medium text-text-secondary",
+				"aria-hidden": "true",
+				children: "×"
+			}),
+			/* @__PURE__ */ o("span", {
+				title: x,
+				className: t("relative flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-bg-sunken ring-2 ring-bg-surface", C),
+				children: S && !v ? /* @__PURE__ */ o("img", {
+					src: S,
+					alt: x,
+					loading: "lazy",
+					onError: () => y(!0),
+					className: "h-full w-full object-cover"
+				}) : /* @__PURE__ */ o("span", {
+					className: t("font-semibold text-text-secondary", T),
+					children: l(x)
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { u as BrandCreatorAvatars };
+
+//# sourceMappingURL=BrandCreatorAvatars.js.map

package/dist/coolandlovely/components/BrandCreatorAvatars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandCreatorAvatars.js","names":[],"sources":["../../../src/coolandlovely/components/BrandCreatorAvatars.tsx"],"sourcesContent":["/**\n * BrandCreatorAvatars — a brand-logo × creator-avatar pair.\n * @module coolandlovely/components\n *\n * The signature of a collaboration: the brand's round logo joined by a small \"×\"\n * to the creator's avatar. The creator's name + avatar are resolved via fe-libs\n * `useActorProfiles` on the GLOBAL gateway (NEVER select firstName on a federated\n * wspace User). Brand imagery reuses `Thumbnail` (round). Used by the\n * collaborations list and the collaboration detail header.\n */\n\nimport type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { Store } from 'lucide-react';\nimport { useActorProfiles, type ActorInput } from '@burdenoff/fe-libs/shared';\nimport { Thumbnail } from './Thumbnail';\nimport { useCoolAndLovely } from '../context/CoolAndLovelyContext';\nimport { cn } from '../utils/cn';\n\ninterface BrandCreatorAvatarsProps {\n  brandLogoFileId?: string | null;\n  /** Stable seed for the brand logo tint (usually the brand id). */\n  brandSeed?: string;\n  /** Actor id of the creator (resolved to name + avatar via useActorProfiles). */\n  creatorId: string;\n  size?: 'sm' | 'md';\n  className?: string;\n}\n\nfunction initials(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length === 0) return '?';\n  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();\n  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();\n}\n\nexport const BrandCreatorAvatars: FC<BrandCreatorAvatarsProps> = ({\n  brandLogoFileId,\n  brandSeed,\n  creatorId,\n  size = 'md',\n  className,\n}) => {\n  const { apiGatewayUrl, authToken, workspaceId } = useCoolAndLovely();\n  const [avatarFailed, setAvatarFailed] = useState(false);\n\n  const actors = useMemo<ActorInput[]>(\n    () => [{ actorId: creatorId, actorType: 'user' }],\n    [creatorId]\n  );\n  const profiles = useActorProfiles(actors, { apiGatewayUrl, authToken, workspaceId });\n  const creator = profiles[creatorId];\n  const creatorName = creator?.displayName ?? 'Creator';\n  const avatarUrl = creator?.avatarUrl;\n\n  const dim = size === 'sm' ? 'h-7 w-7' : 'h-10 w-10';\n  const iconSize = size === 'sm' ? 'h-3.5 w-3.5' : 'h-5 w-5';\n  const initialsSize = size === 'sm' ? 'text-[10px]' : 'text-xs';\n\n  return (\n    <div className={cn('flex items-center gap-1.5', className)}>\n      <Thumbnail\n        icon={<Store className={iconSize} />}\n        seed={brandSeed}\n        fileId={brandLogoFileId}\n        alt=\"Brand logo\"\n        className={cn(dim, 'rounded-full ring-2 ring-bg-surface')}\n      />\n      <span className=\"text-xs font-medium text-text-secondary\" aria-hidden=\"true\">\n        &times;\n      </span>\n      <span\n        title={creatorName}\n        className={cn(\n          'relative flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-bg-sunken ring-2 ring-bg-surface',\n          dim\n        )}\n      >\n        {avatarUrl && !avatarFailed ? (\n          <img\n            src={avatarUrl}\n            alt={creatorName}\n            loading=\"lazy\"\n            onError={() => setAvatarFailed(true)}\n            className=\"h-full w-full object-cover\"\n          />\n        ) : (\n          <span className={cn('font-semibold text-text-secondary', initialsSize)}>\n            {initials(creatorName)}\n          </span>\n        )}\n      </span>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AA6BA,SAAS,EAAS,GAAsB;CACtC,IAAM,IAAQ,EAAK,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,QAAQ;AAGtD,QAFI,EAAM,WAAW,IAAU,MAC3B,EAAM,WAAW,IAAU,EAAM,GAAG,MAAM,GAAG,EAAE,CAAC,aAAa,IACzD,EAAM,GAAG,KAAK,EAAM,EAAM,SAAS,GAAG,IAAI,aAAa;;AAGjE,IAAa,KAAqD,EAChE,oBACA,cACA,cACA,UAAO,MACP,mBACI;CACJ,IAAM,EAAE,kBAAe,cAAW,mBAAgB,GAAkB,EAC9D,CAAC,GAAc,KAAmB,EAAS,GAAM,EAOjD,IADW,EAJF,QACP,CAAC;EAAE,SAAS;EAAW,WAAW;EAAQ,CAAC,EACjD,CAAC,EAAU,CACZ,EACyC;EAAE;EAAe;EAAW;EAAa,CAAC,CAC3D,IACnB,IAAc,GAAS,eAAe,WACtC,IAAY,GAAS,WAErB,IAAM,MAAS,OAAO,YAAY,aAClC,IAAW,MAAS,OAAO,gBAAgB,WAC3C,IAAe,MAAS,OAAO,gBAAgB;AAErD,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,6BAA6B,EAAU;YAA1D;GACE,kBAAC,GAAD;IACE,MAAM,kBAAC,GAAD,EAAO,WAAW,GAAY,CAAA;IACpC,MAAM;IACN,QAAQ;IACR,KAAI;IACJ,WAAW,EAAG,GAAK,sCAAsC;IACzD,CAAA;GACF,kBAAC,QAAD;IAAM,WAAU;IAA0C,eAAY;cAAO;IAEtE,CAAA;GACP,kBAAC,QAAD;IACE,OAAO;IACP,WAAW,EACT,uHACA,EACD;cAEA,KAAa,CAAC,IACb,kBAAC,OAAD;KACE,KAAK;KACL,KAAK;KACL,SAAQ;KACR,eAAe,EAAgB,GAAK;KACpC,WAAU;KACV,CAAA,GAEF,kBAAC,QAAD;KAAM,WAAW,EAAG,qCAAqC,EAAa;eACnE,EAAS,EAAY;KACjB,CAAA;IAEJ,CAAA;GACH"}