camox 0.31.5 → 0.33.0

package/dist/core/createBlock.js

@@ -1,10 +1,9 @@
-import { trackClientEvent } from "../lib/telemetry-client.js";
-import { previewStore } from "../features/preview/previewStore.js";
-import { useIsPreviewSheetOpen } from "../features/preview/components/PreviewSideSheet.js";
 import { useProjectSlug } from "../lib/auth.js";
 import { blockMutations, pageQueries, projectQueries, repeatableItemMutations } from "../lib/queries.js";
+import { trackClientEvent } from "../lib/telemetry-client.js";
 import { useFrame } from "../features/preview/components/Frame.js";
 import { postOverlayMessage } from "../features/preview/overlayMessages.js";
+import { previewStore } from "../features/preview/previewStore.js";
 import { isFileMarker, isItemMarker, resolveFileMarker, useNormalizedData } from "../lib/normalized-data.js";
 import { AddBlockControlBar } from "./components/AddBlockControlBar.js";
 import { InlineLexicalEditor } from "./components/lexical/InlineLexicalEditor.js";
@@ -16,10 +15,8 @@ import { buildImageSrcSet, getDefaultImageSizes, getDefaultImageWidth, transform
 import { markdownToReactNodes } from "./lib/lexicalReact.js";
 import { c } from "react/compiler-runtime";
 import { Input } from "@camox/ui/input";
-import { Kbd } from "@camox/ui/kbd";
 import { Label } from "@camox/ui/label";
 import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
-import { toast } from "@camox/ui/toaster";
 import { Type as Type$1 } from "@sinclair/typebox";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { useLocation } from "@tanstack/react-router";
@@ -50,7 +47,6 @@ const resolveLinkHref = (link, pages, currentPathname) => {
 	if (!link.href || link.href.startsWith("#")) return `${currentPathname}${link.href ?? ""}`;
 	return link.href;
 };
-let hasShownEmbedLockToast = false;
 /**
 * Recursively walks schema properties to generate RepeatableItemSeed objects.
 * Sets `_itemId` placeholder markers on `content` for each repeatable field,
@@ -189,20 +185,27 @@ function createBlock(options) {
 		if (repeaterContext?.itemId != null) return `${blockId}__${repeaterContext.itemId}__${fieldName}`;
 		return `${blockId}__${fieldName}`;
 	};
-	const Field = ({ name, children }) => {
+	const Field = ({ name, components, children }) => {
 		const blockContext = React.use(Context);
 		if (!blockContext) throw new Error("Field must be used within a Block Component");
 		const { blockId, content, mode } = blockContext;
 		const isContentEditable = useIsEditable(mode);
 		const elementRef = React.useRef(null);
 		const { window: iframeWindow } = useFrame();
+		const projectSlug = useProjectSlug();
+		const { data: project } = useQuery(projectQueries.getBySlug(projectSlug));
+		const { data: pages } = useQuery({
+			...pageQueries.list(project?.id ?? 0),
+			enabled: !!project
+		});
+		const currentPathname = useLocation({ select: (l) => l.pathname });
 		const repeaterContext = React.use(RepeaterItemContext);
 		const fieldId = getOverlayFieldId(blockId, repeaterContext, String(name));
 		const fieldValue = repeaterContext ? repeaterContext.itemContent[name] : content[name];
 		const [isHovered, setIsHovered] = React.useState(false);
 		const [isEditorFocused, setIsEditorFocused] = React.useState(false);
-		const isSelectedFromBreadcrumbs = useFieldSelection(blockId, String(name), "String", repeaterContext?.itemId);
-		const isFocused = isEditorFocused || isSelectedFromBreadcrumbs;
+		const isSelectedFromSelection = useFieldSelection(blockId, String(name), "String", repeaterContext?.itemId);
+		const isFocused = isEditorFocused || isSelectedFromSelection;
 		const isHoveredFromSidebar = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_FIELD", "CAMOX_HOVER_FIELD_END", { fieldId });
 		React.useEffect(() => {
 			setIsHovered(isHoveredFromSidebar);
@@ -262,7 +265,11 @@ function createBlock(options) {
 			if (isContentEditable) setIsHovered(false);
 		};
 		const fieldData = { text: fieldValue };
-		if (!isContentEditable) return /* @__PURE__ */ jsx(Fragment, { children: children({ children: markdownToReactNodes(fieldValue) }, fieldData) });
+		if (!isContentEditable) return /* @__PURE__ */ jsx(Fragment, { children: children({ children: markdownToReactNodes(fieldValue, {
+			pages,
+			fallbackHref: currentPathname,
+			components
+		}) }, fieldData) });
 		return /* @__PURE__ */ jsx(Fragment, { children: children({
 			ref: elementRef,
 			"data-camox-field-id": fieldId,
@@ -282,9 +289,9 @@ function createBlock(options) {
 	};
 	const Embed = (t0) => {
 		const $ = c(59);
-		if ($[0] !== "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790") {
+		if ($[0] !== "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407") {
 			for (let $i = 0; $i < 59; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790";
+			$[0] = "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -469,14 +476,11 @@ function createBlock(options) {
 		} else t24 = $[42];
 		let t25;
 		if ($[43] !== isContentEditable) {
-			t25 = isContentEditable && /* @__PURE__ */ jsx("div", {
-				style: {
-					position: "absolute",
-					inset: 0,
-					zIndex: 10
-				},
-				onClick: _temp
-			});
+			t25 = isContentEditable && /* @__PURE__ */ jsx("div", { style: {
+				position: "absolute",
+				inset: 0,
+				zIndex: 10
+			} });
 			$[43] = isContentEditable;
 			$[44] = t25;
 		} else t25 = $[44];
@@ -532,9 +536,9 @@ function createBlock(options) {
 	};
 	const Link = (t0) => {
 		const $ = c(38);
-		if ($[0] !== "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790") {
+		if ($[0] !== "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407") {
 			for (let $i = 0; $i < 38; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790";
+			$[0] = "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -585,7 +589,7 @@ function createBlock(options) {
 		const { data: pages } = useQuery(t6);
 		let t7;
 		if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-			t7 = { select: _temp2 };
+			t7 = { select: _temp };
 			$[10] = t7;
 		} else t7 = $[10];
 		const resolvedHref = resolveLinkHref(fieldValue, pages, useLocation(t7));
@@ -594,8 +598,8 @@ function createBlock(options) {
 		const [displayText, setDisplayText] = React.useState(fieldValue.text);
 		const [isHovered, setIsHovered] = React.useState(false);
 		const [isEditorFocused, setIsEditorFocused] = React.useState(false);
-		const isSelectedFromBreadcrumbs = useFieldSelection(blockId, String(name), "Link", repeaterContext?.itemId);
-		const isFocused = isEditorFocused || isSelectedFromBreadcrumbs;
+		const isSelectedFromSelection = useFieldSelection(blockId, String(name), "Link", repeaterContext?.itemId);
+		const isFocused = isEditorFocused || isSelectedFromSelection;
 		React.useEffect(() => {
 			if (!isEditing) setDisplayText(fieldValue.text);
 		}, [fieldValue.text, isEditing]);
@@ -720,13 +724,13 @@ function createBlock(options) {
 			"data-camox-focused": isFocused || void 0,
 			"data-camox-overlay-mode": mode === "layout" ? "layout" : void 0,
 			contentEditable: true,
-			onClick: _temp3,
+			onClick: _temp2,
 			onInput: handleInput,
 			onFocus: handleFocus,
 			onBlur: handleBlur,
 			onMouseEnter: t14,
 			onMouseLeave: t15,
-			onKeyDown: _temp4,
+			onKeyDown: _temp3,
 			spellCheck: false,
 			suppressContentEditableWarning: true
 		};
@@ -737,7 +741,7 @@ function createBlock(options) {
 			t17 = /* @__PURE__ */ jsx("button", {
 				type: "button",
 				className: "hover:bg-accent flex items-center gap-1.5 rounded-md px-2 py-1 text-sm transition-colors",
-				onMouseDown: _temp5,
+				onMouseDown: _temp4,
 				onClick: handleEditLink,
 				children: "Edit link"
 			});
@@ -773,9 +777,9 @@ function createBlock(options) {
 	};
 	const Image = (t0) => {
 		const $ = c(22);
-		if ($[0] !== "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790") {
+		if ($[0] !== "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407") {
 			for (let $i = 0; $i < 22; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790";
+			$[0] = "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -897,9 +901,9 @@ function createBlock(options) {
 	};
 	const File = (t0) => {
 		const $ = c(9);
-		if ($[0] !== "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790") {
+		if ($[0] !== "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407") {
 			for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790";
+			$[0] = "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -974,9 +978,9 @@ function createBlock(options) {
 	const FileList = _AssetList;
 	const RepeaterItemWrapper = (t0) => {
 		const $ = c(9);
-		if ($[0] !== "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790") {
+		if ($[0] !== "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407") {
 			for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790";
+			$[0] = "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407";
 		}
 		const { itemId, blockId, mode, children } = t0;
 		const isContentEditable = useIsEditable(mode);
@@ -1017,9 +1021,9 @@ function createBlock(options) {
 	};
 	const RepeaterHoverProvider = (t0) => {
 		const $ = c(7);
-		if ($[0] !== "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790") {
+		if ($[0] !== "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407") {
 			for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790";
+			$[0] = "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407";
 		}
 		const { blockId, fieldName, children } = t0;
 		const isContentEditable = useIsEditable("site");
@@ -1050,9 +1054,9 @@ function createBlock(options) {
 	};
 	const Repeater = (t0) => {
 		const $ = c(27);
-		if ($[0] !== "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790") {
+		if ($[0] !== "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407") {
 			for (let $i = 0; $i < 27; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790";
+			$[0] = "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -1177,19 +1181,18 @@ function createBlock(options) {
 	};
 	const BlockComponent = (t0) => {
 		const $ = c(78);
-		if ($[0] !== "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790") {
+		if ($[0] !== "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407") {
 			for (let $i = 0; $i < 78; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790";
+			$[0] = "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407";
 		}
 		const { blockData, mode, isFirstBlock, showAddBlockTop, showAddBlockBottom, addBlockAfterPosition } = t0;
 		const isContentEditable = useIsEditable(mode);
 		const { window: iframeWindow } = useFrame();
 		const [isHovered, setIsHovered] = React.useState(false);
-		const selection = useSelector(previewStore, _temp6);
-		const isPageContentSheetOpen = useSelector(previewStore, _temp7);
-		const isAddBlockSheetOpen = useSelector(previewStore, _temp8);
-		const isAnySideSheetOpen = useIsPreviewSheetOpen();
-		const pendingAgentBlockFocus = useSelector(previewStore, _temp9);
+		const selection = useSelector(previewStore, _temp5);
+		const isPageEditorSidebarOpen = useSelector(previewStore, _temp6);
+		const isAddBlockSidebarOpen = useSelector(previewStore, _temp7);
+		const pendingAgentBlockFocus = useSelector(previewStore, _temp8);
 		const isBlockSelected = selection?.blockId === blockData._id;
 		const ref = React.useRef(null);
 		const [isFirstRender, setIsFirstRender] = React.useState(true);
@@ -1225,18 +1228,18 @@ function createBlock(options) {
 			$[8] = t3;
 		} else t3 = $[8];
 		let t4;
-		if ($[9] !== blockData._id || $[10] !== isBlockSelected || $[11] !== isFirstRender || $[12] !== isPageContentSheetOpen || $[13] !== pendingAgentBlockFocus) {
+		if ($[9] !== blockData._id || $[10] !== isBlockSelected || $[11] !== isFirstRender || $[12] !== isPageEditorSidebarOpen || $[13] !== pendingAgentBlockFocus) {
 			t4 = [
 				blockData._id,
 				isBlockSelected,
 				isFirstRender,
-				isPageContentSheetOpen,
+				isPageEditorSidebarOpen,
 				pendingAgentBlockFocus
 			];
 			$[9] = blockData._id;
 			$[10] = isBlockSelected;
 			$[11] = isFirstRender;
-			$[12] = isPageContentSheetOpen;
+			$[12] = isPageEditorSidebarOpen;
 			$[13] = pendingAgentBlockFocus;
 			$[14] = t4;
 		} else t4 = $[14];
@@ -1294,7 +1297,7 @@ function createBlock(options) {
 			result = { ...blockData.content };
 			for (const key in result) {
 				const value = result[key];
-				if (Array.isArray(value) && value.length > 0 && value[0]?.content !== void 0) result[key] = value.map(_temp0);
+				if (Array.isArray(value) && value.length > 0 && value[0]?.content !== void 0) result[key] = value.map(_temp9);
 			}
 			$[24] = blockData.content;
 			$[25] = result;
@@ -1348,8 +1351,8 @@ function createBlock(options) {
 			$[35] = t14;
 		} else t14 = $[35];
 		const handleAddBlockClick = t14;
-		const shouldShowOverlay = isContentEditable && (isHovered || isBlockSelected) && !isAddBlockSheetOpen;
-		const shouldShowSheetOverlay = isAddBlockSheetOpen && mode !== "peek" || isPageContentSheetOpen && !isBlockSelected;
+		const shouldShowOverlay = isContentEditable && (isHovered || isBlockSelected) && !isAddBlockSidebarOpen;
+		const shouldShowAddBlockOverlay = isAddBlockSidebarOpen && mode !== "peek";
 		let t15;
 		if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
 			t15 = {
@@ -1438,40 +1441,41 @@ function createBlock(options) {
 			$[55] = t27;
 			$[56] = t28;
 		} else t28 = $[56];
-		let t29;
-		if ($[57] !== shouldShowSheetOverlay) {
-			t29 = /* @__PURE__ */ jsx("div", {
+		const t29 = shouldShowAddBlockOverlay || void 0;
+		let t30;
+		if ($[57] !== t29) {
+			t30 = /* @__PURE__ */ jsx("div", {
 				className: "camox-sheet-overlay",
-				...shouldShowSheetOverlay ? { "data-camox-visible": "" } : {}
+				"data-camox-visible": t29
 			});
-			$[57] = shouldShowSheetOverlay;
-			$[58] = t29;
-		} else t29 = $[58];
-		let t30;
-		if ($[59] !== handleAddBlockClick || $[60] !== isAnySideSheetOpen || $[61] !== isFirstBlock || $[62] !== mode || $[63] !== shouldShowOverlay || $[64] !== showAddBlockBottom || $[65] !== showAddBlockTop) {
-			t30 = shouldShowOverlay && /* @__PURE__ */ jsxs(Fragment, { children: [(showAddBlockTop ?? (mode !== "layout" && !isFirstBlock)) && /* @__PURE__ */ jsx(AddBlockControlBar, {
+			$[57] = t29;
+			$[58] = t30;
+		} else t30 = $[58];
+		let t31;
+		if ($[59] !== handleAddBlockClick || $[60] !== isAddBlockSidebarOpen || $[61] !== isFirstBlock || $[62] !== mode || $[63] !== shouldShowOverlay || $[64] !== showAddBlockBottom || $[65] !== showAddBlockTop) {
+			t31 = shouldShowOverlay && /* @__PURE__ */ jsxs(Fragment, { children: [(showAddBlockTop ?? (mode !== "layout" && !isFirstBlock)) && /* @__PURE__ */ jsx(AddBlockControlBar, {
 				position: "top",
-				hidden: isAnySideSheetOpen,
+				hidden: isAddBlockSidebarOpen,
 				onMouseLeave: () => setIsHovered(false),
 				onClick: () => handleAddBlockClick("before")
 			}), (showAddBlockBottom ?? mode !== "layout") && /* @__PURE__ */ jsx(AddBlockControlBar, {
 				position: "bottom",
-				hidden: isAnySideSheetOpen,
+				hidden: isAddBlockSidebarOpen,
 				onMouseLeave: () => setIsHovered(false),
 				onClick: () => handleAddBlockClick("after")
 			})] });
 			$[59] = handleAddBlockClick;
-			$[60] = isAnySideSheetOpen;
+			$[60] = isAddBlockSidebarOpen;
 			$[61] = isFirstBlock;
 			$[62] = mode;
 			$[63] = shouldShowOverlay;
 			$[64] = showAddBlockBottom;
 			$[65] = showAddBlockTop;
-			$[66] = t30;
-		} else t30 = $[66];
-		let t31;
-		if ($[67] !== handleClick || $[68] !== handleMouseEnter || $[69] !== handleMouseLeave || $[70] !== t16 || $[71] !== t17 || $[72] !== t18 || $[73] !== t19 || $[74] !== t28 || $[75] !== t29 || $[76] !== t30) {
-			t31 = /* @__PURE__ */ jsxs("div", {
+			$[66] = t31;
+		} else t31 = $[66];
+		let t32;
+		if ($[67] !== handleClick || $[68] !== handleMouseEnter || $[69] !== handleMouseLeave || $[70] !== t16 || $[71] !== t17 || $[72] !== t18 || $[73] !== t19 || $[74] !== t28 || $[75] !== t30 || $[76] !== t31) {
+			t32 = /* @__PURE__ */ jsxs("div", {
 				className: "group visual-editing-block",
 				ref,
 				style: t15,
@@ -1484,8 +1488,8 @@ function createBlock(options) {
 				onMouseLeave: handleMouseLeave,
 				children: [
 					t28,
-					t29,
-					t30
+					t30,
+					t31
 				]
 			});
 			$[67] = handleClick;
@@ -1496,11 +1500,11 @@ function createBlock(options) {
 			$[72] = t18;
 			$[73] = t19;
 			$[74] = t28;
-			$[75] = t29;
-			$[76] = t30;
-			$[77] = t31;
-		} else t31 = $[77];
-		return t31;
+			$[75] = t30;
+			$[76] = t31;
+			$[77] = t32;
+		} else t32 = $[77];
+		return t32;
 	};
 	const useSetting = (name) => {
 		const ctx = React.use(Context);
@@ -1513,9 +1517,9 @@ function createBlock(options) {
 	*/
 	const Detached = (t0) => {
 		const $ = c(31);
-		if ($[0] !== "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790") {
+		if ($[0] !== "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407") {
 			for (let $i = 0; $i < 31; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790";
+			$[0] = "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407";
 		}
 		const { children } = t0;
 		const ctx = React.use(Context);
@@ -1523,9 +1527,8 @@ function createBlock(options) {
 		const { blockId, mode, isHovered, setIsHovered } = ctx;
 		const isContentEditable = useIsEditable(mode);
 		const { window: iframeWindow } = useFrame();
-		const selection = useSelector(previewStore, _temp1);
-		const isAddBlockSheetOpen = useSelector(previewStore, _temp10);
-		const isPageContentSheetOpen = useSelector(previewStore, _temp11);
+		const selection = useSelector(previewStore, _temp0);
+		const isAddBlockSidebarOpen = useSelector(previewStore, _temp1);
 		const isBlockSelected = selection?.blockId === blockId;
 		const t1 = String(blockId);
 		let t2;
@@ -1551,8 +1554,8 @@ function createBlock(options) {
 			t4 = $[6];
 		}
 		React.useEffect(t3, t4);
-		const shouldShowOverlay = isContentEditable && (isHovered || isBlockSelected) && !isAddBlockSheetOpen;
-		const shouldShowSheetOverlay = isAddBlockSheetOpen && mode !== "peek" || isPageContentSheetOpen && !isBlockSelected;
+		const shouldShowOverlay = isContentEditable && (isHovered || isBlockSelected) && !isAddBlockSidebarOpen;
+		const shouldHideForAddBlockSidebar = isAddBlockSidebarOpen && mode !== "peek";
 		let t5;
 		if ($[7] !== blockId || $[8] !== isContentEditable) {
 			t5 = (e) => {
@@ -1589,7 +1592,7 @@ function createBlock(options) {
 		} else t7 = $[15];
 		const handleMouseLeave = t7;
 		const [container, setContainer] = React.useState(null);
-		const t8 = shouldShowSheetOverlay ? 0 : 1;
+		const t8 = shouldHideForAddBlockSidebar ? 0 : 1;
 		let t9;
 		if ($[16] !== children || $[17] !== handleClick || $[18] !== handleMouseEnter || $[19] !== handleMouseLeave || $[20] !== t8) {
 			t9 = children({
@@ -1710,50 +1713,38 @@ function createBlock(options) {
 		}
 	};
 }
-function _temp() {
-	if (hasShownEmbedLockToast) return;
-	hasShownEmbedLockToast = true;
-	toast(/* @__PURE__ */ jsxs("span", { children: [
-		"Hold ",
-		/* @__PURE__ */ jsx(Kbd, { children: "L" }),
-		" to interact with the embed content"
-	] }));
-}
-function _temp2(l) {
+function _temp(l) {
 	return l.pathname;
 }
-function _temp3(e_1) {
+function _temp2(e_1) {
 	return e_1.preventDefault();
 }
-function _temp4(e_2) {
+function _temp3(e_2) {
 	if (e_2.key === "Escape") e_2.target.blur();
 }
-function _temp5(e_3) {
+function _temp4(e_3) {
 	return e_3.preventDefault();
 }
-function _temp6(state) {
+function _temp5(state) {
 	return state.context.selection;
 }
-function _temp7(state_0) {
-	return state_0.context.isPageContentSheetOpen;
+function _temp6(state_0) {
+	return state_0.context.isPageEditorSidebarOpen;
 }
-function _temp8(state_1) {
-	return state_1.context.isAddBlockSheetOpen;
+function _temp7(state_1) {
+	return state_1.context.isAddBlockSidebarOpen;
 }
-function _temp9(state_2) {
+function _temp8(state_2) {
 	return state_2.context.pendingAgentBlockFocus;
 }
-function _temp0(item) {
+function _temp9(item) {
 	return item.content;
 }
-function _temp1(state) {
+function _temp0(state) {
 	return state.context.selection;
 }
-function _temp10(state_0) {
-	return state_0.context.isAddBlockSheetOpen;
-}
-function _temp11(state_1) {
-	return state_1.context.isPageContentSheetOpen;
+function _temp1(state_0) {
+	return state_0.context.isAddBlockSidebarOpen;
 }
 
 //#endregion

package/dist/core/hooks/useIsEditable.js

@@ -1,25 +1,21 @@
-import { previewStore } from "../../features/preview/previewStore.js";
 import { useIsAuthenticated } from "../../lib/auth.js";
+import { previewStore } 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] !== "347fec28a4ea3c02be549a08c202826fd143b88bdb1612c4c4107a1c95d687b3") {
+	if ($[0] !== "a3e376179cf3461f650a645c5d9591b7c0b2bd69400f81ba76076063ea10dffc") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "347fec28a4ea3c02be549a08c202826fd143b88bdb1612c4c4107a1c95d687b3";
+		$[0] = "a3e376179cf3461f650a645c5d9591b7c0b2bd69400f81ba76076063ea10dffc";
 	}
 	const isAuthenticated = useIsAuthenticated();
-	const isPresentationMode = useSelector(previewStore, _temp);
-	const isContentLocked = useSelector(previewStore, _temp2);
-	return isAuthenticated && (mode === "site" || mode === "layout") && !isPresentationMode && !isContentLocked;
-}
-function _temp2(state_0) {
-	return state_0.context.isContentLocked;
+	const isEditMode = useSelector(previewStore, _temp);
+	return isAuthenticated && (mode === "site" || mode === "layout") && isEditMode;
 }
 function _temp(state) {
-	return state.context.isPresentationMode;
+	return state.context.isEditMode;
 }
 
 //#endregion