camox 0.41.0 → 0.42.0

package/dist/core/hooks/useIsEditable.js

@@ -1,22 +1,19 @@
 import { useIsAuthenticated } from "../../lib/auth.js";
-import { previewStore } from "../../features/preview/previewStore.js";
+import { previewStore, selectIsEditMode } from "../../features/preview/previewStore.js";
 import { c } from "react/compiler-runtime";
 import { useSelector } from "@xstate/store-react";
 
 //#region src/core/hooks/useIsEditable.ts
 function useIsEditable(mode) {
 	const $ = c(1);
-	if ($[0] !== "a3e376179cf3461f650a645c5d9591b7c0b2bd69400f81ba76076063ea10dffc") {
+	if ($[0] !== "baeaba7613c819c1f4460b64af1c246a057a26cf699e41daca4193d0ee512f1c") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "a3e376179cf3461f650a645c5d9591b7c0b2bd69400f81ba76076063ea10dffc";
+		$[0] = "baeaba7613c819c1f4460b64af1c246a057a26cf699e41daca4193d0ee512f1c";
 	}
 	const isAuthenticated = useIsAuthenticated();
-	const isEditMode = useSelector(previewStore, _temp);
+	const isEditMode = useSelector(previewStore, selectIsEditMode);
 	return isAuthenticated && (mode === "site" || mode === "layout") && isEditMode;
 }
-function _temp(state) {
-	return state.context.isEditMode;
-}
 
 //#endregion
 export { useIsEditable };

package/dist/core/hooks/useOverlayState.js

@@ -0,0 +1,11 @@
+//#region src/core/hooks/useOverlayState.ts
+/** Native and sidebar hover use the same overlay attributes in every editing mode. */
+function useOverlayState(hovered, focused = false) {
+	return {
+		"data-camox-hovered": hovered || void 0,
+		"data-camox-focused": focused || void 0
+	};
+}
+
+//#endregion
+export { useOverlayState };

package/dist/core/hooks/useRequireDraftSource.js

@@ -1,26 +1,22 @@
-import { previewStore } from "../../features/preview/previewStore.js";
+import { previewStore, selectPreviewSource } from "../../features/preview/previewStore.js";
 import { c } from "react/compiler-runtime";
 
 //#region src/core/hooks/useRequireDraftSource.ts
 /**
-* Gate any edit attempt on the current preview source. If the studio is
-* previewing 'draft', `requireDraft()` returns true and the caller proceeds.
-* Otherwise it opens the "Switch to draft to edit?" dialog and returns false
-* so the caller aborts. The dialog's CTA only switches the source — it does
-* not retry the original attempt; the user re-issues the edit themselves.
+* Ignore stale editor callbacks after switching to live preview.
+* Draft editing is guaranteed by the store's mode; this guard also covers
+* callbacks from hidden controls and edits that finish asynchronously.
 */
 function useRequireDraftSource() {
 	const $ = c(1);
-	if ($[0] !== "0362e577777f438ffefe38cac1aa50ad433841f5f7cbde91e17cf0313273dbef") {
+	if ($[0] !== "cb874573187dc3b9520288b70786314b287b85d7bd338855d2b28db5ee7c09c2") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "0362e577777f438ffefe38cac1aa50ad433841f5f7cbde91e17cf0313273dbef";
+		$[0] = "cb874573187dc3b9520288b70786314b287b85d7bd338855d2b28db5ee7c09c2";
 	}
 	return _temp;
 }
 function _temp() {
-	if (previewStore.getSnapshot().context.previewSource === "draft") return true;
-	previewStore.send({ type: "requestDraftSwitch" });
-	return false;
+	return selectPreviewSource(previewStore.getSnapshot()) === "draft";
 }
 
 //#endregion

package/dist/core/lib/fieldTypes.js

