@burdenoff/microfe-admin 2026.624.1 → 2026.626.1

package/dist/admin/pages/ContentPagesPage.js

@@ -2,20 +2,21 @@ import { useToast as e } from "../components/Toast.js";
 import { useAdminPermissions as t } from "../hooks/useAdminPermissions.js";
 import { Badge as n, Button as r, EmptyState as i, Input as a } from "../components/ui.js";
 import { PageLayout as ee } from "../components/PageLayout.js";
-import { formatDate as te } from "../utils/formatters.js";
-import { DataTable as ne, Pagination as re } from "../components/DataTable.js";
-import { FormRow as o, FormSection as s, FormSheet as ie, FormSheetFooter as ae } from "../components/FormSheet.js";
-import { DeleteConfirmDialog as oe } from "../components/ConfirmDialog.js";
-import { RowActions as se, createRowActions as ce } from "../components/RowActions.js";
-import { PermissionGuard as le } from "../components/PermissionGuard.js";
+import { formatDate as o } from "../utils/formatters.js";
+import { DataTable as te, Pagination as ne } from "../components/DataTable.js";
+import { FormRow as s, FormSection as c, FormSheet as re, FormSheetFooter as ie } from "../components/FormSheet.js";
+import { DeleteConfirmDialog as ae } from "../components/ConfirmDialog.js";
+import { RowActions as oe, createRowActions as se } from "../components/RowActions.js";
+import { PermissionGuard as ce } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { useCallback as c, useEffect as l, useRef as ue, useState as u } from "react";
-import { FileText as de, Plus as fe, Search as pe } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { gql as p } from "@apollo/client";
+import { useCallback as l, useEffect as u, useRef as le, useState as d } from "react";
+import { FileText as f, Plus as ue, Search as de } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { EmphasisPanel as fe, PagePurpose as pe } from "@burdenoff/fe-libs/ui";
+import { gql as h } from "@apollo/client";
 import { useApolloClient as me } from "@apollo/client/react";
 //#region src/admin/pages/ContentPagesPage.tsx
