camox 0.29.1 → 0.31.0

package/dist/core/createBlock.js

@@ -282,9 +282,9 @@ function createBlock(options) {
 	};
 	const Embed = (t0) => {
 		const $ = c(59);
-		if ($[0] !== "7449f3ea9be4e14dfde818341dfd9ef5acd44b63f0cff7104a5c200feae79d4a") {
+		if ($[0] !== "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790") {
 			for (let $i = 0; $i < 59; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "7449f3ea9be4e14dfde818341dfd9ef5acd44b63f0cff7104a5c200feae79d4a";
+			$[0] = "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -532,9 +532,9 @@ function createBlock(options) {
 	};
 	const Link = (t0) => {
 		const $ = c(38);
-		if ($[0] !== "7449f3ea9be4e14dfde818341dfd9ef5acd44b63f0cff7104a5c200feae79d4a") {
+		if ($[0] !== "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790") {
 			for (let $i = 0; $i < 38; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "7449f3ea9be4e14dfde818341dfd9ef5acd44b63f0cff7104a5c200feae79d4a";
+			$[0] = "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -773,9 +773,9 @@ function createBlock(options) {
 	};
 	const Image = (t0) => {
 		const $ = c(22);
-		if ($[0] !== "7449f3ea9be4e14dfde818341dfd9ef5acd44b63f0cff7104a5c200feae79d4a") {
+		if ($[0] !== "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790") {
 			for (let $i = 0; $i < 22; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "7449f3ea9be4e14dfde818341dfd9ef5acd44b63f0cff7104a5c200feae79d4a";
+			$[0] = "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -897,9 +897,9 @@ function createBlock(options) {
 	};
 	const File = (t0) => {
 		const $ = c(9);
-		if ($[0] !== "7449f3ea9be4e14dfde818341dfd9ef5acd44b63f0cff7104a5c200feae79d4a") {
+		if ($[0] !== "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790") {
 			for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "7449f3ea9be4e14dfde818341dfd9ef5acd44b63f0cff7104a5c200feae79d4a";
+			$[0] = "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -974,9 +974,9 @@ function createBlock(options) {
 	const FileList = _AssetList;
 	const RepeaterItemWrapper = (t0) => {
 		const $ = c(9);
-		if ($[0] !== "7449f3ea9be4e14dfde818341dfd9ef5acd44b63f0cff7104a5c200feae79d4a") {
+		if ($[0] !== "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790") {
 			for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "7449f3ea9be4e14dfde818341dfd9ef5acd44b63f0cff7104a5c200feae79d4a";
+			$[0] = "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790";
 		}
 		const { itemId, blockId, mode, children } = t0;
 		const isContentEditable = useIsEditable(mode);
@@ -1017,9 +1017,9 @@ function createBlock(options) {
 	};
 	const RepeaterHoverProvider = (t0) => {
 		const $ = c(7);
-		if ($[0] !== "7449f3ea9be4e14dfde818341dfd9ef5acd44b63f0cff7104a5c200feae79d4a") {
+		if ($[0] !== "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790") {
 			for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "7449f3ea9be4e14dfde818341dfd9ef5acd44b63f0cff7104a5c200feae79d4a";
+			$[0] = "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790";
 		}
 		const { blockId, fieldName, children } = t0;
 		const isContentEditable = useIsEditable("site");
@@ -1050,9 +1050,9 @@ function createBlock(options) {
 	};
 	const Repeater = (t0) => {
 		const $ = c(27);
-		if ($[0] !== "7449f3ea9be4e14dfde818341dfd9ef5acd44b63f0cff7104a5c200feae79d4a") {
+		if ($[0] !== "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790") {
 			for (let $i = 0; $i < 27; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "7449f3ea9be4e14dfde818341dfd9ef5acd44b63f0cff7104a5c200feae79d4a";
+			$[0] = "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -1176,10 +1176,10 @@ function createBlock(options) {
 		return t4;
 	};
 	const BlockComponent = (t0) => {
-		const $ = c(70);
-		if ($[0] !== "7449f3ea9be4e14dfde818341dfd9ef5acd44b63f0cff7104a5c200feae79d4a") {
-			for (let $i = 0; $i < 70; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "7449f3ea9be4e14dfde818341dfd9ef5acd44b63f0cff7104a5c200feae79d4a";
+		const $ = c(78);
+		if ($[0] !== "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790") {
+			for (let $i = 0; $i < 78; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+			$[0] = "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790";
 		}
 		const { blockData, mode, isFirstBlock, showAddBlockTop, showAddBlockBottom, addBlockAfterPosition } = t0;
 		const isContentEditable = useIsEditable(mode);
@@ -1189,6 +1189,7 @@ function createBlock(options) {
 		const isPageContentSheetOpen = useSelector(previewStore, _temp7);
 		const isAddBlockSheetOpen = useSelector(previewStore, _temp8);
 		const isAnySideSheetOpen = useIsPreviewSheetOpen();
+		const pendingAgentBlockFocus = useSelector(previewStore, _temp9);
 		const isBlockSelected = selection?.blockId === blockData._id;
 		const ref = React.useRef(null);
 		const [isFirstRender, setIsFirstRender] = React.useState(true);
@@ -1208,67 +1209,100 @@ function createBlock(options) {
 		}
 		React.useEffect(t1, t2);
 		let t3;
-		if ($[4] !== isBlockSelected || $[5] !== isFirstRender) {
+		if ($[4] !== blockData._id || $[5] !== isBlockSelected || $[6] !== isFirstRender || $[7] !== pendingAgentBlockFocus?.blockId) {
 			t3 = () => {
-				if (isBlockSelected && ref.current) ref.current.scrollIntoView({
+				if (!isBlockSelected || !ref.current) return;
+				if (pendingAgentBlockFocus?.blockId === blockData._id) return;
+				ref.current.scrollIntoView({
 					behavior: isFirstRender ? "instant" : "smooth",
 					block: isFirstRender ? "start" : "nearest"
 				});
 			};
-			$[4] = isBlockSelected;
-			$[5] = isFirstRender;
-			$[6] = t3;
-		} else t3 = $[6];
+			$[4] = blockData._id;
+			$[5] = isBlockSelected;
+			$[6] = isFirstRender;
+			$[7] = pendingAgentBlockFocus?.blockId;
+			$[8] = t3;
+		} else t3 = $[8];
 		let t4;
-		if ($[7] !== isBlockSelected || $[8] !== isFirstRender || $[9] !== isPageContentSheetOpen) {
+		if ($[9] !== blockData._id || $[10] !== isBlockSelected || $[11] !== isFirstRender || $[12] !== isPageContentSheetOpen || $[13] !== pendingAgentBlockFocus) {
 			t4 = [
+				blockData._id,
 				isBlockSelected,
 				isFirstRender,
-				isPageContentSheetOpen
+				isPageContentSheetOpen,
+				pendingAgentBlockFocus
 			];
-			$[7] = isBlockSelected;
-			$[8] = isFirstRender;
-			$[9] = isPageContentSheetOpen;
-			$[10] = t4;
-		} else t4 = $[10];
+			$[9] = blockData._id;
+			$[10] = isBlockSelected;
+			$[11] = isFirstRender;
+			$[12] = isPageContentSheetOpen;
+			$[13] = pendingAgentBlockFocus;
+			$[14] = t4;
+		} else t4 = $[14];
 		React.useEffect(t3, t4);
-		const t5 = String(blockData._id);
+		let t5;
 		let t6;
-		if ($[11] !== t5) {
-			t6 = { blockId: t5 };
-			$[11] = t5;
-			$[12] = t6;
-		} else t6 = $[12];
-		const isHoveredFromSidebar = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_BLOCK", "CAMOX_HOVER_BLOCK_END", t6);
-		let t7;
+		if ($[15] !== blockData._id || $[16] !== pendingAgentBlockFocus) {
+			t5 = () => {
+				if (!pendingAgentBlockFocus || pendingAgentBlockFocus.blockId !== blockData._id) return;
+				if (!ref.current) return;
+				ref.current.scrollIntoView({
+					behavior: "smooth",
+					block: "nearest"
+				});
+				previewStore.send({
+					type: "clearPendingAgentBlockFocus",
+					requestId: pendingAgentBlockFocus.requestId
+				});
+			};
+			t6 = [blockData._id, pendingAgentBlockFocus];
+			$[15] = blockData._id;
+			$[16] = pendingAgentBlockFocus;
+			$[17] = t5;
+			$[18] = t6;
+		} else {
+			t5 = $[17];
+			t6 = $[18];
+		}
+		React.useEffect(t5, t6);
+		const t7 = String(blockData._id);
 		let t8;
-		if ($[13] !== isHoveredFromSidebar) {
-			t7 = () => {
+		if ($[19] !== t7) {
+			t8 = { blockId: t7 };
+			$[19] = t7;
+			$[20] = t8;
+		} else t8 = $[20];
+		const isHoveredFromSidebar = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_BLOCK", "CAMOX_HOVER_BLOCK_END", t8);
+		let t10;
+		let t9;
+		if ($[21] !== isHoveredFromSidebar) {
+			t9 = () => {
 				setIsHovered(isHoveredFromSidebar);
 			};
-			t8 = [isHoveredFromSidebar];
-			$[13] = isHoveredFromSidebar;
-			$[14] = t7;
-			$[15] = t8;
+			t10 = [isHoveredFromSidebar];
+			$[21] = isHoveredFromSidebar;
+			$[22] = t10;
+			$[23] = t9;
 		} else {
-			t7 = $[14];
-			t8 = $[15];
+			t10 = $[22];
+			t9 = $[23];
 		}
-		React.useEffect(t7, t8);
+		React.useEffect(t9, t10);
 		let result;
-		if ($[16] !== blockData.content) {
+		if ($[24] !== blockData.content) {
 			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(_temp9);
+				if (Array.isArray(value) && value.length > 0 && value[0]?.content !== void 0) result[key] = value.map(_temp0);
 			}
-			$[16] = blockData.content;
-			$[17] = result;
-		} else result = $[17];
+			$[24] = blockData.content;
+			$[25] = result;
+		} else result = $[25];
 		const normalizedContent = result;
-		let t9;
-		if ($[18] !== blockData._id || $[19] !== isContentEditable) {
-			t9 = (e) => {
+		let t11;
+		if ($[26] !== blockData._id || $[27] !== isContentEditable) {
+			t11 = (e) => {
 				if (!isContentEditable) return;
 				if (e.target.closest("[data-camox-field-id]")) return;
 				previewStore.send({
@@ -1276,32 +1310,32 @@ function createBlock(options) {
 					blockId: blockData._id
 				});
 			};
-			$[18] = blockData._id;
-			$[19] = isContentEditable;
-			$[20] = t9;
-		} else t9 = $[20];
-		const handleClick = t9;
-		let t10;
-		if ($[21] !== isContentEditable) {
-			t10 = () => {
+			$[26] = blockData._id;
+			$[27] = isContentEditable;
+			$[28] = t11;
+		} else t11 = $[28];
+		const handleClick = t11;
+		let t12;
+		if ($[29] !== isContentEditable) {
+			t12 = () => {
 				if (isContentEditable) setIsHovered(true);
 			};
-			$[21] = isContentEditable;
-			$[22] = t10;
-		} else t10 = $[22];
-		const handleMouseEnter = t10;
-		let t11;
-		if ($[23] !== isContentEditable) {
-			t11 = () => {
+			$[29] = isContentEditable;
+			$[30] = t12;
+		} else t12 = $[30];
+		const handleMouseEnter = t12;
+		let t13;
+		if ($[31] !== isContentEditable) {
+			t13 = () => {
 				if (isContentEditable) setIsHovered(false);
 			};
-			$[23] = isContentEditable;
-			$[24] = t11;
-		} else t11 = $[24];
-		const handleMouseLeave = t11;
-		let t12;
-		if ($[25] !== addBlockAfterPosition || $[26] !== blockData.position) {
-			t12 = (insertPosition) => {
+			$[31] = isContentEditable;
+			$[32] = t13;
+		} else t13 = $[32];
+		const handleMouseLeave = t13;
+		let t14;
+		if ($[33] !== addBlockAfterPosition || $[34] !== blockData.position) {
+			t14 = (insertPosition) => {
 				postOverlayMessage({
 					type: "CAMOX_ADD_BLOCK_REQUEST",
 					blockPosition: blockData.position,
@@ -1309,113 +1343,113 @@ function createBlock(options) {
 					...addBlockAfterPosition !== void 0 && { afterPosition: addBlockAfterPosition }
 				});
 			};
-			$[25] = addBlockAfterPosition;
-			$[26] = blockData.position;
-			$[27] = t12;
-		} else t12 = $[27];
-		const handleAddBlockClick = t12;
+			$[33] = addBlockAfterPosition;
+			$[34] = blockData.position;
+			$[35] = t14;
+		} else t14 = $[35];
+		const handleAddBlockClick = t14;
 		const shouldShowOverlay = isContentEditable && (isHovered || isBlockSelected) && !isAddBlockSheetOpen;
 		const shouldShowSheetOverlay = isAddBlockSheetOpen && mode !== "peek" || isPageContentSheetOpen && !isBlockSelected;
-		let t13;
-		if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-			t13 = {
+		let t15;
+		if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+			t15 = {
 				position: "relative",
 				scrollMargin: "5rem",
 				background: "var(--background)"
 			};
-			$[28] = t13;
-		} else t13 = $[28];
-		const t14 = isContentEditable ? blockData._id : void 0;
-		const t15 = shouldShowOverlay && !isBlockSelected || void 0;
-		const t16 = shouldShowOverlay && isBlockSelected || void 0;
-		const t17 = mode === "layout" ? "layout" : void 0;
-		const t18 = blockData._id;
-		let t19;
-		if ($[29] !== blockData.content) {
-			t19 = {
+			$[36] = t15;
+		} else t15 = $[36];
+		const t16 = isContentEditable ? blockData._id : void 0;
+		const t17 = shouldShowOverlay && !isBlockSelected || void 0;
+		const t18 = shouldShowOverlay && isBlockSelected || void 0;
+		const t19 = mode === "layout" ? "layout" : void 0;
+		const t20 = blockData._id;
+		let t21;
+		if ($[37] !== blockData.content) {
+			t21 = {
 				...contentDefaults,
 				...blockData.content
 			};
-			$[29] = blockData.content;
-			$[30] = t19;
-		} else t19 = $[30];
-		const merged = t19;
+			$[37] = blockData.content;
+			$[38] = t21;
+		} else t21 = $[38];
+		const merged = t21;
 		let overrides;
-		if ($[31] !== merged) {
+		if ($[39] !== merged) {
 			overrides = {};
 			for (const key_0 in merged) {
 				const val = merged[key_0];
 				if (val && typeof val === "object" && "url" in val && !val.url && contentDefaults[key_0]) overrides[key_0] = contentDefaults[key_0];
 			}
-			$[31] = merged;
-			$[32] = overrides;
-		} else overrides = $[32];
-		let t20;
-		if ($[33] !== merged || $[34] !== overrides) {
-			t20 = {
-				...merged,
-				...overrides
-			};
-			$[33] = merged;
-			$[34] = overrides;
-			$[35] = t20;
-		} else t20 = $[35];
-		const t21 = t20;
+			$[39] = merged;
+			$[40] = overrides;
+		} else overrides = $[40];
 		let t22;
-		if ($[36] !== blockData.settings) {
+		if ($[41] !== merged || $[42] !== overrides) {
 			t22 = {
-				...settingsDefaults,
-				...blockData.settings
+				...merged,
+				...overrides
 			};
-			$[36] = blockData.settings;
-			$[37] = t22;
-		} else t22 = $[37];
+			$[41] = merged;
+			$[42] = overrides;
+			$[43] = t22;
+		} else t22 = $[43];
 		const t23 = t22;
 		let t24;
-		if ($[38] !== blockData._id || $[39] !== isHovered || $[40] !== mode || $[41] !== t21 || $[42] !== t23) {
+		if ($[44] !== blockData.settings) {
 			t24 = {
-				blockId: t18,
-				content: t21,
-				settings: t23,
+				...settingsDefaults,
+				...blockData.settings
+			};
+			$[44] = blockData.settings;
+			$[45] = t24;
+		} else t24 = $[45];
+		const t25 = t24;
+		let t26;
+		if ($[46] !== blockData._id || $[47] !== isHovered || $[48] !== mode || $[49] !== t23 || $[50] !== t25) {
+			t26 = {
+				blockId: t20,
+				content: t23,
+				settings: t25,
 				mode,
 				isHovered,
 				setIsHovered
 			};
-			$[38] = blockData._id;
-			$[39] = isHovered;
-			$[40] = mode;
-			$[41] = t21;
-			$[42] = t23;
-			$[43] = t24;
-		} else t24 = $[43];
-		let t25;
-		if ($[44] !== normalizedContent) {
-			t25 = /* @__PURE__ */ jsx(options.component, { content: normalizedContent });
-			$[44] = normalizedContent;
-			$[45] = t25;
-		} else t25 = $[45];
-		let t26;
-		if ($[46] !== t24 || $[47] !== t25) {
-			t26 = /* @__PURE__ */ jsx(Context.Provider, {
-				value: t24,
-				children: t25
-			});
-			$[46] = t24;
-			$[47] = t25;
-			$[48] = t26;
-		} else t26 = $[48];
+			$[46] = blockData._id;
+			$[47] = isHovered;
+			$[48] = mode;
+			$[49] = t23;
+			$[50] = t25;
+			$[51] = t26;
+		} else t26 = $[51];
 		let t27;
-		if ($[49] !== shouldShowSheetOverlay) {
-			t27 = /* @__PURE__ */ jsx("div", {
+		if ($[52] !== normalizedContent) {
+			t27 = /* @__PURE__ */ jsx(options.component, { content: normalizedContent });
+			$[52] = normalizedContent;
+			$[53] = t27;
+		} else t27 = $[53];
+		let t28;
+		if ($[54] !== t26 || $[55] !== t27) {
+			t28 = /* @__PURE__ */ jsx(Context.Provider, {
+				value: t26,
+				children: t27
+			});
+			$[54] = t26;
+			$[55] = t27;
+			$[56] = t28;
+		} else t28 = $[56];
+		let t29;
+		if ($[57] !== shouldShowSheetOverlay) {
+			t29 = /* @__PURE__ */ jsx("div", {
 				className: "camox-sheet-overlay",
 				...shouldShowSheetOverlay ? { "data-camox-visible": "" } : {}
 			});
-			$[49] = shouldShowSheetOverlay;
-			$[50] = t27;
-		} else t27 = $[50];
-		let t28;
-		if ($[51] !== handleAddBlockClick || $[52] !== isAnySideSheetOpen || $[53] !== isFirstBlock || $[54] !== mode || $[55] !== shouldShowOverlay || $[56] !== showAddBlockBottom || $[57] !== showAddBlockTop) {
-			t28 = shouldShowOverlay && /* @__PURE__ */ jsxs(Fragment, { children: [(showAddBlockTop ?? (mode !== "layout" && !isFirstBlock)) && /* @__PURE__ */ jsx(AddBlockControlBar, {
+			$[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, {
 				position: "top",
 				hidden: isAnySideSheetOpen,
 				onMouseLeave: () => setIsHovered(false),
@@ -1426,47 +1460,47 @@ function createBlock(options) {
 				onMouseLeave: () => setIsHovered(false),
 				onClick: () => handleAddBlockClick("after")
 			})] });
-			$[51] = handleAddBlockClick;
-			$[52] = isAnySideSheetOpen;
-			$[53] = isFirstBlock;
-			$[54] = mode;
-			$[55] = shouldShowOverlay;
-			$[56] = showAddBlockBottom;
-			$[57] = showAddBlockTop;
-			$[58] = t28;
-		} else t28 = $[58];
-		let t29;
-		if ($[59] !== handleClick || $[60] !== handleMouseEnter || $[61] !== handleMouseLeave || $[62] !== t14 || $[63] !== t15 || $[64] !== t16 || $[65] !== t17 || $[66] !== t26 || $[67] !== t27 || $[68] !== t28) {
-			t29 = /* @__PURE__ */ jsxs("div", {
+			$[59] = handleAddBlockClick;
+			$[60] = isAnySideSheetOpen;
+			$[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", {
 				className: "group visual-editing-block",
 				ref,
-				style: t13,
-				"data-camox-block-id": t14,
-				"data-camox-hovered": t15,
-				"data-camox-focused": t16,
-				"data-camox-overlay-mode": t17,
+				style: t15,
+				"data-camox-block-id": t16,
+				"data-camox-hovered": t17,
+				"data-camox-focused": t18,
+				"data-camox-overlay-mode": t19,
 				onClick: handleClick,
 				onMouseEnter: handleMouseEnter,
 				onMouseLeave: handleMouseLeave,
 				children: [
-					t26,
-					t27,
-					t28
+					t28,
+					t29,
+					t30
 				]
 			});
-			$[59] = handleClick;
-			$[60] = handleMouseEnter;
-			$[61] = handleMouseLeave;
-			$[62] = t14;
-			$[63] = t15;
-			$[64] = t16;
-			$[65] = t17;
-			$[66] = t26;
-			$[67] = t27;
-			$[68] = t28;
-			$[69] = t29;
-		} else t29 = $[69];
-		return t29;
+			$[67] = handleClick;
+			$[68] = handleMouseEnter;
+			$[69] = handleMouseLeave;
+			$[70] = t16;
+			$[71] = t17;
+			$[72] = t18;
+			$[73] = t19;
+			$[74] = t28;
+			$[75] = t29;
+			$[76] = t30;
+			$[77] = t31;
+		} else t31 = $[77];
+		return t31;
 	};
 	const useSetting = (name) => {
 		const ctx = React.use(Context);
@@ -1479,9 +1513,9 @@ function createBlock(options) {
 	*/
 	const Detached = (t0) => {
 		const $ = c(31);
-		if ($[0] !== "7449f3ea9be4e14dfde818341dfd9ef5acd44b63f0cff7104a5c200feae79d4a") {
+		if ($[0] !== "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790") {
 			for (let $i = 0; $i < 31; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "7449f3ea9be4e14dfde818341dfd9ef5acd44b63f0cff7104a5c200feae79d4a";
+			$[0] = "16fbadb9c99d2d93df5249e83b6340f85840c1bffae0734d6a331a4171f15790";
 		}
 		const { children } = t0;
 		const ctx = React.use(Context);
@@ -1489,9 +1523,9 @@ function createBlock(options) {
 		const { blockId, mode, isHovered, setIsHovered } = ctx;
 		const isContentEditable = useIsEditable(mode);
 		const { window: iframeWindow } = useFrame();
-		const selection = useSelector(previewStore, _temp0);
-		const isAddBlockSheetOpen = useSelector(previewStore, _temp1);
-		const isPageContentSheetOpen = useSelector(previewStore, _temp10);
+		const selection = useSelector(previewStore, _temp1);
+		const isAddBlockSheetOpen = useSelector(previewStore, _temp10);
+		const isPageContentSheetOpen = useSelector(previewStore, _temp11);
 		const isBlockSelected = selection?.blockId === blockId;
 		const t1 = String(blockId);
 		let t2;
@@ -1706,16 +1740,19 @@ function _temp7(state_0) {
 function _temp8(state_1) {
 	return state_1.context.isAddBlockSheetOpen;
 }
-function _temp9(item) {
+function _temp9(state_2) {
+	return state_2.context.pendingAgentBlockFocus;
+}
+function _temp0(item) {
 	return item.content;
 }
-function _temp0(state) {
+function _temp1(state) {
 	return state.context.selection;
 }
-function _temp1(state_0) {
+function _temp10(state_0) {
 	return state_0.context.isAddBlockSheetOpen;
 }
-function _temp10(state_1) {
+function _temp11(state_1) {
 	return state_1.context.isPageContentSheetOpen;
 }