camox 0.41.0 → 0.41.1

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/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] !== "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a";
+		$[0] = "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d";
 	}
 	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] !== "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d") {
 		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a";
+		$[0] = "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d";
 	}
 	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] !== "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d") {
 		for (let $i = 0; $i < 23; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a";
+		$[0] = "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d";
 	}
 	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] !== "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d") {
 		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a";
+		$[0] = "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d";
 	}
 	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] !== "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a";
+		$[0] = "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d";
 	}
 	const { children } = t0;
 	const pageData = usePreviewedPage();
@@ -332,19 +329,19 @@ const CamoxPreview = (t0) => {
 /** Studio chrome is shared; only curated previews require a Camox page record. */
 const PreviewShell = (t0) => {
 	const $ = c(58);
-	if ($[0] !== "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a") {
+	if ($[0] !== "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d") {
 		for (let $i = 0; $i < 58; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a";
+		$[0] = "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d";
 	}
 	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;
@@ -533,10 +530,7 @@ const PreviewShell = (t0) => {
 	} else t14 = $[30];
 	let t15;
 	if ($[31] !== isEditMode || $[32] !== isMobileStudio) {
-		t15 = !isMobileStudio && isEditMode && /* @__PURE__ */ jsx("div", { style: {
-			height: "80px",
-			background: "transparent"
-		} });
+		t15 = !isMobileStudio && isEditMode && /* @__PURE__ */ jsx(PreviewToolbarSpacer, {});
 		$[31] = isEditMode;
 		$[32] = isMobileStudio;
 		$[33] = t15;
@@ -587,7 +581,7 @@ const PreviewShell = (t0) => {
 	} else t18 = $[49];
 	let t19;
 	if ($[50] !== isEditMode || $[51] !== isMobileStudio) {
-		t19 = (isMobileStudio || isEditMode) && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CreatePageModal, {}), /* @__PURE__ */ jsx(DraftSwitchDialog, {})] });
+		t19 = (isMobileStudio || isEditMode) && /* @__PURE__ */ jsx(CreatePageModal, {});
 		$[50] = isEditMode;
 		$[51] = isMobileStudio;
 		$[52] = t19;
@@ -612,9 +606,9 @@ const PreviewShell = (t0) => {
 };
 function usePreviewPagesActions() {
 	const $ = c(13);
-	if ($[0] !== "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a") {
+	if ($[0] !== "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d") {
 		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "24b649dd4428fd20f053be5828fab17890ad150c780fc5ba746c0c95ac30dd2a";
+		$[0] = "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d";
 	}
 	const navigate = useNavigate();
 	const { pathname } = useLocation();
@@ -655,8 +649,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 +681,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 +699,7 @@ function usePreviewPagesActions() {
 			return () => {
 				actionsStore.send({
 					type: "unregisterManyActions",
-					ids: actions.map(_temp19)
+					ids: actions.map(_temp15)
 				});
 			};
 		};
@@ -725,62 +719,47 @@ 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;
-}
-function _temp5(state) {
-	return state.context.isEditMode;
-}
-function _temp6(state_0) {
-	return state_0.context.isToolbarHidden;
-}
-function _temp7(state_1) {
-	return state_1.context.isAddBlockSidebarOpen;
+	return state.context.isToolbarHidden;
 }
-function _temp8(state_2) {
-	return state_2.context.previewSource;
+function _temp4(state_0) {
+	return state_0.context.isAddBlockSidebarOpen;
 }
-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: "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/components/BlockActionsPopover.js

@@ -279,9 +279,9 @@ function isLayoutBlockId(page, blockId) {
 }
 function useBlockActionsShortcuts() {
 	const $ = c(20);
-	if ($[0] !== "6f08ff9bc0fed3282acf0d89ae92abc621f32d53def6f8643005da200178547a") {
+	if ($[0] !== "2439a21a93e7dc68e5e2199bf795bec817fbc1286e567fde9de806e04fd01b64") {
 		for (let $i = 0; $i < 20; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "6f08ff9bc0fed3282acf0d89ae92abc621f32d53def6f8643005da200178547a";
+		$[0] = "2439a21a93e7dc68e5e2199bf795bec817fbc1286e567fde9de806e04fd01b64";
 	}
 	const camoxApp = useCamoxApp();
 	const page = usePreviewedPage();
@@ -327,7 +327,7 @@ function useBlockActionsShortcuts() {
 					},
 					checkIfAvailable: () => {
 						const ctx = previewStore.getSnapshot().context;
-						if (!ctx.isEditMode) return false;
+						if (ctx.mode !== "editing-draft") return false;
 						const sel = ctx.selection;
 						if (!sel) return false;
 						if (isLayoutBlockId(page, sel.blockId)) return false;
@@ -369,7 +369,7 @@ function useBlockActionsShortcuts() {
 					},
 					checkIfAvailable: () => {
 						const ctx_0 = previewStore.getSnapshot().context;
-						if (!ctx_0.isEditMode) return false;
+						if (ctx_0.mode !== "editing-draft") return false;
 						const sel_1 = ctx_0.selection;
 						if (!sel_1) return false;
 						if (isLayoutBlockId(page, sel_1.blockId)) return false;
@@ -398,7 +398,7 @@ function useBlockActionsShortcuts() {
 					},
 					checkIfAvailable: () => {
 						const ctx_1 = previewStore.getSnapshot().context;
-						if (!ctx_1.isEditMode) return false;
+						if (ctx_1.mode !== "editing-draft") return false;
 						const sel_3 = ctx_1.selection;
 						if (!sel_3 || !page) return false;
 						if (isLayoutBlockId(page, sel_3.blockId)) return false;
@@ -429,7 +429,7 @@ function useBlockActionsShortcuts() {
 					},
 					checkIfAvailable: () => {
 						const ctx_2 = previewStore.getSnapshot().context;
-						if (!ctx_2.isEditMode) return false;
+						if (ctx_2.mode !== "editing-draft") return false;
 						const sel_5 = ctx_2.selection;
 						if (!sel_5 || !page) return false;
 						if (isLayoutBlockId(page, sel_5.blockId)) return false;
@@ -538,12 +538,12 @@ function _temp12(a) {
 }
 function _temp11() {
 	const ctx_4 = previewStore.getSnapshot().context;
-	if (!ctx_4.isEditMode) return false;
+	if (ctx_4.mode !== "editing-draft") return false;
 	return ctx_4.selection !== null;
 }
 function _temp10() {
 	const ctx_3 = previewStore.getSnapshot().context;
-	if (!ctx_3.isEditMode) return false;
+	if (ctx_3.mode !== "editing-draft") return false;
 	return ctx_3.selection !== null;
 }
 function _temp1() {

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

@@ -2,7 +2,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 { previewStore } from "../previewStore.js";
+import { previewStore, selectPreviewSource } from "../previewStore.js";
 import { PagePicker } from "./PagePicker.js";
 import { LayoutBlockItem } from "./PageTree.js";
 import { PublicationRow } from "./PublicationRow.js";
@@ -17,12 +17,12 @@ import { PanelContent, PanelHeader } from "@camox/ui/panel";
 const EMPTY_PAGE = { blockIds: [] };
 function DerivedLayoutSidebar(t0) {
 	const $ = c(32);
-	if ($[0] !== "0cc5455eba828b2991984fd84c19729ae8e6281f71464b91de0f8d1253c3a11f") {
+	if ($[0] !== "2c7da8bd37fd1558e1c31149d4435d439cdd1425cb374116d681960617531266") {
 		for (let $i = 0; $i < 32; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "0cc5455eba828b2991984fd84c19729ae8e6281f71464b91de0f8d1253c3a11f";
+		$[0] = "2c7da8bd37fd1558e1c31149d4435d439cdd1425cb374116d681960617531266";
 	}
 	const { layout } = t0;
-	const source = useSelector(previewStore, _temp);
+	const source = useSelector(previewStore, selectPreviewSource);
 	let t1;
 	if ($[1] !== layout) {
 		t1 = {
@@ -155,9 +155,6 @@ function DerivedLayoutSidebar(t0) {
 	} else t14 = $[31];
 	return t14;
 }
-function _temp(state) {
-	return state.context.previewSource;
-}
 
 //#endregion
 export { DerivedLayoutSidebar };

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

@@ -26,9 +26,9 @@ const normalizeLinkValue = (value) => {
 };
 const LinkFieldEditor = (t0) => {
 	const $ = c(74);
-	if ($[0] !== "d6e76ca161ece5e3c3ab2fca39477fdbca4669ce2a59cab1e307374e6d56bc57") {
+	if ($[0] !== "cdb2f56fb4805e0de235a068b1342c61e1eade64737868f8170208f1ecf497ab") {
 		for (let $i = 0; $i < 74; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "d6e76ca161ece5e3c3ab2fca39477fdbca4669ce2a59cab1e307374e6d56bc57";
+		$[0] = "cdb2f56fb4805e0de235a068b1342c61e1eade64737868f8170208f1ecf497ab";
 	}
 	const { fieldName, linkValue: rawLinkValue, onSave } = t0;
 	let t1;
@@ -173,8 +173,7 @@ const LinkFieldEditor = (t0) => {
 			value: textField.value,
 			onChange: t16,
 			onFocus: textField.onFocus,
-			onBlur: textField.onBlur,
-			autoFocus: true
+			onBlur: textField.onBlur
 		});
 		$[33] = t15;
 		$[34] = t16;

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

@@ -184,7 +184,7 @@ function MobilePreviewDrawer({ page, projectName }) {
 									className: "w-full",
 									disabled: page.status === "published" || page.livePublishedCheckpointId == null,
 									onClick: () => previewStore.send({ type: "viewLivePage" }),
-									children: "View published page"
+									children: "View live page"
 								})
 							}),
 							/* @__PURE__ */ jsxs("div", {
@@ -251,9 +251,9 @@ function MobilePreviewDrawer({ page, projectName }) {
 }
 function DrawerTile(t0) {
 	const $ = c(13);
-	if ($[0] !== "2b680a78da137f0f6d4294bf3daf4be142ca3d86c30621d25faacdc61b0d9ba1") {
+	if ($[0] !== "621776a19ae594038e7ff74376eaee55067cbd45ac5f2b72eb73e9a66d3c4ae0") {
 		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2b680a78da137f0f6d4294bf3daf4be142ca3d86c30621d25faacdc61b0d9ba1";
+		$[0] = "621776a19ae594038e7ff74376eaee55067cbd45ac5f2b72eb73e9a66d3c4ae0";
 	}
 	const { title, icon: Icon, onClick, fullWidth: t1, disabled: t2 } = t0;
 	const fullWidth = t1 === void 0 ? false : t1;

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

@@ -1,5 +1,5 @@
 import { usePageBlocks } from "../../../lib/normalized-data.js";
-import { previewStore } from "../previewStore.js";
+import { previewStore, selectIsEditMode } from "../previewStore.js";
 import { isOverlayMessage } from "../overlayMessages.js";
 import { usePreviewedPage } from "../CamoxPreview.js";
 import { c } from "react/compiler-runtime";
@@ -10,9 +10,9 @@ import { useSelector } from "@xstate/store-react";
 //#region src/features/preview/components/Overlays.tsx
 function CuratedAddBlockListener() {
 	const $ = c(4);
-	if ($[0] !== "815bb4de66b8ce3b8413984a7fbadaabc2dd4851f322f2d5522968289d71d545") {
+	if ($[0] !== "4124232297ed208895aa29251e0b658d39227311caca40cca61d1b2baedf5559") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "815bb4de66b8ce3b8413984a7fbadaabc2dd4851f322f2d5522968289d71d545";
+		$[0] = "4124232297ed208895aa29251e0b658d39227311caca40cca61d1b2baedf5559";
 	}
 	const { pageBlocks } = usePageBlocks(usePreviewedPage());
 	let t0;
@@ -23,10 +23,7 @@ function CuratedAddBlockListener() {
 				if (!isOverlayMessage(event.data)) return;
 				const message = event.data;
 				if (message.type === "CAMOX_ADD_BLOCK_REQUEST") {
-					if (previewStore.getSnapshot().context.previewSource !== "draft") {
-						previewStore.send({ type: "requestDraftSwitch" });
-						return;
-					}
+					if (!selectIsEditMode(previewStore.getSnapshot())) return;
 					const { blockPosition, insertPosition } = message;
 					let afterPosition = null;
 					if (message.afterPosition !== void 0) afterPosition = message.afterPosition;
@@ -59,9 +56,9 @@ function CuratedAddBlockListener() {
 }
 const Overlays = (t0) => {
 	const $ = c(13);
-	if ($[0] !== "815bb4de66b8ce3b8413984a7fbadaabc2dd4851f322f2d5522968289d71d545") {
+	if ($[0] !== "4124232297ed208895aa29251e0b658d39227311caca40cca61d1b2baedf5559") {
 		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "815bb4de66b8ce3b8413984a7fbadaabc2dd4851f322f2d5522968289d71d545";
+		$[0] = "4124232297ed208895aa29251e0b658d39227311caca40cca61d1b2baedf5559";
 	}
 	const { iframeElement, canAddBlocks: t1 } = t0;
 	const canAddBlocks = t1 === void 0 ? false : t1;