camox 0.43.0 → 0.44.0

package/dist/core/lib/textStyles.js

@@ -6,7 +6,7 @@ function getTextStyleData(format) {
 		highlight: false,
 		bold: !!(format & FORMAT_FLAGS.bold),
 		italic: !!(format & FORMAT_FLAGS.italic),
-		underline: !!(format & FORMAT_FLAGS.underline)
+		strikethrough: !!(format & FORMAT_FLAGS.strikethrough)
 	};
 }
 function getTextAppearance(format, styles) {
@@ -16,7 +16,7 @@ function getTextAppearance(format, styles) {
 		className: custom?.className,
 		style: {
 			...flags.bold && flags.italic ? { fontStyle: "italic" } : {},
-			...flags.underline ? { textDecorationLine: "underline" } : {},
+			...flags.strikethrough ? { textDecorationLine: "line-through" } : {},
 			...custom?.style
 		}
 	};
@@ -27,7 +27,7 @@ function getHighlightStyle(styles) {
 		highlight: true,
 		bold: false,
 		italic: false,
-		underline: false
+		strikethrough: false
 	});
 	return {
 		className: custom?.className,

package/dist/features/content/components/AssetCard.js

@@ -2,20 +2,21 @@ import { transformImageUrl } from "../../../core/lib/imageTransform.js";
 import { cn } from "../../../lib/utils.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { FileIcon } from "lucide-react";
+import { FileIcon, Play } from "lucide-react";
 
 //#region src/features/content/components/AssetCard.tsx
 const OPAQUE_IMAGE_MIME_TYPES = new Set(["image/jpeg", "image/jpg"]);
 const AssetCard = (t0) => {
-	const $ = c(46);
-	if ($[0] !== "1047e431261024f9506ec8f4989ecb00b2808af70364054688c5f3d5eb9e1f28") {
-		for (let $i = 0; $i < 46; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "1047e431261024f9506ec8f4989ecb00b2808af70364054688c5f3d5eb9e1f28";
+	const $ = c(50);
+	if ($[0] !== "9aebb85bb22fc4b24c35af733cd21a00df48ad736a0749a2028271c210f9e9e9") {
+		for (let $i = 0; $i < 50; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "9aebb85bb22fc4b24c35af733cd21a00df48ad736a0749a2028271c210f9e9e9";
 	}
 	const { file, selected, onSelect, onOpen } = t0;
 	let extension;
 	let isImage;
 	let isOpaqueImage;
+	let isVideo;
 	let t1;
 	let t2;
 	let t3;
@@ -24,38 +25,45 @@ const AssetCard = (t0) => {
 	let t6;
 	if ($[1] !== file.filename || $[2] !== file.id || $[3] !== file.mimeType || $[4] !== onOpen || $[5] !== onSelect || $[6] !== selected) {
 		isImage = file.mimeType?.startsWith("image/");
-		isOpaqueImage = isImage && OPAQUE_IMAGE_MIME_TYPES.has(file.mimeType ?? "");
 		let t7;
-		if ($[16] !== file.filename) {
-			t7 = file.filename?.split(".").pop()?.toUpperCase() ?? "";
-			$[16] = file.filename;
-			$[17] = t7;
-		} else t7 = $[17];
-		extension = t7;
+		if ($[17] !== file.mimeType) {
+			t7 = file.mimeType?.startsWith("video/");
+			$[17] = file.mimeType;
+			$[18] = t7;
+		} else t7 = $[18];
+		isVideo = t7;
+		isOpaqueImage = isImage && OPAQUE_IMAGE_MIME_TYPES.has(file.mimeType ?? "");
+		let t8;
+		if ($[19] !== file.filename) {
+			t8 = file.filename?.split(".").pop()?.toUpperCase() ?? "";
+			$[19] = file.filename;
+			$[20] = t8;
+		} else t8 = $[20];
+		extension = t8;
 		t2 = "button";
 		t3 = file.id;
-		const t8 = selected ? "bg-primary/20 border-2 border-primary" : "hover:bg-accent/75";
-		if ($[18] !== t8) {
-			t4 = cn("group flex flex-col gap-1.5 rounded-lg p-2 text-left border-2 border-transparent", t8);
-			$[18] = t8;
-			$[19] = t4;
-		} else t4 = $[19];
-		if ($[20] !== onSelect) {
+		const t9 = selected ? "bg-primary/20 border-2 border-primary" : "hover:bg-accent/75";
+		if ($[21] !== t9) {
+			t4 = cn("group flex flex-col gap-1.5 rounded-lg p-2 text-left border-2 border-transparent", t9);
+			$[21] = t9;
+			$[22] = t4;
+		} else t4 = $[22];
+		if ($[23] !== onSelect) {
 			t5 = (e) => {
 				e.stopPropagation();
 				onSelect();
 			};
-			$[20] = onSelect;
-			$[21] = t5;
-		} else t5 = $[21];
-		if ($[22] !== onOpen) {
+			$[23] = onSelect;
+			$[24] = t5;
+		} else t5 = $[24];
+		if ($[25] !== onOpen) {
 			t6 = (e_0) => {
 				e_0.stopPropagation();
 				onOpen();
 			};
-			$[22] = onOpen;
-			$[23] = t6;
-		} else t6 = $[23];
+			$[25] = onOpen;
+			$[26] = t6;
+		} else t6 = $[26];
 		t1 = cn("flex aspect-4/3 w-full items-center justify-center overflow-hidden rounded-sm", isOpaqueImage && "bg-muted", !isImage && "bg-muted", isImage && !isOpaqueImage && "checkered p-1.5");
 		$[1] = file.filename;
 		$[2] = file.id;
@@ -66,25 +74,27 @@ const AssetCard = (t0) => {
 		$[7] = extension;
 		$[8] = isImage;
 		$[9] = isOpaqueImage;
-		$[10] = t1;
-		$[11] = t2;
-		$[12] = t3;
-		$[13] = t4;
-		$[14] = t5;
-		$[15] = t6;
+		$[10] = isVideo;
+		$[11] = t1;
+		$[12] = t2;
+		$[13] = t3;
+		$[14] = t4;
+		$[15] = t5;
+		$[16] = t6;
 	} else {
 		extension = $[7];
 		isImage = $[8];
 		isOpaqueImage = $[9];
-		t1 = $[10];
-		t2 = $[11];
-		t3 = $[12];
-		t4 = $[13];
-		t5 = $[14];
-		t6 = $[15];
+		isVideo = $[10];
+		t1 = $[11];
+		t2 = $[12];
+		t3 = $[13];
+		t4 = $[14];
+		t5 = $[15];
+		t6 = $[16];
 	}
 	let t7;
-	if ($[24] !== extension || $[25] !== file.alt || $[26] !== file.filename || $[27] !== file.mimeType || $[28] !== file.size || $[29] !== file.url || $[30] !== isImage || $[31] !== isOpaqueImage) {
+	if ($[27] !== extension || $[28] !== file.alt || $[29] !== file.filename || $[30] !== file.mimeType || $[31] !== file.size || $[32] !== file.url || $[33] !== isImage || $[34] !== isOpaqueImage || $[35] !== isVideo) {
 		t7 = isImage ? /* @__PURE__ */ jsx("img", {
 			src: transformImageUrl(file.url, {
 				width: 480,
@@ -94,6 +104,27 @@ const AssetCard = (t0) => {
 			alt: file.alt || file.filename,
 			draggable: false,
 			className: cn("pointer-events-none h-full w-full", isOpaqueImage ? "object-cover" : "object-contain")
+		}) : isVideo ? /* @__PURE__ */ jsxs("div", {
+			className: "pointer-events-none relative h-full w-full",
+			children: [/* @__PURE__ */ jsx("video", {
+				src: file.url,
+				muted: true,
+				playsInline: true,
+				preload: "metadata",
+				"aria-hidden": "true",
+				className: "h-full w-full object-cover",
+				onLoadedMetadata: _temp
+			}, file.url), /* @__PURE__ */ jsx("span", {
+				className: "absolute inset-0 flex items-center justify-center",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "rounded-full bg-black/50 p-2 text-white",
+					children: /* @__PURE__ */ jsx(Play, {
+						className: "h-5 w-5",
+						fill: "currentColor",
+						"aria-hidden": "true"
+					})
+				})
+			})]
 		}) : /* @__PURE__ */ jsxs("div", {
 			className: "text-muted-foreground flex flex-col items-center gap-1",
 			children: [/* @__PURE__ */ jsx(FileIcon, { className: "h-8 w-8" }), extension && /* @__PURE__ */ jsx("span", {
@@ -101,37 +132,38 @@ const AssetCard = (t0) => {
 				children: extension
 			})]
 		});
-		$[24] = extension;
-		$[25] = file.alt;
-		$[26] = file.filename;
-		$[27] = file.mimeType;
-		$[28] = file.size;
-		$[29] = file.url;
-		$[30] = isImage;
-		$[31] = isOpaqueImage;
-		$[32] = t7;
-	} else t7 = $[32];
+		$[27] = extension;
+		$[28] = file.alt;
+		$[29] = file.filename;
+		$[30] = file.mimeType;
+		$[31] = file.size;
+		$[32] = file.url;
+		$[33] = isImage;
+		$[34] = isOpaqueImage;
+		$[35] = isVideo;
+		$[36] = t7;
+	} else t7 = $[36];
 	let t8;
-	if ($[33] !== t1 || $[34] !== t7) {
+	if ($[37] !== t1 || $[38] !== t7) {
 		t8 = /* @__PURE__ */ jsx("div", {
 			className: t1,
 			children: t7
 		});
-		$[33] = t1;
-		$[34] = t7;
-		$[35] = t8;
-	} else t8 = $[35];
+		$[37] = t1;
+		$[38] = t7;
+		$[39] = t8;
+	} else t8 = $[39];
 	let t9;
-	if ($[36] !== file.filename) {
+	if ($[40] !== file.filename) {
 		t9 = /* @__PURE__ */ jsx("p", {
 			className: "line-clamp-2 px-0.5 text-xs break-all",
 			children: file.filename
 		});
-		$[36] = file.filename;
-		$[37] = t9;
-	} else t9 = $[37];
+		$[40] = file.filename;
+		$[41] = t9;
+	} else t9 = $[41];
 	let t10;
-	if ($[38] !== t2 || $[39] !== t3 || $[40] !== t4 || $[41] !== t5 || $[42] !== t6 || $[43] !== t8 || $[44] !== t9) {
+	if ($[42] !== t2 || $[43] !== t3 || $[44] !== t4 || $[45] !== t5 || $[46] !== t6 || $[47] !== t8 || $[48] !== t9) {
 		t10 = /* @__PURE__ */ jsxs("button", {
 			type: t2,
 			"data-asset-id": t3,
@@ -140,17 +172,21 @@ const AssetCard = (t0) => {
 			onDoubleClick: t6,
 			children: [t8, t9]
 		});
-		$[38] = t2;
-		$[39] = t3;
-		$[40] = t4;
-		$[41] = t5;
-		$[42] = t6;
-		$[43] = t8;
-		$[44] = t9;
-		$[45] = t10;
-	} else t10 = $[45];
+		$[42] = t2;
+		$[43] = t3;
+		$[44] = t4;
+		$[45] = t5;
+		$[46] = t6;
+		$[47] = t8;
+		$[48] = t9;
+		$[49] = t10;
+	} else t10 = $[49];
 	return t10;
 };
+function _temp(event) {
+	const video = event.currentTarget;
+	if (Number.isFinite(video.duration) && video.duration > 0) video.currentTime = Math.min(.1, video.duration / 2);
+}
 
 //#endregion
 export { AssetCard };

package/dist/features/preview/CamoxPreview.js

@@ -9,7 +9,8 @@ import { blockQueries } from "../../lib/queries.js";
 import { usePageDestinations } from "../../hooks/use-page-destinations.js";
 import { cn } from "../../lib/utils.js";
 import { SharedChromeContext } from "../runtime/SharedChromeContext.js";
-import { previewStore, selectIsEditMode, selectPreviewSource } from "./previewStore.js";
+import { areCommentsEnabled } from "./commentsEnabled.js";
+import { previewStore, selectIsCommentMode, selectIsEditMode, selectPreviewSource } from "./previewStore.js";
 import { Navbar } from "../studio/components/Navbar.js";
 import { CreatePageModal } from "./components/CreatePageModal.js";
 import { EDIT_MODE_SHORTCUT } from "./previewConstants.js";
@@ -37,9 +38,9 @@ function getMobileStudioSnapshot() {
 }
 function useIsMobileStudio() {
 	const $ = c(1);
-	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
+	if ($[0] !== "1f7f5b8cfc80775a4d8d5a69dedeb5c289bf8de78288daf387d6edc5d5f0b09c") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
+		$[0] = "1f7f5b8cfc80775a4d8d5a69dedeb5c289bf8de78288daf387d6edc5d5f0b09c";
 	}
 	return React.useSyncExternalStore(subscribeToMobileStudio, getMobileStudioSnapshot, _temp);
 }
@@ -72,9 +73,9 @@ function pageStructureQueryFn(path, projectSlug, source) {
 }
 function usePreviewedPage() {
 	const $ = c(11);
-	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
+	if ($[0] !== "1f7f5b8cfc80775a4d8d5a69dedeb5c289bf8de78288daf387d6edc5d5f0b09c") {
 		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
+		$[0] = "1f7f5b8cfc80775a4d8d5a69dedeb5c289bf8de78288daf387d6edc5d5f0b09c";
 	}
 	const { pathname } = useLocation();
 	const projectSlug = useProjectSlug();
@@ -110,9 +111,9 @@ function usePreviewedPage() {
 }
 const BlockRenderer = (t0) => {
 	const $ = c(23);
-	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
+	if ($[0] !== "1f7f5b8cfc80775a4d8d5a69dedeb5c289bf8de78288daf387d6edc5d5f0b09c") {
 		for (let $i = 0; $i < 23; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
+		$[0] = "1f7f5b8cfc80775a4d8d5a69dedeb5c289bf8de78288daf387d6edc5d5f0b09c";
 	}
 	const { blockId, mode, showAddBlockTop, showAddBlockBottom } = t0;
 	const previewSource = useSelector(previewStore, selectPreviewSource);
@@ -255,9 +256,9 @@ const PageContent = () => {
 };
 function useHydrateDraftCache() {
 	const $ = c(7);
-	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
+	if ($[0] !== "1f7f5b8cfc80775a4d8d5a69dedeb5c289bf8de78288daf387d6edc5d5f0b09c") {
 		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
+		$[0] = "1f7f5b8cfc80775a4d8d5a69dedeb5c289bf8de78288daf387d6edc5d5f0b09c";
 	}
 	const isAuthenticated = useIsAuthenticated();
 	const queryClient = useQueryClient();
@@ -308,9 +309,9 @@ function useHydrateDraftCache() {
 function _temp2() {}
 const CamoxPreview = (t0) => {
 	const $ = c(4);
-	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
+	if ($[0] !== "1f7f5b8cfc80775a4d8d5a69dedeb5c289bf8de78288daf387d6edc5d5f0b09c") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
+		$[0] = "1f7f5b8cfc80775a4d8d5a69dedeb5c289bf8de78288daf387d6edc5d5f0b09c";
 	}
 	const { children } = t0;
 	const pageData = usePreviewedPage();
@@ -329,10 +330,10 @@ const CamoxPreview = (t0) => {
 };
 /** Studio chrome is shared; only curated previews require a Camox page record. */
 const PreviewShell = (t0) => {
-	const $ = c(59);
-	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
-		for (let $i = 0; $i < 59; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
+	const $ = c(61);
+	if ($[0] !== "1f7f5b8cfc80775a4d8d5a69dedeb5c289bf8de78288daf387d6edc5d5f0b09c") {
+		for (let $i = 0; $i < 61; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "1f7f5b8cfc80775a4d8d5a69dedeb5c289bf8de78288daf387d6edc5d5f0b09c";
 	}
 	const { children, pageData, hasLiveVersion: t1, derivedLayoutId, derivedLayout } = t0;
 	const hasLiveVersion = t1 === void 0 ? false : t1;
@@ -340,6 +341,7 @@ const PreviewShell = (t0) => {
 	const isMobileStudio = useIsMobileStudio();
 	const sharedChrome = React.useContext(SharedChromeContext);
 	const isEditMode = useSelector(previewStore, selectIsEditMode);
+	const isCommentMode = useSelector(previewStore, selectIsCommentMode);
 	const isToolbarHidden = useSelector(previewStore, _temp3);
 	const isAddBlockSidebarOpen = useSelector(previewStore, _temp4);
 	const previewSource = useSelector(previewStore, selectPreviewSource);
@@ -363,7 +365,7 @@ const PreviewShell = (t0) => {
 	React.useEffect(t2, t3);
 	let t4;
 	let t5;
-	if ($[4] !== hasLiveCheckpoint || $[5] !== isAuthenticated || $[6] !== isEditMode || $[7] !== isMobileStudio || $[8] !== previewSource) {
+	if ($[4] !== hasLiveCheckpoint || $[5] !== isAuthenticated || $[6] !== isCommentMode || $[7] !== isEditMode || $[8] !== isMobileStudio || $[9] !== pageData || $[10] !== previewSource) {
 		t4 = () => {
 			const actions = [
 				{
@@ -393,6 +395,25 @@ const PreviewShell = (t0) => {
 					execute: _temp6,
 					shortcut: EDIT_MODE_SHORTCUT
 				},
+				{
+					id: "enter-comment-mode",
+					label: "Leave feedback",
+					aliases: [
+						"Comment",
+						"Comment mode",
+						"Show feedback"
+					],
+					groupLabel: "Preview",
+					checkIfAvailable: () => isAuthenticated && !isMobileStudio && pageData != null && areCommentsEnabled() && !isCommentMode,
+					execute: () => {
+						if (!isEditMode) previewStore.send({ type: "enterEditMode" });
+						previewStore.send({
+							type: "setCommentMode",
+							enabled: true
+						});
+					},
+					shortcut: { key: "c" }
+				},
 				{
 					id: "preview-live-content",
 					label: "Preview live content",
@@ -448,43 +469,47 @@ const PreviewShell = (t0) => {
 		};
 		t5 = [
 			isEditMode,
+			isCommentMode,
 			isAuthenticated,
 			isMobileStudio,
+			pageData,
 			previewSource,
 			hasLiveCheckpoint
 		];
 		$[4] = hasLiveCheckpoint;
 		$[5] = isAuthenticated;
-		$[6] = isEditMode;
-		$[7] = isMobileStudio;
-		$[8] = previewSource;
-		$[9] = t4;
-		$[10] = t5;
+		$[6] = isCommentMode;
+		$[7] = isEditMode;
+		$[8] = isMobileStudio;
+		$[9] = pageData;
+		$[10] = previewSource;
+		$[11] = t4;
+		$[12] = t5;
 	} else {
-		t4 = $[9];
-		t5 = $[10];
+		t4 = $[11];
+		t5 = $[12];
 	}
 	React.useEffect(t4, t5);
 	if (!isAuthenticated) {
 		let t6;
-		if ($[11] !== children) {
+		if ($[13] !== children) {
 			t6 = /* @__PURE__ */ jsx(Fragment, { children });
-			$[11] = children;
-			$[12] = t6;
-		} else t6 = $[12];
+			$[13] = children;
+			$[14] = t6;
+		} else t6 = $[14];
 		return t6;
 	}
 	const t6 = sharedChrome ? "h-full" : "h-screen";
 	const t7 = !isEditMode && "bg-black";
 	let t8;
-	if ($[13] !== t6 || $[14] !== t7) {
+	if ($[15] !== t6 || $[16] !== t7) {
 		t8 = cn("bg-background flex flex-col overflow-hidden", t6, t7);
-		$[13] = t6;
-		$[14] = t7;
-		$[15] = t8;
-	} else t8 = $[15];
+		$[15] = t6;
+		$[16] = t7;
+		$[17] = t8;
+	} else t8 = $[17];
 	let t9;
-	if ($[16] !== isAddBlockSidebarOpen || $[17] !== isMobileStudio || $[18] !== isToolbarHidden || $[19] !== pageData || $[20] !== sharedChrome) {
+	if ($[18] !== isAddBlockSidebarOpen || $[19] !== isMobileStudio || $[20] !== isToolbarHidden || $[21] !== pageData || $[22] !== sharedChrome) {
 		t9 = !sharedChrome && !isMobileStudio && !isToolbarHidden && /* @__PURE__ */ jsxs("div", {
 			className: "relative",
 			children: [/* @__PURE__ */ jsx(Navbar, { isPreview: true }), pageData && isAddBlockSidebarOpen && /* @__PURE__ */ jsx("div", {
@@ -493,15 +518,15 @@ const PreviewShell = (t0) => {
 				onClick: _temp10
 			})]
 		});
-		$[16] = isAddBlockSidebarOpen;
-		$[17] = isMobileStudio;
-		$[18] = isToolbarHidden;
-		$[19] = pageData;
-		$[20] = sharedChrome;
-		$[21] = t9;
-	} else t9 = $[21];
+		$[18] = isAddBlockSidebarOpen;
+		$[19] = isMobileStudio;
+		$[20] = isToolbarHidden;
+		$[21] = pageData;
+		$[22] = sharedChrome;
+		$[23] = t9;
+	} else t9 = $[23];
 	let t10;
-	if ($[22] !== derivedLayout || $[23] !== derivedLayoutId || $[24] !== isEditMode || $[25] !== isMobileStudio || $[26] !== pageData) {
+	if ($[24] !== derivedLayout || $[25] !== derivedLayoutId || $[26] !== isEditMode || $[27] !== isMobileStudio || $[28] !== pageData) {
 		t10 = !isMobileStudio && (pageData || derivedLayoutId) && /* @__PURE__ */ jsx("div", {
 			className: isEditMode ? "contents" : "hidden",
 			children: /* @__PURE__ */ jsx(LeftSidebar, {
@@ -509,38 +534,38 @@ const PreviewShell = (t0) => {
 				derivedLayout
 			})
 		});
-		$[22] = derivedLayout;
-		$[23] = derivedLayoutId;
-		$[24] = isEditMode;
-		$[25] = isMobileStudio;
-		$[26] = pageData;
-		$[27] = t10;
-	} else t10 = $[27];
+		$[24] = derivedLayout;
+		$[25] = derivedLayoutId;
+		$[26] = isEditMode;
+		$[27] = isMobileStudio;
+		$[28] = pageData;
+		$[29] = t10;
+	} else t10 = $[29];
 	const t11 = pageData?.page;
 	const t12 = pageData?.projectName;
 	const t13 = pageData?.page.id;
 	const t14 = pageData?.page.status;
 	let t15;
-	if ($[28] !== hasLiveCheckpoint || $[29] !== t13 || $[30] !== t14) {
+	if ($[30] !== hasLiveCheckpoint || $[31] !== t13 || $[32] !== t14) {
 		t15 = {
 			pageId: t13,
 			pageStatus: t14,
 			hasLiveVersion: hasLiveCheckpoint
 		};
-		$[28] = hasLiveCheckpoint;
-		$[29] = t13;
-		$[30] = t14;
-		$[31] = t15;
-	} else t15 = $[31];
+		$[30] = hasLiveCheckpoint;
+		$[31] = t13;
+		$[32] = t14;
+		$[33] = t15;
+	} else t15 = $[33];
 	let t16;
-	if ($[32] !== isEditMode || $[33] !== isMobileStudio) {
+	if ($[34] !== isEditMode || $[35] !== isMobileStudio) {
 		t16 = !isMobileStudio && isEditMode && /* @__PURE__ */ jsx(PreviewToolbarSpacer, {});
-		$[32] = isEditMode;
-		$[33] = isMobileStudio;
-		$[34] = t16;
-	} else t16 = $[34];
+		$[34] = isEditMode;
+		$[35] = isMobileStudio;
+		$[36] = t16;
+	} else t16 = $[36];
 	let t17;
-	if ($[35] !== children || $[36] !== isMobileStudio || $[37] !== t11 || $[38] !== t12 || $[39] !== t15 || $[40] !== t16) {
+	if ($[37] !== children || $[38] !== isMobileStudio || $[39] !== t11 || $[40] !== t12 || $[41] !== t15 || $[42] !== t16) {
 		t17 = /* @__PURE__ */ jsxs(PreviewPanel, {
 			isMobileExperience: isMobileStudio,
 			page: t11,
@@ -548,28 +573,28 @@ const PreviewShell = (t0) => {
 			toolbarProps: t15,
 			children: [children, t16]
 		});
-		$[35] = children;
-		$[36] = isMobileStudio;
-		$[37] = t11;
-		$[38] = t12;
-		$[39] = t15;
-		$[40] = t16;
-		$[41] = t17;
-	} else t17 = $[41];
+		$[37] = children;
+		$[38] = isMobileStudio;
+		$[39] = t11;
+		$[40] = t12;
+		$[41] = t15;
+		$[42] = t16;
+		$[43] = t17;
+	} else t17 = $[43];
 	let t18;
-	if ($[42] !== derivedLayoutId || $[43] !== isEditMode || $[44] !== isMobileStudio || $[45] !== pageData?.page) {
+	if ($[44] !== derivedLayoutId || $[45] !== isEditMode || $[46] !== isMobileStudio || $[47] !== pageData?.page) {
 		t18 = !isMobileStudio && isEditMode && /* @__PURE__ */ jsx(RightSidebar, {
 			pageId: pageData?.page.id,
 			derivedLayoutId
 		});
-		$[42] = derivedLayoutId;
-		$[43] = isEditMode;
-		$[44] = isMobileStudio;
-		$[45] = pageData?.page;
-		$[46] = t18;
-	} else t18 = $[46];
+		$[44] = derivedLayoutId;
+		$[45] = isEditMode;
+		$[46] = isMobileStudio;
+		$[47] = pageData?.page;
+		$[48] = t18;
+	} else t18 = $[48];
 	let t19;
-	if ($[47] !== t10 || $[48] !== t17 || $[49] !== t18) {
+	if ($[49] !== t10 || $[50] !== t17 || $[51] !== t18) {
 		t19 = /* @__PURE__ */ jsxs("div", {
 			className: "flex h-full flex-row items-stretch",
 			children: [
@@ -578,20 +603,20 @@ const PreviewShell = (t0) => {
 				t18
 			]
 		});
-		$[47] = t10;
-		$[48] = t17;
-		$[49] = t18;
-		$[50] = t19;
-	} else t19 = $[50];
+		$[49] = t10;
+		$[50] = t17;
+		$[51] = t18;
+		$[52] = t19;
+	} else t19 = $[52];
 	let t20;
-	if ($[51] !== isEditMode || $[52] !== isMobileStudio) {
+	if ($[53] !== isEditMode || $[54] !== isMobileStudio) {
 		t20 = (isMobileStudio || isEditMode) && /* @__PURE__ */ jsx(CreatePageModal, {});
-		$[51] = isEditMode;
-		$[52] = isMobileStudio;
-		$[53] = t20;
-	} else t20 = $[53];
+		$[53] = isEditMode;
+		$[54] = isMobileStudio;
+		$[55] = t20;
+	} else t20 = $[55];
 	let t21;
-	if ($[54] !== t19 || $[55] !== t20 || $[56] !== t8 || $[57] !== t9) {
+	if ($[56] !== t19 || $[57] !== t20 || $[58] !== t8 || $[59] !== t9) {
 		t21 = /* @__PURE__ */ jsxs("div", {
 			className: t8,
 			children: [
@@ -600,19 +625,19 @@ const PreviewShell = (t0) => {
 				t20
 			]
 		});
-		$[54] = t19;
-		$[55] = t20;
-		$[56] = t8;
-		$[57] = t9;
-		$[58] = t21;
-	} else t21 = $[58];
+		$[56] = t19;
+		$[57] = t20;
+		$[58] = t8;
+		$[59] = t9;
+		$[60] = t21;
+	} else t21 = $[60];
 	return t21;
 };
 function usePreviewPagesActions() {
 	const $ = c(6);
-	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
+	if ($[0] !== "1f7f5b8cfc80775a4d8d5a69dedeb5c289bf8de78288daf387d6edc5d5f0b09c") {
 		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
+		$[0] = "1f7f5b8cfc80775a4d8d5a69dedeb5c289bf8de78288daf387d6edc5d5f0b09c";
 	}
 	const navigate = useNavigate();
 	const { pathname } = useLocation();

package/dist/features/preview/commentsEnabled.js

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