camox 0.41.1 → 0.43.0

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

@@ -1,15 +1,16 @@
 import { useNavigate } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
+import { useCamoxApp } from "../../provider/components/CamoxAppContext.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 { areCommentsEnabled } from "../commentsEnabled.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
 import { PageNicknameField } from "./PageNicknameField.js";
 import { UploadDropZone } from "../../content/components/UploadDropZone.js";
 import { useDebouncedField } from "../../../hooks/use-debounced-field.js";
 import { DebouncedFieldEditor } from "./DebouncedFieldEditor.js";
 import { Metadata, MetadataRow, formatRelativeTime } from "./Metadata.js";
+import { AttachedComments } from "./AttachedComments.js";
 import { ShikiMarkdown } from "./ShikiMarkdown.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
@@ -32,9 +33,9 @@ import { Switch } from "@camox/ui/switch";
 //#region src/features/preview/components/PageInfoSidebar.tsx
 const usePageMetadataData = (pageId) => {
 	const $ = c(32);
-	if ($[0] !== "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 32; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const projectSlug = useProjectSlug();
 	const camoxApp = useCamoxApp();
@@ -90,7 +91,7 @@ const usePageMetadataData = (pageId) => {
 	const { data: allLayouts } = useQuery(t7);
 	let t8;
 	if ($[15] !== allLayouts || $[16] !== camoxApp) {
-		t8 = allLayouts?.filter((layout) => camoxApp.getLayoutById(layout.layoutId)?._internal.kind !== "derived");
+		t8 = allLayouts?.filter((layout) => camoxApp.getLayoutById(layout.layoutId)?._internal.kind === "curated");
 		$[15] = allLayouts;
 		$[16] = camoxApp;
 		$[17] = t8;
@@ -140,10 +141,10 @@ const usePageMetadataData = (pageId) => {
 	return t10;
 };
 const PageInfoSidebar = (t0) => {
-	const $ = c(66);
-	if ($[0] !== "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0") {
-		for (let $i = 0; $i < 66; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0";
+	const $ = c(69);
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
+		for (let $i = 0; $i < 69; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { pageId, scrollable: t1, aboutOnly: t2 } = t0;
 	const scrollable = t1 === void 0 ? true : t1;
@@ -215,7 +216,7 @@ const PageInfoSidebar = (t0) => {
 				size: "icon-xs",
 				onClick: t9,
 				"aria-label": "Edit page structure",
-				children: /* @__PURE__ */ jsx(Pencil, { className: "size-4" })
+				children: /* @__PURE__ */ jsx(Pencil, {})
 			})
 		});
 		$[12] = t10;
@@ -225,7 +226,7 @@ const PageInfoSidebar = (t0) => {
 		t11 = /* @__PURE__ */ jsxs("div", {
 			className: "space-y-2",
 			children: [t7, /* @__PURE__ */ jsxs(InputGroup, {
-				className: "h-auto min-h-9 px-1",
+				className: "px-1",
 				children: [t8, t10]
 			})]
 		});
@@ -361,35 +362,46 @@ const PageInfoSidebar = (t0) => {
 		$[46] = t24;
 	} else t24 = $[46];
 	let t25;
-	if ($[47] !== t13 || $[48] !== t14 || $[49] !== t24 || $[50] !== t4) {
-		t25 = /* @__PURE__ */ jsxs("div", {
+	if ($[47] !== pageId) {
+		t25 = areCommentsEnabled() && /* @__PURE__ */ jsx("div", {
+			className: "-mx-2",
+			children: /* @__PURE__ */ jsx(AttachedComments, { pageId })
+		});
+		$[47] = pageId;
+		$[48] = t25;
+	} else t25 = $[48];
+	let t26;
+	if ($[49] !== t13 || $[50] !== t14 || $[51] !== t24 || $[52] !== t25 || $[53] !== t4) {
+		t26 = /* @__PURE__ */ jsxs("div", {
 			className: t4,
 			children: [
 				t13,
 				t14,
-				t24
+				t24,
+				t25
 			]
 		});
-		$[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, {
+		$[49] = t13;
+		$[50] = t14;
+		$[51] = t24;
+		$[52] = t25;
+		$[53] = t4;
+		$[54] = t26;
+	} else t26 = $[54];
+	let t27;
+	if ($[55] !== isStructureModalOpen || $[56] !== page.id) {
+		t27 = /* @__PURE__ */ jsx(PageStructureModal, {
 			open: isStructureModalOpen,
 			onOpenChange: setIsStructureModalOpen,
 			pageId: page.id
 		});
-		$[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, {
+		$[55] = isStructureModalOpen;
+		$[56] = page.id;
+		$[57] = t27;
+	} else t27 = $[57];
+	let t28;
+	if ($[58] !== aboutOnly || $[59] !== isMarkdownModalOpen || $[60] !== isSeoModalOpen || $[61] !== metaTitle || $[62] !== page.id || $[63] !== page.metaDescription) {
+		t28 = !aboutOnly && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(PageSeoModal, {
 			open: isSeoModalOpen,
 			onOpenChange: setIsSeoModalOpen,
 			pageId: page.id
@@ -400,33 +412,33 @@ const PageInfoSidebar = (t0) => {
 			metaTitle,
 			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,
+		$[58] = aboutOnly;
+		$[59] = isMarkdownModalOpen;
+		$[60] = isSeoModalOpen;
+		$[61] = metaTitle;
+		$[62] = page.id;
+		$[63] = page.metaDescription;
+		$[64] = t28;
+	} else t28 = $[64];
+	let t29;
+	if ($[65] !== t26 || $[66] !== t27 || $[67] !== t28) {
+		t29 = /* @__PURE__ */ jsxs(Fragment, { children: [
 			t26,
-			t27
+			t27,
+			t28
 		] });
-		$[62] = t25;
-		$[63] = t26;
-		$[64] = t27;
-		$[65] = t28;
-	} else t28 = $[65];
-	return t28;
+		$[65] = t26;
+		$[66] = t27;
+		$[67] = t28;
+		$[68] = t29;
+	} else t29 = $[68];
+	return t29;
 };
 const PageNicknameSidebarEditor = (t0) => {
 	const $ = c(21);
-	if ($[0] !== "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { data } = t0;
 	const { page } = data;
@@ -452,20 +464,7 @@ const PageNicknameSidebarEditor = (t0) => {
 				nickname,
 				pathSegment: page.pathSegment,
 				parentPageId: page.parentPageId
-			}, {
-				onSuccess: () => {
-					trackClientEvent("page_updated", {
-						projectId: page.projectId,
-						changes: {
-							nickname: true,
-							path: false,
-							layout: false,
-							parent: false
-						}
-					});
-				},
-				onError: _temp
-			});
+			}, { onError: _temp });
 		};
 		$[2] = page;
 		$[3] = updatePage;
@@ -534,10 +533,10 @@ const PageNicknameSidebarEditor = (t0) => {
 	return t8;
 };
 const PageLayoutSidebarSelect = (t0) => {
-	const $ = c(30);
-	if ($[0] !== "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0") {
-		for (let $i = 0; $i < 30; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0";
+	const $ = c(29);
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
+		for (let $i = 0; $i < 29; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { data } = t0;
 	const { page, layouts, camoxApp } = data;
@@ -566,89 +565,75 @@ const PageLayoutSidebarSelect = (t0) => {
 	} else t3 = $[3];
 	const t4 = page.layoutId ? String(page.layoutId) : "";
 	let t5;
-	if ($[4] !== page.id || $[5] !== page.layoutId || $[6] !== page.projectId || $[7] !== setLayout) {
+	if ($[4] !== page.id || $[5] !== page.layoutId || $[6] !== setLayout) {
 		t5 = (value) => {
 			const layoutId = Number(value);
 			if (layoutId === page.layoutId) return;
 			setLayout.mutate({
 				id: page.id,
 				layoutId
-			}, {
-				onSuccess: () => {
-					trackClientEvent("page_updated", {
-						projectId: page.projectId,
-						changes: {
-							nickname: false,
-							path: false,
-							layout: true,
-							parent: false
-						}
-					});
-				},
-				onError: _temp2
-			});
+			}, { onError: _temp2 });
 		};
 		$[4] = page.id;
 		$[5] = page.layoutId;
-		$[6] = page.projectId;
-		$[7] = setLayout;
-		$[8] = t5;
-	} else t5 = $[8];
+		$[6] = setLayout;
+		$[7] = t5;
+	} else t5 = $[7];
 	let t6;
-	if ($[9] !== camoxApp || $[10] !== layouts) {
+	if ($[8] !== camoxApp || $[9] !== layouts) {
 		let t7;
-		if ($[12] !== camoxApp) {
+		if ($[11] !== camoxApp) {
 			t7 = (t) => ({
 				value: String(t.id),
 				label: camoxApp.getLayoutById(t.layoutId)?._internal.title ?? t.layoutId
 			});
-			$[12] = camoxApp;
-			$[13] = t7;
-		} else t7 = $[13];
+			$[11] = camoxApp;
+			$[12] = t7;
+		} else t7 = $[12];
 		t6 = layouts.map(t7);
-		$[9] = camoxApp;
-		$[10] = layouts;
-		$[11] = t6;
-	} else t6 = $[11];
+		$[8] = camoxApp;
+		$[9] = layouts;
+		$[10] = t6;
+	} else t6 = $[10];
 	let t7;
-	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
 		t7 = /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a layout" });
-		$[14] = t7;
-	} else t7 = $[14];
+		$[13] = t7;
+	} else t7 = $[13];
 	let t8;
-	if ($[15] !== setLayout.isPending) {
+	if ($[14] !== setLayout.isPending) {
 		t8 = /* @__PURE__ */ jsx(SelectTrigger, {
 			disabled: setLayout.isPending,
 			className: "w-full",
 			children: t7
 		});
-		$[15] = setLayout.isPending;
-		$[16] = t8;
-	} else t8 = $[16];
+		$[14] = setLayout.isPending;
+		$[15] = t8;
+	} else t8 = $[15];
 	let t9;
-	if ($[17] !== camoxApp || $[18] !== layouts) {
+	if ($[16] !== camoxApp || $[17] !== layouts) {
 		let t10;
-		if ($[20] !== camoxApp) {
+		if ($[19] !== camoxApp) {
 			t10 = (t_0) => /* @__PURE__ */ jsx(SelectItem, {
 				value: String(t_0.id),
 				children: camoxApp.getLayoutById(t_0.layoutId)?._internal.title ?? t_0.layoutId
 			}, t_0.id);
-			$[20] = camoxApp;
-			$[21] = t10;
-		} else t10 = $[21];
+			$[19] = camoxApp;
+			$[20] = t10;
+		} else t10 = $[20];
 		t9 = layouts.map(t10);
-		$[17] = camoxApp;
-		$[18] = layouts;
-		$[19] = t9;
-	} else t9 = $[19];
+		$[16] = camoxApp;
+		$[17] = layouts;
+		$[18] = t9;
+	} else t9 = $[18];
 	let t10;
-	if ($[22] !== t9) {
+	if ($[21] !== t9) {
 		t10 = /* @__PURE__ */ jsx(SelectContent, { children: t9 });
-		$[22] = t9;
-		$[23] = t10;
-	} else t10 = $[23];
+		$[21] = t9;
+		$[22] = t10;
+	} else t10 = $[22];
 	let t11;
-	if ($[24] !== t10 || $[25] !== t4 || $[26] !== t5 || $[27] !== t6 || $[28] !== t8) {
+	if ($[23] !== t10 || $[24] !== t4 || $[25] !== t5 || $[26] !== t6 || $[27] !== t8) {
 		t11 = /* @__PURE__ */ jsxs("div", {
 			className: "space-y-2",
 			children: [t3, /* @__PURE__ */ jsxs(Select, {
@@ -658,20 +643,20 @@ const PageLayoutSidebarSelect = (t0) => {
 				children: [t8, t10]
 			})]
 		});
-		$[24] = t10;
-		$[25] = t4;
-		$[26] = t5;
-		$[27] = t6;
-		$[28] = t8;
-		$[29] = t11;
-	} else t11 = $[29];
+		$[23] = t10;
+		$[24] = t4;
+		$[25] = t5;
+		$[26] = t6;
+		$[27] = t8;
+		$[28] = t11;
+	} else t11 = $[28];
 	return t11;
 };
 const PageStructureModal = (t0) => {
 	const $ = c(10);
-	if ($[0] !== "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { open, onOpenChange, pageId } = t0;
 	const data = usePageMetadataData(pageId);
@@ -744,15 +729,6 @@ const PageStructureEditor = ({ data, includeNickname = true, includeLayout = tru
 					id: page.id,
 					layoutId: values.value.layoutId
 				});
-				trackClientEvent("page_updated", {
-					projectId: page.projectId,
-					changes: {
-						nickname: nickname !== page.nickname,
-						path: values.value.pathSegment !== page.pathSegment,
-						layout: includeLayout && values.value.layoutId !== page.layoutId,
-						parent: values.value.parentPageId !== page.parentPageId
-					}
-				});
 				toast.success(`Updated ${nickname} page`);
 				form.reset();
 				onSaved?.();
@@ -845,9 +821,9 @@ const PageStructureEditor = ({ data, includeNickname = true, includeLayout = tru
 };
 const PageSeoModal = (t0) => {
 	const $ = c(8);
-	if ($[0] !== "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { open, onOpenChange, pageId } = t0;
 	let t1;
@@ -880,9 +856,9 @@ const PageSeoModal = (t0) => {
 };
 const PageSeoContent = (t0) => {
 	const $ = c(6);
-	if ($[0] !== "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { pageId } = t0;
 	const { page, metaTitle, pageLayoutRecord, project } = usePageMetadataData(pageId);
@@ -907,9 +883,9 @@ const PageSeoContent = (t0) => {
 };
 const PageSeoEditor = (t0) => {
 	const $ = c(43);
-	if ($[0] !== "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 43; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { page, metaTitle, layoutId, projectName } = t0;
 	let t1;
@@ -938,11 +914,6 @@ const PageSeoEditor = (t0) => {
 				id: page.id,
 				enabled: checked
 			});
-			trackClientEvent("ai_metadata_toggled", {
-				target: "page",
-				enabled: checked,
-				pageId: page.id
-			});
 		};
 		$[4] = page.id;
 		$[5] = setAiSeo;
@@ -1082,9 +1053,9 @@ const PageSeoEditor = (t0) => {
 };
 const PageMarkdownModal = (t0) => {
 	const $ = c(10);
-	if ($[0] !== "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { open, onOpenChange, pageId, metaTitle, metaDescription } = t0;
 	let t1;
@@ -1123,9 +1094,9 @@ const PageMarkdownModal = (t0) => {
 };
 const PageMarkdownContent = (t0) => {
 	const $ = c(6);
-	if ($[0] !== "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { pageId } = t0;
 	const { page, metaTitle } = usePageMetadataData(pageId);
@@ -1158,9 +1129,9 @@ function truncateText(text, maxLen) {
 }
 const SearchEnginePreview = (t0) => {
 	const $ = c(17);
-	if ($[0] !== "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { page, metaTitle, metaDescription } = t0;
 	const url = `${typeof window !== "undefined" ? window.location.origin : ""}${page.fullPath}`;
@@ -1243,9 +1214,9 @@ const SearchEnginePreview = (t0) => {
 };
 const SocialPreviewSection = (t0) => {
 	const $ = c(60);
-	if ($[0] !== "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 60; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { page, metaTitle, metaDescription, layoutId, projectName } = t0;
 	const pageMetaTitle = page.metaTitle ?? page.pathSegment;
@@ -1279,7 +1250,6 @@ const SocialPreviewSection = (t0) => {
 			...t2,
 			onSuccess: () => {
 				queryClient.invalidateQueries({ queryKey: pageQueries.getById(page.id).queryKey });
-				trackClientEvent("page_custom_og_image_uploaded", { pageId: page.id });
 			},
 			onError: _temp6
 		};
@@ -1299,7 +1269,6 @@ const SocialPreviewSection = (t0) => {
 			...t4,
 			onSuccess: () => {
 				queryClient.invalidateQueries({ queryKey: pageQueries.getById(page.id).queryKey });
-				trackClientEvent("page_custom_og_image_removed", { pageId: page.id });
 			},
 			onError: _temp7
 		};
@@ -1519,9 +1488,9 @@ const SocialPreviewSection = (t0) => {
 };
 const PageMarkdownPreview = (t0) => {
 	const $ = c(9);
-	if ($[0] !== "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "cd84946ba5d655224ba80e40321889a8fc523c868499649dee3151d8808afbe0";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { pageId, metaTitle, metaDescription } = t0;
 	let t1;

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

@@ -1,8 +1,8 @@
 import { useLocation, useNavigate } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
+import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
 import { cn } from "../../../lib/utils.js";
-import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { previewStore } from "../previewStore.js";
 import { matchDerivedLayout, routeSegments } from "../../../core/derivedRoutes.js";
 import { DerivedLayoutDialog } from "./DerivedLayoutDialog.js";
@@ -23,7 +23,7 @@ const CREATE_PAGE_VALUE = "__create_page__";
 const DERIVED_LAYOUT_PREFIX = "__derived_layout__:";
 const PagePicker = () => {
 	const [open, setOpen] = React.useState(false);
-	const derivedLayouts = useCamoxApp().getLayouts().filter((layout) => layout._internal.kind === "derived");
+	const derivedLayouts = useCamoxApp().getLayouts().filter((layout) => layout._internal.kind !== "curated");
 	const [layoutToPreview, setLayoutToPreview] = React.useState(null);
 	const [pageToDelete, setPageToDelete] = React.useState(null);
 	const projectSlug = useProjectSlug();
@@ -183,53 +183,58 @@ const PagePicker = () => {
 										})]
 									})]
 								}, page_1.id)) }),
-								derivedLayouts.length > 0 && /* @__PURE__ */ jsx(CommandGroup, {
-									heading: "Derived pages",
-									children: derivedLayouts.map((layout_1) => /* @__PURE__ */ jsx(CommandItem, {
-										value: `${DERIVED_LAYOUT_PREFIX}${layout_1._internal.id}`,
-										keywords: [layout_1._internal.title],
+								["singleton", "derived"].map((kind) => /* @__PURE__ */ jsx(CommandGroup, {
+									heading: kind === "singleton" ? "Singleton pages" : "Derived pages",
+									children: derivedLayouts.filter((layout_1) => layout_1._internal.kind === kind).map((layout_2) => /* @__PURE__ */ jsx(CommandItem, {
+										value: `${DERIVED_LAYOUT_PREFIX}${layout_2._internal.id}`,
+										keywords: [layout_2._internal.title],
 										hideCheck: true,
 										onSelect: () => {
 											closePopover();
-											const segments = routeSegments(layout_1._internal.id);
+											const segments = routeSegments(layout_2._internal.id);
 											if (!segments.some((segment) => segment.startsWith("$"))) {
 												navigate({ to: `/${segments.map(encodeURIComponent).join("/")}` });
 												return;
 											}
-											setLayoutToPreview(layout_1);
+											setLayoutToPreview(layout_2);
 										},
 										children: /* @__PURE__ */ jsxs("div", {
 											className: "flex min-w-0 flex-1 items-start gap-2",
-											children: [/* @__PURE__ */ jsx(Check, { className: cn("size-4 mt-0.5 shrink-0", currentDerived?.layout._internal.id !== layout_1._internal.id && "invisible") }), /* @__PURE__ */ jsxs("div", {
+											children: [/* @__PURE__ */ jsx(Check, { className: cn("size-4 mt-0.5 shrink-0", currentDerived?.layout._internal.id !== layout_2._internal.id && "invisible") }), /* @__PURE__ */ jsxs("div", {
 												className: "flex min-w-0 flex-col",
 												children: [/* @__PURE__ */ jsxs("div", {
 													className: "flex min-w-0 items-center gap-1.5",
 													children: [/* @__PURE__ */ jsx("p", {
 														className: "truncate",
-														children: layout_1._internal.title
-													}), layoutStatusById.has(layout_1._internal.id) && /* @__PURE__ */ jsx(PageStatusBadge, {
+														children: layout_2._internal.title
+													}), layoutStatusById.has(layout_2._internal.id) && /* @__PURE__ */ jsx(PageStatusBadge, {
 														size: "sm",
-														status: layoutStatusById.get(layout_1._internal.id)
+														status: layoutStatusById.get(layout_2._internal.id)
 													})]
 												}), /* @__PURE__ */ jsxs("p", {
 													className: "text-muted-foreground truncate font-mono text-xs",
-													children: ["/", routeSegments(layout_1._internal.id).join("/")]
+													children: ["/", routeSegments(layout_2._internal.id).join("/")]
 												})]
 											})]
 										})
-									}, layout_1._internal.id))
-								})
+									}, layout_2._internal.id))
+								}, kind))
 							]
 						}),
 						/* @__PURE__ */ jsx(CommandSeparator, {}),
-						/* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsxs(CommandItem, {
-							onSelect: () => {
-								closePopover();
-								previewStore.send({ type: "openCreatePageModal" });
-							},
-							value: CREATE_PAGE_VALUE,
-							children: [/* @__PURE__ */ jsx(Plus, { className: "size-4" }), "Create page"]
-						}) })
+						/* @__PURE__ */ jsx(CommandGroup, {
+							className: "shrink-0 pt-2",
+							children: /* @__PURE__ */ jsxs(CommandItem, {
+								className: "h-9 gap-2 px-2 py-0",
+								hideCheck: true,
+								onSelect: () => {
+									closePopover();
+									previewStore.send({ type: "openCreatePageModal" });
+								},
+								value: CREATE_PAGE_VALUE,
+								children: [/* @__PURE__ */ jsx(Plus, { className: "size-4 shrink-0" }), /* @__PURE__ */ jsx("span", { children: "Create page" })]
+							})
+						})
 					]
 				})
 			})]