@burdenoff/microfe-coolandlovely 2026.1031.2 → 2026.1101.2

package/dist/coolandlovely/pages/editorial/EditorialPage.js

@@ -0,0 +1,486 @@
+import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import "../../context/index.js";
+import { TextAreaField as n, TextField as r } from "../../components/Field.js";
+import { useEditorialAction as i, useEditorialFeatures as a, useMyArticles as o, useMyTrendReports as s } from "../../hooks/useEditorialApi.js";
+import { useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { GlassCard as f } from "@burdenoff/fe-libs/ui";
+//#region src/coolandlovely/pages/editorial/EditorialPage.tsx
+var p = "rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:opacity-50";
+function m({ label: e, options: t, value: n, onChange: r, offset: i, hasMore: a, onPage: o }) {
+	return /* @__PURE__ */ d("div", {
+		className: "flex flex-col gap-2 text-sm text-text-primary",
+		children: [/* @__PURE__ */ d("label", { children: [
+			e,
+			/* @__PURE__ */ u("select", {
+				multiple: !0,
+				value: n,
+				onChange: (e) => r([...n.filter((e) => !t.some((t) => t.id === e)), ...Array.from(e.target.selectedOptions, (e) => e.value)]),
+				className: "min-h-24 rounded-lg border border-border-seam bg-bg-surface p-2",
+				children: t.map((e) => /* @__PURE__ */ u("option", {
+					value: e.id,
+					children: e.name
+				}, e.id))
+			}),
+			/* @__PURE__ */ d("span", {
+				className: "text-xs text-text-secondary",
+				children: [
+					"Choose up to 20 published features you created. Use Ctrl or Command to select several.",
+					" ",
+					n.length,
+					" selected."
+				]
+			})
+		] }), /* @__PURE__ */ d("div", {
+			className: "flex gap-2",
+			children: [
+				/* @__PURE__ */ d("button", {
+					className: p,
+					type: "button",
+					disabled: i === 0,
+					onClick: () => o(Math.max(0, i - 20)),
+					children: ["Previous ", e.toLowerCase()]
+				}),
+				/* @__PURE__ */ d("button", {
+					className: p,
+					type: "button",
+					disabled: !a,
+					onClick: () => o(i + 20),
+					children: ["Next ", e.toLowerCase()]
+				}),
+				/* @__PURE__ */ u("button", {
+					className: p,
+					type: "button",
+					disabled: !n.length,
+					onClick: () => r([]),
+					children: "Clear selection"
+				})
+			]
+		})]
+	});
+}
+function h() {
+	let { currentUser: h, apiGatewayUrl: g } = e(), _ = g?.includes("alphagraphqlworkspaces.") || window.location.hostname.startsWith("alphaapp.") ? "https://alpha.coolandlovely.com" : "https://coolandlovely.com", v = () => ({
+		authorName: h?.name ?? "",
+		slug: "",
+		title: "",
+		summary: "",
+		body: "",
+		tags: [],
+		styleItemIds: [],
+		lookIds: [],
+		collectionIds: [],
+		brandIds: []
+	}), [y, b] = c(v), [x, S] = c(), [C, w] = c(""), [T, E] = c(0), [D, O] = c(0), [k, A] = c(0), [j, M] = c(0), [N, P] = c(0), [F, I] = c(0), [L, R] = c(""), [z, B] = c(""), [V, H] = c(""), [U, W] = c(!1), G = o(N), K = s(F), q = i(), J = a("STYLE_ITEM", T), Y = a("LOOK", D), X = a("COLLECTION", k), Z = a("BRAND", j), Q = (e, t) => b((n) => ({
+		...n,
+		[e]: t
+	})), ee = (e) => {
+		e.preventDefault(), q.mutate({
+			kind: "save",
+			id: x,
+			input: {
+				...y,
+				tags: C.split(",").map((e) => e.trim()).filter(Boolean)
+			}
+		}, { onSuccess: () => {
+			b(v()), S(void 0), w("");
+		} });
+	}, te = (e) => {
+		S(e.id), w(e.tags.join(", ")), b({
+			authorName: e.authorName,
+			title: e.title,
+			slug: e.slug,
+			summary: e.summary,
+			body: e.body,
+			tags: e.tags,
+			styleItemIds: e.styleItemIds,
+			lookIds: e.lookIds,
+			collectionIds: e.collectionIds,
+			brandIds: e.brandIds
+		});
+	}, $ = q.error ?? G.error ?? K.error ?? J.error ?? Y.error ?? X.error ?? Z.error;
+	return /* @__PURE__ */ u(t, {
+		title: "Journal and trend reports",
+		description: "Write your own editorial, feature published looks and publish dated reports from workspace catalog and public look activity.",
+		children: /* @__PURE__ */ d("div", {
+			className: "space-y-6 p-4 sm:p-6",
+			children: [
+				$ && /* @__PURE__ */ u("p", {
+					role: "alert",
+					className: "text-status-error-text",
+					children: $.message
+				}),
+				/* @__PURE__ */ d(f, {
+					treatment: "plain",
+					className: "p-5",
+					children: [/* @__PURE__ */ u("h2", {
+						className: "mb-4 text-lg font-semibold text-text-primary",
+						children: x ? "Edit draft" : "Write an article"
+					}), /* @__PURE__ */ d("form", {
+						onSubmit: ee,
+						className: "grid gap-4 sm:grid-cols-2",
+						children: [
+							/* @__PURE__ */ u(r, {
+								id: "editorial-title",
+								label: "Title",
+								required: !0,
+								value: y.title,
+								onChange: (e) => Q("title", e)
+							}),
+							/* @__PURE__ */ u(r, {
+								id: "editorial-slug",
+								label: "Article address",
+								hint: "Lowercase words separated by hyphens.",
+								required: !0,
+								value: y.slug,
+								onChange: (e) => Q("slug", e)
+							}),
+							/* @__PURE__ */ u(r, {
+								id: "editorial-author",
+								label: "Public author name",
+								required: !0,
+								value: y.authorName,
+								onChange: (e) => Q("authorName", e)
+							}),
+							/* @__PURE__ */ u(r, {
+								id: "editorial-tags",
+								label: "Tags",
+								value: C,
+								onChange: w
+							}),
+							/* @__PURE__ */ u(n, {
+								id: "editorial-summary",
+								label: "Summary",
+								required: !0,
+								value: y.summary,
+								onChange: (e) => Q("summary", e),
+								className: "sm:col-span-2"
+							}),
+							/* @__PURE__ */ u(n, {
+								id: "editorial-body",
+								label: "Article",
+								required: !0,
+								rows: 12,
+								value: y.body,
+								onChange: (e) => Q("body", e),
+								hint: "Plain text. Drafts are private to you; publishing makes the article accessible to anyone with its address.",
+								className: "sm:col-span-2"
+							}),
+							/* @__PURE__ */ u(m, {
+								label: "Shop the editorial",
+								offset: T,
+								onPage: E,
+								hasMore: J.data?.pageInfo.hasMore ?? !1,
+								options: J.data?.items ?? [],
+								value: y.styleItemIds,
+								onChange: (e) => Q("styleItemIds", e)
+							}),
+							/* @__PURE__ */ u(m, {
+								label: "Featured looks",
+								offset: D,
+								onPage: O,
+								hasMore: Y.data?.pageInfo.hasMore ?? !1,
+								options: Y.data?.items ?? [],
+								value: y.lookIds,
+								onChange: (e) => Q("lookIds", e)
+							}),
+							/* @__PURE__ */ u(m, {
+								label: "Featured collections",
+								offset: k,
+								onPage: A,
+								hasMore: X.data?.pageInfo.hasMore ?? !1,
+								options: X.data?.items ?? [],
+								value: y.collectionIds,
+								onChange: (e) => Q("collectionIds", e)
+							}),
+							/* @__PURE__ */ u(m, {
+								label: "Featured brands",
+								offset: j,
+								onPage: M,
+								hasMore: Z.data?.pageInfo.hasMore ?? !1,
+								options: Z.data?.items ?? [],
+								value: y.brandIds,
+								onChange: (e) => Q("brandIds", e)
+							}),
+							/* @__PURE__ */ d("div", {
+								className: "flex items-end gap-2",
+								children: [/* @__PURE__ */ u("button", {
+									className: p,
+									type: "submit",
+									disabled: q.isPending,
+									children: "Save draft"
+								}), x && /* @__PURE__ */ u("button", {
+									className: p,
+									type: "button",
+									onClick: () => {
+										S(void 0), b(v()), w("");
+									},
+									children: "Cancel edit"
+								})]
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ d("section", {
+					"aria-labelledby": "my-articles",
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ u("h2", {
+							id: "my-articles",
+							className: "text-lg font-semibold text-text-primary",
+							children: "My articles"
+						}),
+						G.isLoading && /* @__PURE__ */ u("p", {
+							role: "status",
+							children: "Loading articles…"
+						}),
+						G.data?.items.length === 0 && /* @__PURE__ */ u("p", {
+							className: "text-text-secondary",
+							children: "No articles yet. Save your first draft above."
+						}),
+						G.data?.items.map((e) => /* @__PURE__ */ d(f, {
+							treatment: "plain",
+							className: "p-4",
+							children: [
+								/* @__PURE__ */ u("h3", {
+									className: "font-semibold text-text-primary",
+									children: e.title
+								}),
+								/* @__PURE__ */ d("p", {
+									className: "text-sm text-text-secondary",
+									children: [
+										e.summary,
+										" · ",
+										e.status
+									]
+								}),
+								/* @__PURE__ */ d("div", {
+									className: "mt-3 flex flex-wrap gap-2",
+									children: [
+										e.status === "DRAFT" ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("button", {
+											className: p,
+											onClick: () => te(e),
+											children: "Edit"
+										}), /* @__PURE__ */ u("button", {
+											className: p,
+											disabled: q.isPending,
+											onClick: () => q.mutate({
+												kind: "status",
+												id: e.id,
+												status: "PUBLISHED"
+											}),
+											children: "Publish publicly"
+										})] }) : /* @__PURE__ */ u("button", {
+											className: p,
+											disabled: q.isPending,
+											onClick: () => q.mutate({
+												kind: "status",
+												id: e.id,
+												status: "DRAFT"
+											}),
+											children: "Return to draft"
+										}),
+										e.status === "PUBLISHED" && /* @__PURE__ */ u("a", {
+											className: p,
+											href: `${_}/journal/${encodeURIComponent(e.workspaceId)}/${encodeURIComponent(e.slug)}`,
+											target: "_blank",
+											rel: "noopener noreferrer",
+											children: "Read public article"
+										}),
+										/* @__PURE__ */ u("button", {
+											className: p,
+											disabled: q.isPending,
+											onClick: () => q.mutate({
+												kind: "status",
+												id: e.id,
+												status: "ARCHIVED"
+											}),
+											children: "Archive"
+										})
+									]
+								})
+							]
+						}, e.id)),
+						/* @__PURE__ */ d("div", {
+							className: "flex gap-2",
+							children: [/* @__PURE__ */ u("button", {
+								className: p,
+								disabled: N === 0,
+								onClick: () => P((e) => Math.max(0, e - 20)),
+								children: "Previous articles"
+							}), /* @__PURE__ */ u("button", {
+								className: p,
+								disabled: !G.data?.pageInfo.hasMore,
+								onClick: () => P((e) => e + 20),
+								children: "Next articles"
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ d(f, {
+					treatment: "plain",
+					className: "p-5",
+					children: [
+						/* @__PURE__ */ u("h2", {
+							className: "mb-4 text-lg font-semibold text-text-primary",
+							children: "Generate a trend report"
+						}),
+						/* @__PURE__ */ u("p", {
+							className: "mb-4 text-sm text-text-secondary",
+							children: "Reports count new active catalog items and appearances in published public looks. They compare brands with the preceding period. Private looks are excluded. Wardrobe wear counts are included only if you choose to share them below."
+						}),
+						/* @__PURE__ */ d("form", {
+							className: "grid gap-4 sm:grid-cols-3",
+							onSubmit: (e) => {
+								e.preventDefault(), q.mutate({
+									kind: "report",
+									input: {
+										title: L,
+										periodStart: new Date(z).toISOString(),
+										periodEnd: new Date(V).toISOString(),
+										includeWearCounts: U
+									}
+								});
+							},
+							children: [
+								/* @__PURE__ */ u(r, {
+									id: "trend-title",
+									label: "Report title",
+									value: L,
+									onChange: R,
+									required: !0
+								}),
+								/* @__PURE__ */ u(r, {
+									id: "trend-start",
+									label: "Start date (UTC)",
+									type: "date",
+									value: z,
+									onChange: B,
+									required: !0
+								}),
+								/* @__PURE__ */ u(r, {
+									id: "trend-end",
+									label: "End date (UTC, exclusive)",
+									type: "date",
+									value: V,
+									onChange: H,
+									required: !0
+								}),
+								/* @__PURE__ */ u("button", {
+									className: p,
+									disabled: q.isPending,
+									children: "Generate private draft"
+								}),
+								/* @__PURE__ */ d("label", {
+									className: "flex items-start gap-2 text-sm text-text-primary sm:col-span-3",
+									children: [/* @__PURE__ */ u("input", {
+										type: "checkbox",
+										checked: U,
+										onChange: (e) => W(e.target.checked)
+									}), /* @__PURE__ */ u("span", { children: "Include my top 20 pieces by all-time logged wears. Publishing this report will share their names and wear counts publicly; these counts cover all time, not the selected catalog period." })]
+								})
+							]
+						})
+					]
+				}),
+				/* @__PURE__ */ d("section", {
+					"aria-labelledby": "my-reports",
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ u("h2", {
+							id: "my-reports",
+							className: "text-lg font-semibold text-text-primary",
+							children: "My trend reports"
+						}),
+						K.isLoading && /* @__PURE__ */ u("p", {
+							role: "status",
+							children: "Loading reports…"
+						}),
+						K.data?.items.length === 0 && /* @__PURE__ */ u("p", {
+							className: "text-text-secondary",
+							children: "No reports generated yet."
+						}),
+						K.data?.items.map((e) => /* @__PURE__ */ d(f, {
+							treatment: "plain",
+							className: "p-4",
+							children: [
+								/* @__PURE__ */ u("h3", {
+									className: "font-semibold text-text-primary",
+									children: e.title
+								}),
+								/* @__PURE__ */ d("p", {
+									className: "text-sm text-text-secondary",
+									children: [
+										e.periodStart.slice(0, 10),
+										" to ",
+										e.periodEnd.slice(0, 10),
+										" ·",
+										" ",
+										e.metrics.catalogItems,
+										" new items · ",
+										e.metrics.publicLookTags,
+										" public look tags"
+									]
+								}),
+								e.metrics.wearCountsIncluded && /* @__PURE__ */ u("p", {
+									className: "mt-2 text-sm text-text-secondary",
+									children: "Includes your wardrobe piece names and all-time logged wear counts. Publishing makes those details public."
+								}),
+								/* @__PURE__ */ d("div", {
+									className: "mt-3 flex flex-wrap gap-2",
+									children: [
+										/* @__PURE__ */ u("button", {
+											className: p,
+											disabled: q.isPending,
+											onClick: () => q.mutate({
+												kind: "publishReport",
+												id: e.id,
+												publish: !e.publishedAt
+											}),
+											children: e.publishedAt ? "Unpublish" : "Publish publicly"
+										}),
+										e.publishedAt && /* @__PURE__ */ u("a", {
+											className: p,
+											href: `${_}/trend-reports/${encodeURIComponent(e.id)}`,
+											target: "_blank",
+											rel: "noopener noreferrer",
+											children: "Read and export report"
+										}),
+										/* @__PURE__ */ u("button", {
+											className: p,
+											disabled: q.isPending,
+											onClick: () => q.mutate({
+												kind: "deleteReport",
+												id: e.id
+											}),
+											children: "Archive report"
+										})
+									]
+								})
+							]
+						}, e.id)),
+						/* @__PURE__ */ d("div", {
+							className: "flex gap-2",
+							children: [/* @__PURE__ */ u("button", {
+								className: p,
+								disabled: F === 0,
+								onClick: () => I((e) => Math.max(0, e - 20)),
+								children: "Previous reports"
+							}), /* @__PURE__ */ u("button", {
+								className: p,
+								disabled: !K.data?.pageInfo.hasMore,
+								onClick: () => I((e) => e + 20),
+								children: "Next reports"
+							})]
+						})
+					]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { h as EditorialPage };
+
+//# sourceMappingURL=EditorialPage.js.map

package/dist/coolandlovely/pages/editorial/EditorialPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorialPage.js","names":[],"sources":["../../../../src/coolandlovely/pages/editorial/EditorialPage.tsx"],"sourcesContent":["import { useState, type FormEvent } from 'react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\n\nimport { PageLayout } from '../../components/PageLayout';\nimport { TextAreaField, TextField } from '../../components/Field';\nimport { useCoolAndLovely } from '../../context';\nimport {\n  type EditorialInput,\n  type EditorialArticle,\n  useEditorialAction,\n  useMyArticles,\n  useMyTrendReports,\n  useEditorialFeatures,\n} from '../../hooks/useEditorialApi';\n\nconst button =\n  'rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:opacity-50';\n\nfunction FeaturePicker({\n  label,\n  options,\n  value,\n  onChange,\n  offset,\n  hasMore,\n  onPage,\n}: {\n  label: string;\n  options: Array<{ id: string; name: string }>;\n  value: string[];\n  onChange: (value: string[]) => void;\n  offset: number;\n  hasMore: boolean;\n  onPage: (offset: number) => void;\n}) {\n  return (\n    <div className=\"flex flex-col gap-2 text-sm text-text-primary\">\n      <label>\n        {label}\n        <select\n          multiple\n          value={value}\n          onChange={(event) =>\n            onChange([\n              ...value.filter((id) => !options.some((option) => option.id === id)),\n              ...Array.from(event.target.selectedOptions, (option) => option.value),\n            ])\n          }\n          className=\"min-h-24 rounded-lg border border-border-seam bg-bg-surface p-2\"\n        >\n          {options.map((option) => (\n            <option value={option.id} key={option.id}>\n              {option.name}\n            </option>\n          ))}\n        </select>\n        <span className=\"text-xs text-text-secondary\">\n          Choose up to 20 published features you created. Use Ctrl or Command to select several.{' '}\n          {value.length} selected.\n        </span>\n      </label>\n      <div className=\"flex gap-2\">\n        <button\n          className={button}\n          type=\"button\"\n          disabled={offset === 0}\n          onClick={() => onPage(Math.max(0, offset - 20))}\n        >\n          Previous {label.toLowerCase()}\n        </button>\n        <button\n          className={button}\n          type=\"button\"\n          disabled={!hasMore}\n          onClick={() => onPage(offset + 20)}\n        >\n          Next {label.toLowerCase()}\n        </button>\n        <button\n          className={button}\n          type=\"button\"\n          disabled={!value.length}\n          onClick={() => onChange([])}\n        >\n          Clear selection\n        </button>\n      </div>\n    </div>\n  );\n}\n\nexport function EditorialPage() {\n  const { currentUser, apiGatewayUrl } = useCoolAndLovely();\n  const publicOrigin =\n    apiGatewayUrl?.includes('alphagraphqlworkspaces.') ||\n    window.location.hostname.startsWith('alphaapp.')\n      ? 'https://alpha.coolandlovely.com'\n      : 'https://coolandlovely.com';\n  const blank = (): EditorialInput => ({\n    authorName: currentUser?.name ?? '',\n    slug: '',\n    title: '',\n    summary: '',\n    body: '',\n    tags: [],\n    styleItemIds: [],\n    lookIds: [],\n    collectionIds: [],\n    brandIds: [],\n  });\n  const [input, setInput] = useState<EditorialInput>(blank);\n  const [editing, setEditing] = useState<string | undefined>();\n  const [tagsText, setTagsText] = useState('');\n  const [itemOffset, setItemOffset] = useState(0);\n  const [lookOffset, setLookOffset] = useState(0);\n  const [collectionOffset, setCollectionOffset] = useState(0);\n  const [brandOffset, setBrandOffset] = useState(0);\n  const [articleOffset, setArticleOffset] = useState(0);\n  const [reportOffset, setReportOffset] = useState(0);\n  const [reportTitle, setReportTitle] = useState('');\n  const [start, setStart] = useState('');\n  const [end, setEnd] = useState('');\n  const [includeWearCounts, setIncludeWearCounts] = useState(false);\n  const articles = useMyArticles(articleOffset);\n  const reports = useMyTrendReports(reportOffset);\n  const action = useEditorialAction();\n  const items = useEditorialFeatures('STYLE_ITEM', itemOffset);\n  const looks = useEditorialFeatures('LOOK', lookOffset);\n  const collections = useEditorialFeatures('COLLECTION', collectionOffset);\n  const brands = useEditorialFeatures('BRAND', brandOffset);\n  const set = <K extends keyof EditorialInput>(key: K, value: EditorialInput[K]) =>\n    setInput((previous) => ({ ...previous, [key]: value }));\n  const save = (event: FormEvent) => {\n    event.preventDefault();\n    action.mutate(\n      {\n        kind: 'save',\n        id: editing,\n        input: {\n          ...input,\n          tags: tagsText\n            .split(',')\n            .map((tag) => tag.trim())\n            .filter(Boolean),\n        },\n      },\n      {\n        onSuccess: () => {\n          setInput(blank());\n          setEditing(undefined);\n          setTagsText('');\n        },\n      }\n    );\n  };\n  const edit = (article: EditorialArticle) => {\n    setEditing(article.id);\n    setTagsText(article.tags.join(', '));\n    setInput({\n      authorName: article.authorName,\n      title: article.title,\n      slug: article.slug,\n      summary: article.summary,\n      body: article.body,\n      tags: article.tags,\n      styleItemIds: article.styleItemIds,\n      lookIds: article.lookIds,\n      collectionIds: article.collectionIds,\n      brandIds: article.brandIds,\n    });\n  };\n  const error =\n    action.error ??\n    articles.error ??\n    reports.error ??\n    items.error ??\n    looks.error ??\n    collections.error ??\n    brands.error;\n  return (\n    <PageLayout\n      title=\"Journal and trend reports\"\n      description=\"Write your own editorial, feature published looks and publish dated reports from workspace catalog and public look activity.\"\n    >\n      <div className=\"space-y-6 p-4 sm:p-6\">\n        {error && (\n          <p role=\"alert\" className=\"text-status-error-text\">\n            {error.message}\n          </p>\n        )}\n        <GlassCard treatment=\"plain\" className=\"p-5\">\n          <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">\n            {editing ? 'Edit draft' : 'Write an article'}\n          </h2>\n          <form onSubmit={save} className=\"grid gap-4 sm:grid-cols-2\">\n            <TextField\n              id=\"editorial-title\"\n              label=\"Title\"\n              required\n              value={input.title}\n              onChange={(value) => set('title', value)}\n            />\n            <TextField\n              id=\"editorial-slug\"\n              label=\"Article address\"\n              hint=\"Lowercase words separated by hyphens.\"\n              required\n              value={input.slug}\n              onChange={(value) => set('slug', value)}\n            />\n            <TextField\n              id=\"editorial-author\"\n              label=\"Public author name\"\n              required\n              value={input.authorName}\n              onChange={(value) => set('authorName', value)}\n            />\n            <TextField id=\"editorial-tags\" label=\"Tags\" value={tagsText} onChange={setTagsText} />\n            <TextAreaField\n              id=\"editorial-summary\"\n              label=\"Summary\"\n              required\n              value={input.summary}\n              onChange={(value) => set('summary', value)}\n              className=\"sm:col-span-2\"\n            />\n            <TextAreaField\n              id=\"editorial-body\"\n              label=\"Article\"\n              required\n              rows={12}\n              value={input.body}\n              onChange={(value) => set('body', value)}\n              hint=\"Plain text. Drafts are private to you; publishing makes the article accessible to anyone with its address.\"\n              className=\"sm:col-span-2\"\n            />\n            <FeaturePicker\n              label=\"Shop the editorial\"\n              offset={itemOffset}\n              onPage={setItemOffset}\n              hasMore={items.data?.pageInfo.hasMore ?? false}\n              options={items.data?.items ?? []}\n              value={input.styleItemIds}\n              onChange={(value) => set('styleItemIds', value)}\n            />\n            <FeaturePicker\n              label=\"Featured looks\"\n              offset={lookOffset}\n              onPage={setLookOffset}\n              hasMore={looks.data?.pageInfo.hasMore ?? false}\n              options={looks.data?.items ?? []}\n              value={input.lookIds}\n              onChange={(value) => set('lookIds', value)}\n            />\n            <FeaturePicker\n              label=\"Featured collections\"\n              offset={collectionOffset}\n              onPage={setCollectionOffset}\n              hasMore={collections.data?.pageInfo.hasMore ?? false}\n              options={collections.data?.items ?? []}\n              value={input.collectionIds}\n              onChange={(value) => set('collectionIds', value)}\n            />\n            <FeaturePicker\n              label=\"Featured brands\"\n              offset={brandOffset}\n              onPage={setBrandOffset}\n              hasMore={brands.data?.pageInfo.hasMore ?? false}\n              options={brands.data?.items ?? []}\n              value={input.brandIds}\n              onChange={(value) => set('brandIds', value)}\n            />\n            <div className=\"flex items-end gap-2\">\n              <button className={button} type=\"submit\" disabled={action.isPending}>\n                Save draft\n              </button>\n              {editing && (\n                <button\n                  className={button}\n                  type=\"button\"\n                  onClick={() => {\n                    setEditing(undefined);\n                    setInput(blank());\n                    setTagsText('');\n                  }}\n                >\n                  Cancel edit\n                </button>\n              )}\n            </div>\n          </form>\n        </GlassCard>\n        <section aria-labelledby=\"my-articles\" className=\"space-y-3\">\n          <h2 id=\"my-articles\" className=\"text-lg font-semibold text-text-primary\">\n            My articles\n          </h2>\n          {articles.isLoading && <p role=\"status\">Loading articles…</p>}\n          {articles.data?.items.length === 0 && (\n            <p className=\"text-text-secondary\">No articles yet. Save your first draft above.</p>\n          )}\n          {articles.data?.items.map((article) => (\n            <GlassCard treatment=\"plain\" className=\"p-4\" key={article.id}>\n              <h3 className=\"font-semibold text-text-primary\">{article.title}</h3>\n              <p className=\"text-sm text-text-secondary\">\n                {article.summary} · {article.status}\n              </p>\n              <div className=\"mt-3 flex flex-wrap gap-2\">\n                {article.status === 'DRAFT' ? (\n                  <>\n                    <button className={button} onClick={() => edit(article)}>\n                      Edit\n                    </button>\n                    <button\n                      className={button}\n                      disabled={action.isPending}\n                      onClick={() =>\n                        action.mutate({ kind: 'status', id: article.id, status: 'PUBLISHED' })\n                      }\n                    >\n                      Publish publicly\n                    </button>\n                  </>\n                ) : (\n                  <button\n                    className={button}\n                    disabled={action.isPending}\n                    onClick={() =>\n                      action.mutate({ kind: 'status', id: article.id, status: 'DRAFT' })\n                    }\n                  >\n                    Return to draft\n                  </button>\n                )}\n                {article.status === 'PUBLISHED' && (\n                  <a\n                    className={button}\n                    href={`${publicOrigin}/journal/${encodeURIComponent(article.workspaceId)}/${encodeURIComponent(article.slug)}`}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                  >\n                    Read public article\n                  </a>\n                )}\n                <button\n                  className={button}\n                  disabled={action.isPending}\n                  onClick={() =>\n                    action.mutate({ kind: 'status', id: article.id, status: 'ARCHIVED' })\n                  }\n                >\n                  Archive\n                </button>\n              </div>\n            </GlassCard>\n          ))}\n          <div className=\"flex gap-2\">\n            <button\n              className={button}\n              disabled={articleOffset === 0}\n              onClick={() => setArticleOffset((value) => Math.max(0, value - 20))}\n            >\n              Previous articles\n            </button>\n            <button\n              className={button}\n              disabled={!articles.data?.pageInfo.hasMore}\n              onClick={() => setArticleOffset((value) => value + 20)}\n            >\n              Next articles\n            </button>\n          </div>\n        </section>\n        <GlassCard treatment=\"plain\" className=\"p-5\">\n          <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Generate a trend report</h2>\n          <p className=\"mb-4 text-sm text-text-secondary\">\n            Reports count new active catalog items and appearances in published public looks. They\n            compare brands with the preceding period. Private looks are excluded. Wardrobe wear\n            counts are included only if you choose to share them below.\n          </p>\n          <form\n            className=\"grid gap-4 sm:grid-cols-3\"\n            onSubmit={(event) => {\n              event.preventDefault();\n              action.mutate({\n                kind: 'report',\n                input: {\n                  title: reportTitle,\n                  periodStart: new Date(start).toISOString(),\n                  periodEnd: new Date(end).toISOString(),\n                  includeWearCounts,\n                },\n              });\n            }}\n          >\n            <TextField\n              id=\"trend-title\"\n              label=\"Report title\"\n              value={reportTitle}\n              onChange={setReportTitle}\n              required\n            />\n            <TextField\n              id=\"trend-start\"\n              label=\"Start date (UTC)\"\n              type=\"date\"\n              value={start}\n              onChange={setStart}\n              required\n            />\n            <TextField\n              id=\"trend-end\"\n              label=\"End date (UTC, exclusive)\"\n              type=\"date\"\n              value={end}\n              onChange={setEnd}\n              required\n            />\n            <button className={button} disabled={action.isPending}>\n              Generate private draft\n            </button>\n            <label className=\"flex items-start gap-2 text-sm text-text-primary sm:col-span-3\">\n              <input\n                type=\"checkbox\"\n                checked={includeWearCounts}\n                onChange={(event) => setIncludeWearCounts(event.target.checked)}\n              />\n              <span>\n                Include my top 20 pieces by all-time logged wears. Publishing this report will share\n                their names and wear counts publicly; these counts cover all time, not the selected\n                catalog period.\n              </span>\n            </label>\n          </form>\n        </GlassCard>\n        <section aria-labelledby=\"my-reports\" className=\"space-y-3\">\n          <h2 id=\"my-reports\" className=\"text-lg font-semibold text-text-primary\">\n            My trend reports\n          </h2>\n          {reports.isLoading && <p role=\"status\">Loading reports…</p>}\n          {reports.data?.items.length === 0 && (\n            <p className=\"text-text-secondary\">No reports generated yet.</p>\n          )}\n          {reports.data?.items.map((report) => (\n            <GlassCard treatment=\"plain\" className=\"p-4\" key={report.id}>\n              <h3 className=\"font-semibold text-text-primary\">{report.title}</h3>\n              <p className=\"text-sm text-text-secondary\">\n                {report.periodStart.slice(0, 10)} to {report.periodEnd.slice(0, 10)} ·{' '}\n                {report.metrics.catalogItems} new items · {report.metrics.publicLookTags} public\n                look tags\n              </p>\n              {report.metrics.wearCountsIncluded && (\n                <p className=\"mt-2 text-sm text-text-secondary\">\n                  Includes your wardrobe piece names and all-time logged wear counts. Publishing\n                  makes those details public.\n                </p>\n              )}\n              <div className=\"mt-3 flex flex-wrap gap-2\">\n                <button\n                  className={button}\n                  disabled={action.isPending}\n                  onClick={() =>\n                    action.mutate({\n                      kind: 'publishReport',\n                      id: report.id,\n                      publish: !report.publishedAt,\n                    })\n                  }\n                >\n                  {report.publishedAt ? 'Unpublish' : 'Publish publicly'}\n                </button>\n                {report.publishedAt && (\n                  <a\n                    className={button}\n                    href={`${publicOrigin}/trend-reports/${encodeURIComponent(report.id)}`}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                  >\n                    Read and export report\n                  </a>\n                )}\n                <button\n                  className={button}\n                  disabled={action.isPending}\n                  onClick={() => action.mutate({ kind: 'deleteReport', id: report.id })}\n                >\n                  Archive report\n                </button>\n              </div>\n            </GlassCard>\n          ))}\n          <div className=\"flex gap-2\">\n            <button\n              className={button}\n              disabled={reportOffset === 0}\n              onClick={() => setReportOffset((value) => Math.max(0, value - 20))}\n            >\n              Previous reports\n            </button>\n            <button\n              className={button}\n              disabled={!reports.data?.pageInfo.hasMore}\n              onClick={() => setReportOffset((value) => value + 20)}\n            >\n              Next reports\n            </button>\n          </div>\n        </section>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}