camox 0.40.0 → 0.41.1

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

@@ -1,110 +1,193 @@
-import { pageMutations } from "../../../lib/queries.js";
-import { trackClientEvent } from "../../../lib/telemetry-client.js";
-import { useMutation } from "@tanstack/react-query";
+import { c } from "react/compiler-runtime";
 import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
-import { toast } from "@camox/ui/toaster";
 import { Label } from "@camox/ui/label";
 import { Switch } from "@camox/ui/switch";
 
 //#region src/features/preview/components/PublishDialog.tsx
-/**
-* Confirmation dialog for `pages.publish`. Shows the path that will go live
-* (= the current draft path; same as today's public URL unless the user
-* changed it while drafting), and a primary Publish button.
-*
-* Description copy branches on the page's current status: a `'draft'` page
-* has never been public so we frame it as "will go live"; a `'modified'`
-* page is already public and we're promoting the latest edits.
-*
-* When the page's layout is itself modified (`alsoPublishLayout` prop set),
-* a toggle appears below the primary action, pre-checked. Bundling is the
-* common case — the user is usually editing page + layout together and
-* expects "Publish" to mean "what I see goes live". Power users who edited
-* the layout independently can opt out before confirming.
-*/
-function PublishDialog({ page, pageStatus, alsoPublishLayout, open, onOpenChange }) {
-	const publishPage = useMutation(pageMutations.publish());
-	const [bundleLayout, setBundleLayout] = React.useState(true);
-	React.useEffect(() => {
-		if (open) setBundleLayout(true);
-	}, [open]);
-	const handlePublish = async () => {
-		if (!page) return;
-		const shouldBundle = bundleLayout && alsoPublishLayout != null;
-		try {
-			await publishPage.mutateAsync({
-				id: page.id,
-				...shouldBundle ? { alsoPublishLayout: true } : {}
-			});
-			trackClientEvent("page_published", {
-				pageId: page.id,
-				...shouldBundle ? { alsoPublishedLayout: true } : {}
-			});
-			toast.success(shouldBundle ? `Published this page and layout ${alsoPublishLayout?.layoutHandle}` : "Published this page");
-			onOpenChange(false);
-		} catch (error) {
-			console.error("Failed to publish page:", error);
-			toast.error("Could not publish this page");
-		}
-	};
-	const pathCode = /* @__PURE__ */ jsx("code", {
-		className: "bg-muted rounded px-1 py-0.5 font-mono text-xs",
-		children: page?.fullPath ?? ""
-	});
-	return /* @__PURE__ */ jsx(AlertDialog, {
-		open,
-		onOpenChange,
-		children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
-			/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: pageStatus === "modified" ? "Publish changes" : "Publish page" }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: pageStatus === "modified" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-				"Visitors at ",
-				pathCode,
-				" will start seeing your latest changes."
-			] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-				"This page will go live at ",
-				pathCode,
-				". Visitors will see the current draft."
-			] }) })] }),
-			alsoPublishLayout && /* @__PURE__ */ jsxs("div", {
+/** Shared scope/impact review. Mount afresh for each publication attempt. */
+function PublishDialog(t0) {
+	const $ = c(53);
+	if ($[0] !== "0ada477bb5fc69a9b0f1551db385228a0e85d0d93484a56040a42f62e6af3eb0") {
+		for (let $i = 0; $i < 53; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "0ada477bb5fc69a9b0f1551db385228a0e85d0d93484a56040a42f62e6af3eb0";
+	}
+	const { plan, pending, onPublish, onOpenChange } = t0;
+	const id = React.useId();
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = [];
+		$[1] = t1;
+	} else t1 = $[1];
+	const [excludedKeys, setExcludedKeys] = React.useState(t1);
+	let T0;
+	let T1;
+	let includedKeys;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	if ($[2] !== excludedKeys || $[3] !== id || $[4] !== onOpenChange || $[5] !== pending || $[6] !== plan.description || $[7] !== plan.items || $[8] !== plan.title) {
+		const sideEffects = plan.items.filter(_temp);
+		let t6;
+		if ($[16] !== excludedKeys || $[17] !== plan.items) {
+			let t7;
+			if ($[19] !== excludedKeys) {
+				t7 = (item_0) => !item_0.optional || !excludedKeys.includes(item_0.key);
+				$[19] = excludedKeys;
+				$[20] = t7;
+			} else t7 = $[20];
+			t6 = plan.items.filter(t7).map(_temp2);
+			$[16] = excludedKeys;
+			$[17] = plan.items;
+			$[18] = t6;
+		} else t6 = $[18];
+		includedKeys = t6;
+		T1 = AlertDialog;
+		t4 = true;
+		if ($[21] !== onOpenChange || $[22] !== pending) {
+			t5 = (open) => !pending && onOpenChange(open);
+			$[21] = onOpenChange;
+			$[22] = pending;
+			$[23] = t5;
+		} else t5 = $[23];
+		T0 = AlertDialogContent;
+		let t7;
+		if ($[24] !== plan.title) {
+			t7 = /* @__PURE__ */ jsx(AlertDialogTitle, { children: plan.title });
+			$[24] = plan.title;
+			$[25] = t7;
+		} else t7 = $[25];
+		let t8;
+		if ($[26] !== plan.description) {
+			t8 = /* @__PURE__ */ jsx(AlertDialogDescription, { children: plan.description });
+			$[26] = plan.description;
+			$[27] = t8;
+		} else t8 = $[27];
+		if ($[28] !== t7 || $[29] !== t8) {
+			t2 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [t7, t8] });
+			$[28] = t7;
+			$[29] = t8;
+			$[30] = t2;
+		} else t2 = $[30];
+		t3 = sideEffects.length > 0 && /* @__PURE__ */ jsx("div", {
+			className: "space-y-3",
+			children: sideEffects.map((item_2) => /* @__PURE__ */ jsxs("div", {
 				className: "flex items-start gap-3",
 				children: [/* @__PURE__ */ jsx(Switch, {
-					id: "also-publish-layout",
-					checked: bundleLayout,
-					onCheckedChange: (checked) => setBundleLayout(checked),
-					disabled: publishPage.isPending
-				}), /* @__PURE__ */ jsxs(Label, {
-					htmlFor: "also-publish-layout",
-					className: "flex flex-col items-start gap-1",
-					children: [/* @__PURE__ */ jsxs("span", { children: [
-						"Also publish layout",
-						" ",
-						/* @__PURE__ */ jsx("code", {
-							className: "bg-muted rounded px-1 py-0.5 font-mono text-xs",
-							children: alsoPublishLayout.layoutHandle
-						})
-					] }), /* @__PURE__ */ jsx("span", {
-						className: "text-muted-foreground text-xs font-normal",
-						children: (() => {
-							const others = Math.max(0, alsoPublishLayout.affectedPagesCount - 1);
-							if (others === 0) return "Affects no other pages";
-							return `Affects ${others} other ${others === 1 ? "page" : "pages"}`;
-						})()
+					id: `${id}-${item_2.key}`,
+					checked: !excludedKeys.includes(item_2.key),
+					onCheckedChange: (checked) => setExcludedKeys((keys) => checked ? keys.filter((key) => key !== item_2.key) : [...keys, item_2.key]),
+					disabled: pending
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "min-w-0 space-y-1",
+					children: [/* @__PURE__ */ jsxs(Label, {
+						htmlFor: `${id}-${item_2.key}`,
+						children: ["Also publish ", item_2.label]
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-sm",
+						children: item_2.impact
 					})]
 				})]
-			}),
-			/* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, {
-				variant: "outline",
-				size: "default",
-				disabled: publishPage.isPending,
-				children: "Cancel"
-			}), /* @__PURE__ */ jsx(AlertDialogAction, {
-				onClick: handlePublish,
-				disabled: publishPage.isPending,
-				children: publishPage.isPending ? "Publishing…" : "Publish"
-			})] })
-		] })
-	});
+			}, item_2.key))
+		});
+		$[2] = excludedKeys;
+		$[3] = id;
+		$[4] = onOpenChange;
+		$[5] = pending;
+		$[6] = plan.description;
+		$[7] = plan.items;
+		$[8] = plan.title;
+		$[9] = T0;
+		$[10] = T1;
+		$[11] = includedKeys;
+		$[12] = t2;
+		$[13] = t3;
+		$[14] = t4;
+		$[15] = t5;
+	} else {
+		T0 = $[9];
+		T1 = $[10];
+		includedKeys = $[11];
+		t2 = $[12];
+		t3 = $[13];
+		t4 = $[14];
+		t5 = $[15];
+	}
+	let t6;
+	if ($[31] !== pending) {
+		t6 = /* @__PURE__ */ jsx(AlertDialogCancel, {
+			variant: "outline",
+			disabled: pending,
+			children: "Cancel"
+		});
+		$[31] = pending;
+		$[32] = t6;
+	} else t6 = $[32];
+	let t7;
+	if ($[33] !== includedKeys || $[34] !== onPublish) {
+		t7 = (event) => {
+			event.preventDefault();
+			onPublish(includedKeys);
+		};
+		$[33] = includedKeys;
+		$[34] = onPublish;
+		$[35] = t7;
+	} else t7 = $[35];
+	const t8 = pending ? "Publishing…" : "Publish";
+	let t9;
+	if ($[36] !== pending || $[37] !== t7 || $[38] !== t8) {
+		t9 = /* @__PURE__ */ jsx(AlertDialogAction, {
+			disabled: pending,
+			onClick: t7,
+			children: t8
+		});
+		$[36] = pending;
+		$[37] = t7;
+		$[38] = t8;
+		$[39] = t9;
+	} else t9 = $[39];
+	let t10;
+	if ($[40] !== t6 || $[41] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t6, t9] });
+		$[40] = t6;
+		$[41] = t9;
+		$[42] = t10;
+	} else t10 = $[42];
+	let t11;
+	if ($[43] !== T0 || $[44] !== t10 || $[45] !== t2 || $[46] !== t3) {
+		t11 = /* @__PURE__ */ jsxs(T0, { children: [
+			t2,
+			t3,
+			t10
+		] });
+		$[43] = T0;
+		$[44] = t10;
+		$[45] = t2;
+		$[46] = t3;
+		$[47] = t11;
+	} else t11 = $[47];
+	let t12;
+	if ($[48] !== T1 || $[49] !== t11 || $[50] !== t4 || $[51] !== t5) {
+		t12 = /* @__PURE__ */ jsx(T1, {
+			open: t4,
+			onOpenChange: t5,
+			children: t11
+		});
+		$[48] = T1;
+		$[49] = t11;
+		$[50] = t4;
+		$[51] = t5;
+		$[52] = t12;
+	} else t12 = $[52];
+	return t12;
+}
+function _temp2(item_1) {
+	return item_1.key;
+}
+function _temp(item) {
+	return item.optional;
 }
 
 //#endregion

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

