camox 0.38.0 → 0.40.0

package/dist/features/preview/components/PageInfoSidebar.js

@@ -1,6 +1,7 @@
 import { useNavigate } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { blockQueries, layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
+import { cn } from "../../../lib/utils.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
@@ -31,9 +32,9 @@ import { Switch } from "@camox/ui/switch";
 //#region src/features/preview/components/PageInfoSidebar.tsx
 const usePageMetadataData = (pageId) => {
 	const $ = c(29);
-	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
+	if ($[0] !== "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9") {
 		for (let $i = 0; $i < 29; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
+		$[0] = "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9";
 	}
 	const projectSlug = useProjectSlug();
 	const camoxApp = useCamoxApp();
@@ -131,303 +132,293 @@ const usePageMetadataData = (pageId) => {
 	return t9;
 };
 const PageInfoSidebar = (t0) => {
-	const $ = c(64);
-	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
-		for (let $i = 0; $i < 64; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
+	const $ = c(66);
+	if ($[0] !== "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9") {
+		for (let $i = 0; $i < 66; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9";
 	}
-	const { pageId } = t0;
+	const { pageId, scrollable: t1, aboutOnly: t2 } = t0;
+	const scrollable = t1 === void 0 ? true : t1;
+	const aboutOnly = t2 === void 0 ? false : t2;
 	const data = usePageMetadataData(pageId);
 	const { page, metaTitle } = data;
 	const [isStructureModalOpen, setIsStructureModalOpen] = React.useState(false);
 	const [isSeoModalOpen, setIsSeoModalOpen] = React.useState(false);
 	const [isMarkdownModalOpen, setIsMarkdownModalOpen] = React.useState(false);
 	if (!page) {
-		let t1;
+		let t3;
 		if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-			t1 = /* @__PURE__ */ jsxs("div", {
+			t3 = /* @__PURE__ */ jsxs("div", {
 				className: "text-muted-foreground flex flex-1 items-center justify-center px-2 text-sm",
 				children: [/* @__PURE__ */ jsx(Spinner, { className: "mr-2 size-3.5" }), " Loading page info..."]
 			});
-			$[1] = t1;
-		} else t1 = $[1];
-		return t1;
+			$[1] = t3;
+		} else t3 = $[1];
+		return t3;
 	}
-	let t1;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsx("p", {
+	const t3 = scrollable && "flex-1 overflow-auto";
+	let t4;
+	if ($[2] !== t3) {
+		t4 = cn("space-y-4 p-2 pt-4", t3);
+		$[2] = t3;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] !== aboutOnly) {
+		t5 = !aboutOnly && /* @__PURE__ */ jsx("p", {
 			className: "text-base font-semibold",
 			children: "About this page"
 		});
-		$[2] = t1;
-	} else t1 = $[2];
-	let t2;
-	if ($[3] !== data) {
-		t2 = /* @__PURE__ */ jsx(PageNicknameSidebarEditor, { data });
-		$[3] = data;
-		$[4] = t2;
-	} else t2 = $[4];
-	let t3;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx(Label, { children: "Page path" });
-		$[5] = t3;
-	} else t3 = $[5];
-	let t4;
-	if ($[6] !== page.fullPath) {
-		t4 = /* @__PURE__ */ jsx(InputGroupText, {
+		$[4] = aboutOnly;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== data) {
+		t6 = /* @__PURE__ */ jsx(PageNicknameSidebarEditor, { data });
+		$[6] = data;
+		$[7] = t6;
+	} else t6 = $[7];
+	let t7;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(Label, { children: "Page path" });
+		$[8] = t7;
+	} else t7 = $[8];
+	let t8;
+	if ($[9] !== page.fullPath) {
+		t8 = /* @__PURE__ */ jsx(InputGroupText, {
 			className: "min-w-0 flex-1 px-2 py-1.5 font-mono font-normal break-all",
 			children: page.fullPath
 		});
-		$[6] = page.fullPath;
-		$[7] = t4;
-	} else t4 = $[7];
-	let t5;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = () => setIsStructureModalOpen(true);
-		$[8] = t5;
-	} else t5 = $[8];
-	let t6;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = /* @__PURE__ */ jsx(InputGroupAddon, {
+		$[9] = page.fullPath;
+		$[10] = t8;
+	} else t8 = $[10];
+	let t9;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = () => setIsStructureModalOpen(true);
+		$[11] = t9;
+	} else t9 = $[11];
+	let t10;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx(InputGroupAddon, {
 			align: "inline-end",
 			children: /* @__PURE__ */ jsx(InputGroupButton, {
 				type: "button",
 				variant: "ghost",
 				size: "icon-xs",
-				onClick: t5,
+				onClick: t9,
 				"aria-label": "Edit page structure",
 				children: /* @__PURE__ */ jsx(Pencil, { className: "size-4" })
 			})
 		});
-		$[9] = t6;
-	} else t6 = $[9];
-	let t7;
-	if ($[10] !== t4) {
-		t7 = /* @__PURE__ */ jsxs("div", {
+		$[12] = t10;
+	} else t10 = $[12];
+	let t11;
+	if ($[13] !== t8) {
+		t11 = /* @__PURE__ */ jsxs("div", {
 			className: "space-y-2",
-			children: [t3, /* @__PURE__ */ jsxs(InputGroup, {
+			children: [t7, /* @__PURE__ */ jsxs(InputGroup, {
 				className: "h-auto min-h-9 px-1",
-				children: [t4, t6]
+				children: [t8, t10]
 			})]
 		});
-		$[10] = t4;
-		$[11] = t7;
-	} else t7 = $[11];
-	let t8;
-	if ($[12] !== data) {
-		t8 = /* @__PURE__ */ jsx(PageLayoutSidebarSelect, { data });
-		$[12] = data;
 		$[13] = t8;
-	} else t8 = $[13];
-	let t9;
-	if ($[14] !== t2 || $[15] !== t7 || $[16] !== t8) {
-		t9 = /* @__PURE__ */ jsxs("section", {
+		$[14] = t11;
+	} else t11 = $[14];
+	let t12;
+	if ($[15] !== data) {
+		t12 = /* @__PURE__ */ jsx(PageLayoutSidebarSelect, { data });
+		$[15] = data;
+		$[16] = t12;
+	} else t12 = $[16];
+	let t13;
+	if ($[17] !== t11 || $[18] !== t12 || $[19] !== t5 || $[20] !== t6) {
+		t13 = /* @__PURE__ */ jsxs("section", {
 			className: "space-y-4",
 			children: [
-				t1,
-				t2,
-				t7,
-				t8
+				t5,
+				t6,
+				t11,
+				t12
 			]
 		});
-		$[14] = t2;
-		$[15] = t7;
-		$[16] = t8;
-		$[17] = t9;
-	} else t9 = $[17];
-	let t10;
-	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ jsx(Label, { children: "SEO" });
-		$[18] = t10;
-	} else t10 = $[18];
-	let t11;
-	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = /* @__PURE__ */ jsxs("div", {
+		$[17] = t11;
+		$[18] = t12;
+		$[19] = t5;
+		$[20] = t6;
+		$[21] = t13;
+	} else t13 = $[21];
+	let t14;
+	if ($[22] !== aboutOnly) {
+		t14 = !aboutOnly && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 			className: "space-y-2",
-			children: [t10, /* @__PURE__ */ jsx(Button, {
+			children: [/* @__PURE__ */ jsx(Label, { children: "SEO" }), /* @__PURE__ */ jsx(Button, {
 				type: "button",
 				variant: "outline",
 				className: "w-full",
 				onClick: () => setIsSeoModalOpen(true),
 				children: "Manage SEO metadata"
 			})]
-		});
-		$[19] = t11;
-	} else t11 = $[19];
-	let t12;
-	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ jsx(Label, { children: "Markdown" });
-		$[20] = t12;
-	} else t12 = $[20];
-	let t13;
-	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
-		t13 = /* @__PURE__ */ jsxs("div", {
+		}), /* @__PURE__ */ jsxs("div", {
 			className: "space-y-2",
-			children: [t12, /* @__PURE__ */ jsx(Button, {
+			children: [/* @__PURE__ */ jsx(Label, { children: "Markdown" }), /* @__PURE__ */ jsx(Button, {
 				type: "button",
 				variant: "outline",
 				className: "w-full",
 				onClick: () => setIsMarkdownModalOpen(true),
 				children: "View page markdown"
 			})]
-		});
-		$[21] = t13;
-	} else t13 = $[21];
-	let t14;
-	if ($[22] !== page.createdAt) {
-		t14 = formatRelativeTime(page.createdAt);
-		$[22] = page.createdAt;
+		})] });
+		$[22] = aboutOnly;
 		$[23] = t14;
 	} else t14 = $[23];
 	let t15;
-	if ($[24] !== t14) {
-		t15 = /* @__PURE__ */ jsx(MetadataRow, {
-			label: "Created",
-			children: t14
-		});
-		$[24] = t14;
+	if ($[24] !== page.createdAt) {
+		t15 = formatRelativeTime(page.createdAt);
+		$[24] = page.createdAt;
 		$[25] = t15;
 	} else t15 = $[25];
-	const t16 = page.createdBy ?? "Unknown";
-	let t17;
-	if ($[26] !== t16) {
-		t17 = /* @__PURE__ */ jsx(MetadataRow, {
-			label: "Created by",
-			children: t16
+	let t16;
+	if ($[26] !== t15) {
+		t16 = /* @__PURE__ */ jsx(MetadataRow, {
+			label: "Created",
+			children: t15
 		});
-		$[26] = t16;
-		$[27] = t17;
-	} else t17 = $[27];
+		$[26] = t15;
+		$[27] = t16;
+	} else t16 = $[27];
+	const t17 = page.createdBy ?? "Unknown";
 	let t18;
-	if ($[28] !== page.updatedAt) {
-		t18 = formatRelativeTime(page.updatedAt);
-		$[28] = page.updatedAt;
+	if ($[28] !== t17) {
+		t18 = /* @__PURE__ */ jsx(MetadataRow, {
+			label: "Created by",
+			children: t17
+		});
+		$[28] = t17;
 		$[29] = t18;
 	} else t18 = $[29];
 	let t19;
-	if ($[30] !== t18) {
-		t19 = /* @__PURE__ */ jsx(MetadataRow, {
-			label: "Updated",
-			children: t18
-		});
-		$[30] = t18;
+	if ($[30] !== page.updatedAt) {
+		t19 = formatRelativeTime(page.updatedAt);
+		$[30] = page.updatedAt;
 		$[31] = t19;
 	} else t19 = $[31];
 	let t20;
-	if ($[32] !== page.publishedAt) {
-		t20 = page.publishedAt == null ? "Never" : formatRelativeTime(page.publishedAt);
-		$[32] = page.publishedAt;
+	if ($[32] !== t19) {
+		t20 = /* @__PURE__ */ jsx(MetadataRow, {
+			label: "Updated",
+			children: t19
+		});
+		$[32] = t19;
 		$[33] = t20;
 	} else t20 = $[33];
 	let t21;
-	if ($[34] !== t20) {
-		t21 = /* @__PURE__ */ jsx(MetadataRow, {
-			label: "Published",
-			children: t20
-		});
-		$[34] = t20;
+	if ($[34] !== page.publishedAt) {
+		t21 = page.publishedAt == null ? "Never" : formatRelativeTime(page.publishedAt);
+		$[34] = page.publishedAt;
 		$[35] = t21;
 	} else t21 = $[35];
 	let t22;
-	if ($[36] !== page.publishedAt || $[37] !== page.publishedBy) {
-		t22 = page.publishedAt != null && /* @__PURE__ */ jsx(MetadataRow, {
+	if ($[36] !== t21) {
+		t22 = /* @__PURE__ */ jsx(MetadataRow, {
+			label: "Published",
+			children: t21
+		});
+		$[36] = t21;
+		$[37] = t22;
+	} else t22 = $[37];
+	let t23;
+	if ($[38] !== page.publishedAt || $[39] !== page.publishedBy) {
+		t23 = page.publishedAt != null && /* @__PURE__ */ jsx(MetadataRow, {
 			label: "Published by",
 			children: page.publishedBy ?? "Unknown"
 		});
-		$[36] = page.publishedAt;
-		$[37] = page.publishedBy;
-		$[38] = t22;
-	} else t22 = $[38];
-	let t23;
-	if ($[39] !== t15 || $[40] !== t17 || $[41] !== t19 || $[42] !== t21 || $[43] !== t22) {
-		t23 = /* @__PURE__ */ jsxs(Metadata, { children: [
-			t15,
-			t17,
-			t19,
-			t21,
-			t22
-		] });
-		$[39] = t15;
-		$[40] = t17;
-		$[41] = t19;
-		$[42] = t21;
-		$[43] = t22;
-		$[44] = t23;
-	} else t23 = $[44];
+		$[38] = page.publishedAt;
+		$[39] = page.publishedBy;
+		$[40] = t23;
+	} else t23 = $[40];
 	let t24;
-	if ($[45] !== t23 || $[46] !== t9) {
-		t24 = /* @__PURE__ */ jsxs("div", {
-			className: "flex-1 space-y-4 overflow-auto p-2 pt-4",
+	if ($[41] !== t16 || $[42] !== t18 || $[43] !== t20 || $[44] !== t22 || $[45] !== t23) {
+		t24 = /* @__PURE__ */ jsxs(Metadata, { children: [
+			t16,
+			t18,
+			t20,
+			t22,
+			t23
+		] });
+		$[41] = t16;
+		$[42] = t18;
+		$[43] = t20;
+		$[44] = t22;
+		$[45] = t23;
+		$[46] = t24;
+	} else t24 = $[46];
+	let t25;
+	if ($[47] !== t13 || $[48] !== t14 || $[49] !== t24 || $[50] !== t4) {
+		t25 = /* @__PURE__ */ jsxs("div", {
+			className: t4,
 			children: [
-				t9,
-				t11,
 				t13,
-				t23
+				t14,
+				t24
 			]
 		});
-		$[45] = t23;
-		$[46] = t9;
-		$[47] = t24;
-	} else t24 = $[47];
-	let t25;
-	if ($[48] !== isStructureModalOpen || $[49] !== page.id) {
-		t25 = /* @__PURE__ */ jsx(PageStructureModal, {
+		$[47] = t13;
+		$[48] = t14;
+		$[49] = t24;
+		$[50] = t4;
+		$[51] = t25;
+	} else t25 = $[51];
+	let t26;
+	if ($[52] !== isStructureModalOpen || $[53] !== page.id) {
+		t26 = /* @__PURE__ */ jsx(PageStructureModal, {
 			open: isStructureModalOpen,
 			onOpenChange: setIsStructureModalOpen,
 			pageId: page.id
 		});
-		$[48] = isStructureModalOpen;
-		$[49] = page.id;
-		$[50] = t25;
-	} else t25 = $[50];
-	let t26;
-	if ($[51] !== isSeoModalOpen || $[52] !== page.id) {
-		t26 = /* @__PURE__ */ jsx(PageSeoModal, {
+		$[52] = isStructureModalOpen;
+		$[53] = page.id;
+		$[54] = t26;
+	} else t26 = $[54];
+	let t27;
+	if ($[55] !== aboutOnly || $[56] !== isMarkdownModalOpen || $[57] !== isSeoModalOpen || $[58] !== metaTitle || $[59] !== page.id || $[60] !== page.metaDescription) {
+		t27 = !aboutOnly && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(PageSeoModal, {
 			open: isSeoModalOpen,
 			onOpenChange: setIsSeoModalOpen,
 			pageId: page.id
-		});
-		$[51] = isSeoModalOpen;
-		$[52] = page.id;
-		$[53] = t26;
-	} else t26 = $[53];
-	const t27 = page.metaDescription ?? "";
-	let t28;
-	if ($[54] !== isMarkdownModalOpen || $[55] !== metaTitle || $[56] !== page.id || $[57] !== t27) {
-		t28 = /* @__PURE__ */ jsx(PageMarkdownModal, {
+		}), /* @__PURE__ */ jsx(PageMarkdownModal, {
 			open: isMarkdownModalOpen,
 			onOpenChange: setIsMarkdownModalOpen,
 			pageId: page.id,
 			metaTitle,
-			metaDescription: t27
-		});
-		$[54] = isMarkdownModalOpen;
-		$[55] = metaTitle;
-		$[56] = page.id;
-		$[57] = t27;
-		$[58] = t28;
-	} else t28 = $[58];
-	let t29;
-	if ($[59] !== t24 || $[60] !== t25 || $[61] !== t26 || $[62] !== t28) {
-		t29 = /* @__PURE__ */ jsxs(Fragment, { children: [
-			t24,
+			metaDescription: page.metaDescription ?? ""
+		})] });
+		$[55] = aboutOnly;
+		$[56] = isMarkdownModalOpen;
+		$[57] = isSeoModalOpen;
+		$[58] = metaTitle;
+		$[59] = page.id;
+		$[60] = page.metaDescription;
+		$[61] = t27;
+	} else t27 = $[61];
+	let t28;
+	if ($[62] !== t25 || $[63] !== t26 || $[64] !== t27) {
+		t28 = /* @__PURE__ */ jsxs(Fragment, { children: [
 			t25,
 			t26,
-			t28
+			t27
 		] });
-		$[59] = t24;
-		$[60] = t25;
-		$[61] = t26;
-		$[62] = t28;
-		$[63] = t29;
-	} else t29 = $[63];
-	return t29;
+		$[62] = t25;
+		$[63] = t26;
+		$[64] = t27;
+		$[65] = t28;
+	} else t28 = $[65];
+	return t28;
 };
 const PageNicknameSidebarEditor = (t0) => {
 	const $ = c(21);
-	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
+	if ($[0] !== "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9") {
 		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
+		$[0] = "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9";
 	}
 	const { data } = t0;
 	const { page } = data;
@@ -536,9 +527,9 @@ const PageNicknameSidebarEditor = (t0) => {
 };
 const PageLayoutSidebarSelect = (t0) => {
 	const $ = c(30);
-	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
+	if ($[0] !== "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9") {
 		for (let $i = 0; $i < 30; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
+		$[0] = "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9";
 	}
 	const { data } = t0;
 	const { page, layouts, camoxApp } = data;
@@ -670,9 +661,9 @@ const PageLayoutSidebarSelect = (t0) => {
 };
 const PageStructureModal = (t0) => {
 	const $ = c(10);
-	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
+	if ($[0] !== "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9") {
 		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
+		$[0] = "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9";
 	}
 	const { open, onOpenChange, pageId } = t0;
 	const data = usePageMetadataData(pageId);
@@ -845,57 +836,72 @@ const PageStructureEditor = ({ data, includeNickname = true, includeLayout = tru
 	});
 };
 const PageSeoModal = (t0) => {
-	const $ = c(11);
-	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
-		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
+	const $ = c(8);
+	if ($[0] !== "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9") {
+		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9";
 	}
 	const { open, onOpenChange, pageId } = t0;
-	const { page, metaTitle, pageLayoutRecord, project } = usePageMetadataData(pageId);
 	let t1;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = /* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "SEO metadata" }), /* @__PURE__ */ jsx(DialogDescription, { children: "Control how this page appears in search and social previews." })] });
 		$[1] = t1;
 	} else t1 = $[1];
 	let t2;
-	if ($[2] !== metaTitle || $[3] !== page || $[4] !== pageLayoutRecord?.layoutId || $[5] !== project?.name) {
+	if ($[2] !== pageId) {
 		t2 = /* @__PURE__ */ jsxs(DialogContent, {
 			className: "max-h-[90vh] overflow-y-auto sm:max-w-3xl",
-			children: [t1, page ? /* @__PURE__ */ jsx(PageSeoEditor, {
-				page,
-				metaTitle,
-				layoutId: pageLayoutRecord?.layoutId,
-				projectName: project?.name
-			}) : /* @__PURE__ */ jsxs("div", {
-				className: "text-muted-foreground flex items-center gap-2 py-6 text-sm",
-				children: [/* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }), " Loading..."]
-			})]
+			children: [t1, /* @__PURE__ */ jsx(PageSeoContent, { pageId })]
 		});
-		$[2] = metaTitle;
-		$[3] = page;
-		$[4] = pageLayoutRecord?.layoutId;
-		$[5] = project?.name;
-		$[6] = t2;
-	} else t2 = $[6];
+		$[2] = pageId;
+		$[3] = t2;
+	} else t2 = $[3];
 	let t3;
-	if ($[7] !== onOpenChange || $[8] !== open || $[9] !== t2) {
+	if ($[4] !== onOpenChange || $[5] !== open || $[6] !== t2) {
 		t3 = /* @__PURE__ */ jsx(Dialog, {
 			open,
 			onOpenChange,
 			children: t2
 		});
-		$[7] = onOpenChange;
-		$[8] = open;
-		$[9] = t2;
-		$[10] = t3;
-	} else t3 = $[10];
+		$[4] = onOpenChange;
+		$[5] = open;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
 	return t3;
 };
+const PageSeoContent = (t0) => {
+	const $ = c(6);
+	if ($[0] !== "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9";
+	}
+	const { pageId } = t0;
+	const { page, metaTitle, pageLayoutRecord, project } = usePageMetadataData(pageId);
+	let t1;
+	if ($[1] !== metaTitle || $[2] !== page || $[3] !== pageLayoutRecord?.layoutId || $[4] !== project?.name) {
+		t1 = page ? /* @__PURE__ */ jsx(PageSeoEditor, {
+			page,
+			metaTitle,
+			layoutId: pageLayoutRecord?.layoutId,
+			projectName: project?.name
+		}) : /* @__PURE__ */ jsxs("div", {
+			className: "text-muted-foreground flex items-center gap-2 py-6 text-sm",
+			children: [/* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }), " Loading..."]
+		});
+		$[1] = metaTitle;
+		$[2] = page;
+		$[3] = pageLayoutRecord?.layoutId;
+		$[4] = project?.name;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+};
 const PageSeoEditor = (t0) => {
 	const $ = c(43);
-	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
+	if ($[0] !== "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9") {
 		for (let $i = 0; $i < 43; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
+		$[0] = "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9";
 	}
 	const { page, metaTitle, layoutId, projectName } = t0;
 	let t1;
@@ -1068,9 +1074,9 @@ const PageSeoEditor = (t0) => {
 };
 const PageMarkdownModal = (t0) => {
 	const $ = c(10);
-	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
+	if ($[0] !== "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9") {
 		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
+		$[0] = "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9";
 	}
 	const { open, onOpenChange, pageId, metaTitle, metaDescription } = t0;
 	let t1;
@@ -1107,15 +1113,46 @@ const PageMarkdownModal = (t0) => {
 	} else t3 = $[9];
 	return t3;
 };
+const PageMarkdownContent = (t0) => {
+	const $ = c(6);
+	if ($[0] !== "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9";
+	}
+	const { pageId } = t0;
+	const { page, metaTitle } = usePageMetadataData(pageId);
+	if (!page) {
+		let t1;
+		if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = /* @__PURE__ */ jsx(Spinner, { className: "size-4" });
+			$[1] = t1;
+		} else t1 = $[1];
+		return t1;
+	}
+	const t1 = page.metaDescription ?? "";
+	let t2;
+	if ($[2] !== metaTitle || $[3] !== pageId || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx(PageMarkdownPreview, {
+			pageId,
+			metaTitle,
+			metaDescription: t1
+		});
+		$[2] = metaTitle;
+		$[3] = pageId;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
 function truncateText(text, maxLen) {
 	if (text.length <= maxLen) return text;
 	return text.slice(0, maxLen) + "...";
 }
 const SearchEnginePreview = (t0) => {
 	const $ = c(17);
-	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
+	if ($[0] !== "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9") {
 		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
+		$[0] = "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9";
 	}
 	const { page, metaTitle, metaDescription } = t0;
 	const url = `${typeof window !== "undefined" ? window.location.origin : ""}${page.fullPath}`;
@@ -1198,9 +1235,9 @@ const SearchEnginePreview = (t0) => {
 };
 const SocialPreviewSection = (t0) => {
 	const $ = c(60);
-	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
+	if ($[0] !== "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9") {
 		for (let $i = 0; $i < 60; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
+		$[0] = "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9";
 	}
 	const { page, metaTitle, metaDescription, layoutId, projectName } = t0;
 	const pageMetaTitle = page.metaTitle ?? page.pathSegment;
@@ -1474,9 +1511,9 @@ const SocialPreviewSection = (t0) => {
 };
 const PageMarkdownPreview = (t0) => {
 	const $ = c(9);
-	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
+	if ($[0] !== "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
+		$[0] = "6429fc16e5e144c75214ac94981064682ca467e61e74e9280c01a2159d34fef9";
 	}
 	const { pageId, metaTitle, metaDescription } = t0;
 	let t1;
@@ -1534,4 +1571,4 @@ function _temp7() {
 }
 
 //#endregion
-export { PageInfoSidebar };
+export { PageInfoSidebar, PageMarkdownContent, PageSeoContent };