@burdenoff/microfe-admin 2026.626.1 → 2026.720.1

package/dist/admin/pages/ContentPagesPage.js

@@ -2,21 +2,22 @@ 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 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 { 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 { MarkdownEditor as ue } from "../components/MarkdownEditor.js";
 import "../components/index.js";
-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";
+import { useCallback as c, useEffect as l, useRef as de, useState as u } from "react";
+import { FileText as d, Plus as fe, Search as pe } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { EmphasisPanel as me, PagePurpose as he } from "@burdenoff/fe-libs/ui";
+import { gql as m } from "@apollo/client";
+import { useApolloClient as ge } from "@apollo/client/react";
 //#region src/admin/pages/ContentPagesPage.tsx
-var g = 20, _ = [
+var h = 20, g = [
 	{
 		value: "blog",
 		label: "Blog",
@@ -32,11 +33,11 @@ var g = 20, _ = [
 		label: "Changelog",
 		category: "Changelog"
 	}
-], he = {
+], _ = {
 	blog: "default",
 	"case-study": "secondary",
 	changelog: "outline"
-}, ge = h`
+}, _e = m`
   query AdminContentListProducts($limit: Int, $offset: Int) {
     platformProducts(limit: $limit, offset: $offset) {
       items {
@@ -46,7 +47,7 @@ var g = 20, _ = [
       }
     }
   }
-`, _e = h`
+`, ve = m`
   query AdminContentPages(
     $productId: String
     $filter: ContentPageFilterInput
@@ -76,25 +77,25 @@ var g = 20, _ = [
       total
     }
   }
-`, ve = h`
+`, ye = m`
   mutation AdminCreateContentPage($input: CreateContentPageInput!) {
     createContentPage(input: $input) {
       id
       slug
     }
   }
-`, v = h`
+`, be = m`
   mutation AdminUpdateContentPage($id: ID!, $input: UpdateContentPageInput!) {
     updateContentPage(id: $id, input: $input) {
       id
       slug
     }
   }
-`, ye = h`
+`, xe = m`
   mutation AdminDeleteContentPage($id: ID!) {
     deleteContentPage(id: $id)
   }
-`, y = {
+`, v = {
 	productId: "",
 	type: "blog",
 	slug: "",
@@ -108,24 +109,24 @@ var g = 20, _ = [
 	featured: !1,
 	isPublished: !0
 };
-function be(e) {
+function Se(e) {
 	return e.includes("changelog") ? "changelog" : e.includes("case-study") ? "case-study" : "blog";
 }
-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(() => {
+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: m, canManageProducts: b, isLoading: x } = t(), S = ge(), C = e(), [w, Ce] = u([]), [T, E] = u(""), [D, we] = u(""), [O, k] = u(""), [A, Te] = u(""), [j, M] = u(1), N = de(0);
+	l(() => {
 		let e = setTimeout(() => {
-			Ce(k), N(1);
+			Te(O), M(1);
 		}, 300);
 		return () => clearTimeout(e);
-	}, [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(() => {
+	}, [O]);
+	let [P, Ee] = u([]), [F, De] = u(0), [I, L] = u(!1), [R, z] = u(null), [Oe, B] = u(!1), [V, H] = u(null), [U, W] = u(v), [ke, G] = u(!1), [K, q] = u(null), [J, Y] = u(!1), X = x || !m;
+	l(() => {
 		if (X) return;
 		let e = !0;
-		return C.query({
-			query: ge,
+		return S.query({
+			query: _e,
 			variables: {
 				limit: 100,
 				offset: 0
@@ -134,60 +135,60 @@ function x() {
 		}).then((t) => {
 			if (!e) return;
 			let n = t.data?.platformProducts?.items ?? [];
-			xe(n), D((e) => e || n[0]?.id || "");
+			Ce(n), E((e) => e || n[0]?.id || "");
 		}).catch((t) => {
 			e && z(t instanceof Error ? t.message : "Failed to load products");
 		}), () => {
 			e = !1;
 		};
-	}, [C, X]);
-	let Z = l(async () => {
-		if (X || !E) return;
-		let e = ++P.current;
+	}, [S, X]);
+	let Z = c(async () => {
+		if (X || !T) return;
+		let e = ++N.current;
 		L(!0);
 		try {
-			let t = await C.query({
-				query: _e,
+			let t = await S.query({
+				query: ve,
 				variables: {
-					productId: E,
+					productId: T,
 					filter: {
-						...j ? { search: j } : {},
-						...O ? { tag: O } : {}
+						...A ? { search: A } : {},
+						...D ? { tag: D } : {}
 					},
-					limit: g,
-					offset: (M - 1) * g
+					limit: h,
+					offset: (j - 1) * h
 				},
 				fetchPolicy: "network-only"
 			});
-			if (e !== P.current) return;
-			we(t.data?.contentPages?.items ?? []), Te(t.data?.contentPages?.total ?? 0), z(null);
+			if (e !== N.current) return;
+			Ee(t.data?.contentPages?.items ?? []), De(t.data?.contentPages?.total ?? 0), z(null);
 		} catch (t) {
-			if (e !== P.current) return;
+			if (e !== N.current) return;
 			z(t instanceof Error ? t.message : "Failed to load content pages");
 		} finally {
-			e === P.current && L(!1);
+			e === N.current && L(!1);
 		}
 	}, [
-		C,
+		S,
 		X,
-		E,
-		j,
-		O,
-		M
+		T,
+		A,
+		D,
+		j
 	]);
-	u(() => {
+	l(() => {
 		Z();
 	}, [Z]);
-	let ke = Math.ceil(I / g), Ae = l(() => {
+	let Ae = Math.ceil(F / h), je = c(() => {
 		H(null), W({
-			...y,
-			productId: E,
-			type: O || "blog"
+			...v,
+			productId: T,
+			type: D || "blog"
 		}), B(!0);
-	}, [E, O]), je = l((e) => {
+	}, [T, D]), Me = c((e) => {
 		H(e), W({
 			productId: e.productId ?? "",
-			type: be(e.tags),
+			type: Se(e.tags),
 			slug: e.slug,
 			title: e.title,
 			excerpt: e.excerpt ?? "",
@@ -199,23 +200,23 @@ function x() {
 			featured: e.featured,
 			isPublished: e.isPublished
 		}), B(!0);
-	}, []), Me = l(async () => {
+	}, []), Ne = c(async () => {
 		let e = [
 			!U.title.trim() && "Title",
 			!U.slug.trim() && "Slug",
 			!U.content.trim() && "Content"
 		].filter(Boolean);
 		if (e.length) {
-			w.error(`${e.join(", ")} ${e.length > 1 ? "are" : "is"} required`);
+			C.error(`${e.join(", ")} ${e.length > 1 ? "are" : "is"} required`);
 			return;
 		}
 		let t = U.thumbnail.trim();
 		if (t && !/^(https?:\/\/|\/\/|\/)/i.test(t)) {
-			w.error("Thumbnail must be an http(s) URL or an absolute path");
+			C.error("Thumbnail must be an http(s) URL or an absolute path");
 			return;
 		}
 		G(!0);
-		let n = _.find((e) => e.value === U.type), r = V ? null : void 0, i = {
+		let n = g.find((e) => e.value === U.type), r = V ? null : void 0, i = {
 			title: U.title.trim(),
 			content: U.content,
 			contentFormat: "markdown",
@@ -228,14 +229,14 @@ function x() {
 			isPublished: U.isPublished
 		};
 		try {
-			V ? (await C.mutate({
-				mutation: v,
+			V ? (await S.mutate({
+				mutation: be,
 				variables: {
 					id: V.id,
 					input: i
 				}
-			}), w.success("Content page updated")) : (await C.mutate({
-				mutation: ve,
+			}), C.success("Content page updated")) : (await S.mutate({
+				mutation: ye,
 				variables: { input: {
 					...i,
 					visibility: "PUBLIC",
@@ -244,28 +245,28 @@ function x() {
 					productId: U.productId || void 0,
 					slug: U.slug.trim().replace(/-+/g, "-").replace(/^-+|-+$/g, "")
 				} }
-			}), w.success("Content page created")), B(!1), await Z();
+			}), C.success("Content page created")), B(!1), await Z();
 		} catch (e) {
-			w.error(e instanceof Error ? e.message : "Failed to save content page");
+			C.error(e instanceof Error ? e.message : "Failed to save content page");
 		} finally {
 			G(!1);
 		}
 	}, [
 		U,
 		V,
+		S,
 		C,
-		w,
 		Z
-	]), Ne = l(async () => {
+	]), Pe = c(async () => {
 		if (!(!K || J)) {
 			Y(!0);
 			try {
-				await C.mutate({
-					mutation: ye,
+				await S.mutate({
+					mutation: xe,
 					variables: { id: K.id }
-				}), w.success("Content page deleted"), q(null), F.length === 1 && M > 1 ? N((e) => e - 1) : await Z();
+				}), C.success("Content page deleted"), q(null), P.length === 1 && j > 1 ? M((e) => e - 1) : await Z();
 			} catch (e) {
-				w.error(e instanceof Error ? e.message : "Failed to delete content page");
+				C.error(e instanceof Error ? e.message : "Failed to delete content page");
 			} finally {
 				Y(!1);
 			}
@@ -273,21 +274,21 @@ function x() {
 	}, [
 		K,
 		J,
+		S,
 		C,
-		w,
 		Z,
-		F.length,
-		M
-	]), Pe = [
+		P.length,
+		j
+	]), Fe = [
 		{
 			key: "title",
 			header: "Title",
-			render: (e) => /* @__PURE__ */ m("div", {
+			render: (e) => /* @__PURE__ */ p("div", {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ f("div", {
 					className: "font-medium text-foreground",
 					children: e.title
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "truncate text-xs text-muted-foreground",
 					children: e.slug
 				})]
@@ -298,9 +299,9 @@ function x() {
 			header: "Type",
 			width: "120px",
 			render: (e) => {
-				let t = _.find((t) => e.tags.includes(t.value));
-				return /* @__PURE__ */ p(n, {
-					variant: t ? he[t.value] : "outline",
+				let t = g.find((t) => e.tags.includes(t.value));
+				return /* @__PURE__ */ f(n, {
+					variant: t ? _[t.value] : "outline",
 					className: "text-xs capitalize",
 					children: t?.label ?? "Other"
 				});
@@ -310,13 +311,13 @@ function x() {
 			key: "status",
 			header: "Status",
 			width: "110px",
-			render: (e) => /* @__PURE__ */ m("div", {
+			render: (e) => /* @__PURE__ */ p("div", {
 				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ p(n, {
+				children: [/* @__PURE__ */ f(n, {
 					variant: e.isPublished ? "default" : "outline",
 					className: "text-xs",
 					children: e.isPublished ? "Published" : "Draft"
-				}), e.featured && /* @__PURE__ */ p(n, {
+				}), e.featured && /* @__PURE__ */ f(n, {
 					variant: "secondary",
 					className: "text-xs",
 					children: "Featured"
@@ -327,192 +328,192 @@ function x() {
 			key: "updatedAt",
 			header: "Updated",
 			width: "110px",
-			render: (e) => o(e.updatedAt)
+			render: (e) => te(e.updatedAt)
 		},
 		{
 			key: "actions",
 			header: "",
 			width: "60px",
 			align: "right",
-			render: (e) => /* @__PURE__ */ p(oe, { actions: se({
-				onEdit: x ? () => je(e) : void 0,
-				onDelete: x ? () => q(e) : void 0
+			render: (e) => /* @__PURE__ */ f(se, { actions: ce({
+				onEdit: b ? () => Me(e) : void 0,
+				onDelete: b ? () => q(e) : void 0
 			}) })
 		}
-	], Q = "content-page-form", $ = !!V && !_.some((e) => V.tags.includes(e.value));
-	return /* @__PURE__ */ m(ce, {
-		allowed: h,
-		isLoading: S,
+	], Q = "content-page-form", $ = !!V && !g.some((e) => V.tags.includes(e.value));
+	return /* @__PURE__ */ p(le, {
+		allowed: m,
+		isLoading: x,
 		pageTitle: "Content",
 		denyMessage: "You don't have permission to manage content pages.",
 		children: [
-			/* @__PURE__ */ p(ee, {
+			/* @__PURE__ */ f(ee, {
 				title: "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"]
+				description: `Blog posts, case studies, and changelog entries${F ? ` · ${F} total` : ""}`,
+				actions: /* @__PURE__ */ p(r, {
+					onClick: je,
+					disabled: !b || !T,
+					children: [/* @__PURE__ */ f(fe, { className: "mr-2 h-4 w-4" }), "New Content"]
 				}),
-				children: /* @__PURE__ */ m("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: "space-y-4",
 					children: [
-						/* @__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, {
+						/* @__PURE__ */ f(he, { 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__ */ p(me, {
 							className: "flex items-center gap-4 p-5",
-							children: [/* @__PURE__ */ p("div", {
+							children: [/* @__PURE__ */ f("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", {
+								children: /* @__PURE__ */ f(d, { className: "h-6 w-6" })
+							}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("div", {
 								className: "text-3xl font-bold tabular-nums text-text-primary",
-								children: I
-							}), /* @__PURE__ */ p("p", {
+								children: F
+							}), /* @__PURE__ */ f("p", {
 								className: "text-sm text-text-secondary",
 								children: "content entries for this product"
 							})] })]
 						}),
-						/* @__PURE__ */ m("div", {
+						/* @__PURE__ */ p("div", {
 							className: "flex flex-wrap items-center gap-3",
 							children: [
-								/* @__PURE__ */ m("select", {
+								/* @__PURE__ */ p("select", {
 									"aria-label": "Filter by product",
-									className: `${b} max-w-xs`,
-									value: E,
+									className: `${y} max-w-xs`,
+									value: T,
 									onChange: (e) => {
-										N(1), D(e.target.value);
+										M(1), E(e.target.value);
 									},
-									children: [T.length === 0 && /* @__PURE__ */ p("option", {
+									children: [w.length === 0 && /* @__PURE__ */ f("option", {
 										value: "",
 										children: "Loading products…"
-									}), T.map((e) => /* @__PURE__ */ p("option", {
+									}), w.map((e) => /* @__PURE__ */ f("option", {
 										value: e.id,
 										children: e.name
 									}, e.id))]
 								}),
-								/* @__PURE__ */ m("select", {
+								/* @__PURE__ */ p("select", {
 									"aria-label": "Filter by content type",
-									className: `${b} max-w-[180px]`,
-									value: O,
+									className: `${y} max-w-[180px]`,
+									value: D,
 									onChange: (e) => {
-										N(1), Se(e.target.value);
+										M(1), we(e.target.value);
 									},
-									children: [/* @__PURE__ */ p("option", {
+									children: [/* @__PURE__ */ f("option", {
 										value: "",
 										children: "All types"
-									}), _.map((e) => /* @__PURE__ */ p("option", {
+									}), g.map((e) => /* @__PURE__ */ f("option", {
 										value: e.value,
 										children: e.label
 									}, e.value))]
 								}),
-								/* @__PURE__ */ m("div", {
+								/* @__PURE__ */ p("div", {
 									className: "relative max-w-sm flex-1",
-									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, {
+									children: [/* @__PURE__ */ f(pe, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ f(a, {
 										placeholder: "Search content...",
-										value: k,
-										onChange: (e) => A(e.target.value),
+										value: O,
+										onChange: (e) => k(e.target.value),
 										className: "pl-9"
 									})]
 								})
 							]
 						}),
-						R && /* @__PURE__ */ p("div", {
+						R && /* @__PURE__ */ f("div", {
 							className: "rounded-md border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive",
 							children: R
 						}),
-						/* @__PURE__ */ p(te, {
-							columns: Pe,
-							data: F,
+						/* @__PURE__ */ f(ne, {
+							columns: Fe,
+							data: P,
 							keyExtractor: (e) => e.id,
-							loading: Ee,
-							emptyState: /* @__PURE__ */ p(i, {
+							loading: I,
+							emptyState: /* @__PURE__ */ f(i, {
 								illustration: "empty-files",
-								icon: /* @__PURE__ */ p(f, { className: "h-8 w-8" }),
+								icon: /* @__PURE__ */ f(d, { className: "h-8 w-8" }),
 								title: "No content yet",
 								description: "Create a blog post, case study, or changelog entry to get started."
 							})
 						}),
-						I > g && /* @__PURE__ */ p(ne, {
-							page: M,
-							totalPages: ke,
-							totalItems: I,
-							pageSize: g,
-							onPageChange: N
+						F > h && /* @__PURE__ */ f(re, {
+							page: j,
+							totalPages: Ae,
+							totalItems: F,
+							pageSize: h,
+							onPageChange: M
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ p(re, {
-				open: De,
+			/* @__PURE__ */ f(ie, {
+				open: Oe,
 				onClose: () => B(!1),
 				title: V ? "Edit content" : "New content",
-				footer: /* @__PURE__ */ p(ie, {
+				footer: /* @__PURE__ */ f(ae, {
 					formId: Q,
-					isSubmitting: Oe,
+					isSubmitting: ke,
 					submitLabel: V ? "Save changes" : "Create",
 					onCancel: () => B(!1)
 				}),
-				children: /* @__PURE__ */ m("form", {
+				children: /* @__PURE__ */ p("form", {
 					id: Q,
 					onSubmit: (e) => {
-						e.preventDefault(), Me();
+						e.preventDefault(), Ne();
 					},
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ m(c, {
+						/* @__PURE__ */ p(s, {
 							title: "Basics",
 							children: [
-								/* @__PURE__ */ m(s, {
+								/* @__PURE__ */ p(o, {
 									cols: 2,
-									children: [/* @__PURE__ */ m("label", {
+									children: [/* @__PURE__ */ p("label", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ p("span", {
+										children: [/* @__PURE__ */ f("span", {
 											className: "text-sm font-medium",
 											children: "Type"
-										}), /* @__PURE__ */ m("select", {
-											className: b,
+										}), /* @__PURE__ */ p("select", {
+											className: y,
 											value: $ ? "__other" : U.type,
 											disabled: !!V,
 											onChange: (e) => W((t) => ({
 												...t,
 												type: e.target.value
 											})),
-											children: [$ && /* @__PURE__ */ p("option", {
+											children: [$ && /* @__PURE__ */ f("option", {
 												value: "__other",
 												children: "Other"
-											}), _.map((e) => /* @__PURE__ */ p("option", {
+											}), g.map((e) => /* @__PURE__ */ f("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))]
 										})]
-									}), /* @__PURE__ */ m("label", {
+									}), /* @__PURE__ */ p("label", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ p("span", {
+										children: [/* @__PURE__ */ f("span", {
 											className: "text-sm font-medium",
 											children: "Product"
-										}), /* @__PURE__ */ p("select", {
-											className: b,
+										}), /* @__PURE__ */ f("select", {
+											className: y,
 											value: U.productId,
 											disabled: !!V,
 											onChange: (e) => W((t) => ({
 												...t,
 												productId: e.target.value
 											})),
-											children: T.map((e) => /* @__PURE__ */ p("option", {
+											children: w.map((e) => /* @__PURE__ */ f("option", {
 												value: e.id,
 												children: e.name
 											}, e.id))
 										})]
 									})]
 								}),
-								/* @__PURE__ */ m(s, {
+								/* @__PURE__ */ p(o, {
 									cols: 2,
-									children: [/* @__PURE__ */ m("label", {
+									children: [/* @__PURE__ */ p("label", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ p("span", {
+										children: [/* @__PURE__ */ f("span", {
 											className: "text-sm font-medium",
 											children: "Title"
-										}), /* @__PURE__ */ p(a, {
+										}), /* @__PURE__ */ f(a, {
 											value: U.title,
 											onChange: (e) => W((t) => ({
 												...t,
@@ -520,12 +521,12 @@ function x() {
 											})),
 											placeholder: "A clear, descriptive title"
 										})]
-									}), /* @__PURE__ */ m("label", {
+									}), /* @__PURE__ */ p("label", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ p("span", {
+										children: [/* @__PURE__ */ f("span", {
 											className: "text-sm font-medium",
 											children: "Slug"
-										}), /* @__PURE__ */ p(a, {
+										}), /* @__PURE__ */ f(a, {
 											value: U.slug,
 											disabled: !!V,
 											onChange: (e) => W((t) => ({
@@ -536,13 +537,13 @@ function x() {
 										})]
 									})]
 								}),
-								/* @__PURE__ */ m("label", {
+								/* @__PURE__ */ p("label", {
 									className: "block space-y-1.5",
-									children: [/* @__PURE__ */ p("span", {
+									children: [/* @__PURE__ */ f("span", {
 										className: "text-sm font-medium",
 										children: "Excerpt"
-									}), /* @__PURE__ */ p("textarea", {
-										className: `${b} h-16 py-2`,
+									}), /* @__PURE__ */ f("textarea", {
+										className: `${y} h-16 py-2`,
 										value: U.excerpt,
 										onChange: (e) => W((t) => ({
 											...t,
@@ -553,32 +554,31 @@ function x() {
 								})
 							]
 						}),
-						/* @__PURE__ */ p(c, {
+						/* @__PURE__ */ f(s, {
 							title: "Content",
-							description: "Markdown supported (headings, lists, links, bold).",
-							children: /* @__PURE__ */ p("textarea", {
+							description: "Markdown supported (headings, lists, links, bold). Use the toolbar to insert common syntax.",
+							children: /* @__PURE__ */ f(ue, {
 								"aria-label": "Content",
-								className: `${b} h-64 py-2 font-mono text-xs`,
 								value: U.content,
 								onChange: (e) => W((t) => ({
 									...t,
-									content: e.target.value
+									content: e
 								})),
 								placeholder: "## Heading\n\nWrite your content in markdown..."
 							})
 						}),
-						/* @__PURE__ */ m(c, {
+						/* @__PURE__ */ p(s, {
 							title: "Meta",
 							children: [
-								/* @__PURE__ */ m(s, {
+								/* @__PURE__ */ p(o, {
 									cols: 3,
 									children: [
-										/* @__PURE__ */ m("label", {
+										/* @__PURE__ */ p("label", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ p("span", {
+											children: [/* @__PURE__ */ f("span", {
 												className: "text-sm font-medium",
 												children: "Author"
-											}), /* @__PURE__ */ p(a, {
+											}), /* @__PURE__ */ f(a, {
 												value: U.author,
 												onChange: (e) => W((t) => ({
 													...t,
@@ -587,12 +587,12 @@ function x() {
 												placeholder: "The Team"
 											})]
 										}),
-										/* @__PURE__ */ m("label", {
+										/* @__PURE__ */ p("label", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ p("span", {
+											children: [/* @__PURE__ */ f("span", {
 												className: "text-sm font-medium",
 												children: "Published date"
-											}), /* @__PURE__ */ p(a, {
+											}), /* @__PURE__ */ f(a, {
 												type: "date",
 												value: U.publishedAt,
 												onChange: (e) => W((t) => ({
@@ -601,12 +601,12 @@ function x() {
 												}))
 											})]
 										}),
-										/* @__PURE__ */ m("label", {
+										/* @__PURE__ */ p("label", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ p("span", {
+											children: [/* @__PURE__ */ f("span", {
 												className: "text-sm font-medium",
 												children: "Reading time (min)"
-											}), /* @__PURE__ */ p(a, {
+											}), /* @__PURE__ */ f(a, {
 												type: "number",
 												min: 0,
 												value: U.readingTime,
@@ -618,12 +618,12 @@ function x() {
 										})
 									]
 								}),
-								/* @__PURE__ */ m("label", {
+								/* @__PURE__ */ p("label", {
 									className: "block space-y-1.5",
-									children: [/* @__PURE__ */ p("span", {
+									children: [/* @__PURE__ */ f("span", {
 										className: "text-sm font-medium",
 										children: "Thumbnail URL"
-									}), /* @__PURE__ */ p(a, {
+									}), /* @__PURE__ */ f(a, {
 										value: U.thumbnail,
 										onChange: (e) => W((t) => ({
 											...t,
@@ -632,11 +632,11 @@ function x() {
 										placeholder: "https://…/image.png"
 									})]
 								}),
-								/* @__PURE__ */ m("div", {
+								/* @__PURE__ */ p("div", {
 									className: "flex items-center gap-6 pt-1",
-									children: [/* @__PURE__ */ m("label", {
+									children: [/* @__PURE__ */ p("label", {
 										className: "flex items-center gap-2 text-sm",
-										children: [/* @__PURE__ */ p("input", {
+										children: [/* @__PURE__ */ f("input", {
 											type: "checkbox",
 											checked: U.featured,
 											onChange: (e) => W((t) => ({
@@ -644,9 +644,9 @@ function x() {
 												featured: e.target.checked
 											}))
 										}), "Featured"]
-									}), /* @__PURE__ */ m("label", {
+									}), /* @__PURE__ */ p("label", {
 										className: "flex items-center gap-2 text-sm",
-										children: [/* @__PURE__ */ p("input", {
+										children: [/* @__PURE__ */ f("input", {
 											type: "checkbox",
 											checked: U.isPublished,
 											onChange: (e) => W((t) => ({
@@ -661,10 +661,10 @@ function x() {
 					]
 				})
 			}),
-			/* @__PURE__ */ p(ae, {
+			/* @__PURE__ */ f(oe, {
 				open: !!K,
 				onClose: () => q(null),
-				onConfirm: Ne,
+				onConfirm: Pe,
 				itemName: K?.title ?? "this content page",
 				itemType: "content page",
 				loading: J
@@ -673,6 +673,6 @@ function x() {
 	});
 }
 //#endregion
-export { x as ContentPagesPage };
+export { b as ContentPagesPage };
 
 //# sourceMappingURL=ContentPagesPage.js.map