@burdenoff/microfe-coolandlovely 2026.625.2 → 2026.628.1

package/dist/coolandlovely/pages/brands/BrandFormPage.js

@@ -0,0 +1,190 @@
+import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { ErrorView as n, LoadingView as r } from "../../components/StateViews.js";
+import { useBrand as i, useCreateBrand as a, useUpdateBrand as o } from "../../hooks/useCoolAndLovelyApi.js";
+import "../../hooks/index.js";
+import { parseCsv as s } from "../../utils/formatters.js";
+import { TextAreaField as c, TextField as l } from "../../components/Field.js";
+import { useEffect as u, useState as d } from "react";
+import { ArrowLeft as f, Loader2 as p, Save as m, Store as h } from "lucide-react";
+import { useParams as g } from "react-router-dom";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { GlassCard as y } from "@burdenoff/fe-libs/ui";
+//#region src/coolandlovely/pages/brands/BrandFormPage.tsx
+var b = {
+	name: "",
+	handle: "",
+	tagline: "",
+	bio: "",
+	aesthetics: "",
+	tags: "",
+	websiteUrl: ""
+};
+function x() {
+	let { brandId: x } = g(), S = !!x, { navigateTo: C } = e(), w = i(S ? x : void 0), T = a(), E = o(), [D, O] = d(b), [k, A] = d({});
+	u(() => {
+		if (S && w.data) {
+			let e = w.data;
+			O({
+				name: e.name,
+				handle: e.handle,
+				tagline: e.tagline ?? "",
+				bio: e.bio ?? "",
+				aesthetics: e.aesthetics.join(", "),
+				tags: e.tags.join(", "),
+				websiteUrl: e.websiteUrl ?? ""
+			});
+		}
+	}, [S, w.data]);
+	let j = (e, t) => O((n) => ({
+		...n,
+		[e]: t
+	})), M = S ? E : T, N = () => {
+		let e = {};
+		return D.name.trim() || (e.name = "Name is required"), !S && !D.handle.trim() && (e.handle = "Handle is required"), A(e), Object.keys(e).length === 0;
+	};
+	return S && w.isLoading ? /* @__PURE__ */ _(t, {
+		title: "Edit brand",
+		children: /* @__PURE__ */ _(r, { label: "Loading brand…" })
+	}) : S && (w.isError || !w.data) ? /* @__PURE__ */ _(t, {
+		title: "Edit brand",
+		children: /* @__PURE__ */ _(n, {
+			title: "Brand not found",
+			onRetry: () => void w.refetch()
+		})
+	}) : /* @__PURE__ */ _(t, {
+		title: S ? "Edit brand" : "New brand",
+		description: S ? "Update this storefront" : "Launch a new storefront on the platform",
+		actions: /* @__PURE__ */ v("button", {
+			type: "button",
+			onClick: () => C(S && x ? `/brands/${x}` : "/brands"),
+			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",
+			children: [/* @__PURE__ */ _(f, { className: "h-4 w-4" }), " Cancel"]
+		}),
+		children: /* @__PURE__ */ _("form", {
+			onSubmit: (e) => {
+				e.preventDefault(), N() && (S && x ? E.mutate({
+					id: x,
+					input: {
+						name: D.name.trim(),
+						tagline: D.tagline.trim() || void 0,
+						bio: D.bio.trim() || void 0,
+						aesthetics: s(D.aesthetics),
+						tags: s(D.tags),
+						websiteUrl: D.websiteUrl.trim() || void 0
+					}
+				}, { onSuccess: () => C(`/brands/${x}`) }) : T.mutate({
+					name: D.name.trim(),
+					handle: D.handle.trim(),
+					tagline: D.tagline.trim() || void 0,
+					bio: D.bio.trim() || void 0,
+					aesthetics: s(D.aesthetics),
+					tags: s(D.tags),
+					websiteUrl: D.websiteUrl.trim() || void 0
+				}, { onSuccess: (e) => C(`/brands/${e.id}`) }));
+			},
+			className: "mx-auto max-w-2xl",
+			children: /* @__PURE__ */ v(y, {
+				treatment: "plain",
+				className: "p-6",
+				children: [
+					/* @__PURE__ */ v("div", {
+						className: "mb-6 flex items-center gap-3",
+						children: [/* @__PURE__ */ _("div", {
+							className: "flex h-11 w-11 items-center justify-center rounded-lg bg-accent-purple-subtle text-text-primary",
+							children: /* @__PURE__ */ _(h, { className: "h-5 w-5" })
+						}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h2", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Storefront details"
+						}), /* @__PURE__ */ _("p", {
+							className: "text-xs text-text-secondary",
+							children: "Imagery (logo/cover) is attached via the workspace files service."
+						})] })]
+					}),
+					/* @__PURE__ */ v("div", {
+						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ _(l, {
+							id: "name",
+							label: "Brand name",
+							value: D.name,
+							onChange: (e) => j("name", e),
+							placeholder: "Aurora Atelier",
+							required: !0,
+							error: k.name
+						}), /* @__PURE__ */ _(l, {
+							id: "handle",
+							label: "Handle",
+							value: D.handle,
+							onChange: (e) => j("handle", e),
+							placeholder: "aurora-atelier",
+							required: !S,
+							hint: S ? "Handle cannot be changed after creation" : "Unique per workspace",
+							error: k.handle
+						})]
+					}),
+					/* @__PURE__ */ _(l, {
+						id: "tagline",
+						label: "Tagline",
+						value: D.tagline,
+						onChange: (e) => j("tagline", e),
+						placeholder: "Quiet luxury, loud ideas",
+						className: "mt-4"
+					}),
+					/* @__PURE__ */ _(c, {
+						id: "bio",
+						label: "Bio",
+						value: D.bio,
+						onChange: (e) => j("bio", e),
+						placeholder: "Tell shoppers what your brand stands for…",
+						rows: 4,
+						className: "mt-4"
+					}),
+					/* @__PURE__ */ v("div", {
+						className: "mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ _(l, {
+							id: "aesthetics",
+							label: "Aesthetics",
+							value: D.aesthetics,
+							onChange: (e) => j("aesthetics", e),
+							placeholder: "minimal, Y2K, coastal",
+							hint: "Comma-separated descriptors"
+						}), /* @__PURE__ */ _(l, {
+							id: "tags",
+							label: "Tags",
+							value: D.tags,
+							onChange: (e) => j("tags", e),
+							placeholder: "sustainable, handmade",
+							hint: "Comma-separated"
+						})]
+					}),
+					/* @__PURE__ */ _(l, {
+						id: "websiteUrl",
+						label: "Website",
+						type: "url",
+						value: D.websiteUrl,
+						onChange: (e) => j("websiteUrl", e),
+						placeholder: "https://example.com",
+						className: "mt-4"
+					}),
+					M.isError && /* @__PURE__ */ _("p", {
+						className: "mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+						children: M.error instanceof Error ? M.error.message : "Something went wrong"
+					}),
+					/* @__PURE__ */ _("div", {
+						className: "mt-6 flex justify-end gap-2",
+						children: /* @__PURE__ */ v("button", {
+							type: "submit",
+							disabled: M.isPending,
+							className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50",
+							children: [M.isPending ? /* @__PURE__ */ _(p, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ _(m, { className: "h-4 w-4" }), S ? "Save changes" : "Create brand"]
+						})
+					})
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { x as BrandFormPage };
+
+//# sourceMappingURL=BrandFormPage.js.map

package/dist/coolandlovely/pages/brands/BrandFormPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandFormPage.js","names":[],"sources":["../../../../src/coolandlovely/pages/brands/BrandFormPage.tsx"],"sourcesContent":["/**\n * Brand Create / Edit Page\n * @module coolandlovely/pages/brands\n *\n * Drives `cooCreateBrand` (new) and `cooUpdateBrand` (edit). The route param\n * `brandId` distinguishes the two modes.\n */\n\nimport { useEffect, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, Loader2, Save, Store } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { TextField, TextAreaField } from '../../components/Field';\nimport { useCoolAndLovely } from '../../context/CoolAndLovelyContext';\nimport { useBrand, useCreateBrand, useUpdateBrand } from '../../hooks';\nimport { parseCsv } from '../../utils/formatters';\n\ninterface FormState {\n  name: string;\n  handle: string;\n  tagline: string;\n  bio: string;\n  aesthetics: string;\n  tags: string;\n  websiteUrl: string;\n}\n\nconst EMPTY: FormState = {\n  name: '',\n  handle: '',\n  tagline: '',\n  bio: '',\n  aesthetics: '',\n  tags: '',\n  websiteUrl: '',\n};\n\nexport function BrandFormPage() {\n  const { brandId } = useParams<{ brandId: string }>();\n  const isEdit = Boolean(brandId);\n  const { navigateTo } = useCoolAndLovely();\n\n  const existing = useBrand(isEdit ? brandId : undefined);\n  const createBrand = useCreateBrand();\n  const updateBrand = useUpdateBrand();\n\n  const [form, setForm] = useState<FormState>(EMPTY);\n  const [errors, setErrors] = useState<Partial<Record<keyof FormState, string>>>({});\n\n  useEffect(() => {\n    if (isEdit && existing.data) {\n      const b = existing.data;\n      setForm({\n        name: b.name,\n        handle: b.handle,\n        tagline: b.tagline ?? '',\n        bio: b.bio ?? '',\n        aesthetics: b.aesthetics.join(', '),\n        tags: b.tags.join(', '),\n        websiteUrl: b.websiteUrl ?? '',\n      });\n    }\n  }, [isEdit, existing.data]);\n\n  const setField = <K extends keyof FormState>(key: K, value: FormState[K]) =>\n    setForm((f) => ({ ...f, [key]: value }));\n\n  const mutation = isEdit ? updateBrand : createBrand;\n\n  const validate = (): boolean => {\n    const next: Partial<Record<keyof FormState, string>> = {};\n    if (!form.name.trim()) next.name = 'Name is required';\n    if (!isEdit && !form.handle.trim()) next.handle = 'Handle is required';\n    setErrors(next);\n    return Object.keys(next).length === 0;\n  };\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!validate()) return;\n\n    if (isEdit && brandId) {\n      updateBrand.mutate(\n        {\n          id: brandId,\n          input: {\n            name: form.name.trim(),\n            tagline: form.tagline.trim() || undefined,\n            bio: form.bio.trim() || undefined,\n            aesthetics: parseCsv(form.aesthetics),\n            tags: parseCsv(form.tags),\n            websiteUrl: form.websiteUrl.trim() || undefined,\n          },\n        },\n        { onSuccess: () => navigateTo(`/brands/${brandId}`) }\n      );\n    } else {\n      createBrand.mutate(\n        {\n          name: form.name.trim(),\n          handle: form.handle.trim(),\n          tagline: form.tagline.trim() || undefined,\n          bio: form.bio.trim() || undefined,\n          aesthetics: parseCsv(form.aesthetics),\n          tags: parseCsv(form.tags),\n          websiteUrl: form.websiteUrl.trim() || undefined,\n        },\n        { onSuccess: (brand) => navigateTo(`/brands/${brand.id}`) }\n      );\n    }\n  };\n\n  if (isEdit && existing.isLoading) {\n    return (\n      <PageLayout title=\"Edit brand\">\n        <LoadingView label=\"Loading brand…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isEdit && (existing.isError || !existing.data)) {\n    return (\n      <PageLayout title=\"Edit brand\">\n        <ErrorView title=\"Brand not found\" onRetry={() => void existing.refetch()} />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={isEdit ? 'Edit brand' : 'New brand'}\n      description={isEdit ? 'Update this storefront' : 'Launch a new storefront on the platform'}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo(isEdit && brandId ? `/brands/${brandId}` : '/brands')}\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\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" /> Cancel\n        </button>\n      }\n    >\n      <form onSubmit={handleSubmit} className=\"mx-auto max-w-2xl\">\n        <GlassCard treatment=\"plain\" className=\"p-6\">\n          <div className=\"mb-6 flex items-center gap-3\">\n            <div className=\"flex h-11 w-11 items-center justify-center rounded-lg bg-accent-purple-subtle text-text-primary\">\n              <Store className=\"h-5 w-5\" />\n            </div>\n            <div>\n              <h2 className=\"text-base font-semibold text-text-primary\">Storefront details</h2>\n              <p className=\"text-xs text-text-secondary\">\n                Imagery (logo/cover) is attached via the workspace files service.\n              </p>\n            </div>\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <TextField\n              id=\"name\"\n              label=\"Brand name\"\n              value={form.name}\n              onChange={(v) => setField('name', v)}\n              placeholder=\"Aurora Atelier\"\n              required\n              error={errors.name}\n            />\n            <TextField\n              id=\"handle\"\n              label=\"Handle\"\n              value={form.handle}\n              onChange={(v) => setField('handle', v)}\n              placeholder=\"aurora-atelier\"\n              required={!isEdit}\n              hint={isEdit ? 'Handle cannot be changed after creation' : 'Unique per workspace'}\n              error={errors.handle}\n            />\n          </div>\n\n          <TextField\n            id=\"tagline\"\n            label=\"Tagline\"\n            value={form.tagline}\n            onChange={(v) => setField('tagline', v)}\n            placeholder=\"Quiet luxury, loud ideas\"\n            className=\"mt-4\"\n          />\n\n          <TextAreaField\n            id=\"bio\"\n            label=\"Bio\"\n            value={form.bio}\n            onChange={(v) => setField('bio', v)}\n            placeholder=\"Tell shoppers what your brand stands for…\"\n            rows={4}\n            className=\"mt-4\"\n          />\n\n          <div className=\"mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <TextField\n              id=\"aesthetics\"\n              label=\"Aesthetics\"\n              value={form.aesthetics}\n              onChange={(v) => setField('aesthetics', v)}\n              placeholder=\"minimal, Y2K, coastal\"\n              hint=\"Comma-separated descriptors\"\n            />\n            <TextField\n              id=\"tags\"\n              label=\"Tags\"\n              value={form.tags}\n              onChange={(v) => setField('tags', v)}\n              placeholder=\"sustainable, handmade\"\n              hint=\"Comma-separated\"\n            />\n          </div>\n\n          <TextField\n            id=\"websiteUrl\"\n            label=\"Website\"\n            type=\"url\"\n            value={form.websiteUrl}\n            onChange={(v) => setField('websiteUrl', v)}\n            placeholder=\"https://example.com\"\n            className=\"mt-4\"\n          />\n\n          {mutation.isError && (\n            <p className=\"mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n              {mutation.error instanceof Error ? mutation.error.message : 'Something went wrong'}\n            </p>\n          )}\n\n          <div className=\"mt-6 flex justify-end gap-2\">\n            <button\n              type=\"submit\"\n              disabled={mutation.isPending}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50\"\n            >\n              {mutation.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <Save className=\"h-4 w-4\" />\n              )}\n              {isEdit ? 'Save changes' : 'Create brand'}\n            </button>\n          </div>\n        </GlassCard>\n      </form>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/coolandlovely/pages/brands/BrandsListPage.js

@@ -0,0 +1,158 @@
+import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { StatusBadge as r } from "../../components/StatusBadge.js";
+import { ErrorView as i, LoadingView as a } from "../../components/StateViews.js";
+import { Thumbnail as o } from "../../components/Thumbnail.js";
+import { useBrands as s } from "../../hooks/useCoolAndLovelyApi.js";
+import "../../hooks/index.js";
+import { titleCase as c } from "../../utils/formatters.js";
+import { TagList as l } from "../../components/TagList.js";
+import { EmptyState as u } from "../../components/EmptyState.js";
+import { useState as d } from "react";
+import { ChevronLeft as f, ChevronRight as p, Plus as m, Star as h, Store as g } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/coolandlovely/pages/brands/BrandsListPage.tsx
+var b = 24, x = [
+	{
+		value: "ALL",
+		label: "All"
+	},
+	{
+		value: "PUBLISHED",
+		label: "Published"
+	},
+	{
+		value: "DRAFT",
+		label: "Draft"
+	},
+	{
+		value: "PENDING_REVIEW",
+		label: "In review"
+	},
+	{
+		value: "SUSPENDED",
+		label: "Suspended"
+	},
+	{
+		value: "ARCHIVED",
+		label: "Archived"
+	}
+];
+function S() {
+	let { navigateTo: S } = e(), [C, w] = d("ALL"), [T, E] = d(!1), [D, O] = d(0), k = s({
+		status: C === "ALL" ? void 0 : C,
+		featured: T ? !0 : void 0,
+		pagination: {
+			limit: b,
+			offset: D
+		}
+	}), A = k.data?.items ?? [], j = k.data?.pageInfo.hasMore ?? !1;
+	return /* @__PURE__ */ y(n, {
+		title: "Brands",
+		description: "Storefronts on the platform with a real publish lifecycle",
+		actions: /* @__PURE__ */ y("button", {
+			type: "button",
+			onClick: () => S("/brands/new"),
+			className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90",
+			children: [/* @__PURE__ */ v(m, { className: "h-4 w-4" }), " New brand"]
+		}),
+		children: [/* @__PURE__ */ y("div", {
+			className: "mb-6 flex flex-wrap items-center gap-2",
+			children: [x.map((e) => /* @__PURE__ */ v("button", {
+				type: "button",
+				onClick: () => {
+					w(e.value), O(0);
+				},
+				className: t("rounded-full px-3 py-1.5 text-sm font-medium transition-colors", C === e.value ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
+				children: e.label
+			}, e.value)), /* @__PURE__ */ y("button", {
+				type: "button",
+				onClick: () => {
+					E((e) => !e), O(0);
+				},
+				className: t("ml-auto inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors", T ? "bg-status-warning-bg-subtle text-status-warning-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
+				children: [/* @__PURE__ */ v(h, { className: t("h-3.5 w-3.5", T && "fill-status-warning-text") }), " Featured"]
+			})]
+		}), k.isLoading ? /* @__PURE__ */ v(a, { label: "Loading brands…" }) : k.isError ? /* @__PURE__ */ v(i, { onRetry: () => void k.refetch() }) : A.length === 0 ? /* @__PURE__ */ v(u, {
+			illustration: "empty-data",
+			icon: /* @__PURE__ */ v(g, { className: "h-10 w-10" }),
+			title: "No brands yet",
+			description: "Launch the first storefront to start building the catalogue.",
+			action: /* @__PURE__ */ y("button", {
+				type: "button",
+				onClick: () => S("/brands/new"),
+				className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text",
+				children: [/* @__PURE__ */ v(m, { className: "h-4 w-4" }), " New brand"]
+			})
+		}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
+			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+			children: A.map((e) => /* @__PURE__ */ y("button", {
+				type: "button",
+				onClick: () => S(`/brands/${e.id}`),
+				className: "overflow-hidden rounded-lg border border-border-seam bg-bg-surface text-left shadow-sm transition-all hover:border-accent-foreground/20 hover:shadow-md",
+				children: [/* @__PURE__ */ v(o, {
+					icon: /* @__PURE__ */ v(g, { className: "h-9 w-9" }),
+					seed: e.id,
+					className: "h-32 w-full"
+				}), /* @__PURE__ */ y("div", {
+					className: "p-4",
+					children: [
+						/* @__PURE__ */ y("div", {
+							className: "flex items-start justify-between gap-2",
+							children: [/* @__PURE__ */ y("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ y("div", {
+									className: "flex items-center gap-1.5",
+									children: [/* @__PURE__ */ v("h3", {
+										className: "truncate text-base font-semibold text-text-primary",
+										children: e.name
+									}), e.isFeatured && /* @__PURE__ */ v(h, { className: "h-3.5 w-3.5 shrink-0 fill-status-warning-text text-status-warning-text" })]
+								}), /* @__PURE__ */ y("p", {
+									className: "truncate text-xs text-text-secondary",
+									children: ["@", e.handle]
+								})]
+							}), /* @__PURE__ */ v(r, { status: e.status })]
+						}),
+						e.tagline && /* @__PURE__ */ v("p", {
+							className: "mt-2 line-clamp-2 text-sm text-text-secondary",
+							children: e.tagline
+						}),
+						e.aesthetics.length > 0 && /* @__PURE__ */ v(l, {
+							tags: e.aesthetics.map(c),
+							max: 4,
+							className: "mt-3",
+							tone: "accent"
+						})
+					]
+				})]
+			}, e.id))
+		}), (D > 0 || j) && /* @__PURE__ */ y("div", {
+			className: "mt-6 flex items-center justify-center gap-2",
+			children: [
+				/* @__PURE__ */ y("button", {
+					type: "button",
+					disabled: D === 0,
+					onClick: () => O((e) => Math.max(0, e - b)),
+					className: "inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40",
+					children: [/* @__PURE__ */ v(f, { className: "h-4 w-4" }), " Previous"]
+				}),
+				/* @__PURE__ */ y("span", {
+					className: "text-sm text-text-secondary",
+					children: ["Page ", D / b + 1]
+				}),
+				/* @__PURE__ */ y("button", {
+					type: "button",
+					disabled: !j,
+					onClick: () => O((e) => e + b),
+					className: "inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40",
+					children: ["Next ", /* @__PURE__ */ v(p, { className: "h-4 w-4" })]
+				})
+			]
+		})] })]
+	});
+}
+//#endregion
+export { S as BrandsListPage };
+
+//# sourceMappingURL=BrandsListPage.js.map

