camox 0.41.1 → 0.43.0

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

@@ -1,9 +1,8 @@
 import { actionsStore } from "../../provider/actionsStore.js";
 import { usePageBlocks } from "../../../lib/normalized-data.js";
+import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { blockMutations, repeatableItemMutations } from "../../../lib/queries.js";
 import { formatShortcut } from "../../../lib/utils.js";
-import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
-import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { previewStore, selectionItemId } from "../previewStore.js";
 import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
 import { useUpdateBlockPosition } from "./useUpdateBlockPosition.js";
@@ -13,7 +12,7 @@ import { useMutation } from "@tanstack/react-query";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useSelector } from "@xstate/store-react";
-import { Copy, Pen, Settings, Trash2 } from "lucide-react";
+import { Copy, Trash2 } from "lucide-react";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
 import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
 import { toast } from "@camox/ui/toaster";
@@ -22,7 +21,6 @@ import { Command, CommandGroup, CommandInput, CommandItem, CommandList, CommandS
 //#region src/features/preview/components/BlockActionsPopover.tsx
 const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "start", isLayoutBlock, layoutPlacement }) => {
 	const [blockToDelete, setBlockToDelete] = React.useState(null);
-	const camoxApp = useCamoxApp();
 	const page = usePreviewedPage();
 	const { pageBlocks } = usePageBlocks(page);
 	const deleteBlock = useMutation(blockMutations.delete());
@@ -31,10 +29,6 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 	const handleDeleteBlock = async (block_0) => {
 		try {
 			await deleteBlock.mutateAsync({ id: block_0.id });
-			trackClientEvent("block_deleted", {
-				projectId: page?.page.projectId,
-				blockType: block_0.type
-			});
 			toast.success(`Deleted "${block_0.summary || block_0.type}" block`);
 		} catch (error) {
 			console.error("Failed to delete block:", error);
@@ -46,10 +40,6 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 	const handleDuplicateBlock = async (block_1) => {
 		try {
 			await duplicateBlock.mutateAsync({ id: block_1.id });
-			trackClientEvent("block_duplicated", {
-				projectId: page?.page.projectId,
-				blockType: block_1.type
-			});
 			toast.success(`Duplicated "${block_1.summary}" block`);
 		} catch (error_0) {
 			console.error("Failed to duplicate block:", error_0);
@@ -62,15 +52,13 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 		const afterPosition = blockIndex > 0 ? pageBlocks[blockIndex - 1].position : "";
 		previewStore.send({
 			type: "openAddBlockSidebar",
-			afterPosition,
-			via: "popover-above"
+			afterPosition
 		});
 	};
 	const handleAddBlockBelow = (block_3) => {
 		previewStore.send({
 			type: "openAddBlockSidebar",
-			afterPosition: block_3.position,
-			via: "popover-below"
+			afterPosition: block_3.position
 		});
 	};
 	const getBlocksAbove = (block_4) => {
@@ -114,46 +102,11 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 			children: /* @__PURE__ */ jsxs(Command, { children: [/* @__PURE__ */ jsx(CommandInput, { placeholder: "Search actions..." }), /* @__PURE__ */ jsxs(CommandList, {
 				className: "max-h-[350px]",
 				children: [
-					/* @__PURE__ */ jsxs(CommandGroup, { children: [/* @__PURE__ */ jsxs(CommandItem, {
-						className: "justify-between",
-						onSelect: () => {
-							previewStore.send({
-								type: "openBlockContentSheet",
-								blockId: block.id
-							});
-							onOpenChange(false);
-						},
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ jsx(Pen, { className: "h-4 w-4" }), "Edit in form"]
-						}), /* @__PURE__ */ jsx(CommandShortcut, { children: formatShortcut({
-							key: "j",
-							withMeta: true
-						}) })]
-					}), !isLayoutBlock && (() => {
-						const blockDef = camoxApp.getBlockById(block.type);
-						if (!(blockDef?._internal.settingsSchema?.properties && Object.keys(blockDef._internal.settingsSchema.properties).length > 0)) return null;
-						return /* @__PURE__ */ jsx(CommandItem, {
-							className: "justify-between",
-							onSelect: () => {
-								previewStore.send({
-									type: "openBlockContentSheet",
-									blockId: block.id
-								});
-								onOpenChange(false);
-							},
-							children: /* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }), "Open settings"]
-							})
-						});
-					})()] }),
-					isLayoutBlock && layoutPlacement === "before" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CommandSeparator, {}), /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
+					isLayoutBlock && layoutPlacement === "before" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
 						onSelect: () => {
 							previewStore.send({
 								type: "openAddBlockSidebar",
-								afterPosition: "",
-								via: "layout-popover-below"
+								afterPosition: ""
 							});
 							onOpenChange(false);
 						},
@@ -161,14 +114,13 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ jsx("span", { className: "w-4" }), "Add block below"]
 						})
-					}) })] }),
-					isLayoutBlock && layoutPlacement === "after" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CommandSeparator, {}), /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
+					}) }) }),
+					isLayoutBlock && layoutPlacement === "after" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
 						onSelect: () => {
 							const lastPageBlock = pageBlocks[pageBlocks.length - 1];
 							previewStore.send({
 								type: "openAddBlockSidebar",
-								afterPosition: lastPageBlock?.position,
-								via: "layout-popover-above"
+								afterPosition: lastPageBlock?.position
 							});
 							onOpenChange(false);
 						},
@@ -176,9 +128,8 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ jsx("span", { className: "w-4" }), "Add block above"]
 						})
-					}) })] }),
+					}) }) }),
 					!isLayoutBlock && /* @__PURE__ */ jsxs(Fragment, { children: [
-						/* @__PURE__ */ jsx(CommandSeparator, {}),
 						/* @__PURE__ */ jsxs(CommandGroup, { children: [/* @__PURE__ */ jsxs(CommandItem, {
 							className: "justify-between",
 							onSelect: () => {
@@ -279,9 +230,9 @@ function isLayoutBlockId(page, blockId) {
 }
 function useBlockActionsShortcuts() {
 	const $ = c(20);
-	if ($[0] !== "2439a21a93e7dc68e5e2199bf795bec817fbc1286e567fde9de806e04fd01b64") {
+	if ($[0] !== "a91fc105ded90c35296c42adc5eec1823e26e305818bf9026d22b67a24a3ca04") {
 		for (let $i = 0; $i < 20; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2439a21a93e7dc68e5e2199bf795bec817fbc1286e567fde9de806e04fd01b64";
+		$[0] = "a91fc105ded90c35296c42adc5eec1823e26e305818bf9026d22b67a24a3ca04";
 	}
 	const camoxApp = useCamoxApp();
 	const page = usePreviewedPage();
@@ -465,8 +416,7 @@ function useBlockActionsShortcuts() {
 						if (!block_2) return;
 						previewStore.send({
 							type: "openAddBlockSidebar",
-							afterPosition: block_2.position,
-							via: "shortcut-below"
+							afterPosition: block_2.position
 						});
 					}
 				},
@@ -488,8 +438,7 @@ function useBlockActionsShortcuts() {
 						const afterPosition_1 = blockIndex > 0 ? pageBlocks[blockIndex - 1].position : "";
 						previewStore.send({
 							type: "openAddBlockSidebar",
-							afterPosition: afterPosition_1,
-							via: "shortcut-above"
+							afterPosition: afterPosition_1
 						});
 					}
 				}

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

@@ -0,0 +1,122 @@
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Avatar, AvatarFallback, AvatarImage } from "@camox/ui/avatar";
+
+//#region src/features/preview/components/CommentHeader.tsx
+function CommentHeader(t0) {
+	const $ = c(27);
+	if ($[0] !== "7228323105605d4be0594558d7e4fb389f5d49bc9cb13e6a90c0c2fc6f9ff60f") {
+		for (let $i = 0; $i < 27; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "7228323105605d4be0594558d7e4fb389f5d49bc9cb13e6a90c0c2fc6f9ff60f";
+	}
+	const { author, createdAt } = t0;
+	const [now, setNow] = React.useState(Date.now);
+	let t1;
+	let t2;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = () => {
+			const timer = window.setInterval(() => setNow(Date.now()), 6e4);
+			return () => window.clearInterval(timer);
+		};
+		t2 = [];
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+	}
+	React.useEffect(t1, t2);
+	const minutes = Math.max(0, Math.floor((now - createdAt) / 6e4));
+	const age = minutes < 1 ? "now" : minutes < 60 ? `${minutes}m` : minutes < 1440 ? `${Math.floor(minutes / 60)}h` : `${Math.floor(minutes / 1440)}d`;
+	let t3;
+	if ($[3] !== author.name) {
+		t3 = author.name.trim().split(/\s+/).map(_temp).join("").slice(0, 2).toUpperCase();
+		$[3] = author.name;
+		$[4] = t3;
+	} else t3 = $[4];
+	const initials = t3;
+	let t4;
+	if ($[5] !== author.image || $[6] !== author.name) {
+		t4 = author.image && /* @__PURE__ */ jsx(AvatarImage, {
+			src: author.image,
+			alt: author.name
+		});
+		$[5] = author.image;
+		$[6] = author.name;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== initials) {
+		t5 = /* @__PURE__ */ jsx(AvatarFallback, { children: initials });
+		$[8] = initials;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== t4 || $[11] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(Avatar, {
+			size: "sm",
+			children: [t4, t5]
+		});
+		$[10] = t4;
+		$[11] = t5;
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== author.name) {
+		t7 = /* @__PURE__ */ jsx("span", {
+			className: "truncate text-sm font-medium",
+			title: author.name,
+			children: author.name
+		});
+		$[13] = author.name;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== createdAt) {
+		t8 = new Date(createdAt).toISOString();
+		$[15] = createdAt;
+		$[16] = t8;
+	} else t8 = $[16];
+	let t9;
+	if ($[17] !== createdAt) {
+		t9 = new Date(createdAt).toLocaleString();
+		$[17] = createdAt;
+		$[18] = t9;
+	} else t9 = $[18];
+	let t10;
+	if ($[19] !== age || $[20] !== t8 || $[21] !== t9) {
+		t10 = /* @__PURE__ */ jsx("time", {
+			className: "text-muted-foreground shrink-0 text-xs",
+			dateTime: t8,
+			title: t9,
+			children: age
+		});
+		$[19] = age;
+		$[20] = t8;
+		$[21] = t9;
+		$[22] = t10;
+	} else t10 = $[22];
+	let t11;
+	if ($[23] !== t10 || $[24] !== t6 || $[25] !== t7) {
+		t11 = /* @__PURE__ */ jsxs("header", {
+			className: "mb-2 flex min-w-0 items-center gap-2",
+			children: [
+				t6,
+				t7,
+				t10
+			]
+		});
+		$[23] = t10;
+		$[24] = t6;
+		$[25] = t7;
+		$[26] = t11;
+	} else t11 = $[26];
+	return t11;
+}
+function _temp(part) {
+	return part[0];
+}
+
+//#endregion
+export { CommentHeader };

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

@@ -0,0 +1,29 @@
+import { AttachedComments } from "./AttachedComments.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/features/preview/components/CommentSidebar.tsx
+function CommentSidebar(t0) {
+	const $ = c(3);
+	if ($[0] !== "d6df60b689386423d40951e6785b3daf7545c90c2ab947b318a4d6c91e5fdf67") {
+		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "d6df60b689386423d40951e6785b3daf7545c90c2ab947b318a4d6c91e5fdf67";
+	}
+	const { pageId } = t0;
+	let t1;
+	if ($[1] !== pageId) {
+		t1 = /* @__PURE__ */ jsx("div", {
+			className: "min-h-0 flex-1 overflow-auto",
+			children: /* @__PURE__ */ jsx(AttachedComments, {
+				pageId,
+				allPageComments: true
+			})
+		});
+		$[1] = pageId;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
+
+//#endregion
+export { CommentSidebar };

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

@@ -0,0 +1,166 @@
+import { isLexicalState, lexicalStateToPlainText } from "../../../core/lib/lexicalState.js";
+import { blockQueries, pageQueries } from "../../../lib/queries.js";
+import { c } from "react/compiler-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/features/preview/components/CommentTargetQuote.tsx
+function Quote(t0) {
+	const $ = c(3);
+	if ($[0] !== "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92") {
+		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92";
+	}
+	const { children } = t0;
+	let t1;
+	if ($[1] !== children) {
+		t1 = /* @__PURE__ */ jsx("blockquote", {
+			className: "text-muted-foreground my-2 border-l-2 border-yellow-600 pl-2 text-sm wrap-break-word whitespace-pre-wrap",
+			children
+		});
+		$[1] = children;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
+function PageQuote(t0) {
+	const $ = c(5);
+	if ($[0] !== "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92") {
+		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92";
+	}
+	const { pageId } = t0;
+	let t1;
+	if ($[1] !== pageId) {
+		t1 = pageQueries.getById(pageId);
+		$[1] = pageId;
+		$[2] = t1;
+	} else t1 = $[2];
+	const { data: page, isPending } = useQuery(t1);
+	const t2 = page?.nickname || (isPending ? "Loading…" : "Page unavailable");
+	let t3;
+	if ($[3] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Quote, { children: t2 });
+		$[3] = t2;
+		$[4] = t3;
+	} else t3 = $[4];
+	return t3;
+}
+function BlockQuote(t0) {
+	const $ = c(19);
+	if ($[0] !== "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92") {
+		for (let $i = 0; $i < 19; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92";
+	}
+	const { target } = t0;
+	let t1;
+	if ($[1] !== target.blockId) {
+		t1 = blockQueries.get(target.blockId);
+		$[1] = target.blockId;
+		$[2] = t1;
+	} else t1 = $[2];
+	const { data: bundle, isPending } = useQuery(t1);
+	if (!bundle) {
+		const t2 = isPending ? "Loading…" : "Content unavailable";
+		let t3;
+		if ($[3] !== t2) {
+			t3 = /* @__PURE__ */ jsx(Quote, { children: t2 });
+			$[3] = t2;
+			$[4] = t3;
+		} else t3 = $[4];
+		return t3;
+	}
+	let t2;
+	if ($[5] !== bundle.block || $[6] !== bundle.repeatableItems || $[7] !== target.itemId) {
+		t2 = target.itemId == null ? bundle.block : bundle.repeatableItems.find((item) => item.id === target.itemId);
+		$[5] = bundle.block;
+		$[6] = bundle.repeatableItems;
+		$[7] = target.itemId;
+		$[8] = t2;
+	} else t2 = $[8];
+	const subject = t2;
+	if (!subject) {
+		let t3;
+		if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+			t3 = /* @__PURE__ */ jsx(Quote, { children: "Content unavailable" });
+			$[9] = t3;
+		} else t3 = $[9];
+		return t3;
+	}
+	if (target.fieldName != null) {
+		const value = subject.content[target.fieldName];
+		if (target.fieldType === "String" || target.fieldType == null) {
+			if (typeof value === "string" || isLexicalState(value)) {
+				let t3;
+				if ($[10] !== value) {
+					t3 = lexicalStateToPlainText(value) || "Empty text";
+					$[10] = value;
+					$[11] = t3;
+				} else t3 = $[11];
+				let t4;
+				if ($[12] !== t3) {
+					t4 = /* @__PURE__ */ jsx(Quote, { children: t3 });
+					$[12] = t3;
+					$[13] = t4;
+				} else t4 = $[13];
+				return t4;
+			}
+			if (value == null && target.fieldType === "String") {
+				let t3;
+				if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+					t3 = /* @__PURE__ */ jsx(Quote, { children: "Empty text" });
+					$[14] = t3;
+				} else t3 = $[14];
+				return t3;
+			}
+		}
+		if (target.fieldType === "Link" && value && typeof value === "object" && "text" in value && typeof value.text === "string") {
+			const t3 = value.text || "Empty link text";
+			let t4;
+			if ($[15] !== t3) {
+				t4 = /* @__PURE__ */ jsx(Quote, { children: t3 });
+				$[15] = t3;
+				$[16] = t4;
+			} else t4 = $[16];
+			return t4;
+		}
+	}
+	const t3 = subject.summary || (target.itemId == null ? "Untitled block" : "Untitled item");
+	let t4;
+	if ($[17] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Quote, { children: t3 });
+		$[17] = t3;
+		$[18] = t4;
+	} else t4 = $[18];
+	return t4;
+}
+function CommentTargetQuote(t0) {
+	const $ = c(5);
+	if ($[0] !== "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92") {
+		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92";
+	}
+	const { pageId, target } = t0;
+	if (target.blockId == null) {
+		let t1;
+		if ($[1] !== pageId) {
+			t1 = /* @__PURE__ */ jsx(PageQuote, { pageId });
+			$[1] = pageId;
+			$[2] = t1;
+		} else t1 = $[2];
+		return t1;
+	}
+	let t1;
+	if ($[3] !== target) {
+		t1 = /* @__PURE__ */ jsx(BlockQuote, { target: {
+			...target,
+			blockId: target.blockId
+		} });
+		$[3] = target;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
+}
+
+//#endregion
+export { CommentTargetQuote };

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

@@ -1,8 +1,7 @@
 import { useNavigate } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
-import { layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
-import { trackClientEvent } from "../../../lib/telemetry-client.js";
+import { layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
 import { previewStore } from "../previewStore.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
 import { PageNicknameField } from "./PageNicknameField.js";
@@ -27,9 +26,9 @@ const slugifyPathSegment = (nickname) => {
 };
 const CreatePageModal = () => {
 	const $ = c(59);
-	if ($[0] !== "a489bee2c2bcec31c62ddabbd93e62c3a08c94905cfefce5cfe8476f2f60182f") {
+	if ($[0] !== "7d9f627f2fd6df9193c55db2f9612514acd4807aab2e5cc3fbd5bdd5aaf23672") {
 		for (let $i = 0; $i < 59; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "a489bee2c2bcec31c62ddabbd93e62c3a08c94905cfefce5cfe8476f2f60182f";
+		$[0] = "7d9f627f2fd6df9193c55db2f9612514acd4807aab2e5cc3fbd5bdd5aaf23672";
 	}
 	const projectSlug = useProjectSlug();
 	const open = useSelector(previewStore, _temp);
@@ -85,7 +84,7 @@ const CreatePageModal = () => {
 	const camoxApp = useCamoxApp();
 	let t8;
 	if ($[14] !== allLayouts || $[15] !== camoxApp) {
-		t8 = allLayouts?.filter((layout) => camoxApp.getLayoutById(layout.layoutId)?._internal.kind !== "derived");
+		t8 = allLayouts?.filter((layout) => camoxApp.getLayoutById(layout.layoutId)?._internal.kind === "curated");
 		$[14] = allLayouts;
 		$[15] = camoxApp;
 		$[16] = t8;
@@ -128,11 +127,6 @@ const CreatePageModal = () => {
 					error: "Failed to create page"
 				});
 				const { fullPath } = await createPagePromise;
-				trackClientEvent("page_created", {
-					projectId: project.id,
-					pathSegment: values.value.pathSegment,
-					layoutId: values.value.layoutId
-				});
 				previewStore.send({ type: "closeCreatePageModal" });
 				form.reset();
 				await new Promise(_temp2);

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

@@ -1,7 +1,7 @@
 import { useProjectSlug } from "../../../lib/auth.js";
 import { usePageBlocks } from "../../../lib/normalized-data.js";
-import { layoutQueries, projectQueries } from "../../../lib/queries.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
+import { layoutQueries, projectQueries } from "../../../lib/queries.js";
 import { previewStore, selectPreviewSource } from "../previewStore.js";
 import { PagePicker } from "./PagePicker.js";
 import { LayoutBlockItem } from "./PageTree.js";
@@ -16,10 +16,10 @@ import { PanelContent, PanelHeader } from "@camox/ui/panel";
 //#region src/features/preview/components/DerivedLayoutSidebar.tsx
 const EMPTY_PAGE = { blockIds: [] };
 function DerivedLayoutSidebar(t0) {
-	const $ = c(32);
-	if ($[0] !== "2c7da8bd37fd1558e1c31149d4435d439cdd1425cb374116d681960617531266") {
-		for (let $i = 0; $i < 32; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2c7da8bd37fd1558e1c31149d4435d439cdd1425cb374116d681960617531266";
+	const $ = c(39);
+	if ($[0] !== "c2b47a0ded5e80952966193136846d2771f48746af4a761ba4e0ef778f954b27") {
+		for (let $i = 0; $i < 39; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c2b47a0ded5e80952966193136846d2771f48746af4a761ba4e0ef778f954b27";
 	}
 	const { layout } = t0;
 	const source = useSelector(previewStore, selectPreviewSource);
@@ -36,12 +36,14 @@ function DerivedLayoutSidebar(t0) {
 	const app = useCamoxApp();
 	let t2;
 	if ($[3] !== app || $[4] !== layout.layoutId) {
-		t2 = app.getLayoutById(layout.layoutId)?._internal.title ?? layout.layoutId;
+		t2 = app.getLayoutById(layout.layoutId);
 		$[3] = app;
 		$[4] = layout.layoutId;
 		$[5] = t2;
 	} else t2 = $[5];
-	const layoutName = t2;
+	const definition = t2;
+	const layoutName = definition?._internal.title ?? layout.layoutId;
+	const singleton = definition?._internal.kind === "singleton";
 	const projectSlug = useProjectSlug();
 	let t3;
 	if ($[6] !== projectSlug) {
@@ -132,28 +134,45 @@ function DerivedLayoutSidebar(t0) {
 		$[24] = layoutName;
 		$[25] = t11;
 	} else t11 = $[25];
-	let t12;
-	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ jsxs(Alert, { children: [/* @__PURE__ */ jsx(AlertTitle, { children: "Shared layout blocks" }), /* @__PURE__ */ jsx(AlertDescription, { children: "Changes apply to every page using this layout. The generated page content is managed outside the studio." })] });
-		$[26] = t12;
-	} else t12 = $[26];
+	const t12 = singleton ? "Code-owned page" : "Shared layout blocks";
 	let t13;
-	if ($[27] !== t11) {
-		t13 = /* @__PURE__ */ jsxs(PanelContent, {
+	if ($[26] !== t12) {
+		t13 = /* @__PURE__ */ jsx(AlertTitle, { children: t12 });
+		$[26] = t12;
+		$[27] = t13;
+	} else t13 = $[27];
+	const t14 = singleton ? "Edit and publish this page’s blocks here. Its URL and structure are defined in code. Synced blocks share content with their other instances." : "Changes apply to every page using this layout. The generated page content is managed outside the studio.";
+	let t15;
+	if ($[28] !== t14) {
+		t15 = /* @__PURE__ */ jsx(AlertDescription, { children: t14 });
+		$[28] = t14;
+		$[29] = t15;
+	} else t15 = $[29];
+	let t16;
+	if ($[30] !== t13 || $[31] !== t15) {
+		t16 = /* @__PURE__ */ jsxs(Alert, { children: [t13, t15] });
+		$[30] = t13;
+		$[31] = t15;
+		$[32] = t16;
+	} else t16 = $[32];
+	let t17;
+	if ($[33] !== t11 || $[34] !== t16) {
+		t17 = /* @__PURE__ */ jsxs(PanelContent, {
 			className: "flex grow basis-0 flex-col gap-4 overflow-auto p-2",
-			children: [t11, t12]
+			children: [t11, t16]
 		});
-		$[27] = t11;
-		$[28] = t13;
-	} else t13 = $[28];
-	let t14;
-	if ($[29] !== t10 || $[30] !== t13) {
-		t14 = /* @__PURE__ */ jsxs(Fragment, { children: [t10, t13] });
-		$[29] = t10;
-		$[30] = t13;
-		$[31] = t14;
-	} else t14 = $[31];
-	return t14;
+		$[33] = t11;
+		$[34] = t16;
+		$[35] = t17;
+	} else t17 = $[35];
+	let t18;
+	if ($[36] !== t10 || $[37] !== t17) {
+		t18 = /* @__PURE__ */ jsxs(Fragment, { children: [t10, t17] });
+		$[36] = t10;
+		$[37] = t17;
+		$[38] = t18;
+	} else t18 = $[38];
+	return t18;
 }
 
 //#endregion