-var m = 20, h = [
+var g = 20, _ = [
 	{
 		value: "blog",
 		label: "Blog",
@@ -35,7 +36,7 @@ var m = 20, h = [
 	blog: "default",
 	"case-study": "secondary",
 	changelog: "outline"
-}, g = p`
+}, ge = h`
   query AdminContentListProducts($limit: Int, $offset: Int) {
     platformProducts(limit: $limit, offset: $offset) {
       items {
@@ -45,7 +46,7 @@ var m = 20, h = [
       }
     }
   }
-`, ge = p`
+`, _e = h`
   query AdminContentPages(
     $productId: String
     $filter: ContentPageFilterInput
@@ -75,25 +76,25 @@ var m = 20, h = [
       total
     }
   }
-`, _e = p`
+`, ve = h`
   mutation AdminCreateContentPage($input: CreateContentPageInput!) {
     createContentPage(input: $input) {
       id
       slug
     }
   }
-`, ve = p`
+`, v = h`
   mutation AdminUpdateContentPage($id: ID!, $input: UpdateContentPageInput!) {
     updateContentPage(id: $id, input: $input) {
       id
       slug
     }
   }
-`, ye = p`
+`, ye = h`
   mutation AdminDeleteContentPage($id: ID!) {
     deleteContentPage(id: $id)
   }
-`, _ = {
+`, y = {
 	productId: "",
 	type: "blog",
 	slug: "",
@@ -107,24 +108,24 @@ var m = 20, h = [
 	featured: !1,
 	isPublished: !0
 };
-function v(e) {
+function be(e) {
 	return e.includes("changelog") ? "changelog" : e.includes("case-study") ? "case-study" : "blog";
 }
-var y = "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50";
-function b() {
-	let { canViewProducts: p, canManageProducts: b, isLoading: x } = t(), S = me(), C = e(), [w, be] = u([]), [T, E] = u(""), [D, xe] = u(""), [O, Se] = u(""), [k, A] = u(""), [j, M] = u(1), N = ue(0);
-	l(() => {
+var b = "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50";
+function x() {
+	let { canViewProducts: h, canManageProducts: x, isLoading: S } = t(), C = me(), w = e(), [T, xe] = d([]), [E, D] = d(""), [O, Se] = d(""), [k, A] = d(""), [j, Ce] = d(""), [M, N] = d(1), P = le(0);
+	u(() => {
 		let e = setTimeout(() => {
-			A(O), M(1);
+			Ce(k), N(1);
 		}, 300);
 		return () => clearTimeout(e);
-	}, [O]);
-	let [P, Ce] = u([]), [F, we] = u(0), [Te, I] = u(!1), [L, R] = u(null), [Ee, z] = u(!1), [B, V] = u(null), [H, U] = u(_), [De, W] = u(!1), [G, K] = u(null), [q, J] = u(!1), Y = x || !p;
-	l(() => {
-		if (Y) return;
+	}, [k]);
+	let [F, we] = d([]), [I, Te] = d(0), [Ee, L] = d(!1), [R, z] = d(null), [De, B] = d(!1), [V, H] = d(null), [U, W] = d(y), [Oe, G] = d(!1), [K, q] = d(null), [J, Y] = d(!1), X = S || !h;
+	u(() => {
+		if (X) return;
 		let e = !0;
-		return S.query({
-			query: g,
+		return C.query({
+			query: ge,
 			variables: {
 				limit: 100,
 				offset: 0
@@ -133,60 +134,60 @@ function b() {
 		}).then((t) => {
 			if (!e) return;
 			let n = t.data?.platformProducts?.items ?? [];
-			be(n), E((e) => e || n[0]?.id || "");
+			xe(n), D((e) => e || n[0]?.id || "");
 		}).catch((t) => {
-			e && R(t instanceof Error ? t.message : "Failed to load products");
+			e && z(t instanceof Error ? t.message : "Failed to load products");
 		}), () => {
 			e = !1;
 		};
-	}, [S, Y]);
-	let X = c(async () => {
-		if (Y || !T) return;
-		let e = ++N.current;
-		I(!0);
+	}, [C, X]);
+	let Z = l(async () => {
+		if (X || !E) return;
+		let e = ++P.current;
+		L(!0);
 		try {
-			let t = await S.query({
-				query: ge,
+			let t = await C.query({
+				query: _e,
 				variables: {
-					productId: T,
+					productId: E,
 					filter: {
-						...k ? { search: k } : {},
-						...D ? { tag: D } : {}
+						...j ? { search: j } : {},
+						...O ? { tag: O } : {}
 					},
-					limit: m,
-					offset: (j - 1) * m
+					limit: g,
+					offset: (M - 1) * g
 				},
 				fetchPolicy: "network-only"
 			});
-			if (e !== N.current) return;
-			Ce(t.data?.contentPages?.items ?? []), we(t.data?.contentPages?.total ?? 0), R(null);
+			if (e !== P.current) return;
+			we(t.data?.contentPages?.items ?? []), Te(t.data?.contentPages?.total ?? 0), z(null);
 		} catch (t) {
-			if (e !== N.current) return;
-			R(t instanceof Error ? t.message : "Failed to load content pages");
+			if (e !== P.current) return;
+			z(t instanceof Error ? t.message : "Failed to load content pages");
 		} finally {
-			e === N.current && I(!1);
+			e === P.current && L(!1);
 		}
 	}, [
-		S,
-		Y,
-		T,
-		k,
-		D,
-		j
+		C,
+		X,
+		E,
+		j,
+		O,
+		M
 	]);
-	l(() => {
-		X();
-	}, [X]);
-	let Z = Math.ceil(F / m), Oe = c(() => {
-		V(null), U({
-			..._,
-			productId: T,
-			type: D || "blog"
-		}), z(!0);
-	}, [T, D]), ke = c((e) => {
-		V(e), U({
+	u(() => {
+		Z();
+	}, [Z]);
+	let ke = Math.ceil(I / g), Ae = l(() => {
+		H(null), W({
+			...y,
+			productId: E,
+			type: O || "blog"
+		}), B(!0);
+	}, [E, O]), je = l((e) => {
+		H(e), W({
 			productId: e.productId ?? "",
-			type: v(e.tags),
+			type: be(e.tags),
 			slug: e.slug,
 			title: e.title,
 			excerpt: e.excerpt ?? "",
@@ -197,96 +198,96 @@ function b() {
 			readingTime: e.readingTime == null ? "" : String(e.readingTime),
 			featured: e.featured,
 			isPublished: e.isPublished
-		}), z(!0);
-	}, []), Ae = c(async () => {
+		}), B(!0);
+	}, []), Me = l(async () => {
 		let e = [
-			!H.title.trim() && "Title",
-			!H.slug.trim() && "Slug",
-			!H.content.trim() && "Content"
+			!U.title.trim() && "Title",
+			!U.slug.trim() && "Slug",
+			!U.content.trim() && "Content"
 		].filter(Boolean);
 		if (e.length) {
-			C.error(`${e.join(", ")} ${e.length > 1 ? "are" : "is"} required`);
+			w.error(`${e.join(", ")} ${e.length > 1 ? "are" : "is"} required`);
 			return;
 		}
-		let t = H.thumbnail.trim();
+		let t = U.thumbnail.trim();
 		if (t && !/^(https?:\/\/|\/\/|\/)/i.test(t)) {
-			C.error("Thumbnail must be an http(s) URL or an absolute path");
+			w.error("Thumbnail must be an http(s) URL or an absolute path");
 			return;
 		}
-		W(!0);
-		let n = h.find((e) => e.value === H.type), r = B ? null : void 0, i = {
-			title: H.title.trim(),
-			content: H.content,
+		G(!0);
+		let n = _.find((e) => e.value === U.type), r = V ? null : void 0, i = {
+			title: U.title.trim(),
+			content: U.content,
 			contentFormat: "markdown",
-			excerpt: H.excerpt.trim() || r,
-			author: H.author.trim() || r,
-			publishedAt: H.publishedAt ? new Date(H.publishedAt).toISOString() : r,
-			thumbnail: H.thumbnail.trim() || r,
-			readingTime: H.readingTime === "" ? r : Number(H.readingTime),
-			featured: H.featured,
-			isPublished: H.isPublished
+			excerpt: U.excerpt.trim() || r,
+			author: U.author.trim() || r,
+			publishedAt: U.publishedAt ? new Date(U.publishedAt).toISOString() : r,
+			thumbnail: U.thumbnail.trim() || r,
+			readingTime: U.readingTime === "" ? r : Number(U.readingTime),
+			featured: U.featured,
+			isPublished: U.isPublished
 		};
 		try {
-			B ? (await S.mutate({
-				mutation: ve,
+			V ? (await C.mutate({
+				mutation: v,
 				variables: {
-					id: B.id,
+					id: V.id,
 					input: i
 				}
-			}), C.success("Content page updated")) : (await S.mutate({
-				mutation: _e,
+			}), w.success("Content page updated")) : (await C.mutate({
+				mutation: ve,
 				variables: { input: {
 					...i,
 					visibility: "PUBLIC",
-					tags: [H.type],
+					tags: [U.type],
 					category: n.category,
-					productId: H.productId || void 0,
-					slug: H.slug.trim().replace(/-+/g, "-").replace(/^-+|-+$/g, "")
+					productId: U.productId || void 0,
+					slug: U.slug.trim().replace(/-+/g, "-").replace(/^-+|-+$/g, "")
 				} }
-			}), C.success("Content page created")), z(!1), await X();
+			}), w.success("Content page created")), B(!1), await Z();
 		} catch (e) {
-			C.error(e instanceof Error ? e.message : "Failed to save content page");
+			w.error(e instanceof Error ? e.message : "Failed to save content page");
 		} finally {
-			W(!1);
+			G(!1);
 		}
 	}, [
-		H,
-		B,
-		S,
+		U,
+		V,
 		C,
-		X
-	]), je = c(async () => {
-		if (!(!G || q)) {
-			J(!0);
+		w,
+		Z
+	]), Ne = l(async () => {
+		if (!(!K || J)) {
+			Y(!0);
 			try {
-				await S.mutate({
+				await C.mutate({
 					mutation: ye,
-					variables: { id: G.id }
-				}), C.success("Content page deleted"), K(null), P.length === 1 && j > 1 ? M((e) => e - 1) : await X();
+					variables: { id: K.id }
+				}), w.success("Content page deleted"), q(null), F.length === 1 && M > 1 ? N((e) => e - 1) : await Z();
 			} catch (e) {
-				C.error(e instanceof Error ? e.message : "Failed to delete content page");
+				w.error(e instanceof Error ? e.message : "Failed to delete content page");
 			} finally {
-				J(!1);
+				Y(!1);
 			}
 		}
 	}, [
-		G,
-		q,
-		S,
+		K,
+		J,
 		C,
-		X,
-		P.length,
-		j
-	]), Me = [
+		w,
+		Z,
+		F.length,
+		M
+	]), Pe = [
 		{
 			key: "title",
 			header: "Title",
-			render: (e) => /* @__PURE__ */ f("div", {
+			render: (e) => /* @__PURE__ */ m("div", {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "font-medium text-foreground",
 					children: e.title
-				}), /* @__PURE__ */ d("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "truncate text-xs text-muted-foreground",
 					children: e.slug
 				})]
@@ -297,8 +298,8 @@ function b() {
 			header: "Type",
 			width: "120px",
 			render: (e) => {
-				let t = h.find((t) => e.tags.includes(t.value));
-				return /* @__PURE__ */ d(n, {
+				let t = _.find((t) => e.tags.includes(t.value));
+				return /* @__PURE__ */ p(n, {
 					variant: t ? he[t.value] : "outline",
 					className: "text-xs capitalize",
 					children: t?.label ?? "Other"
@@ -309,13 +310,13 @@ function b() {
 			key: "status",
 			header: "Status",
 			width: "110px",
-			render: (e) => /* @__PURE__ */ f("div", {
+			render: (e) => /* @__PURE__ */ m("div", {
 				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ d(n, {
+				children: [/* @__PURE__ */ p(n, {
 					variant: e.isPublished ? "default" : "outline",
 					className: "text-xs",
 					children: e.isPublished ? "Published" : "Draft"
-				}), e.featured && /* @__PURE__ */ d(n, {
+				}), e.featured && /* @__PURE__ */ p(n, {
 					variant: "secondary",
 					className: "text-xs",
 					children: "Featured"
@@ -326,192 +327,208 @@ function b() {
 			key: "updatedAt",
 			header: "Updated",
 			width: "110px",
-			render: (e) => te(e.updatedAt)
+			render: (e) => o(e.updatedAt)
 		},
 		{
 			key: "actions",
 			header: "",
 			width: "60px",
 			align: "right",
-			render: (e) => /* @__PURE__ */ d(se, { actions: ce({
-				onEdit: b ? () => ke(e) : void 0,
-				onDelete: b ? () => K(e) : void 0
+			render: (e) => /* @__PURE__ */ p(oe, { actions: se({
+				onEdit: x ? () => je(e) : void 0,
+				onDelete: x ? () => q(e) : void 0
 			}) })
 		}
-	], Q = "content-page-form", $ = !!B && !h.some((e) => B.tags.includes(e.value));
-	return /* @__PURE__ */ f(le, {
-		allowed: p,
-		isLoading: x,
+	], Q = "content-page-form", $ = !!V && !_.some((e) => V.tags.includes(e.value));
+	return /* @__PURE__ */ m(ce, {
+		allowed: h,
+		isLoading: S,
 		pageTitle: "Content",
 		denyMessage: "You don't have permission to manage content pages.",
 		children: [
-			/* @__PURE__ */ d(ee, {
+			/* @__PURE__ */ p(ee, {
 				title: "Content",
-				description: `Blog posts, case studies, and changelog entries${F ? ` · ${F} total` : ""}`,
-				actions: /* @__PURE__ */ f(r, {
-					onClick: Oe,
-					disabled: !b || !T,
-					children: [/* @__PURE__ */ d(fe, { className: "mr-2 h-4 w-4" }), "New Content"]
+				gradientWord: "Content",
+				description: `Blog posts, case studies, and changelog entries${I ? ` · ${I} total` : ""}`,
+				actions: /* @__PURE__ */ m(r, {
+					onClick: Ae,
+					disabled: !x || !E,
+					children: [/* @__PURE__ */ p(ue, { className: "mr-2 h-4 w-4" }), "New Content"]
 				}),
-				children: /* @__PURE__ */ f("div", {
+				children: /* @__PURE__ */ m("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ p(pe, { children: "Manage the marketing and product content that powers each product's public site — blog posts, case studies and changelog entries. Pick a product, then draft, edit and publish the stories that show up on its website." }),
+						/* @__PURE__ */ m(fe, {
+							className: "flex items-center gap-4 p-5",
+							children: [/* @__PURE__ */ p("div", {
+								className: "flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-action-primary-bg/15 text-action-primary-bg",
+								children: /* @__PURE__ */ p(f, { className: "h-6 w-6" })
+							}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
+								className: "text-3xl font-bold tabular-nums text-text-primary",
+								children: I
+							}), /* @__PURE__ */ p("p", {
+								className: "text-sm text-text-secondary",
+								children: "content entries for this product"
+							})] })]
+						}),
+						/* @__PURE__ */ m("div", {
 							className: "flex flex-wrap items-center gap-3",
 							children: [
-								/* @__PURE__ */ f("select", {
+								/* @__PURE__ */ m("select", {
 									"aria-label": "Filter by product",
-									className: `${y} max-w-xs`,
-									value: T,
+									className: `${b} max-w-xs`,
+									value: E,
 									onChange: (e) => {
-										M(1), E(e.target.value);
+										N(1), D(e.target.value);
 									},
-									children: [w.length === 0 && /* @__PURE__ */ d("option", {
+									children: [T.length === 0 && /* @__PURE__ */ p("option", {
 										value: "",
 										children: "Loading products…"
-									}), w.map((e) => /* @__PURE__ */ d("option", {
+									}), T.map((e) => /* @__PURE__ */ p("option", {
 										value: e.id,
 										children: e.name
 									}, e.id))]
 								}),
-								/* @__PURE__ */ f("select", {
+								/* @__PURE__ */ m("select", {
 									"aria-label": "Filter by content type",
-									className: `${y} max-w-[180px]`,
-									value: D,
+									className: `${b} max-w-[180px]`,
+									value: O,
 									onChange: (e) => {
-										M(1), xe(e.target.value);
+										N(1), Se(e.target.value);
 									},
-									children: [/* @__PURE__ */ d("option", {
+									children: [/* @__PURE__ */ p("option", {
 										value: "",
 										children: "All types"
-									}), h.map((e) => /* @__PURE__ */ d("option", {
+									}), _.map((e) => /* @__PURE__ */ p("option", {
 										value: e.value,
 										children: e.label
 									}, e.value))]
 								}),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ m("div", {
 									className: "relative max-w-sm flex-1",
-									children: [/* @__PURE__ */ d(pe, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ d(a, {
+									children: [/* @__PURE__ */ p(de, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ p(a, {
 										placeholder: "Search content...",
-										value: O,
-										onChange: (e) => Se(e.target.value),
+										value: k,
+										onChange: (e) => A(e.target.value),
 										className: "pl-9"
 									})]
 								})
 							]
 						}),
-						L && /* @__PURE__ */ d("div", {
+						R && /* @__PURE__ */ p("div", {
 							className: "rounded-md border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive",
-							children: L
+							children: R
 						}),
-						/* @__PURE__ */ d(ne, {
-							columns: Me,
-							data: P,
+						/* @__PURE__ */ p(te, {
+							columns: Pe,
+							data: F,
 							keyExtractor: (e) => e.id,
-							loading: Te,
-							emptyState: /* @__PURE__ */ d(i, {
-								icon: /* @__PURE__ */ d(de, { className: "h-8 w-8" }),
+							loading: Ee,
+							emptyState: /* @__PURE__ */ p(i, {
+								illustration: "empty-files",
+								icon: /* @__PURE__ */ p(f, { className: "h-8 w-8" }),
 								title: "No content yet",
 								description: "Create a blog post, case study, or changelog entry to get started."
 							})
 						}),
-						F > m && /* @__PURE__ */ d(re, {
-							page: j,
-							totalPages: Z,
-							totalItems: F,
-							pageSize: m,
-							onPageChange: M
+						I > g && /* @__PURE__ */ p(ne, {
+							page: M,
+							totalPages: ke,
+							totalItems: I,
+							pageSize: g,
+							onPageChange: N
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ d(ie, {
-				open: Ee,
-				onClose: () => z(!1),
-				title: B ? "Edit content" : "New content",
-				footer: /* @__PURE__ */ d(ae, {
+			/* @__PURE__ */ p(re, {
+				open: De,
+				onClose: () => B(!1),
+				title: V ? "Edit content" : "New content",
+				footer: /* @__PURE__ */ p(ie, {
 					formId: Q,
-					isSubmitting: De,
-					submitLabel: B ? "Save changes" : "Create",
-					onCancel: () => z(!1)
+					isSubmitting: Oe,
+					submitLabel: V ? "Save changes" : "Create",
+					onCancel: () => B(!1)
 				}),
-				children: /* @__PURE__ */ f("form", {
+				children: /* @__PURE__ */ m("form", {
 					id: Q,
 					onSubmit: (e) => {
-						e.preventDefault(), Ae();
+						e.preventDefault(), Me();
 					},
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ f(s, {
+						/* @__PURE__ */ m(c, {
 							title: "Basics",
 							children: [
-								/* @__PURE__ */ f(o, {
+								/* @__PURE__ */ m(s, {
 									cols: 2,
-									children: [/* @__PURE__ */ f("label", {
+									children: [/* @__PURE__ */ m("label", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ d("span", {
+										children: [/* @__PURE__ */ p("span", {
 											className: "text-sm font-medium",
 											children: "Type"
-										}), /* @__PURE__ */ f("select", {
-											className: y,
-											value: $ ? "__other" : H.type,
-											disabled: !!B,
-											onChange: (e) => U((t) => ({
+										}), /* @__PURE__ */ m("select", {
+											className: b,
+											value: $ ? "__other" : U.type,
+											disabled: !!V,
+											onChange: (e) => W((t) => ({
 												...t,
 												type: e.target.value
 											})),
-											children: [$ && /* @__PURE__ */ d("option", {
+											children: [$ && /* @__PURE__ */ p("option", {
 												value: "__other",
 												children: "Other"
-											}), h.map((e) => /* @__PURE__ */ d("option", {
+											}), _.map((e) => /* @__PURE__ */ p("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))]
 										})]
-									}), /* @__PURE__ */ f("label", {
+									}), /* @__PURE__ */ m("label", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ d("span", {
+										children: [/* @__PURE__ */ p("span", {
 											className: "text-sm font-medium",
 											children: "Product"
-										}), /* @__PURE__ */ d("select", {
-											className: y,
-											value: H.productId,
-											disabled: !!B,
-											onChange: (e) => U((t) => ({
+										}), /* @__PURE__ */ p("select", {
+											className: b,
+											value: U.productId,
+											disabled: !!V,
+											onChange: (e) => W((t) => ({
 												...t,
 												productId: e.target.value
 											})),
-											children: w.map((e) => /* @__PURE__ */ d("option", {
+											children: T.map((e) => /* @__PURE__ */ p("option", {
 												value: e.id,
 												children: e.name
 											}, e.id))
 										})]
 									})]
 								}),
-								/* @__PURE__ */ f(o, {
+								/* @__PURE__ */ m(s, {
 									cols: 2,
-									children: [/* @__PURE__ */ f("label", {
+									children: [/* @__PURE__ */ m("label", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ d("span", {
+										children: [/* @__PURE__ */ p("span", {
 											className: "text-sm font-medium",
 											children: "Title"
-										}), /* @__PURE__ */ d(a, {
-											value: H.title,
-											onChange: (e) => U((t) => ({
+										}), /* @__PURE__ */ p(a, {
+											value: U.title,
+											onChange: (e) => W((t) => ({
 												...t,
 												title: e.target.value
 											})),
 											placeholder: "A clear, descriptive title"
 										})]
-									}), /* @__PURE__ */ f("label", {
+									}), /* @__PURE__ */ m("label", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ d("span", {
+										children: [/* @__PURE__ */ p("span", {
 											className: "text-sm font-medium",
 											children: "Slug"
-										}), /* @__PURE__ */ d(a, {
-											value: H.slug,
-											disabled: !!B,
-											onChange: (e) => U((t) => ({
+										}), /* @__PURE__ */ p(a, {
+											value: U.slug,
+											disabled: !!V,
+											onChange: (e) => W((t) => ({
 												...t,
 												slug: e.target.value.toLowerCase().replace(/[^a-z0-9-]+/g, "-")
 											})),
@@ -519,15 +536,15 @@ function b() {
 										})]
 									})]
 								}),
-								/* @__PURE__ */ f("label", {
+								/* @__PURE__ */ m("label", {
 									className: "block space-y-1.5",
-									children: [/* @__PURE__ */ d("span", {
+									children: [/* @__PURE__ */ p("span", {
 										className: "text-sm font-medium",
 										children: "Excerpt"
-									}), /* @__PURE__ */ d("textarea", {
-										className: `${y} h-16 py-2`,
-										value: H.excerpt,
-										onChange: (e) => U((t) => ({
+									}), /* @__PURE__ */ p("textarea", {
+										className: `${b} h-16 py-2`,
+										value: U.excerpt,
+										onChange: (e) => W((t) => ({
 											...t,
 											excerpt: e.target.value
 										})),
@@ -536,64 +553,64 @@ function b() {
 								})
 							]
 						}),
-						/* @__PURE__ */ d(s, {
+						/* @__PURE__ */ p(c, {
 							title: "Content",
 							description: "Markdown supported (headings, lists, links, bold).",
-							children: /* @__PURE__ */ d("textarea", {
+							children: /* @__PURE__ */ p("textarea", {
 								"aria-label": "Content",
-								className: `${y} h-64 py-2 font-mono text-xs`,
-								value: H.content,
-								onChange: (e) => U((t) => ({
+								className: `${b} h-64 py-2 font-mono text-xs`,
+								value: U.content,
+								onChange: (e) => W((t) => ({
 									...t,
 									content: e.target.value
 								})),
 								placeholder: "## Heading\n\nWrite your content in markdown..."
 							})
 						}),
-						/* @__PURE__ */ f(s, {
+						/* @__PURE__ */ m(c, {
 							title: "Meta",
 							children: [
-								/* @__PURE__ */ f(o, {
+								/* @__PURE__ */ m(s, {
 									cols: 3,
 									children: [
-										/* @__PURE__ */ f("label", {
+										/* @__PURE__ */ m("label", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ d("span", {
+											children: [/* @__PURE__ */ p("span", {
 												className: "text-sm font-medium",
 												children: "Author"
-											}), /* @__PURE__ */ d(a, {
-												value: H.author,
-												onChange: (e) => U((t) => ({
+											}), /* @__PURE__ */ p(a, {
+												value: U.author,
+												onChange: (e) => W((t) => ({
 													...t,
 													author: e.target.value
 												})),
 												placeholder: "The Team"
 											})]
 										}),
-										/* @__PURE__ */ f("label", {
+										/* @__PURE__ */ m("label", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ d("span", {
+											children: [/* @__PURE__ */ p("span", {
 												className: "text-sm font-medium",
 												children: "Published date"
-											}), /* @__PURE__ */ d(a, {
+											}), /* @__PURE__ */ p(a, {
 												type: "date",
-												value: H.publishedAt,
-												onChange: (e) => U((t) => ({
+												value: U.publishedAt,
+												onChange: (e) => W((t) => ({
 													...t,
 													publishedAt: e.target.value
 												}))
 											})]
 										}),
-										/* @__PURE__ */ f("label", {
+										/* @__PURE__ */ m("label", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ d("span", {
+											children: [/* @__PURE__ */ p("span", {
 												className: "text-sm font-medium",
 												children: "Reading time (min)"
-											}), /* @__PURE__ */ d(a, {
+											}), /* @__PURE__ */ p(a, {
 												type: "number",
 												min: 0,
-												value: H.readingTime,
-												onChange: (e) => U((t) => ({
+												value: U.readingTime,
+												onChange: (e) => W((t) => ({
 													...t,
 													readingTime: e.target.value
 												}))
@@ -601,38 +618,38 @@ function b() {
 										})
 									]
 								}),
-								/* @__PURE__ */ f("label", {
+								/* @__PURE__ */ m("label", {
 									className: "block space-y-1.5",
-									children: [/* @__PURE__ */ d("span", {
+									children: [/* @__PURE__ */ p("span", {
 										className: "text-sm font-medium",
 										children: "Thumbnail URL"
-									}), /* @__PURE__ */ d(a, {
-										value: H.thumbnail,
-										onChange: (e) => U((t) => ({
+									}), /* @__PURE__ */ p(a, {
+										value: U.thumbnail,
+										onChange: (e) => W((t) => ({
 											...t,
 											thumbnail: e.target.value
 										})),
 										placeholder: "https://…/image.png"
 									})]
 								}),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ m("div", {
 									className: "flex items-center gap-6 pt-1",
-									children: [/* @__PURE__ */ f("label", {
+									children: [/* @__PURE__ */ m("label", {
 										className: "flex items-center gap-2 text-sm",
-										children: [/* @__PURE__ */ d("input", {
+										children: [/* @__PURE__ */ p("input", {
 											type: "checkbox",
-											checked: H.featured,
-											onChange: (e) => U((t) => ({
+											checked: U.featured,
+											onChange: (e) => W((t) => ({
 												...t,
 												featured: e.target.checked
 											}))
 										}), "Featured"]
-									}), /* @__PURE__ */ f("label", {
+									}), /* @__PURE__ */ m("label", {
 										className: "flex items-center gap-2 text-sm",
-										children: [/* @__PURE__ */ d("input", {
+										children: [/* @__PURE__ */ p("input", {
 											type: "checkbox",
-											checked: H.isPublished,
-											onChange: (e) => U((t) => ({
+											checked: U.isPublished,
+											onChange: (e) => W((t) => ({
 												...t,
 												isPublished: e.target.checked
 											}))
@@ -644,18 +661,18 @@ function b() {
 					]
 				})
 			}),
-			/* @__PURE__ */ d(oe, {
-				open: !!G,
-				onClose: () => K(null),
-				onConfirm: je,
-				itemName: G?.title ?? "this content page",
+			/* @__PURE__ */ p(ae, {
+				open: !!K,
+				onClose: () => q(null),
+				onConfirm: Ne,
+				itemName: K?.title ?? "this content page",
 				itemType: "content page",
-				loading: q
+				loading: J
 			})
 		]
 	});
 }
 //#endregion
-export { b as ContentPagesPage };
+export { x as ContentPagesPage };
 
 //# sourceMappingURL=ContentPagesPage.js.map