camox 0.25.0 → 0.27.0

package/dist/features/preview/components/{EditPageModal.js → PageMetadataModal.js}

@@ -2,9 +2,9 @@ import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { previewStore } from "../previewStore.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { blockQueries, layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
-import { formatPathSegment } from "../../../lib/utils.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
+import { PageNicknameField } from "./PageNicknameField.js";
 import { UploadDropZone } from "../../content/components/UploadDropZone.js";
 import { DebouncedFieldEditor } from "./DebouncedFieldEditor.js";
 import { ShikiMarkdown } from "./ShikiMarkdown.js";
@@ -26,55 +26,154 @@ import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } f
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@camox/ui/select";
 import { useForm } from "@tanstack/react-form";
 
-//#region src/features/preview/components/EditPageModal.tsx
-const EditPageModal = () => {
+//#region src/features/preview/components/PageMetadataModal.tsx
+const PageMetadataModal = () => {
 	const $ = c(3);
-	if ($[0] !== "dfed49772fc493ebb158f0892caae2776e9f3903bcc54115d8f549c2a9beee89") {
+	if ($[0] !== "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8") {
 		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "dfed49772fc493ebb158f0892caae2776e9f3903bcc54115d8f549c2a9beee89";
+		$[0] = "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8";
 	}
 	const editingPageId = useSelector(previewStore, _temp);
 	let t0;
 	if ($[1] !== editingPageId) {
-		t0 = /* @__PURE__ */ jsx(EditPageModalContent, { pageId: editingPageId });
+		t0 = /* @__PURE__ */ jsx(PageMetadataModalContent, { pageId: editingPageId });
 		$[1] = editingPageId;
 		$[2] = t0;
 	} else t0 = $[2];
 	return t0;
 };
-const EditPageModalContent = ({ pageId }) => {
+const PageMetadataModalContent = (t0) => {
+	const $ = c(61);
+	if ($[0] !== "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8") {
+		for (let $i = 0; $i < 61; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8";
+	}
+	const { pageId } = t0;
 	const projectSlug = useProjectSlug();
-	const updatePage = useMutation(pageMutations.update());
-	const setLayout = useMutation(pageMutations.setLayout());
-	const setAiSeo = useMutation(pageMutations.setAiSeo());
-	const setMetaTitle = useMutation(pageMutations.setMetaTitle());
-	const setMetaDescription = useMutation(pageMutations.setMetaDescription());
-	const { data: page } = useQuery({
-		...pageQueries.getById(pageId),
-		enabled: pageId != null
-	});
-	const { data: project } = useQuery(projectQueries.getBySlug(projectSlug));
-	const { data: pages } = useQuery({
-		...pageQueries.list(project?.id ?? 0),
-		enabled: !!project
-	});
-	const { data: layouts } = useQuery({
-		...layoutQueries.list(project?.id ?? 0),
-		enabled: !!project
-	});
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = pageMutations.update();
+		$[1] = t1;
+	} else t1 = $[1];
+	const updatePage = useMutation(t1);
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = pageMutations.setLayout();
+		$[2] = t2;
+	} else t2 = $[2];
+	const setLayout = useMutation(t2);
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = pageMutations.setAiSeo();
+		$[3] = t3;
+	} else t3 = $[3];
+	const setAiSeo = useMutation(t3);
+	let t4;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = pageMutations.setMetaTitle();
+		$[4] = t4;
+	} else t4 = $[4];
+	const setMetaTitle = useMutation(t4);
+	let t5;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = pageMutations.setMetaDescription();
+		$[5] = t5;
+	} else t5 = $[5];
+	const setMetaDescription = useMutation(t5);
+	let t6;
+	if ($[6] !== pageId) {
+		t6 = pageQueries.getById(pageId);
+		$[6] = pageId;
+		$[7] = t6;
+	} else t6 = $[7];
+	const t7 = pageId != null;
+	let t8;
+	if ($[8] !== t6 || $[9] !== t7) {
+		t8 = {
+			...t6,
+			enabled: t7
+		};
+		$[8] = t6;
+		$[9] = t7;
+		$[10] = t8;
+	} else t8 = $[10];
+	const { data: page } = useQuery(t8);
+	let t9;
+	if ($[11] !== projectSlug) {
+		t9 = projectQueries.getBySlug(projectSlug);
+		$[11] = projectSlug;
+		$[12] = t9;
+	} else t9 = $[12];
+	const { data: project } = useQuery(t9);
+	let t10;
+	if ($[13] !== project?.id) {
+		t10 = pageQueries.list(project?.id ?? 0);
+		$[13] = project?.id;
+		$[14] = t10;
+	} else t10 = $[14];
+	const t11 = !!project;
+	let t12;
+	if ($[15] !== t10 || $[16] !== t11) {
+		t12 = {
+			...t10,
+			enabled: t11
+		};
+		$[15] = t10;
+		$[16] = t11;
+		$[17] = t12;
+	} else t12 = $[17];
+	const { data: pages } = useQuery(t12);
+	let t13;
+	if ($[18] !== project?.id) {
+		t13 = layoutQueries.list(project?.id ?? 0);
+		$[18] = project?.id;
+		$[19] = t13;
+	} else t13 = $[19];
+	const t14 = !!project;
+	let t15;
+	if ($[20] !== t13 || $[21] !== t14) {
+		t15 = {
+			...t13,
+			enabled: t14
+		};
+		$[20] = t13;
+		$[21] = t14;
+		$[22] = t15;
+	} else t15 = $[22];
+	const { data: layouts } = useQuery(t15);
 	const camoxApp = useCamoxApp();
 	const navigate = useNavigate();