package/dist/coolandlovely/pages/brands/BrandsListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandsListPage.js","names":[],"sources":["../../../../src/coolandlovely/pages/brands/BrandsListPage.tsx"],"sourcesContent":["/**\n * Brands List Page\n * @module coolandlovely/pages/brands\n *\n * Lists brand storefronts (cursor-paginated `cooListBrands`) with status &\n * featured filters. Each card links to the brand detail page.\n */\n\nimport { useState } from 'react';\nimport { Store, Plus, Star, ChevronLeft, ChevronRight } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { Thumbnail } from '../../components/Thumbnail';\nimport { TagList } from '../../components/TagList';\nimport { useCoolAndLovely } from '../../context/CoolAndLovelyContext';\nimport { useBrands } from '../../hooks';\nimport { titleCase } from '../../utils/formatters';\nimport { cn } from '../../utils/cn';\nimport type { CooBrandStatus } from '../../types';\n\nconst PAGE_SIZE = 24;\n\nconst STATUS_OPTIONS: Array<{ value: CooBrandStatus | 'ALL'; label: string }> = [\n  { value: 'ALL', label: 'All' },\n  { value: 'PUBLISHED', label: 'Published' },\n  { value: 'DRAFT', label: 'Draft' },\n  { value: 'PENDING_REVIEW', label: 'In review' },\n  { value: 'SUSPENDED', label: 'Suspended' },\n  { value: 'ARCHIVED', label: 'Archived' },\n];\n\nexport function BrandsListPage() {\n  const { navigateTo } = useCoolAndLovely();\n  const [status, setStatus] = useState<CooBrandStatus | 'ALL'>('ALL');\n  const [featuredOnly, setFeaturedOnly] = useState(false);\n  const [offset, setOffset] = useState(0);\n\n  const query = useBrands({\n    status: status === 'ALL' ? undefined : status,\n    featured: featuredOnly ? true : undefined,\n    pagination: { limit: PAGE_SIZE, offset },\n  });\n\n  const brands = query.data?.items ?? [];\n  const hasMore = query.data?.pageInfo.hasMore ?? false;\n\n  return (\n    <PageLayout\n      title=\"Brands\"\n      description=\"Storefronts on the platform with a real publish lifecycle\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/brands/new')}\n          className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n        >\n          <Plus className=\"h-4 w-4\" /> New brand\n        </button>\n      }\n    >\n      {/* Filters */}\n      <div className=\"mb-6 flex flex-wrap items-center gap-2\">\n        {STATUS_OPTIONS.map((opt) => (\n          <button\n            key={opt.value}\n            type=\"button\"\n            onClick={() => {\n              setStatus(opt.value);\n              setOffset(0);\n            }}\n            className={cn(\n              'rounded-full px-3 py-1.5 text-sm font-medium transition-colors',\n              status === opt.value\n                ? 'bg-action-primary-bg text-action-primary-text'\n                : 'bg-bg-sunken text-text-secondary hover:text-text-primary'\n            )}\n          >\n            {opt.label}\n          </button>\n        ))}\n        <button\n          type=\"button\"\n          onClick={() => {\n            setFeaturedOnly((v) => !v);\n            setOffset(0);\n          }}\n          className={cn(\n            'ml-auto inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors',\n            featuredOnly\n              ? 'bg-status-warning-bg-subtle text-status-warning-text'\n              : 'bg-bg-sunken text-text-secondary hover:text-text-primary'\n          )}\n        >\n          <Star className={cn('h-3.5 w-3.5', featuredOnly && 'fill-status-warning-text')} /> Featured\n        </button>\n      </div>\n\n      {query.isLoading ? (\n        <LoadingView label=\"Loading brands…\" />\n      ) : query.isError ? (\n        <ErrorView onRetry={() => void query.refetch()} />\n      ) : brands.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Store className=\"h-10 w-10\" />}\n          title=\"No brands yet\"\n          description=\"Launch the first storefront to start building the catalogue.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/brands/new')}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text\"\n            >\n              <Plus className=\"h-4 w-4\" /> New brand\n            </button>\n          }\n        />\n      ) : (\n        <>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {brands.map((brand) => (\n              <button\n                key={brand.id}\n                type=\"button\"\n                onClick={() => navigateTo(`/brands/${brand.id}`)}\n                className=\"overflow-hidden rounded-lg border border-border-seam bg-bg-surface text-left shadow-sm transition-all hover:border-accent-foreground/20 hover:shadow-md\"\n              >\n                <Thumbnail\n                  icon={<Store className=\"h-9 w-9\" />}\n                  seed={brand.id}\n                  className=\"h-32 w-full\"\n                />\n                <div className=\"p-4\">\n                  <div className=\"flex items-start justify-between gap-2\">\n                    <div className=\"min-w-0\">\n                      <div className=\"flex items-center gap-1.5\">\n                        <h3 className=\"truncate text-base font-semibold text-text-primary\">\n                          {brand.name}\n                        </h3>\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                  </div>\n                  {brand.tagline && (\n                    <p className=\"mt-2 line-clamp-2 text-sm text-text-secondary\">{brand.tagline}</p>\n                  )}\n                  {brand.aesthetics.length > 0 && (\n                    <TagList tags={brand.aesthetics.map(titleCase)} max={4} className=\"mt-3\" tone=\"accent\" />\n                  )}\n                </div>\n              </button>\n            ))}\n          </div>\n\n          {/* Pagination */}\n          {(offset > 0 || hasMore) && (\n            <div className=\"mt-6 flex items-center justify-center gap-2\">\n              <button\n                type=\"button\"\n                disabled={offset === 0}\n                onClick={() => setOffset((o) => Math.max(0, o - PAGE_SIZE))}\n                className=\"inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40\"\n              >\n                <ChevronLeft className=\"h-4 w-4\" /> Previous\n              </button>\n              <span className=\"text-sm text-text-secondary\">Page {offset / PAGE_SIZE + 1}</span>\n              <button\n                type=\"button\"\n                disabled={!hasMore}\n                onClick={() => setOffset((o) => o + PAGE_SIZE)}\n                className=\"inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40\"\n              >\n                Next <ChevronRight className=\"h-4 w-4\" />\n              </button>\n            </div>\n          )}\n        </>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/coolandlovely/pages/collaborations/CollaborationDetailPage.js

@@ -0,0 +1,253 @@
+import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { StatusBadge as n } from "../../components/StatusBadge.js";
+import { ErrorView as r, LoadingView as i } from "../../components/StateViews.js";
+import { Thumbnail as a } from "../../components/Thumbnail.js";
+import { useCollaboration as o, useTransitionCollaboration as s } from "../../hooks/useCoolAndLovelyApi.js";
+import "../../hooks/index.js";
+import { formatDate as c, formatPrice as l, titleCase as u } from "../../utils/formatters.js";
+import { TagList as d } from "../../components/TagList.js";
+import { ArrowLeft as f, Handshake as p, Loader2 as m, Sparkles as h, Store as g } from "lucide-react";
+import { useParams as _ } from "react-router-dom";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { GlassCard as b } from "@burdenoff/fe-libs/ui";
+//#region src/coolandlovely/pages/collaborations/CollaborationDetailPage.tsx
+var x = {
+	PROPOSED: [
+		"ACCEPTED",
+		"DECLINED",
+		"CANCELLED"
+	],
+	ACCEPTED: ["IN_PROGRESS", "CANCELLED"],
+	IN_PROGRESS: ["PUBLISHED", "CANCELLED"],
+	PUBLISHED: [],
+	DECLINED: [],
+	CANCELLED: []
+};
+function S() {
+	let { collaborationId: S } = _(), { navigateTo: C } = e(), w = o(S), T = s();
+	if (w.isLoading) return /* @__PURE__ */ v(t, {
+		title: "Collaboration",
+		children: /* @__PURE__ */ v(i, { label: "Loading collaboration…" })
+	});
+	if (w.isError || !w.data) return /* @__PURE__ */ v(t, {
+		title: "Collaboration",
+		children: /* @__PURE__ */ v(r, {
+			title: "Collaboration not found",
+			onRetry: () => void w.refetch()
+		})
+	});
+	let E = w.data, D = E.looks ?? [], O = x[E.status];
+	return /* @__PURE__ */ v(t, {
+		title: E.title,
+		description: E.brand?.name ?? void 0,
+		actions: /* @__PURE__ */ y("button", {
+			type: "button",
+			onClick: () => C("/collaborations"),
+			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",
+			children: [/* @__PURE__ */ v(f, { className: "h-4 w-4" }), " Back"]
+		}),
+		children: /* @__PURE__ */ y("div", {
+			className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+			children: [/* @__PURE__ */ y("div", {
+				className: "lg:col-span-2",
+				children: [/* @__PURE__ */ y(b, {
+					treatment: "glass",
+					className: "p-6",
+					children: [
+						/* @__PURE__ */ y("div", {
+							className: "flex items-center gap-3",
+							children: [
+								/* @__PURE__ */ v(a, {
+									icon: /* @__PURE__ */ v(p, { className: "h-6 w-6" }),
+									seed: E.id,
+									className: "h-12 w-12 shrink-0"
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "min-w-0 flex-1",
+									children: [/* @__PURE__ */ v("h2", {
+										className: "truncate text-xl font-semibold text-text-primary",
+										children: E.title
+									}), /* @__PURE__ */ y("p", {
+										className: "text-xs text-text-secondary",
+										children: [u(E.role), " collaboration"]
+									})]
+								}),
+								/* @__PURE__ */ v(n, { status: E.status })
+							]
+						}),
+						E.brief && /* @__PURE__ */ v("p", {
+							className: "mt-4 text-sm text-text-secondary",
+							children: E.brief
+						}),
+						E.tags.length > 0 && /* @__PURE__ */ v(d, {
+							tags: E.tags,
+							className: "mt-4",
+							tone: "accent"
+						})
+					]
+				}), /* @__PURE__ */ y("section", {
+					className: "mt-6",
+					children: [/* @__PURE__ */ y("h3", {
+						className: "mb-3 text-lg font-semibold text-text-primary",
+						children: [
+							"Attributed looks (",
+							D.length,
+							")"
+						]
+					}), D.length === 0 ? /* @__PURE__ */ v("p", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-sm text-text-secondary",
+						children: "No looks attributed to this collaboration yet."
+					}) : /* @__PURE__ */ v("div", {
+						className: "grid grid-cols-2 gap-3 sm:grid-cols-3",
+						children: D.map((e) => /* @__PURE__ */ y("button", {
+							type: "button",
+							onClick: () => C(`/looks/${e.id}`),
+							className: "overflow-hidden rounded-lg border border-border-seam bg-bg-surface text-left transition-all hover:border-accent-foreground/20 hover:shadow-md",
+							children: [/* @__PURE__ */ v(a, {
+								icon: /* @__PURE__ */ v(h, { className: "h-6 w-6" }),
+								seed: e.id,
+								className: "h-24 w-full"
+							}), /* @__PURE__ */ y("div", {
+								className: "p-3",
+								children: [/* @__PURE__ */ v("p", {
+									className: "truncate text-sm font-medium text-text-primary",
+									children: e.title
+								}), /* @__PURE__ */ v("p", {
+									className: "mt-0.5 text-xs text-text-secondary",
+									children: u(e.occasion)
+								})]
+							})]
+						}, e.id))
+					})]
+				})]
+			}), /* @__PURE__ */ y("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ y(b, {
+						treatment: "insight",
+						className: "p-5",
+						children: [
+							/* @__PURE__ */ v("h3", {
+								className: "mb-3 text-sm font-semibold text-text-primary",
+								children: "Lifecycle"
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "mb-3 flex items-center gap-2",
+								children: [/* @__PURE__ */ v("span", {
+									className: "text-sm text-text-secondary",
+									children: "Current:"
+								}), /* @__PURE__ */ v(n, { status: E.status })]
+							}),
+							O.length === 0 ? /* @__PURE__ */ v("p", {
+								className: "text-xs text-text-secondary",
+								children: "This collaboration is in a terminal state."
+							}) : /* @__PURE__ */ v("div", {
+								className: "flex flex-col gap-2",
+								children: O.map((e) => /* @__PURE__ */ y("button", {
+									type: "button",
+									disabled: T.isPending,
+									onClick: () => T.mutate({
+										id: E.id,
+										status: e
+									}),
+									className: "inline-flex items-center justify-center gap-2 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50",
+									children: [
+										T.isPending && /* @__PURE__ */ v(m, { className: "h-3.5 w-3.5 animate-spin" }),
+										"Move to ",
+										u(e)
+									]
+								}, e))
+							}),
+							T.isError && /* @__PURE__ */ v("p", {
+								className: "mt-2 text-xs text-status-error-text",
+								children: T.error instanceof Error ? T.error.message : "Transition failed"
+							})
+						]
+					}),
+					/* @__PURE__ */ y(b, {
+						treatment: "plain",
+						className: "p-5",
+						children: [/* @__PURE__ */ v("h3", {
+							className: "mb-3 text-sm font-semibold text-text-primary",
+							children: "Terms"
+						}), /* @__PURE__ */ y("dl", {
+							className: "space-y-2 text-sm",
+							children: [
+								/* @__PURE__ */ y("div", {
+									className: "flex justify-between gap-2",
+									children: [/* @__PURE__ */ v("dt", {
+										className: "text-text-secondary",
+										children: "Role"
+									}), /* @__PURE__ */ v("dd", {
+										className: "text-text-primary",
+										children: u(E.role)
+									})]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "flex justify-between gap-2",
+									children: [/* @__PURE__ */ v("dt", {
+										className: "text-text-secondary",
+										children: "Compensation"
+									}), /* @__PURE__ */ v("dd", {
+										className: "text-text-primary",
+										children: l(E.compensation, E.currency)
+									})]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "flex justify-between gap-2",
+									children: [/* @__PURE__ */ v("dt", {
+										className: "text-text-secondary",
+										children: "Starts"
+									}), /* @__PURE__ */ v("dd", {
+										className: "text-text-primary",
+										children: E.startDate ? c(E.startDate, {
+											hour: void 0,
+											minute: void 0
+										}) : "—"
+									})]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "flex justify-between gap-2",
+									children: [/* @__PURE__ */ v("dt", {
+										className: "text-text-secondary",
+										children: "Ends"
+									}), /* @__PURE__ */ v("dd", {
+										className: "text-text-primary",
+										children: E.endDate ? c(E.endDate, {
+											hour: void 0,
+											minute: void 0
+										}) : "—"
+									})]
+								})
+							]
+						})]
+					}),
+					E.brand && /* @__PURE__ */ y("button", {
+						type: "button",
+						onClick: () => C(`/brands/${E.brand?.id}`),
+						className: "flex w-full items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 text-left transition-colors hover:bg-bg-sunken/50",
+						children: [/* @__PURE__ */ v(a, {
+							icon: /* @__PURE__ */ v(g, { className: "h-5 w-5" }),
+							seed: E.brand.id,
+							className: "h-10 w-10 shrink-0"
+						}), /* @__PURE__ */ y("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ v("p", {
+								className: "truncate text-sm font-medium text-text-primary",
+								children: E.brand.name
+							}), /* @__PURE__ */ v("p", {
+								className: "truncate text-xs text-text-secondary",
+								children: "View brand"
+							})]
+						})]
+					})
+				]
+			})]
+		})
+	});
+}
+//#endregion
+export { S as CollaborationDetailPage };
+
+//# sourceMappingURL=CollaborationDetailPage.js.map