@@ -1,18 +1,20 @@
 import { previewStore, selectionBlockId } from "../previewStore.js";
+import { AddBlockSidebar } from "./AddBlockSidebar.js";
 import { PageEditorSidebar } from "./PageEditorSidebar.js";
 import { PageInfoSidebar } from "./PageInfoSidebar.js";
+import { DerivedPageInfoSidebar } from "./DerivedPageInfoSidebar.js";
 import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useSelector } from "@xstate/store-react";
 
 //#region src/features/preview/components/RightSidebar.tsx
 const RightSidebar = (t0) => {
-	const $ = c(12);
-	if ($[0] !== "b9589c1fea2c3efabdd9fae80871373106138216610ee3b8e2f4045e3b45670f") {
-		for (let $i = 0; $i < 12; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "b9589c1fea2c3efabdd9fae80871373106138216610ee3b8e2f4045e3b45670f";
+	const $ = c(9);
+	if ($[0] !== "d71e54add8a0890703a029e4ca30b5b8fa7b144767455a2e03c5c0c217ac64a0") {
+		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "d71e54add8a0890703a029e4ca30b5b8fa7b144767455a2e03c5c0c217ac64a0";
 	}
-	const { pageId } = t0;
+	const { pageId, derivedLayoutId } = t0;
 	const selection = useSelector(previewStore, _temp);
 	const isAddBlockSidebarOpen = useSelector(previewStore, _temp2);
 	let t1;
@@ -22,40 +24,26 @@ const RightSidebar = (t0) => {
 		$[2] = t1;
 	} else t1 = $[2];
 	const selectedBlockId = t1;
+	if (pageId == null && derivedLayoutId == null && selectedBlockId == null) return null;
 	let t2;
 	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
 		t2 = { width: 250 };
 		$[3] = t2;
 	} else t2 = $[3];
 	let t3;
-	if ($[4] !== pageId || $[5] !== selectedBlockId) {
-		t3 = selectedBlockId == null ? /* @__PURE__ */ jsx(PageInfoSidebar, { pageId }) : /* @__PURE__ */ jsx(PageEditorSidebar, {});
-		$[4] = pageId;
-		$[5] = selectedBlockId;
-		$[6] = t3;
-	} else t3 = $[6];
-	let t4;
-	if ($[7] !== isAddBlockSidebarOpen) {
-		t4 = isAddBlockSidebarOpen && /* @__PURE__ */ jsx("div", {
-			className: "absolute inset-0 z-20",
-			style: { background: "rgba(0, 0, 0, 0.66)" },
-			onClick: _temp3
-		});
-		$[7] = isAddBlockSidebarOpen;
-		$[8] = t4;
-	} else t4 = $[8];
-	let t5;
-	if ($[9] !== t3 || $[10] !== t4) {
-		t5 = /* @__PURE__ */ jsxs("aside", {
+	if ($[4] !== derivedLayoutId || $[5] !== isAddBlockSidebarOpen || $[6] !== pageId || $[7] !== selectedBlockId) {
+		t3 = /* @__PURE__ */ jsx("aside", {
 			className: "bg-background relative flex shrink-0 flex-col border-l-2",
 			style: t2,
-			children: [t3, t4]
+			children: pageId != null && isAddBlockSidebarOpen ? /* @__PURE__ */ jsx(AddBlockSidebar, {}) : selectedBlockId != null ? /* @__PURE__ */ jsx(PageEditorSidebar, {}) : pageId != null ? /* @__PURE__ */ jsx(PageInfoSidebar, { pageId }) : /* @__PURE__ */ jsx(DerivedPageInfoSidebar, { layoutId: derivedLayoutId })
 		});
-		$[9] = t3;
-		$[10] = t4;
-		$[11] = t5;
-	} else t5 = $[11];
-	return t5;
+		$[4] = derivedLayoutId;
+		$[5] = isAddBlockSidebarOpen;
+		$[6] = pageId;
+		$[7] = selectedBlockId;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
 };
 function _temp(state) {
 	return state.context.selection;
@@ -63,9 +51,6 @@ function _temp(state) {
 function _temp2(state_0) {
 	return state_0.context.isAddBlockSidebarOpen;
 }
-function _temp3() {
-	return previewStore.send({ type: "closeAddBlockSidebar" });
-}
 
 //#endregion
 export { RightSidebar };

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

@@ -0,0 +1,8 @@
+//#region src/features/preview/components/previewStyles.ts
+function isSiteStyle(element) {
+	return !element.hasAttribute("data-camox-studio");
+}
+const EMPTY_PREVIEW_DOCUMENT = "<!doctype html><html><head></head><body><div id=\"root\" data-camox-preview-root></div></body></html>";
+
+//#endregion
+export { EMPTY_PREVIEW_DOCUMENT, isSiteStyle };

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

@@ -1,33 +1,30 @@
 import { useLocation } from "../../navigation/navigation.js";
 import { blockMutations } from "../../../lib/queries.js";
-import { previewStore } from "../previewStore.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { generateKeyBetween } from "fractional-indexing";
-import { useSelector } from "@xstate/store-react";
 import { queryKeys } from "@camox/api-contract/query-keys";
 
 //#region src/features/preview/components/useUpdateBlockPosition.ts
 function useUpdateBlockPosition() {
 	const $ = c(5);
-	if ($[0] !== "c7adf6cdbf960268a5bfbb85b92c76404d7abbe36258eed14eb7062e652330a8") {
+	if ($[0] !== "fed14916f5b55681b4a767606bad92ee9c3a074376e24f2981a9af1a6551ad97") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c7adf6cdbf960268a5bfbb85b92c76404d7abbe36258eed14eb7062e652330a8";
+		$[0] = "fed14916f5b55681b4a767606bad92ee9c3a074376e24f2981a9af1a6551ad97";
 	}
 	const queryClient = useQueryClient();
 	const { pathname } = useLocation();
-	const pagePathname = useSelector(previewStore, _temp) ?? pathname;
 	let t0;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = blockMutations.updatePosition();
 		$[1] = t0;
 	} else t0 = $[1];
 	let t1;
-	if ($[2] !== pagePathname || $[3] !== queryClient) {
+	if ($[2] !== pathname || $[3] !== queryClient) {
 		t1 = {
 			...t0,
 			onMutate: (variables) => {
-				const pageQueryKey = queryKeys.pages.getByPath(pagePathname, "draft");
+				const pageQueryKey = queryKeys.pages.getByPath(pathname, "draft");
 				const previousPage = queryClient.getQueryData(pageQueryKey);
 				if (!previousPage) return {};
 				const newPosition = generateKeyBetween(variables.afterPosition ?? null, variables.beforePosition ?? null);
@@ -66,22 +63,19 @@ function useUpdateBlockPosition() {
 				};
 			},
 			onError: (_error, variables_0, context) => {
-				if (context?.previousPage) queryClient.setQueryData(queryKeys.pages.getByPath(pagePathname, "draft"), context.previousPage);
+				if (context?.previousPage) queryClient.setQueryData(queryKeys.pages.getByPath(pathname, "draft"), context.previousPage);
 				if (context?.prevBundle) queryClient.setQueryData(queryKeys.blocks.get(variables_0.id, "draft"), context.prevBundle);
 			},
 			onSettled: () => {
-				queryClient.invalidateQueries({ queryKey: queryKeys.pages.getByPath(pagePathname, "draft") });
+				queryClient.invalidateQueries({ queryKey: queryKeys.pages.getByPath(pathname, "draft") });
 			}
 		};
-		$[2] = pagePathname;
+		$[2] = pathname;
 		$[3] = queryClient;
 		$[4] = t1;
 	} else t1 = $[4];
 	return useMutation(t1);
 }
-function _temp(state) {
-	return state.context.peekedPagePathname;
-}
 
 //#endregion
 export { useUpdateBlockPosition };

package/dist/features/preview/previewConstants.js

@@ -0,0 +1,8 @@
+//#region src/features/preview/previewConstants.ts
+const EDIT_MODE_SHORTCUT = {
+	key: "Enter",
+	withMeta: true
+};
+
+//#endregion
+export { EDIT_MODE_SHORTCUT };

package/dist/features/preview/previewStore.js

@@ -22,44 +22,43 @@ function selectionField(sel) {
 	};
 	return null;
 }
+const selectIsEditMode = (state) => state.context.mode === "editing-draft";
+const selectPreviewSource = (state) => state.context.mode === "previewing-live" ? "live" : "draft";
 const previewStore = createStore({
 	context: {
-		isEditMode: false,
+		mode: "previewing-draft",
 		isToolbarHidden: false,
 		isPageEditorSidebarOpen: false,
 		isAddBlockSidebarOpen: false,
 		addBlockSource: null,
 		isCreatePageModalOpen: false,
 		editingPageId: null,
-		isDraftSwitchDialogOpen: false,
 		viewportMode: "full",
 		peekedBlock: null,
 		peekedBlockPosition: null,
-		peekedPagePathname: null,
 		skipPeekedBlockExitAnimation: false,
 		selection: null,
-		iframeElement: null,
-		previewSource: "draft"
+		iframeElement: null
 	},
 	on: {
 		exitEditMode: (context, _, enqueue) => {
-			if (!context.isEditMode) return context;
+			if (context.mode !== "editing-draft") return context;
 			enqueue.effect(() => {
 				trackClientEvent("edit_mode_toggled", { enabled: false });
 			});
 			return {
 				...context,
-				isEditMode: false
+				mode: "previewing-draft"
 			};
 		},
 		enterEditMode: (context, _, enqueue) => {
-			if (context.isEditMode) return context;
+			if (context.mode === "editing-draft") return context;
 			enqueue.effect(() => {
 				trackClientEvent("edit_mode_toggled", { enabled: true });
 			});
 			return {
 				...context,
-				isEditMode: true,
+				mode: "editing-draft",
 				isToolbarHidden: false
 			};
 		},
@@ -69,14 +68,13 @@ const previewStore = createStore({
 		}),
 		viewLivePage: (context, _, enqueue) => {
 			enqueue.effect(() => {
-				if (context.isEditMode) trackClientEvent("edit_mode_toggled", { enabled: false });
+				if (context.mode === "editing-draft") trackClientEvent("edit_mode_toggled", { enabled: false });
 				toast("Viewing live version of the site");
 			});
 			return {
 				...context,
-				isEditMode: false,
-				isToolbarHidden: true,
-				previewSource: "live"
+				mode: "previewing-live",
+				isToolbarHidden: true
 			};
 		},
 		setViewportMode: (context, event) => {
@@ -184,15 +182,6 @@ const previewStore = createStore({
 			...context,
 			selection: null
 		}),
-		setPeekedPage: (context, event) => ({
-			...context,
-			selection: null,
-			peekedPagePathname: event.pathname
-		}),
-		clearPeekedPage: (context) => ({
-			...context,
-			peekedPagePathname: null
-		}),
 		openAddBlockSidebar: (context, event) => ({
 			...context,
 			isAddBlockSidebarOpen: true,
@@ -265,29 +254,19 @@ const previewStore = createStore({
 			...context,
 			iframeElement: event.element
 		}),
-		setPreviewSource: (context, event, enqueue) => {
-			if (event.source === context.previewSource) return context;
+		viewDraftPage: (context, _, enqueue) => {
+			if (context.mode !== "previewing-live") return context;
 			enqueue.effect(() => {
-				toast(event.source === "draft" ? "Previewing draft content" : "Previewing live content", { duration: 2500 });
+				toast("Previewing draft content", { duration: 2500 });
 			});
 			return {
 				...context,
-				previewSource: event.source
-			};
-		},
-		requestDraftSwitch: (context) => {
-			if (context.previewSource === "draft") return context;
-			return {
-				...context,
-				isDraftSwitchDialogOpen: true
+				mode: "previewing-draft",
+				isToolbarHidden: false
 			};
-		},
-		dismissDraftSwitch: (context) => ({
-			...context,
-			isDraftSwitchDialogOpen: false
-		})
+		}
 	}
 });
 
 //#endregion
-export { previewStore, selectionBlockId, selectionField, selectionItemId };
+export { previewStore, selectIsEditMode, selectPreviewSource, selectionBlockId, selectionField, selectionItemId };

package/dist/features/preview/publication.js

@@ -0,0 +1,71 @@
+//#region src/features/preview/publication.ts
+/** Scope and impact are shared by all publishing entry points. Only expose choices
+* the backend can execute: a page and its optional layout, or a whole layout.
+* Synced-block dependencies will need backend planning/execution support here,
+* not a separate publishing UI or a sequence of independent block requests.
+*/
+function buildPublicationPlan(target) {
+	if (target.kind === "layout") return {
+		title: target.layout.status === "modified" ? "Publish changes" : "Publish layout",
+		description: `Publishes ${target.name} on every page using this layout. Generated content and external data are not published by this action.`,
+		items: [{
+			key: `layout:${target.layout.id}`,
+			label: `${target.name} layout blocks`,
+			impact: "Updates the before and after blocks on every page using this layout, including all derived URLs.",
+			optional: false
+		}]
+	};
+	const { page } = target;
+	const items = [{
+		key: `page:${page.id}`,
+		label: page.fullPath,
+		impact: page.status === "draft" ? "Makes this page live with its current draft content." : "Updates this page with its latest draft content.",
+		optional: false
+	}];
+	const reason = page.modifiedReason;
+	if (reason && (reason.reason === "layout" || reason.reason === "both")) {
+		const others = Math.max(0, reason.affectedPagesCount - 1);
+		items.push({
+			key: `layout:${reason.layoutId}`,
+			label: `${reason.layoutHandle} layout blocks`,
+			impact: others === 0 ? "Updates shared blocks on this page. Affects no other pages." : `Updates shared blocks on this page and ${others} other ${others === 1 ? "page" : "pages"}.`,
+			optional: true
+		});
+	}
+	return {
+		title: page.status === "modified" ? "Publish changes" : "Publish page",
+		description: page.status === "draft" ? `This page will go live at ${page.fullPath}.` : `Visitors at ${page.fullPath} will see your latest changes.`,
+		items
+	};
+}
+function getPublicationCapabilities(target, source) {
+	if (!target) return {
+		publish: false,
+		unpublish: false,
+		discard: false
+	};
+	const record = target.kind === "page" ? target.page : target.layout;
+	return {
+		publish: record.status !== "published" && source === "draft",
+		unpublish: record.livePublishedCheckpointId != null && !(target.kind === "page" && target.page.fullPath === "/"),
+		discard: target.kind === "page" && record.status === "modified"
+	};
+}
+function getPublicationRequest(target, includedKeys) {
+	if (target.kind === "layout") return {
+		kind: "layout",
+		input: { id: target.layout.id }
+	};
+	const optionalLayout = buildPublicationPlan(target).items.find((item) => item.optional);
+	const alsoPublishLayout = optionalLayout && includedKeys.includes(optionalLayout.key);
+	return {
+		kind: "page",
+		input: {
+			id: target.page.id,
+			...alsoPublishLayout ? { alsoPublishLayout: true } : {}
+		}
+	};
+}
+
+//#endregion
+export { buildPublicationPlan, getPublicationCapabilities, getPublicationRequest };