+	const t16 = page?.nickname ?? "";
+	const t17 = page?.pathSegment ?? "";
+	const t18 = page?.parentPageId ?? void 0;
+	const t19 = page?.layoutId ?? 0;
+	let t20;
+	if ($[23] !== t16 || $[24] !== t17 || $[25] !== t18 || $[26] !== t19) {
+		t20 = {
+			nickname: t16,
+			pathSegment: t17,
+			parentPageId: t18,
+			layoutId: t19
+		};
+		$[23] = t16;
+		$[24] = t17;
+		$[25] = t18;
+		$[26] = t19;
+		$[27] = t20;
+	} else t20 = $[27];
 	const form = useForm({
-		defaultValues: {
-			pathSegment: page?.pathSegment ?? "",
-			parentPageId: page?.parentPageId ?? void 0,
-			layoutId: page?.layoutId ?? 0
-		},
+		defaultValues: t20,
 		onSubmit: async (values) => {
 			if (!page) return;
 			try {
+				const nickname = values.value.nickname.trim();
+				if (!nickname) {
+					toast.error("Page nickname is required");
+					return;
+				}
 				const { fullPath } = await updatePage.mutateAsync({
 					id: page.id,
+					nickname,
 					pathSegment: values.value.pathSegment,
 					parentPageId: values.value.parentPageId
 				});
@@ -85,217 +184,275 @@ const EditPageModalContent = ({ pageId }) => {
 				trackClientEvent("page_updated", {
 					projectId: page.projectId,
 					changes: {
+						nickname: nickname !== page.nickname,
 						path: values.value.pathSegment !== page.pathSegment,
 						layout: values.value.layoutId !== page.layoutId,
 						parent: values.value.parentPageId !== page.parentPageId
 					}
 				});
-				const displayName = page.metaTitle ?? formatPathSegment(values.value.pathSegment);
+				const displayName = nickname;
 				toast.success(`Updated ${displayName} page`);
 				previewStore.send({ type: "closeEditPageModal" });
 				form.reset();
 				await navigate({ to: fullPath });
-			} catch (error) {
-				console.error("Failed to update page:", error);
+			} catch (t21) {
+				console.error("Failed to update page:", t21);
 				toast.error("Could not update page");
 			}
 		}
 	});
-	const prevPageId = React.useRef(pageId);
-	React.useEffect(() => {
-		if (prevPageId.current === pageId || !page) return;
-		prevPageId.current = pageId;
-		form.reset({
-			pathSegment: page.pathSegment,
-			parentPageId: page.parentPageId ?? void 0,
-			layoutId: page.layoutId ?? 0
-		});
-	}, [
-		pageId,
-		page,
-		form
-	]);
+	const prevPageId = React.useRef(null);
+	let t22;
+	if ($[28] !== form || $[29] !== page || $[30] !== pageId) {
+		t22 = () => {
+			if (prevPageId.current === pageId || !page) return;
+			prevPageId.current = pageId;
+			form.reset({
+				nickname: page.nickname,
+				pathSegment: page.pathSegment,
+				parentPageId: page.parentPageId ?? void 0,
+				layoutId: page.layoutId ?? 0
+			});
+		};
+		$[28] = form;
+		$[29] = page;
+		$[30] = pageId;
+		$[31] = t22;
+	} else t22 = $[31];
+	let t23;
+	if ($[32] !== form || $[33] !== page || $[34] !== pageId) {
+		t23 = [
+			pageId,
+			page,
+			form
+		];
+		$[32] = form;
+		$[33] = page;
+		$[34] = pageId;
+		$[35] = t23;
+	} else t23 = $[35];
+	React.useEffect(t22, t23);
 	const isOpen = pageId != null && !!page;
 	const isRootPage = page?.fullPath === "/";
-	const pageLayoutRecord = layouts?.find((l) => l.id === page?.layoutId);
-	const layoutDef = pageLayoutRecord ? camoxApp.getLayoutById(pageLayoutRecord.layoutId) : void 0;
-	const metaTitle = layoutDef && page ? layoutDef._internal.buildMetaTitle({
-		pageMetaTitle: page.metaTitle ?? "",
-		projectName: project?.name ?? "",
-		pageFullPath: page.fullPath
-	}) : page?.metaTitle ?? "";
-	return /* @__PURE__ */ jsx(Dialog, {
-		open: isOpen,
-		onOpenChange: (value) => {
-			if (!value) previewStore.send({ type: "closeEditPageModal" });
-		},
-		children: /* @__PURE__ */ jsxs(DialogContent, {
-			className: "flex max-h-[90vh] flex-col gap-0 overflow-hidden p-0 sm:max-w-5xl",
-			children: [/* @__PURE__ */ jsxs(DialogHeader, {
-				className: "border-border border-b p-4",
-				children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Edit page" }), /* @__PURE__ */ jsx(DialogDescription, { children: "Update the page details." })]
-			}), page && /* @__PURE__ */ jsxs("div", {
-				className: "flex-1 overflow-y-auto",
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "border-border grid grid-cols-[200px_1fr] gap-x-16 border-b px-4 py-4",
-						children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
-							className: "text-sm font-medium",
-							children: "Page structure"
-						}), /* @__PURE__ */ jsx("p", {
-							className: "text-muted-foreground mt-1 text-xs",
-							children: "URL path and layout used to render the page"
-						})] }), /* @__PURE__ */ jsx("div", {
-							className: "space-y-4",
-							children: /* @__PURE__ */ jsxs("form", {
-								onSubmit: (e) => {
-									e.preventDefault();
-									e.stopPropagation();
-									form.handleSubmit();
-								},
-								className: "-mx-1 space-y-4 px-1",
-								children: [
-									isRootPage ? /* @__PURE__ */ jsxs(Alert, { children: [
-										/* @__PURE__ */ jsx(Info, { className: "size-4" }),
-										/* @__PURE__ */ jsx(AlertTitle, { children: "Homepage" }),
-										/* @__PURE__ */ jsx(AlertDescription, { children: "You can't change the path of the home page." })
-									] }) : /* @__PURE__ */ jsx(form.Field, {
-										name: "parentPageId",
-										children: (parentField) => /* @__PURE__ */ jsx(form.Field, {
-											name: "pathSegment",
-											children: (pathField) => /* @__PURE__ */ jsx(PageLocationFieldset, {
-												parentPageId: parentField.state.value,
-												onParentPageIdChange: parentField.handleChange,
-												pathSegment: pathField.state.value,
-												onPathSegmentChange: pathField.handleChange,
-												pages,
-												excludePageId: page.id
-											})
-										})
-									}),
-									layouts && layouts.length > 0 && /* @__PURE__ */ jsx(form.Field, {
-										name: "layoutId",
-										children: (field) => /* @__PURE__ */ jsxs("div", {
-											className: "space-y-2",
-											children: [/* @__PURE__ */ jsx(Label, { children: "Layout" }), /* @__PURE__ */ jsxs(Select, {
-												value: field.state.value ? String(field.state.value) : "",
-												onValueChange: (value_0) => field.handleChange(Number(value_0)),
-												items: layouts.map((t) => ({
-													value: String(t.id),
-													label: camoxApp.getLayoutById(t.layoutId)?._internal.title ?? t.layoutId
-												})),
-												children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a layout" }) }), /* @__PURE__ */ jsx(SelectContent, { children: layouts.map((t_0) => /* @__PURE__ */ jsx(SelectItem, {
-													value: String(t_0.id),
-													children: camoxApp.getLayoutById(t_0.layoutId)?._internal.title ?? t_0.layoutId
-												}, t_0.id)) })]
-											})]
-										})
-									}),
-									/* @__PURE__ */ jsx(form.Subscribe, {
-										selector: (s) => ({
-											isSubmitting: s.isSubmitting,
-											isPristine: s.isPristine
-										}),
-										children: ({ isSubmitting, isPristine }) => /* @__PURE__ */ jsxs(Button, {
-											type: "submit",
-											disabled: isSubmitting || isPristine,
-											children: [
-												isSubmitting && /* @__PURE__ */ jsx(Spinner, {}),
-												"Save changes",
-												isSubmitting && "..."
-											]
-										})
-									})
-								]
-							})
-						})]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "grid grid-cols-[200px_1fr] gap-x-16 px-4 py-4",
-						children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
-							className: "text-sm font-medium",
-							children: "SEO data"
-						}), /* @__PURE__ */ jsx("p", {
-							className: "text-muted-foreground mt-1 text-xs",
-							children: "How the page appears when shared across the web"
-						})] }), /* @__PURE__ */ jsxs("div", {
-							className: "space-y-4",
+	let pageLayoutRecord;
+	let t24;
+	if ($[36] !== camoxApp || $[37] !== layouts || $[38] !== page || $[39] !== project?.name) {
+		pageLayoutRecord = layouts?.find((l) => l.id === page?.layoutId);
+		const layoutDef = pageLayoutRecord ? camoxApp.getLayoutById(pageLayoutRecord.layoutId) : void 0;
+		t24 = layoutDef && page ? layoutDef._internal.buildMetaTitle({
+			pageMetaTitle: page.metaTitle ?? "",
+			projectName: project?.name ?? "",
+			pageFullPath: page.fullPath
+		}) : page?.metaTitle ?? "";
+		$[36] = camoxApp;
+		$[37] = layouts;
+		$[38] = page;
+		$[39] = project?.name;
+		$[40] = pageLayoutRecord;
+		$[41] = t24;
+	} else {
+		pageLayoutRecord = $[40];
+		t24 = $[41];
+	}
+	const metaTitle = t24;
+	let t25;
+	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
+		t25 = /* @__PURE__ */ jsxs(DialogHeader, {
+			className: "border-border border-b p-4",
+			children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Page metadata" }), /* @__PURE__ */ jsx(DialogDescription, { children: "Update the page structure, SEO and markdown content." })]
+		});
+		$[42] = t25;
+	} else t25 = $[42];
+	let t26;
+	if ($[43] !== camoxApp || $[44] !== form || $[45] !== isRootPage || $[46] !== layouts || $[47] !== metaTitle || $[48] !== page || $[49] !== pageLayoutRecord?.layoutId || $[50] !== pages || $[51] !== project?.name || $[52] !== setAiSeo || $[53] !== setMetaDescription || $[54] !== setMetaTitle) {
+		t26 = page && /* @__PURE__ */ jsxs("div", {
+			className: "flex-1 overflow-y-auto",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "border-border grid grid-cols-[200px_1fr] gap-x-16 border-b px-4 py-4",
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+						className: "text-sm font-medium",
+						children: "Page structure"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground mt-1 text-xs",
+						children: "URL path and layout used to render the page"
+					})] }), /* @__PURE__ */ jsx("div", {
+						className: "space-y-4",
+						children: /* @__PURE__ */ jsxs("form", {
+							onSubmit: (e) => {
+								e.preventDefault();
+								e.stopPropagation();
+								form.handleSubmit();
+							},
+							className: "-mx-1 space-y-4 px-1",
 							children: [
-								/* @__PURE__ */ jsxs("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ jsx(Switch, {
-										id: "ai-seo",
-										checked: page.aiSeoEnabled !== false,
-										onCheckedChange: (checked) => {
-											setAiSeo.mutate({
-												id: page.id,
-												enabled: checked
-											});
-											trackClientEvent("ai_metadata_toggled", {
-												target: "page",
-												enabled: checked,
-												pageId: page.id
-											});
-										}
-									}), /* @__PURE__ */ jsx(Label, {
-										htmlFor: "ai-seo",
-										children: "AI metadata"
-									})]
+								/* @__PURE__ */ jsx(form.Field, {
+									name: "nickname",
+									children: _temp3
 								}),
-								/* @__PURE__ */ jsx(DebouncedFieldEditor, {
-									label: "Page title",
-									placeholder: "Page title...",
-									initialValue: page.metaTitle ?? "",
-									disabled: page.aiSeoEnabled !== false,
-									onSave: (value_1) => setMetaTitle.mutate({
-										id: page.id,
-										metaTitle: value_1
+								isRootPage ? /* @__PURE__ */ jsxs(Alert, { children: [
+									/* @__PURE__ */ jsx(Info, { className: "size-4" }),
+									/* @__PURE__ */ jsx(AlertTitle, { children: "Homepage" }),
+									/* @__PURE__ */ jsx(AlertDescription, { children: "You can't change the path of the home page." })
+								] }) : /* @__PURE__ */ jsx(form.Field, {
+									name: "parentPageId",
+									children: (parentField) => /* @__PURE__ */ jsx(form.Field, {
+										name: "pathSegment",
+										children: (pathField) => /* @__PURE__ */ jsx(PageLocationFieldset, {
+											parentPageId: parentField.state.value,
+											onParentPageIdChange: parentField.handleChange,
+											pathSegment: pathField.state.value,
+											onPathSegmentChange: pathField.handleChange,
+											pages,
+											excludePageId: page.id
+										})
 									})
 								}),
-								/* @__PURE__ */ jsx(DebouncedFieldEditor, {
-									label: "Page description",
-									placeholder: "Page description...",
-									initialValue: page.metaDescription ?? "",
-									disabled: page.aiSeoEnabled !== false,
-									rows: 2,
-									onSave: (value_2) => setMetaDescription.mutate({
-										id: page.id,
-										metaDescription: value_2
+								layouts && layouts.length > 0 && /* @__PURE__ */ jsx(form.Field, {
+									name: "layoutId",
+									children: (field_0) => /* @__PURE__ */ jsxs("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ jsx(Label, { children: "Layout" }), /* @__PURE__ */ jsxs(Select, {
+											value: field_0.state.value ? String(field_0.state.value) : "",
+											onValueChange: (value_0) => field_0.handleChange(Number(value_0)),
+											items: layouts.map((t) => ({
+												value: String(t.id),
+												label: camoxApp.getLayoutById(t.layoutId)?._internal.title ?? t.layoutId
+											})),
+											children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a layout" }) }), /* @__PURE__ */ jsx(SelectContent, { children: layouts.map((t_0) => /* @__PURE__ */ jsx(SelectItem, {
+												value: String(t_0.id),
+												children: camoxApp.getLayoutById(t_0.layoutId)?._internal.title ?? t_0.layoutId
+											}, t_0.id)) })]
+										})]
 									})
 								}),
-								/* @__PURE__ */ jsx(SearchEnginePreview, {
-									page,
-									metaTitle,
-									metaDescription: page.metaDescription ?? ""
-								}),
-								/* @__PURE__ */ jsx(SocialPreviewSection, {
-									page,
-									metaTitle,
-									metaDescription: page.metaDescription ?? "",
-									layoutId: pageLayoutRecord?.layoutId,
-									projectName: project?.name
+								/* @__PURE__ */ jsx(form.Subscribe, {
+									selector: _temp4,
+									children: _temp5
 								})
 							]
-						})]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "border-border grid grid-cols-[200px_1fr] gap-x-16 border-t px-4 py-4",
-						children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
-							className: "text-sm font-medium",
-							children: "Markdown content"
-						}), /* @__PURE__ */ jsx("p", {
-							className: "text-muted-foreground mt-1 text-xs",
-							children: "How your content will be served to AI agents"
-						})] }), /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(PageMarkdownPreview, {
-							pageId: page.id,
-							metaTitle,
-							metaDescription: page.metaDescription ?? ""
-						}) })]
-					})
-				]
-			})]
-		})
-	});
+						})
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "grid grid-cols-[200px_1fr] gap-x-16 px-4 py-4",
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+						className: "text-sm font-medium",
+						children: "SEO data"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground mt-1 text-xs",
+						children: "How the page appears when shared across the web"
+					})] }), /* @__PURE__ */ jsxs("div", {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ jsx(Switch, {
+									id: "ai-seo",
+									checked: page.aiSeoEnabled !== false,
+									onCheckedChange: (checked) => {
+										setAiSeo.mutate({
+											id: page.id,
+											enabled: checked
+										});
+										trackClientEvent("ai_metadata_toggled", {
+											target: "page",
+											enabled: checked,
+											pageId: page.id
+										});
+									}
+								}), /* @__PURE__ */ jsx(Label, {
+									htmlFor: "ai-seo",
+									children: "AI metadata"
+								})]
+							}),
+							/* @__PURE__ */ jsx(DebouncedFieldEditor, {
+								label: "Page title",
+								placeholder: "Page title...",
+								initialValue: page.metaTitle ?? "",
+								disabled: page.aiSeoEnabled !== false,
+								onSave: (value_1) => setMetaTitle.mutate({
+									id: page.id,
+									metaTitle: value_1
+								})
+							}),
+							/* @__PURE__ */ jsx(DebouncedFieldEditor, {
+								label: "Page description",
+								placeholder: "Page description...",
+								initialValue: page.metaDescription ?? "",
+								disabled: page.aiSeoEnabled !== false,
+								rows: 2,
+								onSave: (value_2) => setMetaDescription.mutate({
+									id: page.id,
+									metaDescription: value_2
+								})
+							}),
+							/* @__PURE__ */ jsx(SearchEnginePreview, {
+								page,
+								metaTitle,
+								metaDescription: page.metaDescription ?? ""
+							}),
+							/* @__PURE__ */ jsx(SocialPreviewSection, {
+								page,
+								metaTitle,
+								metaDescription: page.metaDescription ?? "",
+								layoutId: pageLayoutRecord?.layoutId,
+								projectName: project?.name
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "border-border grid grid-cols-[200px_1fr] gap-x-16 border-t px-4 py-4",
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+						className: "text-sm font-medium",
+						children: "Markdown content"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground mt-1 text-xs",
+						children: "How your content will be served to AI agents"
+					})] }), /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(PageMarkdownPreview, {
+						pageId: page.id,
+						metaTitle,
+						metaDescription: page.metaDescription ?? ""
+					}) })]
+				})
+			]
+		});
+		$[43] = camoxApp;
+		$[44] = form;
+		$[45] = isRootPage;
+		$[46] = layouts;
+		$[47] = metaTitle;
+		$[48] = page;
+		$[49] = pageLayoutRecord?.layoutId;
+		$[50] = pages;
+		$[51] = project?.name;
+		$[52] = setAiSeo;
+		$[53] = setMetaDescription;
+		$[54] = setMetaTitle;
+		$[55] = t26;
+	} else t26 = $[55];
+	let t27;
+	if ($[56] !== t26) {
+		t27 = /* @__PURE__ */ jsxs(DialogContent, {
+			className: "flex max-h-[90vh] flex-col gap-0 overflow-hidden p-0 sm:max-w-5xl",
+			children: [t25, t26]
+		});
+		$[56] = t26;
+		$[57] = t27;
+	} else t27 = $[57];
+	let t28;
+	if ($[58] !== isOpen || $[59] !== t27) {
+		t28 = /* @__PURE__ */ jsx(Dialog, {
+			open: isOpen,
+			onOpenChange: _temp2,
+			children: t27
+		});
+		$[58] = isOpen;
+		$[59] = t27;
+		$[60] = t28;
+	} else t28 = $[60];
+	return t28;
 };
 function truncateText(text, maxLen) {
 	if (text.length <= maxLen) return text;
@@ -303,9 +460,9 @@ function truncateText(text, maxLen) {
 }
 const SearchEnginePreview = (t0) => {
 	const $ = c(17);
-	if ($[0] !== "dfed49772fc493ebb158f0892caae2776e9f3903bcc54115d8f549c2a9beee89") {
+	if ($[0] !== "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8") {
 		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "dfed49772fc493ebb158f0892caae2776e9f3903bcc54115d8f549c2a9beee89";
+		$[0] = "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8";
 	}
 	const { page, metaTitle, metaDescription } = t0;
 	const url = `${typeof window !== "undefined" ? window.location.origin : ""}${page.fullPath}`;
@@ -388,9 +545,9 @@ const SearchEnginePreview = (t0) => {
 };
 const SocialPreviewSection = (t0) => {
 	const $ = c(60);
-	if ($[0] !== "dfed49772fc493ebb158f0892caae2776e9f3903bcc54115d8f549c2a9beee89") {
+	if ($[0] !== "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8") {
 		for (let $i = 0; $i < 60; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "dfed49772fc493ebb158f0892caae2776e9f3903bcc54115d8f549c2a9beee89";
+		$[0] = "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8";
 	}
 	const { page, metaTitle, metaDescription, layoutId, projectName } = t0;
 	const pageMetaTitle = page.metaTitle ?? page.pathSegment;
@@ -426,7 +583,7 @@ const SocialPreviewSection = (t0) => {
 				queryClient.invalidateQueries({ queryKey: pageQueries.getById(page.id).queryKey });
 				trackClientEvent("page_custom_og_image_uploaded", { pageId: page.id });
 			},
-			onError: _temp5
+			onError: _temp6
 		};
 		$[7] = page.id;
 		$[8] = queryClient;
@@ -446,7 +603,7 @@ const SocialPreviewSection = (t0) => {
 				queryClient.invalidateQueries({ queryKey: pageQueries.getById(page.id).queryKey });
 				trackClientEvent("page_custom_og_image_removed", { pageId: page.id });
 			},
-			onError: _temp6
+			onError: _temp7
 		};
 		$[11] = page.id;
 		$[12] = queryClient;
@@ -664,9 +821,9 @@ const SocialPreviewSection = (t0) => {
 };
 const PageMarkdownPreview = (t0) => {
 	const $ = c(9);
-	if ($[0] !== "dfed49772fc493ebb158f0892caae2776e9f3903bcc54115d8f549c2a9beee89") {
+	if ($[0] !== "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "dfed49772fc493ebb158f0892caae2776e9f3903bcc54115d8f549c2a9beee89";
+		$[0] = "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8";
 	}
 	const { pageId, metaTitle, metaDescription } = t0;
 	let t1;
@@ -713,12 +870,39 @@ const PageMarkdownPreview = (t0) => {
 function _temp(state) {
 	return state.context.editingPageId;
 }
-function _temp5(error) {
+function _temp2(value) {
+	if (!value) previewStore.send({ type: "closeEditPageModal" });
+}
+function _temp3(field) {
+	return /* @__PURE__ */ jsx(PageNicknameField, {
+		value: field.state.value,
+		onChange: field.handleChange
+	});
+}
+function _temp4(s) {
+	return {
+		isSubmitting: s.isSubmitting,
+		isPristine: s.isPristine
+	};
+}
+function _temp5(t0) {
+	const { isSubmitting, isPristine } = t0;
+	return /* @__PURE__ */ jsxs(Button, {
+		type: "submit",
+		disabled: isSubmitting || isPristine,
+		children: [
+			isSubmitting && /* @__PURE__ */ jsx(Spinner, {}),
+			"Save changes",
+			isSubmitting && "..."
+		]
+	});
+}
+function _temp6(error) {
 	toast.error(error.message || "Could not upload image");
 }
-function _temp6() {
+function _temp7() {
 	toast.error("Could not remove image");
 }
 
 //#endregion
-export { EditPageModal };
+export { PageMetadataModal };