@burdenoff/microfe-coolandlovely 2026.820.1 → 2026.820.2

package/dist/coolandlovely/components/AddToLookbookButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddToLookbookButton.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/AddToLookbookButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,UAAU,wBAAwB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA2G5D,CAAC"}
+{"version":3,"file":"AddToLookbookButton.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/AddToLookbookButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,UAAU,wBAAwB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA4G5D,CAAC"}

package/dist/coolandlovely/components/AddToLookbookButton.js

@@ -33,6 +33,7 @@ var m = ({ lookId: m, styleItemId: h, className: g }) => {
 			onClick: () => S((e) => !e),
 			"aria-haspopup": "menu",
 			"aria-expanded": x,
+			"data-tour": "coolandlovely-add-to-lookbook",
 			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" }),

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

@@ -1 +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"}
+{"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        data-tour=\"coolandlovely-add-to-lookbook\"\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,aAAU;GACV,WAAU;aANZ;IAQE,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/pages/HomePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HomePage.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/pages/HomePage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAuJH,wBAAgB,QAAQ,gCAiSvB"}
+{"version":3,"file":"HomePage.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/pages/HomePage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AA4JH,wBAAgB,QAAQ,gCAmSvB"}

package/dist/coolandlovely/pages/HomePage.js

@@ -46,7 +46,8 @@ var I = [
 		description: "What you own",
 		icon: /* @__PURE__ */ j(S, { className: "h-5 w-5" }),
 		path: "/wardrobe",
-		color: "bg-status-warning-bg-subtle text-status-warning-text"
+		color: "bg-status-warning-bg-subtle text-status-warning-text",
+		tourAttr: "coolandlovely-wardrobe-link"
 	}
 ], L = [
 	{
@@ -54,7 +55,8 @@ var I = [
 		description: "Storefronts with a publish lifecycle",
 		icon: /* @__PURE__ */ j(O, { className: "h-6 w-6" }),
 		path: "/brands",
-		color: "bg-accent-purple-subtle text-text-primary"
+		color: "bg-accent-purple-subtle text-text-primary",
+		tourAttr: "coolandlovely-brands-link"
 	},
 	{
 		label: "Collections",
@@ -103,14 +105,16 @@ var I = [
 		description: "Your taste, palette & sizing",
 		icon: /* @__PURE__ */ j(A, { className: "h-6 w-6" }),
 		path: "/profile",
-		color: "bg-accent-blue-subtle text-accent-blue"
+		color: "bg-accent-blue-subtle text-accent-blue",
+		tourAttr: "coolandlovely-style-profile-link"
 	},
 	{
 		label: "Discover",
 		description: "A feed tuned to your taste",
 		icon: /* @__PURE__ */ j(b, { className: "h-6 w-6" }),
 		path: "/discover",
-		color: "bg-[var(--color-accent-soft)] text-text-primary"
+		color: "bg-[var(--color-accent-soft)] text-text-primary",
+		tourAttr: "coolandlovely-discover-feed"
 	},
 	{
 		label: "Trends",
@@ -225,6 +229,7 @@ function R() {
 					children: I.map((e) => /* @__PURE__ */ M("button", {
 						type: "button",
 						onClick: () => y(e.path),
+						"data-tour": e.tourAttr,
 						className: t("flex items-start gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 text-left shadow-sm transition-all", "hover:border-accent-foreground/20 hover:shadow-md"),
 						children: [
 							/* @__PURE__ */ j("div", {
@@ -256,6 +261,7 @@ function R() {
 					children: L.map((e) => /* @__PURE__ */ M("button", {
 						type: "button",
 						onClick: () => y(e.path),
+						"data-tour": e.tourAttr,
 						className: "flex flex-col gap-3 rounded-lg border border-border-seam bg-bg-surface p-5 text-left transition-all hover:border-accent-foreground/20 hover:shadow-md",
 						children: [/* @__PURE__ */ j("div", {
 							className: t("flex h-12 w-12 items-center justify-center rounded-full", e.color),

package/dist/coolandlovely/pages/HomePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HomePage.js","names":[],"sources":["../../../src/coolandlovely/pages/HomePage.tsx"],"sourcesContent":["/**\n * Overview / Home Page\n * @module coolandlovely/pages\n *\n * The CoolAndLovely command center landing page: a style-operating-system\n * dashboard rolling up live catalog (brands, items), social (looks,\n * collaborations) and the shopper's own wardrobe — all from real `coo*` ops.\n */\n\nimport { useMemo } from 'react';\nimport {\n  Store,\n  Shirt,\n  Sparkles,\n  Handshake,\n  Shapes,\n  Heart,\n  ArrowRight,\n  Star,\n  Plus,\n  BookHeart,\n  UserCircle,\n  Compass,\n  TrendingUp,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { MetricsCard } from '../components/MetricsCard';\nimport { StatusBadge } from '../components/StatusBadge';\nimport { LoadingView, ErrorView } from '../components/StateViews';\nimport { Thumbnail } from '../components/Thumbnail';\nimport { LookCard } from '../components/LookCard';\nimport { useCoolAndLovely } from '../context/CoolAndLovelyContext';\nimport { useBrands, useStyleItems, useLooks, useCollaborations, useWardrobeItems } from '../hooks';\nimport { cn } from '../utils/cn';\nimport { buildCreatedAtSparkline, sparklineDeltaLabel, sparklineTrendDirection } from '../utils';\nimport type { DashboardStats } from '../types';\n\n/** Time-of-day greeting for the dashboard title (local clock, honest — no data). */\nfunction greeting(): string {\n  const hour = new Date().getHours();\n  if (hour < 12) return 'Good morning';\n  if (hour < 18) return 'Good afternoon';\n  return 'Good evening';\n}\n\ninterface QuickAction {\n  label: string;\n  description: string;\n  icon: React.ReactNode;\n  path: string;\n  color: string;\n}\n\nconst quickActions: QuickAction[] = [\n  {\n    label: 'New Brand',\n    description: 'Launch a storefront',\n    icon: <Store className=\"h-5 w-5\" />,\n    path: '/brands/new',\n    color: 'bg-accent-purple-subtle text-text-primary',\n  },\n  {\n    label: 'Add Style Item',\n    description: 'List a piece',\n    icon: <Shirt className=\"h-5 w-5\" />,\n    path: '/items/new',\n    color: 'bg-[var(--color-accent-soft)] text-text-primary',\n  },\n  {\n    label: 'Publish a Look',\n    description: 'Shop-the-look outfit',\n    icon: <Sparkles className=\"h-5 w-5\" />,\n    path: '/looks/new',\n    color: 'bg-status-success-bg-subtle text-status-success-text',\n  },\n  {\n    label: 'My Wardrobe',\n    description: 'What you own',\n    icon: <Heart className=\"h-5 w-5\" />,\n    path: '/wardrobe',\n    color: 'bg-status-warning-bg-subtle text-status-warning-text',\n  },\n];\n\nconst modules = [\n  {\n    label: 'Brands',\n    description: 'Storefronts with a publish lifecycle',\n    icon: <Store className=\"h-6 w-6\" />,\n    path: '/brands',\n    color: 'bg-accent-purple-subtle text-text-primary',\n  },\n  {\n    label: 'Collections',\n    description: 'Seasonal drops & curated edits',\n    icon: <Shapes className=\"h-6 w-6\" />,\n    path: '/collections',\n    color: 'bg-accent-blue-subtle text-accent-blue',\n  },\n  {\n    label: 'Style Items',\n    description: 'The shoppable catalogue',\n    icon: <Shirt className=\"h-6 w-6\" />,\n    path: '/items',\n    color: 'bg-[var(--color-accent-soft)] text-text-primary',\n  },\n  {\n    label: 'Looks',\n    description: 'Published shop-the-look outfits',\n    icon: <Sparkles className=\"h-6 w-6\" />,\n    path: '/looks',\n    color: 'bg-status-success-bg-subtle text-status-success-text',\n  },\n  {\n    label: 'Collaborations',\n    description: 'Brand × creator partnerships',\n    icon: <Handshake className=\"h-6 w-6\" />,\n    path: '/collaborations',\n    color: 'bg-status-warning-bg-subtle text-status-warning-text',\n  },\n  {\n    label: 'Wardrobe',\n    description: 'Your digital closet & wear log',\n    icon: <Heart className=\"h-6 w-6\" />,\n    path: '/wardrobe',\n    color: 'bg-status-error-bg-subtle text-status-error-text',\n  },\n  {\n    label: 'Lookbooks',\n    description: 'Themed boards of saved pieces',\n    icon: <BookHeart className=\"h-6 w-6\" />,\n    path: '/lookbooks',\n    color: 'bg-accent-purple-subtle text-text-primary',\n  },\n  {\n    label: 'Style Profile',\n    description: 'Your taste, palette & sizing',\n    icon: <UserCircle className=\"h-6 w-6\" />,\n    path: '/profile',\n    color: 'bg-accent-blue-subtle text-accent-blue',\n  },\n  {\n    label: 'Discover',\n    description: 'A feed tuned to your taste',\n    icon: <Compass className=\"h-6 w-6\" />,\n    path: '/discover',\n    color: 'bg-[var(--color-accent-soft)] text-text-primary',\n  },\n  {\n    label: 'Trends',\n    description: 'Live signals from platform activity',\n    icon: <TrendingUp className=\"h-6 w-6\" />,\n    path: '/trends',\n    color: 'bg-status-success-bg-subtle text-status-success-text',\n  },\n];\n\nexport function HomePage() {\n  const { navigateTo, currentUser } = useCoolAndLovely();\n\n  const brands = useBrands();\n  const items = useStyleItems();\n  const looks = useLooks();\n  const collaborations = useCollaborations();\n  const wardrobe = useWardrobeItems();\n\n  const firstName = currentUser?.firstName ?? currentUser?.name ?? 'there';\n\n  const isLoading =\n    brands.isLoading ||\n    items.isLoading ||\n    looks.isLoading ||\n    collaborations.isLoading ||\n    wardrobe.isLoading;\n\n  const isError = brands.isError && items.isError && looks.isError && collaborations.isError;\n\n  const stats = useMemo<DashboardStats>(() => {\n    const brandItems = brands.data?.items ?? [];\n    const styleItems = items.data?.items ?? [];\n    const lookItems = looks.data?.items ?? [];\n    const collabs = collaborations.data ?? [];\n    const wardrobeItems = wardrobe.data ?? [];\n    return {\n      totalBrands: brandItems.length,\n      publishedBrands: brandItems.filter((b) => b.status === 'PUBLISHED').length,\n      totalStyleItems: styleItems.length,\n      activeStyleItems: styleItems.filter((i) => i.status === 'ACTIVE').length,\n      totalLooks: lookItems.length,\n      featuredLooks: lookItems.filter((l) => l.isFeatured).length,\n      activeCollaborations: collabs.filter(\n        (c) => c.status === 'ACCEPTED' || c.status === 'IN_PROGRESS'\n      ).length,\n      wardrobeItems: wardrobeItems.length,\n    };\n  }, [brands.data, items.data, looks.data, collaborations.data, wardrobe.data]);\n\n  const latestLooks = useMemo(() => [...(looks.data?.items ?? [])].slice(0, 5), [looks.data]);\n\n  const recentBrands = useMemo(\n    () =>\n      [...(brands.data?.items ?? [])]\n        .sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime())\n        .slice(0, 4),\n    [brands.data]\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"CoolAndLovely\">\n        <LoadingView label=\"Loading your style command center…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title=\"CoolAndLovely\">\n        <ErrorView\n          title=\"Could not load CoolAndLovely\"\n          message=\"The fashion service did not respond. Please try again.\"\n          onRetry={() => {\n            void brands.refetch();\n            void items.refetch();\n            void looks.refetch();\n            void collaborations.refetch();\n            void wardrobe.refetch();\n          }}\n        />\n      </PageLayout>\n    );\n  }\n\n  // Real (non-fabricated) 7-day sparkline series derived from each entity's\n  // own createdAt — falls back to the plain text sub-label when there is no\n  // meaningful history yet (e.g. everything was seeded at once).\n  const brandSparkline = buildCreatedAtSparkline(brands.data?.items ?? []);\n  const itemSparkline = buildCreatedAtSparkline(items.data?.items ?? []);\n  const lookSparkline = buildCreatedAtSparkline(looks.data?.items ?? []);\n  const collabSparkline = buildCreatedAtSparkline(collaborations.data ?? []);\n\n  const metrics = [\n    {\n      icon: <Store className=\"h-5 w-5\" />,\n      value: stats.totalBrands.toString(),\n      label: 'Brands',\n      sub: sparklineDeltaLabel(brandSparkline) ?? `${stats.publishedBrands} published`,\n      sparklineData: brandSparkline,\n      trend: sparklineTrendDirection(brandSparkline),\n    },\n    {\n      icon: <Shirt className=\"h-5 w-5\" />,\n      value: stats.totalStyleItems.toString(),\n      label: 'Style Items',\n      sub: sparklineDeltaLabel(itemSparkline) ?? `${stats.activeStyleItems} active`,\n      sparklineData: itemSparkline,\n      trend: sparklineTrendDirection(itemSparkline),\n    },\n    {\n      icon: <Sparkles className=\"h-5 w-5\" />,\n      value: stats.totalLooks.toString(),\n      label: 'Looks',\n      sub: sparklineDeltaLabel(lookSparkline) ?? `${stats.featuredLooks} featured`,\n      sparklineData: lookSparkline,\n      trend: sparklineTrendDirection(lookSparkline),\n    },\n    {\n      icon: <Handshake className=\"h-5 w-5\" />,\n      value: stats.activeCollaborations.toString(),\n      label: 'Active Collabs',\n      sub: sparklineDeltaLabel(collabSparkline) ?? `${stats.wardrobeItems} in wardrobe`,\n      sparklineData: collabSparkline,\n      trend: sparklineTrendDirection(collabSparkline),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title={`${greeting()}, ${firstName}`}\n      description=\"Your fashion & lifestyle command center\"\n      hero\n    >\n      <PagePurpose className=\"mb-6\">\n        CoolAndLovely connects the three sides of style on one workspace-native model: brands launch\n        storefronts and seasonal collections, you build a wardrobe and lookbooks, and creators\n        publish shop-the-look outfits and run brand collaborations. Jump into any module below — all\n        data is live from the CoolAndLovely service.\n      </PagePurpose>\n\n      {/* Headline metrics — the one emphasis zone for this page */}\n      <EmphasisPanel className=\"mb-8\">\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">At a glance</h2>\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          {metrics.map((m, index) => (\n            <MetricsCard\n              key={m.label}\n              icon={m.icon}\n              value={m.value}\n              label={m.label}\n              trendValue={m.sub}\n              trend={m.trend}\n              sparklineData={m.sparklineData}\n              featured={index === 0}\n            />\n          ))}\n        </div>\n      </EmphasisPanel>\n\n      {/* Quick Actions */}\n      <section className=\"mb-8\">\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Quick actions</h2>\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          {quickActions.map((action) => (\n            <button\n              key={action.label}\n              type=\"button\"\n              onClick={() => navigateTo(action.path)}\n              className={cn(\n                'flex items-start gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 text-left shadow-sm transition-all',\n                'hover:border-accent-foreground/20 hover:shadow-md'\n              )}\n            >\n              <div\n                className={cn(\n                  'flex h-10 w-10 shrink-0 items-center justify-center rounded-lg',\n                  action.color\n                )}\n              >\n                {action.icon}\n              </div>\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"text-sm font-semibold text-text-primary\">{action.label}</p>\n                <p className=\"mt-0.5 text-xs text-text-secondary\">{action.description}</p>\n              </div>\n              <Plus className=\"mt-1 h-4 w-4 shrink-0 text-text-secondary\" />\n            </button>\n          ))}\n        </div>\n      </section>\n\n      {/* Modules */}\n      <section className=\"mb-8\">\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Explore</h2>\n        <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4\">\n          {modules.map((mod) => (\n            <button\n              key={mod.label}\n              type=\"button\"\n              onClick={() => navigateTo(mod.path)}\n              className=\"flex flex-col gap-3 rounded-lg border border-border-seam bg-bg-surface p-5 text-left transition-all hover:border-accent-foreground/20 hover:shadow-md\"\n            >\n              <div\n                className={cn('flex h-12 w-12 items-center justify-center rounded-full', mod.color)}\n              >\n                {mod.icon}\n              </div>\n              <div>\n                <p className=\"text-sm font-semibold text-text-primary\">{mod.label}</p>\n                <p className=\"mt-0.5 text-xs text-text-secondary\">{mod.description}</p>\n              </div>\n            </button>\n          ))}\n        </div>\n      </section>\n\n      {/* Latest looks */}\n      <section className=\"mb-8\">\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Latest looks</h2>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/looks')}\n            className=\"flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n          >\n            View all <ArrowRight className=\"h-3.5 w-3.5\" />\n          </button>\n        </div>\n        {latestLooks.length === 0 ? (\n          <p className=\"rounded-lg border border-border-seam bg-bg-surface p-6 text-sm text-text-secondary\">\n            No looks published yet. Be the first to publish a shop-the-look outfit.\n          </p>\n        ) : (\n          <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-5\">\n            {latestLooks.map((look) => (\n              <LookCard\n                key={look.id}\n                id={look.id}\n                title={look.title}\n                occasion={look.occasion}\n                imageFileId={look.image?.id}\n                likeCount={look.likeCount}\n                isLikedByMe={look.isLikedByMe}\n                isSavedByMe={look.isSavedByMe}\n                onOpen={() => navigateTo(`/looks/${look.id}`)}\n                showActions\n              />\n            ))}\n          </div>\n        )}\n      </section>\n\n      {/* Recent brands */}\n      {recentBrands.length > 0 && (\n        <section>\n          <div className=\"mb-4 flex items-center justify-between\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">Recently updated brands</h2>\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/brands')}\n              className=\"flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n            >\n              View all <ArrowRight className=\"h-3.5 w-3.5\" />\n            </button>\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n            {recentBrands.map((brand) => (\n              <button\n                key={brand.id}\n                type=\"button\"\n                onClick={() => navigateTo(`/brands/${brand.id}`)}\n                className=\"group flex items-center gap-3 rounded-xl border border-border-seam bg-bg-surface p-3 text-left shadow-sm transition-all hover:border-accent-foreground/20 hover:shadow-md\"\n              >\n                <Thumbnail\n                  icon={<Store className=\"h-5 w-5\" />}\n                  seed={brand.id}\n                  fileId={brand.logo?.id ?? brand.cover?.id}\n                  alt={brand.name}\n                  className=\"h-11 w-11 shrink-0 rounded-full ring-2 ring-bg-surface\"\n                />\n                <div className=\"min-w-0 flex-1\">\n                  <div className=\"flex items-center gap-1.5\">\n                    <p className=\"truncate text-sm font-medium text-text-primary\">{brand.name}</p>\n                    {brand.isFeatured && (\n                      <Star className=\"h-3.5 w-3.5 shrink-0 fill-status-warning-text text-status-warning-text\" />\n                    )}\n                  </div>\n                  <p className=\"truncate text-xs text-text-secondary\">@{brand.handle}</p>\n                </div>\n                <StatusBadge status={brand.status} />\n              </button>\n            ))}\n          </div>\n        </section>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuCA,SAAS,IAAmB;CAC1B,IAAM,qBAAO,IAAI,MAAM,EAAC,UAAU;AAGlC,QAFI,IAAO,KAAW,iBAClB,IAAO,KAAW,mBACf;;AAWT,IAAM,IAA8B;CAClC;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EACnC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EACnC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;EACtC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EACnC,MAAM;EACN,OAAO;EACR;CACF,EAEK,IAAU;CACd;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EACnC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;EACpC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EACnC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;EACtC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;EACvC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EACnC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;EACvC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;EACxC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;EACrC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;EACxC,MAAM;EACN,OAAO;EACR;CACF;AAED,SAAgB,IAAW;CACzB,IAAM,EAAE,eAAY,mBAAgB,GAAkB,EAEhD,IAAS,GAAW,EACpB,IAAQ,GAAe,EACvB,IAAQ,GAAU,EAClB,IAAiB,GAAmB,EACpC,IAAW,GAAkB,EAE7B,IAAY,GAAa,aAAa,GAAa,QAAQ,SAE3D,IACJ,EAAO,aACP,EAAM,aACN,EAAM,aACN,EAAe,aACf,EAAS,WAEL,IAAU,EAAO,WAAW,EAAM,WAAW,EAAM,WAAW,EAAe,SAE7E,IAAQ,QAA8B;EAC1C,IAAM,IAAa,EAAO,MAAM,SAAS,EAAE,EACrC,IAAa,EAAM,MAAM,SAAS,EAAE,EACpC,IAAY,EAAM,MAAM,SAAS,EAAE,EACnC,IAAU,EAAe,QAAQ,EAAE,EACnC,IAAgB,EAAS,QAAQ,EAAE;AACzC,SAAO;GACL,aAAa,EAAW;GACxB,iBAAiB,EAAW,QAAQ,MAAM,EAAE,WAAW,YAAY,CAAC;GACpE,iBAAiB,EAAW;GAC5B,kBAAkB,EAAW,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC;GAClE,YAAY,EAAU;GACtB,eAAe,EAAU,QAAQ,MAAM,EAAE,WAAW,CAAC;GACrD,sBAAsB,EAAQ,QAC3B,MAAM,EAAE,WAAW,cAAc,EAAE,WAAW,cAChD,CAAC;GACF,eAAe,EAAc;GAC9B;IACA;EAAC,EAAO;EAAM,EAAM;EAAM,EAAM;EAAM,EAAe;EAAM,EAAS;EAAK,CAAC,EAEvE,IAAc,QAAc,CAAC,GAAI,EAAM,MAAM,SAAS,EAAE,CAAE,CAAC,MAAM,GAAG,EAAE,EAAE,CAAC,EAAM,KAAK,CAAC,EAErF,IAAe,QAEjB,CAAC,GAAI,EAAO,MAAM,SAAS,EAAE,CAAE,CAC5B,MAAM,GAAG,MAAM,IAAI,KAAK,EAAE,UAAU,CAAC,SAAS,GAAG,IAAI,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,CACjF,MAAM,GAAG,EAAE,EAChB,CAAC,EAAO,KAAK,CACd;AAED,KAAI,EACF,QACE,kBAAC,GAAD;EAAY,OAAM;YAChB,kBAAC,GAAD,EAAa,OAAM,sCAAuC,CAAA;EAC/C,CAAA;AAIjB,KAAI,EACF,QACE,kBAAC,GAAD;EAAY,OAAM;YAChB,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,eAAe;AAKR,IAJA,EAAO,SAAS,EAChB,EAAM,SAAS,EACf,EAAM,SAAS,EACf,EAAe,SAAS,EACxB,EAAS,SAAS;;GAEzB,CAAA;EACS,CAAA;CAOjB,IAAM,IAAiB,EAAwB,EAAO,MAAM,SAAS,EAAE,CAAC,EAClE,IAAgB,EAAwB,EAAM,MAAM,SAAS,EAAE,CAAC,EAChE,IAAgB,EAAwB,EAAM,MAAM,SAAS,EAAE,CAAC,EAChE,IAAkB,EAAwB,EAAe,QAAQ,EAAE,CAAC,EAEpE,IAAU;EACd;GACE,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;GACnC,OAAO,EAAM,YAAY,UAAU;GACnC,OAAO;GACP,KAAK,EAAoB,EAAe,IAAI,GAAG,EAAM,gBAAgB;GACrE,eAAe;GACf,OAAO,EAAwB,EAAe;GAC/C;EACD;GACE,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;GACnC,OAAO,EAAM,gBAAgB,UAAU;GACvC,OAAO;GACP,KAAK,EAAoB,EAAc,IAAI,GAAG,EAAM,iBAAiB;GACrE,eAAe;GACf,OAAO,EAAwB,EAAc;GAC9C;EACD;GACE,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;GACtC,OAAO,EAAM,WAAW,UAAU;GAClC,OAAO;GACP,KAAK,EAAoB,EAAc,IAAI,GAAG,EAAM,cAAc;GAClE,eAAe;GACf,OAAO,EAAwB,EAAc;GAC9C;EACD;GACE,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;GACvC,OAAO,EAAM,qBAAqB,UAAU;GAC5C,OAAO;GACP,KAAK,EAAoB,EAAgB,IAAI,GAAG,EAAM,cAAc;GACpE,eAAe;GACf,OAAO,EAAwB,EAAgB;GAChD;EACF;AAED,QACE,kBAAC,GAAD;EACE,OAAO,GAAG,GAAU,CAAC,IAAI;EACzB,aAAY;EACZ,MAAA;YAHF;GAKE,kBAAC,GAAD;IAAa,WAAU;cAAO;IAKhB,CAAA;GAGd,kBAAC,GAAD;IAAe,WAAU;cAAzB,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAAgB,CAAA,EAC7E,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAQ,KAAK,GAAG,MACf,kBAAC,GAAD;MAEE,MAAM,EAAE;MACR,OAAO,EAAE;MACT,OAAO,EAAE;MACT,YAAY,EAAE;MACd,OAAO,EAAE;MACT,eAAe,EAAE;MACjB,UAAU,MAAU;MACpB,EARK,EAAE,MAQP,CACF;KACE,CAAA,CACQ;;GAGhB,kBAAC,WAAD;IAAS,WAAU;cAAnB,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAAkB,CAAA,EAC/E,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAa,KAAK,MACjB,kBAAC,UAAD;MAEE,MAAK;MACL,eAAe,EAAW,EAAO,KAAK;MACtC,WAAW,EACT,oHACA,oDACD;gBAPH;OASE,kBAAC,OAAD;QACE,WAAW,EACT,kEACA,EAAO,MACR;kBAEA,EAAO;QACJ,CAAA;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBAA2C,EAAO;SAAU,CAAA,EACzE,kBAAC,KAAD;SAAG,WAAU;mBAAsC,EAAO;SAAgB,CAAA,CACtE;;OACN,kBAAC,GAAD,EAAM,WAAU,6CAA8C,CAAA;OACvD;QArBF,EAAO,MAqBL,CACT;KACE,CAAA,CACE;;GAGV,kBAAC,WAAD;IAAS,WAAU;cAAnB,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAAY,CAAA,EACzE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAQ,KAAK,MACZ,kBAAC,UAAD;MAEE,MAAK;MACL,eAAe,EAAW,EAAI,KAAK;MACnC,WAAU;gBAJZ,CAME,kBAAC,OAAD;OACE,WAAW,EAAG,2DAA2D,EAAI,MAAM;iBAElF,EAAI;OACD,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBAA2C,EAAI;OAAU,CAAA,EACtE,kBAAC,KAAD;OAAG,WAAU;iBAAsC,EAAI;OAAgB,CAAA,CACnE,EAAA,CAAA,CACC;QAdF,EAAI,MAcF,CACT;KACE,CAAA,CACE;;GAGV,kBAAC,WAAD;IAAS,WAAU;cAAnB,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAA0C;MAAiB,CAAA,EACzE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAW,SAAS;MACnC,WAAU;gBAHZ,CAIC,aACU,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CACxC;QACL;QACL,EAAY,WAAW,IACtB,kBAAC,KAAD;KAAG,WAAU;eAAqF;KAE9F,CAAA,GAEJ,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAY,KAAK,MAChB,kBAAC,GAAD;MAEE,IAAI,EAAK;MACT,OAAO,EAAK;MACZ,UAAU,EAAK;MACf,aAAa,EAAK,OAAO;MACzB,WAAW,EAAK;MAChB,aAAa,EAAK;MAClB,aAAa,EAAK;MAClB,cAAc,EAAW,UAAU,EAAK,KAAK;MAC7C,aAAA;MACA,EAVK,EAAK,GAUV,CACF;KACE,CAAA,CAEA;;GAGT,EAAa,SAAS,KACrB,kBAAC,WAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0C;KAA4B,CAAA,EACpF,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAW,UAAU;KACpC,WAAU;eAHZ,CAIC,aACU,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CACxC;OACL;OACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAa,KAAK,MACjB,kBAAC,UAAD;KAEE,MAAK;KACL,eAAe,EAAW,WAAW,EAAM,KAAK;KAChD,WAAU;eAJZ;MAME,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;OACnC,MAAM,EAAM;OACZ,QAAQ,EAAM,MAAM,MAAM,EAAM,OAAO;OACvC,KAAK,EAAM;OACX,WAAU;OACV,CAAA;MACF,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBAAkD,EAAM;SAAS,CAAA,EAC7E,EAAM,cACL,kBAAC,GAAD,EAAM,WAAU,0EAA2E,CAAA,CAEzF;WACN,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAoD,KAAE,EAAM,OAAW;UACnE;;MACN,kBAAC,GAAD,EAAa,QAAQ,EAAM,QAAU,CAAA;MAC9B;OAtBF,EAAM,GAsBJ,CACT;IACE,CAAA,CACE,EAAA,CAAA;GAED"}
+{"version":3,"file":"HomePage.js","names":[],"sources":["../../../src/coolandlovely/pages/HomePage.tsx"],"sourcesContent":["/**\n * Overview / Home Page\n * @module coolandlovely/pages\n *\n * The CoolAndLovely command center landing page: a style-operating-system\n * dashboard rolling up live catalog (brands, items), social (looks,\n * collaborations) and the shopper's own wardrobe — all from real `coo*` ops.\n */\n\nimport { useMemo } from 'react';\nimport {\n  Store,\n  Shirt,\n  Sparkles,\n  Handshake,\n  Shapes,\n  Heart,\n  ArrowRight,\n  Star,\n  Plus,\n  BookHeart,\n  UserCircle,\n  Compass,\n  TrendingUp,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { MetricsCard } from '../components/MetricsCard';\nimport { StatusBadge } from '../components/StatusBadge';\nimport { LoadingView, ErrorView } from '../components/StateViews';\nimport { Thumbnail } from '../components/Thumbnail';\nimport { LookCard } from '../components/LookCard';\nimport { useCoolAndLovely } from '../context/CoolAndLovelyContext';\nimport { useBrands, useStyleItems, useLooks, useCollaborations, useWardrobeItems } from '../hooks';\nimport { cn } from '../utils/cn';\nimport { buildCreatedAtSparkline, sparklineDeltaLabel, sparklineTrendDirection } from '../utils';\nimport type { DashboardStats } from '../types';\n\n/** Time-of-day greeting for the dashboard title (local clock, honest — no data). */\nfunction greeting(): string {\n  const hour = new Date().getHours();\n  if (hour < 12) return 'Good morning';\n  if (hour < 18) return 'Good afternoon';\n  return 'Good evening';\n}\n\ninterface QuickAction {\n  label: string;\n  description: string;\n  icon: React.ReactNode;\n  path: string;\n  color: string;\n  tourAttr?: string;\n}\n\nconst quickActions: QuickAction[] = [\n  {\n    label: 'New Brand',\n    description: 'Launch a storefront',\n    icon: <Store className=\"h-5 w-5\" />,\n    path: '/brands/new',\n    color: 'bg-accent-purple-subtle text-text-primary',\n  },\n  {\n    label: 'Add Style Item',\n    description: 'List a piece',\n    icon: <Shirt className=\"h-5 w-5\" />,\n    path: '/items/new',\n    color: 'bg-[var(--color-accent-soft)] text-text-primary',\n  },\n  {\n    label: 'Publish a Look',\n    description: 'Shop-the-look outfit',\n    icon: <Sparkles className=\"h-5 w-5\" />,\n    path: '/looks/new',\n    color: 'bg-status-success-bg-subtle text-status-success-text',\n  },\n  {\n    label: 'My Wardrobe',\n    description: 'What you own',\n    icon: <Heart className=\"h-5 w-5\" />,\n    path: '/wardrobe',\n    color: 'bg-status-warning-bg-subtle text-status-warning-text',\n    tourAttr: 'coolandlovely-wardrobe-link',\n  },\n];\n\nconst modules = [\n  {\n    label: 'Brands',\n    description: 'Storefronts with a publish lifecycle',\n    icon: <Store className=\"h-6 w-6\" />,\n    path: '/brands',\n    color: 'bg-accent-purple-subtle text-text-primary',\n    tourAttr: 'coolandlovely-brands-link',\n  },\n  {\n    label: 'Collections',\n    description: 'Seasonal drops & curated edits',\n    icon: <Shapes className=\"h-6 w-6\" />,\n    path: '/collections',\n    color: 'bg-accent-blue-subtle text-accent-blue',\n  },\n  {\n    label: 'Style Items',\n    description: 'The shoppable catalogue',\n    icon: <Shirt className=\"h-6 w-6\" />,\n    path: '/items',\n    color: 'bg-[var(--color-accent-soft)] text-text-primary',\n  },\n  {\n    label: 'Looks',\n    description: 'Published shop-the-look outfits',\n    icon: <Sparkles className=\"h-6 w-6\" />,\n    path: '/looks',\n    color: 'bg-status-success-bg-subtle text-status-success-text',\n  },\n  {\n    label: 'Collaborations',\n    description: 'Brand × creator partnerships',\n    icon: <Handshake className=\"h-6 w-6\" />,\n    path: '/collaborations',\n    color: 'bg-status-warning-bg-subtle text-status-warning-text',\n  },\n  {\n    label: 'Wardrobe',\n    description: 'Your digital closet & wear log',\n    icon: <Heart className=\"h-6 w-6\" />,\n    path: '/wardrobe',\n    color: 'bg-status-error-bg-subtle text-status-error-text',\n  },\n  {\n    label: 'Lookbooks',\n    description: 'Themed boards of saved pieces',\n    icon: <BookHeart className=\"h-6 w-6\" />,\n    path: '/lookbooks',\n    color: 'bg-accent-purple-subtle text-text-primary',\n  },\n  {\n    label: 'Style Profile',\n    description: 'Your taste, palette & sizing',\n    icon: <UserCircle className=\"h-6 w-6\" />,\n    path: '/profile',\n    color: 'bg-accent-blue-subtle text-accent-blue',\n    tourAttr: 'coolandlovely-style-profile-link',\n  },\n  {\n    label: 'Discover',\n    description: 'A feed tuned to your taste',\n    icon: <Compass className=\"h-6 w-6\" />,\n    path: '/discover',\n    color: 'bg-[var(--color-accent-soft)] text-text-primary',\n    tourAttr: 'coolandlovely-discover-feed',\n  },\n  {\n    label: 'Trends',\n    description: 'Live signals from platform activity',\n    icon: <TrendingUp className=\"h-6 w-6\" />,\n    path: '/trends',\n    color: 'bg-status-success-bg-subtle text-status-success-text',\n  },\n];\n\nexport function HomePage() {\n  const { navigateTo, currentUser } = useCoolAndLovely();\n\n  const brands = useBrands();\n  const items = useStyleItems();\n  const looks = useLooks();\n  const collaborations = useCollaborations();\n  const wardrobe = useWardrobeItems();\n\n  const firstName = currentUser?.firstName ?? currentUser?.name ?? 'there';\n\n  const isLoading =\n    brands.isLoading ||\n    items.isLoading ||\n    looks.isLoading ||\n    collaborations.isLoading ||\n    wardrobe.isLoading;\n\n  const isError = brands.isError && items.isError && looks.isError && collaborations.isError;\n\n  const stats = useMemo<DashboardStats>(() => {\n    const brandItems = brands.data?.items ?? [];\n    const styleItems = items.data?.items ?? [];\n    const lookItems = looks.data?.items ?? [];\n    const collabs = collaborations.data ?? [];\n    const wardrobeItems = wardrobe.data ?? [];\n    return {\n      totalBrands: brandItems.length,\n      publishedBrands: brandItems.filter((b) => b.status === 'PUBLISHED').length,\n      totalStyleItems: styleItems.length,\n      activeStyleItems: styleItems.filter((i) => i.status === 'ACTIVE').length,\n      totalLooks: lookItems.length,\n      featuredLooks: lookItems.filter((l) => l.isFeatured).length,\n      activeCollaborations: collabs.filter(\n        (c) => c.status === 'ACCEPTED' || c.status === 'IN_PROGRESS'\n      ).length,\n      wardrobeItems: wardrobeItems.length,\n    };\n  }, [brands.data, items.data, looks.data, collaborations.data, wardrobe.data]);\n\n  const latestLooks = useMemo(() => [...(looks.data?.items ?? [])].slice(0, 5), [looks.data]);\n\n  const recentBrands = useMemo(\n    () =>\n      [...(brands.data?.items ?? [])]\n        .sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime())\n        .slice(0, 4),\n    [brands.data]\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"CoolAndLovely\">\n        <LoadingView label=\"Loading your style command center…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title=\"CoolAndLovely\">\n        <ErrorView\n          title=\"Could not load CoolAndLovely\"\n          message=\"The fashion service did not respond. Please try again.\"\n          onRetry={() => {\n            void brands.refetch();\n            void items.refetch();\n            void looks.refetch();\n            void collaborations.refetch();\n            void wardrobe.refetch();\n          }}\n        />\n      </PageLayout>\n    );\n  }\n\n  // Real (non-fabricated) 7-day sparkline series derived from each entity's\n  // own createdAt — falls back to the plain text sub-label when there is no\n  // meaningful history yet (e.g. everything was seeded at once).\n  const brandSparkline = buildCreatedAtSparkline(brands.data?.items ?? []);\n  const itemSparkline = buildCreatedAtSparkline(items.data?.items ?? []);\n  const lookSparkline = buildCreatedAtSparkline(looks.data?.items ?? []);\n  const collabSparkline = buildCreatedAtSparkline(collaborations.data ?? []);\n\n  const metrics = [\n    {\n      icon: <Store className=\"h-5 w-5\" />,\n      value: stats.totalBrands.toString(),\n      label: 'Brands',\n      sub: sparklineDeltaLabel(brandSparkline) ?? `${stats.publishedBrands} published`,\n      sparklineData: brandSparkline,\n      trend: sparklineTrendDirection(brandSparkline),\n    },\n    {\n      icon: <Shirt className=\"h-5 w-5\" />,\n      value: stats.totalStyleItems.toString(),\n      label: 'Style Items',\n      sub: sparklineDeltaLabel(itemSparkline) ?? `${stats.activeStyleItems} active`,\n      sparklineData: itemSparkline,\n      trend: sparklineTrendDirection(itemSparkline),\n    },\n    {\n      icon: <Sparkles className=\"h-5 w-5\" />,\n      value: stats.totalLooks.toString(),\n      label: 'Looks',\n      sub: sparklineDeltaLabel(lookSparkline) ?? `${stats.featuredLooks} featured`,\n      sparklineData: lookSparkline,\n      trend: sparklineTrendDirection(lookSparkline),\n    },\n    {\n      icon: <Handshake className=\"h-5 w-5\" />,\n      value: stats.activeCollaborations.toString(),\n      label: 'Active Collabs',\n      sub: sparklineDeltaLabel(collabSparkline) ?? `${stats.wardrobeItems} in wardrobe`,\n      sparklineData: collabSparkline,\n      trend: sparklineTrendDirection(collabSparkline),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title={`${greeting()}, ${firstName}`}\n      description=\"Your fashion & lifestyle command center\"\n      hero\n    >\n      <PagePurpose className=\"mb-6\">\n        CoolAndLovely connects the three sides of style on one workspace-native model: brands launch\n        storefronts and seasonal collections, you build a wardrobe and lookbooks, and creators\n        publish shop-the-look outfits and run brand collaborations. Jump into any module below — all\n        data is live from the CoolAndLovely service.\n      </PagePurpose>\n\n      {/* Headline metrics — the one emphasis zone for this page */}\n      <EmphasisPanel className=\"mb-8\">\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">At a glance</h2>\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          {metrics.map((m, index) => (\n            <MetricsCard\n              key={m.label}\n              icon={m.icon}\n              value={m.value}\n              label={m.label}\n              trendValue={m.sub}\n              trend={m.trend}\n              sparklineData={m.sparklineData}\n              featured={index === 0}\n            />\n          ))}\n        </div>\n      </EmphasisPanel>\n\n      {/* Quick Actions */}\n      <section className=\"mb-8\">\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Quick actions</h2>\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          {quickActions.map((action) => (\n            <button\n              key={action.label}\n              type=\"button\"\n              onClick={() => navigateTo(action.path)}\n              data-tour={action.tourAttr}\n              className={cn(\n                'flex items-start gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 text-left shadow-sm transition-all',\n                'hover:border-accent-foreground/20 hover:shadow-md'\n              )}\n            >\n              <div\n                className={cn(\n                  'flex h-10 w-10 shrink-0 items-center justify-center rounded-lg',\n                  action.color\n                )}\n              >\n                {action.icon}\n              </div>\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"text-sm font-semibold text-text-primary\">{action.label}</p>\n                <p className=\"mt-0.5 text-xs text-text-secondary\">{action.description}</p>\n              </div>\n              <Plus className=\"mt-1 h-4 w-4 shrink-0 text-text-secondary\" />\n            </button>\n          ))}\n        </div>\n      </section>\n\n      {/* Modules */}\n      <section className=\"mb-8\">\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Explore</h2>\n        <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4\">\n          {modules.map((mod) => (\n            <button\n              key={mod.label}\n              type=\"button\"\n              onClick={() => navigateTo(mod.path)}\n              data-tour={mod.tourAttr}\n              className=\"flex flex-col gap-3 rounded-lg border border-border-seam bg-bg-surface p-5 text-left transition-all hover:border-accent-foreground/20 hover:shadow-md\"\n            >\n              <div\n                className={cn('flex h-12 w-12 items-center justify-center rounded-full', mod.color)}\n              >\n                {mod.icon}\n              </div>\n              <div>\n                <p className=\"text-sm font-semibold text-text-primary\">{mod.label}</p>\n                <p className=\"mt-0.5 text-xs text-text-secondary\">{mod.description}</p>\n              </div>\n            </button>\n          ))}\n        </div>\n      </section>\n\n      {/* Latest looks */}\n      <section className=\"mb-8\">\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Latest looks</h2>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/looks')}\n            className=\"flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n          >\n            View all <ArrowRight className=\"h-3.5 w-3.5\" />\n          </button>\n        </div>\n        {latestLooks.length === 0 ? (\n          <p className=\"rounded-lg border border-border-seam bg-bg-surface p-6 text-sm text-text-secondary\">\n            No looks published yet. Be the first to publish a shop-the-look outfit.\n          </p>\n        ) : (\n          <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-5\">\n            {latestLooks.map((look) => (\n              <LookCard\n                key={look.id}\n                id={look.id}\n                title={look.title}\n                occasion={look.occasion}\n                imageFileId={look.image?.id}\n                likeCount={look.likeCount}\n                isLikedByMe={look.isLikedByMe}\n                isSavedByMe={look.isSavedByMe}\n                onOpen={() => navigateTo(`/looks/${look.id}`)}\n                showActions\n              />\n            ))}\n          </div>\n        )}\n      </section>\n\n      {/* Recent brands */}\n      {recentBrands.length > 0 && (\n        <section>\n          <div className=\"mb-4 flex items-center justify-between\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">Recently updated brands</h2>\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/brands')}\n              className=\"flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n            >\n              View all <ArrowRight className=\"h-3.5 w-3.5\" />\n            </button>\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n            {recentBrands.map((brand) => (\n              <button\n                key={brand.id}\n                type=\"button\"\n                onClick={() => navigateTo(`/brands/${brand.id}`)}\n                className=\"group flex items-center gap-3 rounded-xl border border-border-seam bg-bg-surface p-3 text-left shadow-sm transition-all hover:border-accent-foreground/20 hover:shadow-md\"\n              >\n                <Thumbnail\n                  icon={<Store className=\"h-5 w-5\" />}\n                  seed={brand.id}\n                  fileId={brand.logo?.id ?? brand.cover?.id}\n                  alt={brand.name}\n                  className=\"h-11 w-11 shrink-0 rounded-full ring-2 ring-bg-surface\"\n                />\n                <div className=\"min-w-0 flex-1\">\n                  <div className=\"flex items-center gap-1.5\">\n                    <p className=\"truncate text-sm font-medium text-text-primary\">{brand.name}</p>\n                    {brand.isFeatured && (\n                      <Star className=\"h-3.5 w-3.5 shrink-0 fill-status-warning-text text-status-warning-text\" />\n                    )}\n                  </div>\n                  <p className=\"truncate text-xs text-text-secondary\">@{brand.handle}</p>\n                </div>\n                <StatusBadge status={brand.status} />\n              </button>\n            ))}\n          </div>\n        </section>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuCA,SAAS,IAAmB;CAC1B,IAAM,qBAAO,IAAI,MAAM,EAAC,UAAU;AAGlC,QAFI,IAAO,KAAW,iBAClB,IAAO,KAAW,mBACf;;AAYT,IAAM,IAA8B;CAClC;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EACnC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EACnC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;EACtC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EACnC,MAAM;EACN,OAAO;EACP,UAAU;EACX;CACF,EAEK,IAAU;CACd;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EACnC,MAAM;EACN,OAAO;EACP,UAAU;EACX;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;EACpC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EACnC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;EACtC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;EACvC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EACnC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;EACvC,MAAM;EACN,OAAO;EACR;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;EACxC,MAAM;EACN,OAAO;EACP,UAAU;EACX;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;EACrC,MAAM;EACN,OAAO;EACP,UAAU;EACX;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;EACxC,MAAM;EACN,OAAO;EACR;CACF;AAED,SAAgB,IAAW;CACzB,IAAM,EAAE,eAAY,mBAAgB,GAAkB,EAEhD,IAAS,GAAW,EACpB,IAAQ,GAAe,EACvB,IAAQ,GAAU,EAClB,IAAiB,GAAmB,EACpC,IAAW,GAAkB,EAE7B,IAAY,GAAa,aAAa,GAAa,QAAQ,SAE3D,IACJ,EAAO,aACP,EAAM,aACN,EAAM,aACN,EAAe,aACf,EAAS,WAEL,IAAU,EAAO,WAAW,EAAM,WAAW,EAAM,WAAW,EAAe,SAE7E,IAAQ,QAA8B;EAC1C,IAAM,IAAa,EAAO,MAAM,SAAS,EAAE,EACrC,IAAa,EAAM,MAAM,SAAS,EAAE,EACpC,IAAY,EAAM,MAAM,SAAS,EAAE,EACnC,IAAU,EAAe,QAAQ,EAAE,EACnC,IAAgB,EAAS,QAAQ,EAAE;AACzC,SAAO;GACL,aAAa,EAAW;GACxB,iBAAiB,EAAW,QAAQ,MAAM,EAAE,WAAW,YAAY,CAAC;GACpE,iBAAiB,EAAW;GAC5B,kBAAkB,EAAW,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC;GAClE,YAAY,EAAU;GACtB,eAAe,EAAU,QAAQ,MAAM,EAAE,WAAW,CAAC;GACrD,sBAAsB,EAAQ,QAC3B,MAAM,EAAE,WAAW,cAAc,EAAE,WAAW,cAChD,CAAC;GACF,eAAe,EAAc;GAC9B;IACA;EAAC,EAAO;EAAM,EAAM;EAAM,EAAM;EAAM,EAAe;EAAM,EAAS;EAAK,CAAC,EAEvE,IAAc,QAAc,CAAC,GAAI,EAAM,MAAM,SAAS,EAAE,CAAE,CAAC,MAAM,GAAG,EAAE,EAAE,CAAC,EAAM,KAAK,CAAC,EAErF,IAAe,QAEjB,CAAC,GAAI,EAAO,MAAM,SAAS,EAAE,CAAE,CAC5B,MAAM,GAAG,MAAM,IAAI,KAAK,EAAE,UAAU,CAAC,SAAS,GAAG,IAAI,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,CACjF,MAAM,GAAG,EAAE,EAChB,CAAC,EAAO,KAAK,CACd;AAED,KAAI,EACF,QACE,kBAAC,GAAD;EAAY,OAAM;YAChB,kBAAC,GAAD,EAAa,OAAM,sCAAuC,CAAA;EAC/C,CAAA;AAIjB,KAAI,EACF,QACE,kBAAC,GAAD;EAAY,OAAM;YAChB,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,eAAe;AAKR,IAJA,EAAO,SAAS,EAChB,EAAM,SAAS,EACf,EAAM,SAAS,EACf,EAAe,SAAS,EACxB,EAAS,SAAS;;GAEzB,CAAA;EACS,CAAA;CAOjB,IAAM,IAAiB,EAAwB,EAAO,MAAM,SAAS,EAAE,CAAC,EAClE,IAAgB,EAAwB,EAAM,MAAM,SAAS,EAAE,CAAC,EAChE,IAAgB,EAAwB,EAAM,MAAM,SAAS,EAAE,CAAC,EAChE,IAAkB,EAAwB,EAAe,QAAQ,EAAE,CAAC,EAEpE,IAAU;EACd;GACE,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;GACnC,OAAO,EAAM,YAAY,UAAU;GACnC,OAAO;GACP,KAAK,EAAoB,EAAe,IAAI,GAAG,EAAM,gBAAgB;GACrE,eAAe;GACf,OAAO,EAAwB,EAAe;GAC/C;EACD;GACE,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;GACnC,OAAO,EAAM,gBAAgB,UAAU;GACvC,OAAO;GACP,KAAK,EAAoB,EAAc,IAAI,GAAG,EAAM,iBAAiB;GACrE,eAAe;GACf,OAAO,EAAwB,EAAc;GAC9C;EACD;GACE,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;GACtC,OAAO,EAAM,WAAW,UAAU;GAClC,OAAO;GACP,KAAK,EAAoB,EAAc,IAAI,GAAG,EAAM,cAAc;GAClE,eAAe;GACf,OAAO,EAAwB,EAAc;GAC9C;EACD;GACE,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;GACvC,OAAO,EAAM,qBAAqB,UAAU;GAC5C,OAAO;GACP,KAAK,EAAoB,EAAgB,IAAI,GAAG,EAAM,cAAc;GACpE,eAAe;GACf,OAAO,EAAwB,EAAgB;GAChD;EACF;AAED,QACE,kBAAC,GAAD;EACE,OAAO,GAAG,GAAU,CAAC,IAAI;EACzB,aAAY;EACZ,MAAA;YAHF;GAKE,kBAAC,GAAD;IAAa,WAAU;cAAO;IAKhB,CAAA;GAGd,kBAAC,GAAD;IAAe,WAAU;cAAzB,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAAgB,CAAA,EAC7E,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAQ,KAAK,GAAG,MACf,kBAAC,GAAD;MAEE,MAAM,EAAE;MACR,OAAO,EAAE;MACT,OAAO,EAAE;MACT,YAAY,EAAE;MACd,OAAO,EAAE;MACT,eAAe,EAAE;MACjB,UAAU,MAAU;MACpB,EARK,EAAE,MAQP,CACF;KACE,CAAA,CACQ;;GAGhB,kBAAC,WAAD;IAAS,WAAU;cAAnB,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAAkB,CAAA,EAC/E,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAa,KAAK,MACjB,kBAAC,UAAD;MAEE,MAAK;MACL,eAAe,EAAW,EAAO,KAAK;MACtC,aAAW,EAAO;MAClB,WAAW,EACT,oHACA,oDACD;gBARH;OAUE,kBAAC,OAAD;QACE,WAAW,EACT,kEACA,EAAO,MACR;kBAEA,EAAO;QACJ,CAAA;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBAA2C,EAAO;SAAU,CAAA,EACzE,kBAAC,KAAD;SAAG,WAAU;mBAAsC,EAAO;SAAgB,CAAA,CACtE;;OACN,kBAAC,GAAD,EAAM,WAAU,6CAA8C,CAAA;OACvD;QAtBF,EAAO,MAsBL,CACT;KACE,CAAA,CACE;;GAGV,kBAAC,WAAD;IAAS,WAAU;cAAnB,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAAY,CAAA,EACzE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAQ,KAAK,MACZ,kBAAC,UAAD;MAEE,MAAK;MACL,eAAe,EAAW,EAAI,KAAK;MACnC,aAAW,EAAI;MACf,WAAU;gBALZ,CAOE,kBAAC,OAAD;OACE,WAAW,EAAG,2DAA2D,EAAI,MAAM;iBAElF,EAAI;OACD,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBAA2C,EAAI;OAAU,CAAA,EACtE,kBAAC,KAAD;OAAG,WAAU;iBAAsC,EAAI;OAAgB,CAAA,CACnE,EAAA,CAAA,CACC;QAfF,EAAI,MAeF,CACT;KACE,CAAA,CACE;;GAGV,kBAAC,WAAD;IAAS,WAAU;cAAnB,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAA0C;MAAiB,CAAA,EACzE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAW,SAAS;MACnC,WAAU;gBAHZ,CAIC,aACU,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CACxC;QACL;QACL,EAAY,WAAW,IACtB,kBAAC,KAAD;KAAG,WAAU;eAAqF;KAE9F,CAAA,GAEJ,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAY,KAAK,MAChB,kBAAC,GAAD;MAEE,IAAI,EAAK;MACT,OAAO,EAAK;MACZ,UAAU,EAAK;MACf,aAAa,EAAK,OAAO;MACzB,WAAW,EAAK;MAChB,aAAa,EAAK;MAClB,aAAa,EAAK;MAClB,cAAc,EAAW,UAAU,EAAK,KAAK;MAC7C,aAAA;MACA,EAVK,EAAK,GAUV,CACF;KACE,CAAA,CAEA;;GAGT,EAAa,SAAS,KACrB,kBAAC,WAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0C;KAA4B,CAAA,EACpF,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAW,UAAU;KACpC,WAAU;eAHZ,CAIC,aACU,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CACxC;OACL;OACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAa,KAAK,MACjB,kBAAC,UAAD;KAEE,MAAK;KACL,eAAe,EAAW,WAAW,EAAM,KAAK;KAChD,WAAU;eAJZ;MAME,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;OACnC,MAAM,EAAM;OACZ,QAAQ,EAAM,MAAM,MAAM,EAAM,OAAO;OACvC,KAAK,EAAM;OACX,WAAU;OACV,CAAA;MACF,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBAAkD,EAAM;SAAS,CAAA,EAC7E,EAAM,cACL,kBAAC,GAAD,EAAM,WAAU,0EAA2E,CAAA,CAEzF;WACN,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAoD,KAAE,EAAM,OAAW;UACnE;;MACN,kBAAC,GAAD,EAAa,QAAQ,EAAM,QAAU,CAAA;MAC9B;OAtBF,EAAM,GAsBJ,CACT;IACE,CAAA,CACE,EAAA,CAAA;GAED"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-coolandlovely",
-  "version": "2026.820.1",
+  "version": "2026.820.2",
   "description": "Burdenoff CoolAndLovely Microfrontend",
   "type": "module",
   "files": [