@@ -1,10 +1,10 @@
 //#region src/core/lib/fieldTypes.tsx
 const fieldTypesDictionary = {
-	String: { hasOwnView: false },
-	Repeater: { hasOwnView: false },
-	Enum: { hasOwnView: false },
-	Boolean: { hasOwnView: false },
-	Embed: { hasOwnView: false },
+	String: { hasOwnView: true },
+	Repeater: { hasOwnView: true },
+	Enum: { hasOwnView: true },
+	Boolean: { hasOwnView: true },
+	Embed: { hasOwnView: true },
 	Link: { hasOwnView: true },
 	Image: { hasOwnView: true },
 	File: { hasOwnView: true },

package/dist/core/lib/lexicalState.js

@@ -12,6 +12,22 @@ function isLexicalState(value) {
 		return false;
 	}
 }
+function lexicalStateToPlainText(serialized) {
+	try {
+		return extractText((typeof serialized === "object" ? serialized : JSON.parse(serialized)).root);
+	} catch {
+		return typeof serialized === "string" ? serialized : "";
+	}
+}
+function extractText(node) {
+	if (node.type === "text") return node.text ?? "";
+	if (node.type === "linebreak") return "\n";
+	if (!node.children) return "";
+	const parts = [];
+	for (const child of node.children) parts.push(extractText(child));
+	if (node.type === "paragraph" || node.type === "inline-paragraph" || node.type === "heading") return parts.join("");
+	return parts.join(node.type === "root" ? "\n\n" : "");
+}
 function lexicalStateToMarkdown(serialized) {
 	try {
 		return extractMarkdown((typeof serialized === "object" ? serialized : JSON.parse(serialized)).root);
@@ -224,4 +240,4 @@ function parseTokens(tokens, format) {
 }
 
 //#endregion
-export { isLexicalState, lexicalStateToMarkdown, markdownToLexicalState };
+export { isLexicalState, lexicalStateToMarkdown, lexicalStateToPlainText, markdownToLexicalState };

package/dist/features/preview/CamoxPreview.js

@@ -8,14 +8,14 @@ import { blockQueries, pageQueries, projectQueries } from "../../lib/queries.js"
 import { cn } from "../../lib/utils.js";
 import { useCamoxApp } from "../provider/components/CamoxAppContext.js";
 import { SharedChromeContext } from "../runtime/SharedChromeContext.js";
-import { previewStore } from "./previewStore.js";
+import { previewStore, selectIsEditMode, selectPreviewSource } from "./previewStore.js";
 import { Navbar } from "../studio/components/Navbar.js";
 import { CreatePageModal } from "./components/CreatePageModal.js";
-import { DraftSwitchDialog } from "./components/DraftSwitchDialog.js";
 import { EDIT_MODE_SHORTCUT } from "./previewConstants.js";
 import { LeftSidebar } from "./components/LeftSidebar.js";
 import { PeekedBlock } from "./components/PeekedBlock.js";
 import { PreviewPanel } from "./components/PreviewPanel.js";
+import { PreviewToolbarSpacer } from "./components/PreviewToolbarSpacer.js";
 import { RightSidebar } from "./components/RightSidebar.js";
 import { c } from "react/compiler-runtime";
 import { useQuery, useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
@@ -36,9 +36,9 @@ function getMobileStudioSnapshot() {
 }
 function useIsMobileStudio() {
 	const $ = c(1);
-	if ($[0] !== "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a") {
+	if ($[0] !== "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a";
+		$[0] = "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b";
 	}
 	return React.useSyncExternalStore(subscribeToMobileStudio, getMobileStudioSnapshot, _temp);
 }
@@ -71,13 +71,13 @@ function pageStructureQueryFn(path, projectSlug, source) {
 }
 function usePreviewedPage() {
 	const $ = c(11);
-	if ($[0] !== "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a") {
+	if ($[0] !== "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b") {
 		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a";
+		$[0] = "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b";
 	}
 	const { pathname } = useLocation();
 	const projectSlug = useProjectSlug();
-	const previewSource = useSelector(previewStore, _temp2);
+	const previewSource = useSelector(previewStore, selectPreviewSource);
 	let t0;
 	if ($[1] !== pathname || $[2] !== previewSource) {
 		t0 = queryKeys.pages.getByPath(pathname, previewSource);
@@ -107,17 +107,14 @@ function usePreviewedPage() {
 	const { data: currentPage } = useSuspenseQuery(t2);
 	return currentPage;
 }
-function _temp2(state) {
-	return state.context.previewSource;
-}
 const BlockRenderer = (t0) => {
 	const $ = c(23);
-	if ($[0] !== "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a") {
+	if ($[0] !== "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b") {
 		for (let $i = 0; $i < 23; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a";
+		$[0] = "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b";
 	}
 	const { blockId, mode, showAddBlockTop, showAddBlockBottom } = t0;
-	const previewSource = useSelector(previewStore, _temp3);
+	const previewSource = useSelector(previewStore, selectPreviewSource);
 	let t1;
 	if ($[1] !== blockId || $[2] !== previewSource) {
 		t1 = blockQueries.get(blockId, previewSource);
@@ -191,8 +188,8 @@ const BlockRenderer = (t0) => {
 };
 const PageContent = () => {
 	const pageData = usePreviewedPage();
-	const { pageBlocks, beforeBlocks, afterBlocks, layoutFiles, layoutItems } = usePageBlocks(pageData, useSelector(previewStore, (state) => state.context.previewSource));
-	const peekedBlockPosition = useSelector(previewStore, (state_0) => state_0.context.peekedBlockPosition);
+	const { pageBlocks, beforeBlocks, afterBlocks, layoutFiles, layoutItems } = usePageBlocks(pageData, useSelector(previewStore, selectPreviewSource));
+	const peekedBlockPosition = useSelector(previewStore, (state) => state.context.peekedBlockPosition);
 	const displayedPositionRef = React.useRef(null);
 	if (peekedBlockPosition !== null) displayedPositionRef.current = peekedBlockPosition;
 	const effectivePosition = peekedBlockPosition ?? displayedPositionRef.current;
@@ -257,9 +254,9 @@ const PageContent = () => {
 };
 function useHydrateDraftCache() {
 	const $ = c(7);
-	if ($[0] !== "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a") {
+	if ($[0] !== "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b") {
 		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a";
+		$[0] = "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b";
 	}
 	const isAuthenticated = useIsAuthenticated();
 	const queryClient = useQueryClient();
@@ -284,7 +281,7 @@ function useHydrateDraftCache() {
 					projectName: data.projectName,
 					project: data.project
 				});
-			}).catch(_temp4);
+			}).catch(_temp2);
 			return () => {
 				cancelled = true;
 			};
@@ -307,12 +304,12 @@ function useHydrateDraftCache() {
 	}
 	React.useEffect(t0, t1);
 }
-function _temp4() {}
+function _temp2() {}
 const CamoxPreview = (t0) => {
 	const $ = c(4);
-	if ($[0] !== "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a") {
+	if ($[0] !== "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a";
+		$[0] = "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b";
 	}
 	const { children } = t0;
 	const pageData = usePreviewedPage();
@@ -331,20 +328,20 @@ const CamoxPreview = (t0) => {
 };
 /** Studio chrome is shared; only curated previews require a Camox page record. */
 const PreviewShell = (t0) => {
-	const $ = c(58);
-	if ($[0] !== "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a") {
-		for (let $i = 0; $i < 58; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a";
+	const $ = c(59);
+	if ($[0] !== "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b") {
+		for (let $i = 0; $i < 59; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b";
 	}
 	const { children, pageData, hasLiveVersion: t1, derivedLayoutId, derivedLayout } = t0;
 	const hasLiveVersion = t1 === void 0 ? false : t1;
 	const isAuthenticated = useIsAuthenticated();
 	const isMobileStudio = useIsMobileStudio();
 	const sharedChrome = React.useContext(SharedChromeContext);
-	const isEditMode = useSelector(previewStore, _temp5);
-	const isToolbarHidden = useSelector(previewStore, _temp6);
-	const isAddBlockSidebarOpen = useSelector(previewStore, _temp7);
-	const previewSource = useSelector(previewStore, _temp8);
+	const isEditMode = useSelector(previewStore, selectIsEditMode);
+	const isToolbarHidden = useSelector(previewStore, _temp3);
+	const isAddBlockSidebarOpen = useSelector(previewStore, _temp4);
+	const previewSource = useSelector(previewStore, selectPreviewSource);
 	const hasLiveCheckpoint = pageData ? pageData.page.livePublishedCheckpointId != null : hasLiveVersion;
 	let t2;
 	let t3;
@@ -379,7 +376,7 @@ const PreviewShell = (t0) => {
 					],
 					groupLabel: "Preview",
 					checkIfAvailable: () => isAuthenticated && isEditMode,
-					execute: _temp9,
+					execute: _temp5,
 					shortcut: EDIT_MODE_SHORTCUT
 				},
 				{
@@ -392,7 +389,7 @@ const PreviewShell = (t0) => {
 					],
 					groupLabel: "Preview",
 					checkIfAvailable: () => isAuthenticated && !isEditMode && !isMobileStudio,
-					execute: _temp0,
+					execute: _temp6,
 					shortcut: EDIT_MODE_SHORTCUT
 				},
 				{
@@ -405,7 +402,7 @@ const PreviewShell = (t0) => {
 					],
 					groupLabel: "Preview",
 					checkIfAvailable: () => isAuthenticated && previewSource === "draft" && hasLiveCheckpoint,
-					execute: _temp1,
+					execute: _temp7,
 					shortcut: {
 						key: "d",
 						withAlt: true
@@ -421,7 +418,7 @@ const PreviewShell = (t0) => {
 					],
 					groupLabel: "Preview",
 					checkIfAvailable: () => isAuthenticated && previewSource === "live",
-					execute: _temp10,
+					execute: _temp8,
 					shortcut: {
 						key: "d",
 						withAlt: true
@@ -432,8 +429,8 @@ const PreviewShell = (t0) => {
 					label: "Clear selection",
 					aliases: ["Deselect", "Unselect"],
 					groupLabel: "Preview",
-					checkIfAvailable: _temp11,
-					execute: _temp12,
+					checkIfAvailable: _temp9,
+					execute: _temp0,
 					shortcut: { key: "Escape" }
 				}
 			];
@@ -444,7 +441,7 @@ const PreviewShell = (t0) => {
 			return () => {
 				actionsStore.send({
 					type: "unregisterManyActions",
-					ids: actions.map(_temp13)
+					ids: actions.map(_temp1)
 				});
 			};
 		};
@@ -492,7 +489,7 @@ const PreviewShell = (t0) => {
 			children: [/* @__PURE__ */ jsx(Navbar, { isPreview: true }), pageData && isAddBlockSidebarOpen && /* @__PURE__ */ jsx("div", {
 				className: "absolute inset-0 z-20",
 				style: { background: "rgba(0, 0, 0, 0.66)" },
-				onClick: _temp14
+				onClick: _temp10
 			})]
 		});
 		$[16] = isAddBlockSidebarOpen;
@@ -520,101 +517,101 @@ const PreviewShell = (t0) => {
 	} else t10 = $[27];
 	const t11 = pageData?.page;
 	const t12 = pageData?.projectName;
-	const t13 = pageData?.page.status;
-	let t14;
-	if ($[28] !== hasLiveCheckpoint || $[29] !== t13) {
-		t14 = {
-			pageStatus: t13,
+	const t13 = pageData?.page.id;
+	const t14 = pageData?.page.status;
+	let t15;
+	if ($[28] !== hasLiveCheckpoint || $[29] !== t13 || $[30] !== t14) {
+		t15 = {
+			pageId: t13,
+			pageStatus: t14,
 			hasLiveVersion: hasLiveCheckpoint
 		};
 		$[28] = hasLiveCheckpoint;
 		$[29] = t13;
 		$[30] = t14;
-	} else t14 = $[30];
-	let t15;
-	if ($[31] !== isEditMode || $[32] !== isMobileStudio) {
-		t15 = !isMobileStudio && isEditMode && /* @__PURE__ */ jsx("div", { style: {
-			height: "80px",
-			background: "transparent"
-		} });
-		$[31] = isEditMode;
-		$[32] = isMobileStudio;
-		$[33] = t15;
-	} else t15 = $[33];
+		$[31] = t15;
+	} else t15 = $[31];
 	let t16;
-	if ($[34] !== children || $[35] !== isMobileStudio || $[36] !== t11 || $[37] !== t12 || $[38] !== t14 || $[39] !== t15) {
-		t16 = /* @__PURE__ */ jsxs(PreviewPanel, {
+	if ($[32] !== isEditMode || $[33] !== isMobileStudio) {
+		t16 = !isMobileStudio && isEditMode && /* @__PURE__ */ jsx(PreviewToolbarSpacer, {});
+		$[32] = isEditMode;
+		$[33] = isMobileStudio;
+		$[34] = t16;
+	} else t16 = $[34];
+	let t17;
+	if ($[35] !== children || $[36] !== isMobileStudio || $[37] !== t11 || $[38] !== t12 || $[39] !== t15 || $[40] !== t16) {
+		t17 = /* @__PURE__ */ jsxs(PreviewPanel, {
 			isMobileExperience: isMobileStudio,
 			page: t11,
 			projectName: t12,
-			toolbarProps: t14,
-			children: [children, t15]
+			toolbarProps: t15,
+			children: [children, t16]
 		});
-		$[34] = children;
-		$[35] = isMobileStudio;
-		$[36] = t11;
-		$[37] = t12;
-		$[38] = t14;
+		$[35] = children;
+		$[36] = isMobileStudio;
+		$[37] = t11;
+		$[38] = t12;
 		$[39] = t15;
 		$[40] = t16;
-	} else t16 = $[40];
-	let t17;
-	if ($[41] !== derivedLayoutId || $[42] !== isEditMode || $[43] !== isMobileStudio || $[44] !== pageData?.page) {
-		t17 = !isMobileStudio && isEditMode && /* @__PURE__ */ jsx(RightSidebar, {
+		$[41] = t17;
+	} else t17 = $[41];
+	let t18;
+	if ($[42] !== derivedLayoutId || $[43] !== isEditMode || $[44] !== isMobileStudio || $[45] !== pageData?.page) {
+		t18 = !isMobileStudio && isEditMode && /* @__PURE__ */ jsx(RightSidebar, {
 			pageId: pageData?.page.id,
 			derivedLayoutId
 		});
-		$[41] = derivedLayoutId;
-		$[42] = isEditMode;
-		$[43] = isMobileStudio;
-		$[44] = pageData?.page;
-		$[45] = t17;
-	} else t17 = $[45];
-	let t18;
-	if ($[46] !== t10 || $[47] !== t16 || $[48] !== t17) {
-		t18 = /* @__PURE__ */ jsxs("div", {
+		$[42] = derivedLayoutId;
+		$[43] = isEditMode;
+		$[44] = isMobileStudio;
+		$[45] = pageData?.page;
+		$[46] = t18;
+	} else t18 = $[46];
+	let t19;
+	if ($[47] !== t10 || $[48] !== t17 || $[49] !== t18) {
+		t19 = /* @__PURE__ */ jsxs("div", {
 			className: "flex h-full flex-row items-stretch",
 			children: [
 				t10,
-				t16,
-				t17
+				t17,
+				t18
 			]
 		});
-		$[46] = t10;
-		$[47] = t16;
+		$[47] = t10;
 		$[48] = t17;
 		$[49] = t18;
-	} else t18 = $[49];
-	let t19;
-	if ($[50] !== isEditMode || $[51] !== isMobileStudio) {
-		t19 = (isMobileStudio || isEditMode) && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CreatePageModal, {}), /* @__PURE__ */ jsx(DraftSwitchDialog, {})] });
-		$[50] = isEditMode;
-		$[51] = isMobileStudio;
-		$[52] = t19;
-	} else t19 = $[52];
+		$[50] = t19;
+	} else t19 = $[50];
 	let t20;
-	if ($[53] !== t18 || $[54] !== t19 || $[55] !== t8 || $[56] !== t9) {
-		t20 = /* @__PURE__ */ jsxs("div", {
+	if ($[51] !== isEditMode || $[52] !== isMobileStudio) {
+		t20 = (isMobileStudio || isEditMode) && /* @__PURE__ */ jsx(CreatePageModal, {});
+		$[51] = isEditMode;
+		$[52] = isMobileStudio;
+		$[53] = t20;
+	} else t20 = $[53];
+	let t21;
+	if ($[54] !== t19 || $[55] !== t20 || $[56] !== t8 || $[57] !== t9) {
+		t21 = /* @__PURE__ */ jsxs("div", {
 			className: t8,
 			children: [
 				t9,
-				t18,
-				t19
+				t19,
+				t20
 			]
 		});
-		$[53] = t18;
 		$[54] = t19;
-		$[55] = t8;
-		$[56] = t9;
-		$[57] = t20;
-	} else t20 = $[57];
-	return t20;
+		$[55] = t20;
+		$[56] = t8;
+		$[57] = t9;
+		$[58] = t21;
+	} else t21 = $[58];
+	return t21;
 };
 function usePreviewPagesActions() {
 	const $ = c(13);
-	if ($[0] !== "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a") {
+	if ($[0] !== "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b") {
 		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a";
+		$[0] = "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b";
 	}
 	const navigate = useNavigate();
 	const { pathname } = useLocation();
@@ -655,8 +652,8 @@ function usePreviewPagesActions() {
 					label: "Create page",
 					aliases: ["New page", "Add page"],
 					groupLabel: "Preview",
-					checkIfAvailable: _temp15,
-					execute: _temp16
+					checkIfAvailable: _temp11,
+					execute: _temp12
 				},
 				{
 					id: "edit-current-page",
@@ -687,14 +684,14 @@ function usePreviewPagesActions() {
 					groupLabel: "Preview",
 					checkIfAvailable: () => !!pages,
 					hasChildren: true,
-					execute: _temp17
+					execute: _temp13
 				},
 				...pages ? pages.map((page) => ({
 					id: `go-to-page-${page.id}`,
 					parentActionId: "go-to-page",
 					label: `Go to "${page.nickname}"`,
 					groupLabel: "Preview",
-					checkIfAvailable: _temp18,
+					checkIfAvailable: _temp14,
 					execute: () => navigate({ to: page.fullPath })
 				})) : []
 			];
@@ -705,7 +702,7 @@ function usePreviewPagesActions() {
 			return () => {
 				actionsStore.send({
 					type: "unregisterManyActions",
-					ids: actions.map(_temp19)
+					ids: actions.map(_temp15)
 				});
 			};
 		};
@@ -725,62 +722,51 @@ function usePreviewPagesActions() {
 	}
 	React.useEffect(t4, t5);
 }
-function _temp19(a) {
+function _temp15(a) {
 	return a.id;
 }
-function _temp18() {
+function _temp14() {
 	return true;
 }
-function _temp17() {}
-function _temp16() {
+function _temp13() {}
+function _temp12() {
 	return previewStore.send({ type: "openCreatePageModal" });
 }
-function _temp15() {
+function _temp11() {
 	return true;
 }
 function _temp3(state) {
-	return state.context.previewSource;
+	return state.context.isToolbarHidden;
 }
-function _temp5(state) {
-	return state.context.isEditMode;
+function _temp4(state_0) {
+	return state_0.context.isAddBlockSidebarOpen;
 }
-function _temp6(state_0) {
-	return state_0.context.isToolbarHidden;
-}
-function _temp7(state_1) {
-	return state_1.context.isAddBlockSidebarOpen;
-}
-function _temp8(state_2) {
-	return state_2.context.previewSource;
-}
-function _temp9() {
+function _temp5() {
 	return previewStore.send({ type: "exitEditMode" });
 }
-function _temp0() {
+function _temp6() {
 	return previewStore.send({ type: "enterEditMode" });
 }
-function _temp1() {
-	return previewStore.send({
-		type: "setPreviewSource",
-		source: "live"
-	});
+function _temp7() {
+	return previewStore.send({ type: "viewLivePage" });
 }
-function _temp10() {
-	return previewStore.send({
-		type: "setPreviewSource",
-		source: "draft"
-	});
+function _temp8() {
+	return previewStore.send({ type: "viewDraftPage" });
 }
-function _temp11() {
+function _temp9() {
 	return true;
 }
-function _temp12() {
+function _temp0() {
+	previewStore.send({
+		type: "setCommentMode",
+		enabled: false
+	});
 	previewStore.send({ type: "clearSelection" });
 }
-function _temp13(a) {
+function _temp1(a) {
 	return a.id;
 }
-function _temp14() {
+function _temp10() {
 	return previewStore.send({ type: "closeAddBlockSidebar" });
 }
 

package/dist/features/preview/DerivedPreview.js

@@ -1,7 +1,7 @@
 import { useIsAuthenticated, useProjectSlug } from "../../lib/auth.js";
 import { getApiClient } from "../../lib/api-client.js";
 import { seedBlockCaches } from "../../lib/normalized-data.js";
-import { previewStore } from "./previewStore.js";
+import { previewStore, selectPreviewSource } from "./previewStore.js";
 import { PreviewShell } from "./CamoxPreview.js";
 import { DerivedPageContent } from "../page/DerivedPageContent.js";
 import { c } from "react/compiler-runtime";
@@ -13,9 +13,9 @@ import { queryKeys } from "@camox/api-contract/query-keys";
 //#region src/features/preview/DerivedPreview.tsx
 function DerivedPreview(props) {
 	const $ = c(5);
-	if ($[0] !== "261aac3044f545b5b17e0449fc914e6311b0108f3d16c419141b242a12b10dbe") {
+	if ($[0] !== "b948df7cf2e5c6cd498f94bb7b9f2055507563755e12fa92cc29001f25ecad40") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "261aac3044f545b5b17e0449fc914e6311b0108f3d16c419141b242a12b10dbe";
+		$[0] = "b948df7cf2e5c6cd498f94bb7b9f2055507563755e12fa92cc29001f25ecad40";
 	}
 	if (!useIsAuthenticated()) {
 		let t0;
@@ -36,12 +36,12 @@ function DerivedPreview(props) {
 }
 function AuthenticatedDerivedPreview(t0) {
 	const $ = c(26);
-	if ($[0] !== "261aac3044f545b5b17e0449fc914e6311b0108f3d16c419141b242a12b10dbe") {
+	if ($[0] !== "b948df7cf2e5c6cd498f94bb7b9f2055507563755e12fa92cc29001f25ecad40") {
 		for (let $i = 0; $i < 26; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "261aac3044f545b5b17e0449fc914e6311b0108f3d16c419141b242a12b10dbe";
+		$[0] = "b948df7cf2e5c6cd498f94bb7b9f2055507563755e12fa92cc29001f25ecad40";
 	}
 	const { camoxApp, derived, source } = t0;
-	const previewSource = useSelector(previewStore, _temp);
+	const previewSource = useSelector(previewStore, selectPreviewSource);
 	const projectSlug = useProjectSlug();
 	const queryClient = useQueryClient();
 	let t1;
@@ -129,9 +129,6 @@ function AuthenticatedDerivedPreview(t0) {
 	} else t8 = $[25];
 	return t8;
 }
-function _temp(state) {
-	return state.context.previewSource;
-}
 
 //#endregion
 export { DerivedPreview };

package/dist/features/preview/commentsEnabled.js

@@ -0,0 +1,8 @@
+//#region src/features/preview/commentsEnabled.ts
+/** Opt-in prototype flag, replaced by the Camox Vite plugin in both client and SSR builds. */
+function areCommentsEnabled() {
+	return typeof __CAMOX_ENABLE_COMMENTS__ !== "undefined" && __CAMOX_ENABLE_COMMENTS__;
+}
+
+//#endregion
+export { areCommentsEnabled };