camox 0.71.0 → 0.74.1

package/dist/core/editing/createEditableBlock.js

@@ -1,6 +1,6 @@
 import { artifactFrameProps, artifactPlaceholderProps, artifactStandInProps, isArtifactSource } from "../lib/artifact.js";
 import { artifactData } from "../lib/artifactData.js";
-import { resolveBlockFields, resolveToMarkdown, resolveToStructuredData, resolveToTitle } from "../lib/contentType.js";
+import { placeholderImage, resolveBlockFields, resolveToMarkdown, resolveToStructuredData, resolveToTitle } from "../lib/contentType.js";
 import { useLocation, useNavigate } from "../../features/navigation/navigation.js";
 import { useOptionalCamoxApp } from "../../features/provider/components/CamoxAppContext.js";
 import { useProjectUuid } from "../../lib/auth.js";
@@ -12,7 +12,6 @@ import { renderImagePlaceholder } from "../lib/imagePlaceholder.js";
 import { buildImageSrcSet, getDefaultImageSizes, getDefaultImageWidth, transformImageUrl } from "../lib/imageTransform.js";
 import { markdownToReactNodes } from "../lib/lexicalReact.js";
 import { resolveReference, resolveReferenceList } from "../lib/reference.js";
-import { referencePickerFocus } from "../../features/preview/referencePickerFocus.js";
 import { selectionBlockId } from "../../features/preview/previewStore.js";
 import { overlayFieldId, recordPlacementId } from "../../features/preview/overlayMessages.js";
 import { useIsEditable } from "../hooks/useIsEditable.js";
@@ -29,9 +28,8 @@ import { useOverlayMessage } from "../hooks/useOverlayMessage.js";
 import { useOverlayState } from "../hooks/useOverlayState.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
-import { isQueryBacked } from "@camox/api-contract";
+import { emptyFieldValues, isQueryBacked } from "@camox/api-contract";
 import { Type } from "@sinclair/typebox";
-import { generateKeyBetween } from "fractional-indexing";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/core/editing/createEditableBlock.tsx
@@ -67,97 +65,6 @@ const resolveLinkHref = (link, pages, currentPathname) => {
 	if (!link.href || link.href.startsWith("#")) return `${currentPathname}${link.href ?? ""}`;
 	return link.href;
 };
-/**
-* Recursively walks schema properties to generate RepeatableItemSeed objects.
-* Sets `_itemId` placeholder markers on `content` for each repeatable field,
-* and pushes seed objects into `allSeeds`.
-*/
-function buildInitialSeeds(properties, parentTempId, content, allSeeds, counter) {
-	for (const [fieldName, fieldSchema] of Object.entries(properties)) {
-		if (fieldSchema.type !== "array" || !fieldSchema.items?.properties) continue;
-		const ft = fieldSchema.fieldType;
-		if (ft === "ImageList" || ft === "FileList") continue;
-		const defaultCount = fieldSchema.defaultItems ?? fieldSchema.minItems ?? 0;
-		if (defaultCount <= 0) continue;
-		const itemProperties = fieldSchema.items.properties;
-		const itemContent = {};
-		for (const [propName, propSchema] of Object.entries(itemProperties)) {
-			if (propSchema.type === "array" && propSchema.items?.properties) continue;
-			if ("default" in propSchema) itemContent[propName] = propSchema.default;
-		}
-		const itemSettingsDefaults = fieldSchema.defaultItemSettings;
-		const markers = [];
-		let prevPosition = null;
-		for (let i = 0; i < defaultCount; i++) {
-			const tempId = `seed_${++counter.value}`;
-			const position = generateKeyBetween(prevPosition, null);
-			prevPosition = position;
-			allSeeds.push({
-				tempId,
-				parentTempId,
-				fieldName,
-				content: { ...itemContent },
-				settings: itemSettingsDefaults ? { ...itemSettingsDefaults } : void 0,
-				position
-			});
-			markers.push({ _itemId: tempId });
-			buildInitialSeeds(itemProperties, tempId, {}, allSeeds, counter);
-		}
-		content[fieldName] = markers;
-	}
-}
-/**
-* Recursively walks schema properties to generate fake repeatable items for peek mode.
-* Sets `_itemId` markers on `content` for each repeatable field,
-* and pushes the corresponding fake items into `allItems`.
-*/
-function buildPeekItems(properties, blockId, parentItemId, content, allItems, counter) {
-	for (const [fieldName, fieldSchema] of Object.entries(properties)) {
-		if (fieldSchema.type !== "array" || !fieldSchema.items?.properties) continue;
-		if (fieldSchema.fieldType === "ImageList" || fieldSchema.fieldType === "FileList") continue;
-		const defaultCount = fieldSchema.defaultItems ?? fieldSchema.minItems ?? 0;
-		if (defaultCount <= 0) continue;
-		const itemProperties = fieldSchema.items.properties;
-		const itemContent = {};
-		for (const [propName, propSchema] of Object.entries(itemProperties)) {
-			if (propSchema.type === "array" && propSchema.items?.properties) continue;
-			if ("default" in propSchema) itemContent[propName] = propSchema.default;
-		}
-		const itemSettingsDefaults = fieldSchema.defaultItemSettings;
-		const markers = [];
-		let prevPosition = null;
-		for (let i = 0; i < defaultCount; i++) {
-			const itemId = `peek_${++counter.value}`;
-			const position = generateKeyBetween(prevPosition, null);
-			prevPosition = position;
-			allItems.push({
-				id: itemId,
-				blockId,
-				parentItemId,
-				fieldName,
-				content: { ...itemContent },
-				settings: itemSettingsDefaults ? { ...itemSettingsDefaults } : null,
-				summary: "",
-				title: "",
-				position,
-				createdAt: 0,
-				updatedAt: 0,
-				projectId: null,
-				sharedContentType: null,
-				references: {}
-			});
-			markers.push({ _itemId: itemId });
-			const nestedContent = {};
-			buildPeekItems(itemProperties, blockId, itemId, nestedContent, allItems, counter);
-			const item = allItems.find((it) => it.id === itemId);
-			item.content = {
-				...item.content,
-				...nestedContent
-			};
-		}
-		content[fieldName] = markers;
-	}
-}
 function createEditableBlock(options) {
 	const fields = resolveBlockFields(options);
 	const typeboxSchema = Type.Object(fields.content);
@@ -177,29 +84,8 @@ function createEditableBlock(options) {
 		properties: settingsTypeboxSchema.properties,
 		required: Object.keys(fields.settings)
 	} : void 0;
-	const contentDefaults = {};
-	const contentDefaultsForStorage = {};
-	for (const [key, prop] of Object.entries(typeboxSchema.properties)) if ("default" in prop) {
-		contentDefaults[key] = prop.default;
-		const ft = prop.fieldType;
-		if (ft === "Image" || ft === "File" || ft === "ImageList" || ft === "FileList" || ft === "Repeater") continue;
-		contentDefaultsForStorage[key] = prop.default;
-	}
-	const repeatableItemDefaults = {};
-	const repeatableItemSettingsDefaults = {};
-	for (const [key, prop] of Object.entries(typeboxSchema.properties)) {
-		const p = prop;
-		if (p.type === "array" && p.items?.properties) {
-			const itemDefaults = {};
-			for (const [itemKey, itemProp] of Object.entries(p.items.properties)) if (itemProp && typeof itemProp === "object" && "default" in itemProp) itemDefaults[itemKey] = itemProp.default;
-			if (Object.keys(itemDefaults).length > 0) repeatableItemDefaults[key] = itemDefaults;
-			if (p.defaultItemSettings && typeof p.defaultItemSettings === "object") repeatableItemSettingsDefaults[key] = p.defaultItemSettings;
-		}
-	}
-	const settingsDefaults = {};
-	if (settingsTypeboxSchema) {
-		for (const [key, prop] of Object.entries(settingsTypeboxSchema.properties)) if ("default" in prop) settingsDefaults[key] = prop.default;
-	}
+	const emptyContent = emptyFieldValues(typeboxSchema);
+	const emptySettings = emptyFieldValues(settingsTypeboxSchema);
 	const ToReact = options.toReact;
 	const Context = React.createContext(null);
 	const RepeatableItemContext = React.createContext(null);
@@ -212,8 +98,8 @@ function createEditableBlock(options) {
 		const selectTarget = usePreviewSelection();
 		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 { blockId, content } = blockContext;
+		const isContentEditable = useIsEditable();
 		const elementRef = React.useRef(null);
 		const { window: iframeWindow } = useFrame();
 		const pages = useEditorLinkPages();
@@ -414,7 +300,7 @@ function createEditableBlock(options) {
 		const item = React.use(RepeatableItemContext);
 		const selectTarget = usePreviewSelection();
 		if (!block) throw new Error("Icon must be used within a Block Component");
-		const editable = useIsEditable(block.mode);
+		const editable = useIsEditable();
 		const fieldName = String(name);
 		const value = item ? item.itemContent[name] : block.content[name];
 		const t1 = item?.itemId;
@@ -521,8 +407,8 @@ function createEditableBlock(options) {
 		const selectTarget = usePreviewSelection();
 		const blockContext = React.use(Context);
 		if (!blockContext) throw new Error("Embed must be used within a Block Component");
-		const { blockId, content, mode } = blockContext;
-		const isContentEditable = useIsEditable(mode);
+		const { blockId, content } = blockContext;
+		const isContentEditable = useIsEditable();
 		const { window: iframeWindow } = useFrame();
 		const repeaterContext = React.use(RepeatableItemContext);
 		const fieldValue = repeaterContext ? repeaterContext.itemContent[name] : content[name];
@@ -690,8 +576,8 @@ function createEditableBlock(options) {
 		const selectTarget = usePreviewSelection();
 		const blockContext = React.use(Context);
 		if (!blockContext) throw new Error("Artifact must be used within a Block Component");
-		const { blockId, content, mode } = blockContext;
-		const isContentEditable = useIsEditable(mode);
+		const { blockId, content } = blockContext;
+		const isContentEditable = useIsEditable();
 		const { window: iframeWindow } = useFrame();
 		const repeaterContext = React.use(RepeatableItemContext);
 		const value = repeaterContext ? repeaterContext.itemContent[name] : content[name];
@@ -901,8 +787,8 @@ function createEditableBlock(options) {
 		const selectTarget = usePreviewSelection();
 		const blockContext = React.use(Context);
 		if (!blockContext) throw new Error("Link must be used within a Block Component");
-		const { blockId, content, mode } = blockContext;
-		const isContentEditable = useIsEditable(mode);
+		const { blockId, content } = blockContext;
+		const isContentEditable = useIsEditable();
 		const elementRef = React.useRef(null);
 		const { window: iframeWindow } = useFrame();
 		const repeaterContext = React.use(RepeatableItemContext);
@@ -1074,15 +960,15 @@ function createEditableBlock(options) {
 		const selectTarget = usePreviewSelection();
 		const blockContext = React.use(Context);
 		if (!blockContext) throw new Error("Image must be used within a Block Component");
-		const { blockId, content, mode } = blockContext;
-		const isContentEditable = useIsEditable(mode);
+		const { blockId, content } = blockContext;
+		const isContentEditable = useIsEditable();
 		const { window: iframeWindow } = useFrame();
 		const repeaterContext = React.use(RepeatableItemContext);
 		const { filesMap } = useNormalizedData();
 		const rawSource = repeaterContext ? repeaterContext.itemContent[name] : content[name];
 		const rawValue = resolveAssetValue(rawSource, filesMap);
-		const defaultValue = repeaterContext ? repeatableItemDefaults[repeaterContext.arrayFieldName]?.[String(name)] : contentDefaults[String(name)];
-		const fieldValue = rawValue ?? defaultValue;
+		const fieldSchema = repeaterContext ? repeaterContext.itemSchema?.[name] : (blockContext.sourceSchema ?? typeboxSchema.properties)[name];
+		const fieldValue = rawValue?.url ? rawValue : placeholderImage(fieldSchema?.title);
 		const isInlineArrayItem = repeaterContext != null && repeaterContext.itemId == null;
 		const overlayFieldName = isInlineArrayItem ? repeaterContext.arrayFieldName : String(name);
 		const overlayItemId = isInlineArrayItem ? repeaterContext.containerItemId : repeaterContext?.itemId;
@@ -1213,16 +1099,14 @@ function createEditableBlock(options) {
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
 		if (!blockContext) throw new Error("File must be used within a Block Component");
-		const { blockId, content, mode } = blockContext;
-		const isContentEditable = useIsEditable(mode);
+		const { blockId, content } = blockContext;
+		const isContentEditable = useIsEditable();
 		const { window: iframeWindow } = useFrame();
 		const repeaterContext = React.use(RepeatableItemContext);
 		const reference = React.use(ReferenceContext);
 		const { filesMap } = useNormalizedData();
 		const rawSource = repeaterContext ? repeaterContext.itemContent[name] : content[name];
-		const rawValue = resolveAssetValue(rawSource, filesMap);
-		const defaultValue = repeaterContext ? repeatableItemDefaults[repeaterContext.arrayFieldName]?.[String(name)] : contentDefaults[String(name)];
-		const fieldValue = rawValue ?? defaultValue;
+		const fieldValue = resolveAssetValue(rawSource, filesMap);
 		const isInlineArrayItem = repeaterContext != null && repeaterContext.itemId == null;
 		const overlayFieldName = isInlineArrayItem ? repeaterContext.arrayFieldName : String(name);
 		const fieldId = getOverlayFieldId(blockId, overlayFieldName, { reference });
@@ -1236,6 +1120,7 @@ function createEditableBlock(options) {
 			setPrevSidebarHover(isHoveredFromSidebar);
 			setIsHovered(isHoveredFromSidebar);
 		}
+		if (!fieldValue?.url) return null;
 		const linkProps = {
 			href: fieldValue.url,
 			download: fieldValue.filename
@@ -1269,17 +1154,10 @@ function createEditableBlock(options) {
 		const parentRepeaterContext = React.use(RepeatableItemContext);
 		const { filesMap } = useNormalizedData();
 		const fieldName = String(name);
-		const fieldSchema = parentRepeaterContext ? typeboxSchema.properties[parentRepeaterContext.arrayFieldName]?.items?.properties?.[fieldName] : (blockContext.sourceSchema ?? typeboxSchema.properties)[fieldName];
-		const ft = fieldSchema?.fieldType;
+		const ft = (parentRepeaterContext ? typeboxSchema.properties[parentRepeaterContext.arrayFieldName]?.items?.properties?.[fieldName] : (blockContext.sourceSchema ?? typeboxSchema.properties)[fieldName])?.fieldType;
 		if (ft !== "ImageList" && ft !== "FileList") throw new Error(`"${fieldName}" is not an imageList or fileList field`);
 		const source = parentRepeaterContext ? parentRepeaterContext.itemContent[fieldName] : blockContext.content[fieldName];
-		let arr = Array.isArray(source) ? source : [];
-		if (arr.length === 0) {
-			const defaultCount = fieldSchema.defaultItems ?? 0;
-			const itemDefault = fieldSchema.items?.default;
-			if (defaultCount > 0 && itemDefault) arr = Array.from({ length: defaultCount }, () => itemDefault);
-		}
-		const resolved = arr.map((v) => resolveAssetValue(v, filesMap)).filter((v) => v != null && typeof v === "object" && "url" in v);
+		const resolved = (Array.isArray(source) ? source : []).map((v) => resolveAssetValue(v, filesMap)).filter((v) => v != null && typeof v === "object" && "url" in v);
 		const Single = ft === "ImageList" ? Image : File;
 		return /* @__PURE__ */ jsx(RepeaterHoverProvider, {
 			blockId: blockContext.blockId,
@@ -1304,8 +1182,8 @@ function createEditableBlock(options) {
 	const FileList = _AssetList;
 	const RepeatableItemWrapper = (t0) => {
 		const $ = c(21);
-		const { itemId, blockId, nesting, mode, children } = t0;
-		const isContentEditable = useIsEditable(mode);
+		const { itemId, blockId, nesting, children } = t0;
+		const isContentEditable = useIsEditable();
 		const { window: iframeWindow } = useFrame();
 		const fragmentRef = React.useRef(null);
 		const registrationRef = React.useRef(null);
@@ -1429,7 +1307,7 @@ function createEditableBlock(options) {
 	const RepeaterHoverProvider = (t0) => {
 		const $ = c(6);
 		const { blockId, fieldName, children } = t0;
-		const isContentEditable = useIsEditable("site");
+		const isContentEditable = useIsEditable();
 		const { window: iframeWindow } = useFrame();
 		const hoverGroup = React.useId();
 		const t1 = String(blockId);
@@ -1457,11 +1335,11 @@ function createEditableBlock(options) {
 		return t4;
 	};
 	const RepeaterImpl = (t0) => {
-		const $ = c(29);
+		const $ = c(19);
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
 		if (!blockContext) throw new Error("Repeater must be used within a Block Component");
-		const { blockId, content, mode } = blockContext;
+		const { blockId, content } = blockContext;
 		const parentRepeaterContext = React.use(RepeatableItemContext);
 		const fieldName = String(name);
 		const source = parentRepeaterContext ? parentRepeaterContext.itemContent[fieldName] : content[fieldName];
@@ -1478,120 +1356,107 @@ function createEditableBlock(options) {
 		let t2;
 		let t3;
 		let t4;
-		if ($[2] !== blockId || $[3] !== children || $[4] !== fieldName || $[5] !== itemsMap || $[6] !== mode || $[7] !== parentRepeaterContext || $[8] !== storedValue) {
+		if ($[2] !== blockId || $[3] !== children || $[4] !== fieldName || $[5] !== itemsMap || $[6] !== parentRepeaterContext || $[7] !== storedValue) {
 			let t5;
-			if ($[13] !== itemsMap) {
+			if ($[12] !== itemsMap) {
 				t5 = (item) => {
 					if (isItemMarker(item)) return itemsMap.get(item._itemId) ?? null;
 					return item;
 				};
-				$[13] = itemsMap;
-				$[14] = t5;
-			} else t5 = $[14];
+				$[12] = itemsMap;
+				$[13] = t5;
+			} else t5 = $[13];
 			const arrayValue = storedValue.map(t5).filter(Boolean);
-			const settingsDefaultsForField = repeatableItemSettingsDefaults[fieldName];
-			const itemSchema = (parentRepeaterContext ? parentRepeaterContext.itemSchema?.[fieldName] : typeboxSchema.properties[fieldName])?.items?.properties;
+			const fieldSchema = parentRepeaterContext ? parentRepeaterContext.itemSchema?.[fieldName] : typeboxSchema.properties[fieldName];
+			const itemSchema = fieldSchema?.items?.properties;
+			const emptyItem = emptyFieldValues(fieldSchema?.items);
+			const emptyItemSettings = emptyFieldValues(fieldSchema?.itemSettingsSchema);
 			const nesting = parentRepeaterContext ? (parentRepeaterContext.nesting ?? 0) + 1 : 0;
 			T0 = RepeaterHoverProvider;
 			t2 = blockId;
 			t3 = fieldName;
-			let t6;
-			if ($[15] !== blockId || $[16] !== children || $[17] !== fieldName || $[18] !== itemSchema || $[19] !== mode || $[20] !== nesting || $[21] !== parentRepeaterContext?.containerItemId || $[22] !== settingsDefaultsForField) {
-				t6 = (item_0, index) => {
-					const isDbItem = item_0.content !== void 0 && item_0.id != null;
-					const itemContent = {
-						...repeatableItemDefaults[fieldName],
-						...isDbItem ? item_0.content : item_0
-					};
-					const itemSettings = {
-						...settingsDefaultsForField,
-						...isDbItem ? item_0.settings : null
-					};
-					const itemId = isDbItem ? item_0.id : void 0;
-					const useItemSetting = (settingName) => itemSettings[settingName];
-					const itemApi = {
-						Field,
-						Link,
-						Icon,
-						Embed,
-						Artifact,
-						Image,
-						File,
-						ImageList: _AssetList,
-						FileList: _AssetList,
-						Repeater: RepeaterImpl,
-						Reference: ReferenceImpl,
-						ReferenceList: ReferenceListImpl,
-						useSetting: useItemSetting
-					};
-					return /* @__PURE__ */ jsx(RepeatableItemContext.Provider, {
-						value: {
-							arrayFieldName: fieldName,
-							itemIndex: index,
-							itemContent,
-							itemSettings,
-							itemId,
-							containerItemId: itemId ?? parentRepeaterContext?.containerItemId,
-							itemSchema,
-							nesting
-						},
-						children: /* @__PURE__ */ jsx(RepeatableItemWrapper, {
-							itemId,
-							blockId,
-							nesting,
-							mode,
-							children: children(itemApi, index)
-						})
-					}, itemId ?? index);
+			t4 = arrayValue.map((item_0, index) => {
+				const isDbItem = item_0.content !== void 0 && item_0.id != null;
+				const itemContent = {
+					...emptyItem,
+					...isDbItem ? item_0.content : item_0
+				};
+				const itemSettings = {
+					...emptyItemSettings,
+					...isDbItem ? item_0.settings : null
+				};
+				const itemId = isDbItem ? item_0.id : void 0;
+				const useItemSetting = (settingName) => itemSettings[settingName];
+				const itemApi = {
+					Field,
+					Link,
+					Icon,
+					Embed,
+					Artifact,
+					Image,
+					File,
+					ImageList: _AssetList,
+					FileList: _AssetList,
+					Repeater: RepeaterImpl,
+					Reference: ReferenceImpl,
+					ReferenceList: ReferenceListImpl,
+					useSetting: useItemSetting
 				};
-				$[15] = blockId;
-				$[16] = children;
-				$[17] = fieldName;
-				$[18] = itemSchema;
-				$[19] = mode;
-				$[20] = nesting;
-				$[21] = parentRepeaterContext?.containerItemId;
-				$[22] = settingsDefaultsForField;
-				$[23] = t6;
-			} else t6 = $[23];
-			t4 = arrayValue.map(t6);
+				return /* @__PURE__ */ jsx(RepeatableItemContext.Provider, {
+					value: {
+						arrayFieldName: fieldName,
+						itemIndex: index,
+						itemContent,
+						itemSettings,
+						itemId,
+						containerItemId: itemId ?? parentRepeaterContext?.containerItemId,
+						itemSchema,
+						nesting
+					},
+					children: /* @__PURE__ */ jsx(RepeatableItemWrapper, {
+						itemId,
+						blockId,
+						nesting,
+						children: children(itemApi, index)
+					})
+				}, itemId ?? index);
+			});
 			$[2] = blockId;
 			$[3] = children;
 			$[4] = fieldName;
 			$[5] = itemsMap;
-			$[6] = mode;
-			$[7] = parentRepeaterContext;
-			$[8] = storedValue;
-			$[9] = T0;
-			$[10] = t2;
-			$[11] = t3;
-			$[12] = t4;
+			$[6] = parentRepeaterContext;
+			$[7] = storedValue;
+			$[8] = T0;
+			$[9] = t2;
+			$[10] = t3;
+			$[11] = t4;
 		} else {
-			T0 = $[9];
-			t2 = $[10];
-			t3 = $[11];
-			t4 = $[12];
+			T0 = $[8];
+			t2 = $[9];
+			t3 = $[10];
+			t4 = $[11];
 		}
 		let t5;
-		if ($[24] !== T0 || $[25] !== t2 || $[26] !== t3 || $[27] !== t4) {
+		if ($[14] !== T0 || $[15] !== t2 || $[16] !== t3 || $[17] !== t4) {
 			t5 = /* @__PURE__ */ jsx(T0, {
 				blockId: t2,
 				fieldName: t3,
 				children: t4
 			});
-			$[24] = T0;
-			$[25] = t2;
-			$[26] = t3;
-			$[27] = t4;
-			$[28] = t5;
-		} else t5 = $[28];
+			$[14] = T0;
+			$[15] = t2;
+			$[16] = t3;
+			$[17] = t4;
+			$[18] = t5;
+		} else t5 = $[18];
 		return t5;
 	};
 	const Repeater = RepeaterImpl;
 	const BlockComponent = (t0) => {
-		const $ = c(63);
-		const { blockData, mode, isFirstBlock, showAddBlockTop, showAddBlockBottom, addBlockAfterPosition } = t0;
-		const isContentEditable = useIsEditable(mode);
+		const $ = c(48);
+		const { blockData } = t0;
+		const isContentEditable = useIsEditable();
 		const { window: iframeWindow } = useFrame();
 		const [isHovered, setIsHovered] = React.useState(false);
 		const selection = usePreviewTargetSelection();
@@ -1663,7 +1528,7 @@ function createEditableBlock(options) {
 		let t6;
 		if ($[11] !== blockData.settings) {
 			t6 = {
-				...settingsDefaults,
+				...emptySettings,
 				...blockData.settings
 			};
 			$[11] = blockData.settings;
@@ -1672,7 +1537,10 @@ function createEditableBlock(options) {
 		const blockSettings = t6;
 		let result;
 		if ($[13] !== blockData.content) {
-			result = { ...blockData.content };
+			result = {
+				...emptyContent,
+				...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(_temp7);
@@ -1720,136 +1588,92 @@ function createEditableBlock(options) {
 		} else t9 = $[22];
 		const handleMouseLeave = t9;
 		const shouldShowOverlay = isContentEditable && (overlayState["data-camox-hovered"] || overlayState["data-camox-focused"]);
-		const t10 = blockData._id;
-		let t11;
+		let t10;
 		if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-			t11 = {
+			t10 = {
 				position: "relative",
 				scrollMargin: "5rem"
 			};
-			$[23] = t11;
-		} else t11 = $[23];
-		const t12 = isContentEditable ? blockData._id : void 0;
+			$[23] = t10;
+		} else t10 = $[23];
+		const t11 = isContentEditable ? blockData._id : void 0;
+		let t12;
+		if ($[24] !== overlayState || $[25] !== shouldShowOverlay) {
+			t12 = shouldShowOverlay ? overlayState : {};
+			$[24] = overlayState;
+			$[25] = shouldShowOverlay;
+			$[26] = t12;
+		} else t12 = $[26];
 		let t13;
-		if ($[24] !== addBlockAfterPosition || $[25] !== blockData.position || $[26] !== isContentEditable || $[27] !== isFirstBlock || $[28] !== mode || $[29] !== showAddBlockBottom || $[30] !== showAddBlockTop) {
-			t13 = isContentEditable ? JSON.stringify({
-				position: blockData.position,
-				before: showAddBlockTop ?? (mode !== "layout" && !isFirstBlock),
-				after: showAddBlockBottom ?? mode !== "layout",
-				...addBlockAfterPosition !== void 0 ? { afterPosition: addBlockAfterPosition } : {}
-			}) : void 0;
-			$[24] = addBlockAfterPosition;
-			$[25] = blockData.position;
-			$[26] = isContentEditable;
-			$[27] = isFirstBlock;
-			$[28] = mode;
-			$[29] = showAddBlockBottom;
-			$[30] = showAddBlockTop;
-			$[31] = t13;
-		} else t13 = $[31];
-		let t14;
-		if ($[32] !== overlayState || $[33] !== shouldShowOverlay) {
-			t14 = shouldShowOverlay ? overlayState : {};
-			$[32] = overlayState;
-			$[33] = shouldShowOverlay;
-			$[34] = t14;
-		} else t14 = $[34];
-		const t15 = blockData._id;
-		let t16;
-		if ($[35] !== blockData.content) {
-			t16 = {
-				...contentDefaults,
+		if ($[27] !== blockData.content) {
+			t13 = {
+				...emptyContent,
 				...blockData.content
 			};
-			$[35] = blockData.content;
-			$[36] = t16;
-		} else t16 = $[36];
-		const merged = t16;
-		let overrides;
-		if ($[37] !== 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];
-			}
-			$[37] = merged;
-			$[38] = overrides;
-		} else overrides = $[38];
-		let t17;
-		if ($[39] !== merged || $[40] !== overrides) {
-			t17 = {
-				...merged,
-				...overrides
-			};
-			$[39] = merged;
-			$[40] = overrides;
-			$[41] = t17;
-		} else t17 = $[41];
-		const t18 = t17;
-		let t19;
-		if ($[42] !== blockData || $[43] !== blockSettings || $[44] !== isHovered || $[45] !== mode || $[46] !== t18) {
-			t19 = {
-				blockId: t15,
-				content: t18,
+			$[27] = blockData.content;
+			$[28] = t13;
+		} else t13 = $[28];
+		const t14 = t13;
+		let t15;
+		if ($[29] !== blockData._id || $[30] !== blockSettings || $[31] !== isHovered || $[32] !== t14) {
+			t15 = {
+				blockId: blockData._id,
+				content: t14,
 				settings: blockSettings,
-				mode,
 				isHovered,
 				setIsHovered
 			};
-			$[42] = blockData;
-			$[43] = blockSettings;
-			$[44] = isHovered;
-			$[45] = mode;
-			$[46] = t18;
-			$[47] = t19;
-		} else t19 = $[47];
-		let t20;
-		if ($[48] !== blockSettings || $[49] !== normalizedContent) {
-			t20 = /* @__PURE__ */ jsx(ToReact, {
+			$[29] = blockData._id;
+			$[30] = blockSettings;
+			$[31] = isHovered;
+			$[32] = t14;
+			$[33] = t15;
+		} else t15 = $[33];
+		let t16;
+		if ($[34] !== blockSettings || $[35] !== normalizedContent) {
+			t16 = /* @__PURE__ */ jsx(ToReact, {
 				content: normalizedContent,
 				settings: blockSettings
 			});
-			$[48] = blockSettings;
-			$[49] = normalizedContent;
-			$[50] = t20;
-		} else t20 = $[50];
-		let t21;
-		if ($[51] !== t19 || $[52] !== t20) {
-			t21 = /* @__PURE__ */ jsx(Context.Provider, {
-				value: t19,
-				children: t20
+			$[34] = blockSettings;
+			$[35] = normalizedContent;
+			$[36] = t16;
+		} else t16 = $[36];
+		let t17;
+		if ($[37] !== t15 || $[38] !== t16) {
+			t17 = /* @__PURE__ */ jsx(Context.Provider, {
+				value: t15,
+				children: t16
 			});
-			$[51] = t19;
-			$[52] = t20;
-			$[53] = t21;
-		} else t21 = $[53];
-		let t22;
-		if ($[54] !== blockData || $[55] !== handleClick || $[56] !== handleMouseEnter || $[57] !== handleMouseLeave || $[58] !== t12 || $[59] !== t13 || $[60] !== t14 || $[61] !== t21) {
-			t22 = /* @__PURE__ */ jsx("div", {
+			$[37] = t15;
+			$[38] = t16;
+			$[39] = t17;
+		} else t17 = $[39];
+		let t18;
+		if ($[40] !== blockData._id || $[41] !== handleClick || $[42] !== handleMouseEnter || $[43] !== handleMouseLeave || $[44] !== t11 || $[45] !== t12 || $[46] !== t17) {
+			t18 = /* @__PURE__ */ jsx("div", {
 				className: "group visual-editing-block",
-				"data-camox-viewport-block": t10,
+				"data-camox-viewport-block": blockData._id,
 				ref,
-				style: t11,
-				"data-camox-block-id": t12,
-				"data-camox-block-insertion": t13,
-				...t14,
+				style: t10,
+				"data-camox-block-id": t11,
+				...t12,
 				"data-camox-overlay-mode": options.synced ? "synced" : void 0,
 				onClickCapture: handleClick,
 				onMouseEnter: handleMouseEnter,
 				onMouseLeave: handleMouseLeave,
-				children: t21
+				children: t17
 			});
-			$[54] = blockData;
-			$[55] = handleClick;
-			$[56] = handleMouseEnter;
-			$[57] = handleMouseLeave;
-			$[58] = t12;
-			$[59] = t13;
-			$[60] = t14;
-			$[61] = t21;
-			$[62] = t22;
-		} else t22 = $[62];
-		return t22;
+			$[40] = blockData._id;
+			$[41] = handleClick;
+			$[42] = handleMouseEnter;
+			$[43] = handleMouseLeave;
+			$[44] = t11;
+			$[45] = t12;
+			$[46] = t17;
+			$[47] = t18;
+		} else t18 = $[47];
+		return t18;
 	};
 	const useSetting = (name) => {
 		const ctx = React.use(Context);
@@ -1970,7 +1794,7 @@ function createEditableBlock(options) {
 		const applyEdit = useApplyContentEdit();
 		const [error, setError] = React.useState(null);
 		const [pointerHovered, setPointerHovered] = React.useState(false);
-		const editable = useIsEditable(block.mode);
+		const editable = useIsEditable();
 		let t0;
 		if ($[0] !== block || $[1] !== fieldName || $[2] !== owner || $[3] !== record) {
 			t0 = record ? placementOf(block, owner, fieldName, record.id) : null;
@@ -2170,19 +1994,6 @@ function createEditableBlock(options) {
 		} else t5 = $[15];
 		return t5;
 	};
-	const useCollectionTitle = (fieldName, field) => {
-		const $ = c(4);
-		const camoxApp = useOptionalCamoxApp();
-		let t0;
-		if ($[0] !== camoxApp || $[1] !== field || $[2] !== fieldName) {
-			t0 = camoxApp?.getCollectionById(field.collectionId)?._internal.title ?? field.title ?? fieldName;
-			$[0] = camoxApp;
-			$[1] = field;
-			$[2] = fieldName;
-			$[3] = t0;
-		} else t0 = $[3];
-		return t0;
-	};
 	const useReferenceField = (block, fieldName) => {
 		const item = React.use(RepeatableItemContext);
 		const outer = React.use(ReferenceContext)?.placement ?? null;
@@ -2193,129 +2004,57 @@ function createEditableBlock(options) {
 		const fieldType = "Reference";
 		const recordFieldSelected = useRecordSelection(outer, fieldName);
 		const blockFieldSelected = useFieldSelection(block.blockId, fieldName, fieldType, owner.itemId);
-		const fieldSelection = outer ? {
-			type: "record-field",
-			...outer,
-			recordFieldName: fieldName,
-			recordFieldType: fieldType
-		} : owner.itemId == null ? {
-			type: "block-field",
-			blockId: block.blockId,
-			fieldName,
-			fieldType
-		} : {
-			type: "item-field",
-			blockId: block.blockId,
-			itemId: owner.itemId,
-			fieldName,
-			fieldType
-		};
 		return {
 			owner,
 			field: item ? item.itemSchema?.[fieldName] : (block.sourceSchema ?? typeboxSchema.properties)[fieldName],
 			stored: item ? item.itemContent[fieldName] : block.content[fieldName],
 			fieldId: outer ? overlayFieldId(block.blockId, fieldName, { placement: outer }) : overlayFieldId(block.blockId, fieldName, { itemId: owner.itemId }),
-			fieldSelection,
 			fieldSelected: outer ? recordFieldSelected : blockFieldSelected
 		};
 	};
-	const ReferencePlaceholder = (t0) => {
-		const $ = c(13);
-		let children;
-		let fieldId;
-		let fieldSelection;
-		let props;
-		if ($[0] !== t0) {
-			({fieldId, fieldSelection, children, ...props} = t0);
-			$[0] = t0;
-			$[1] = children;
-			$[2] = fieldId;
-			$[3] = fieldSelection;
-			$[4] = props;
-		} else {
-			children = $[1];
-			fieldId = $[2];
-			fieldSelection = $[3];
-			props = $[4];
-		}
-		const selectTarget = usePreviewSelection();
-		let t1;
-		if ($[5] !== fieldId || $[6] !== fieldSelection || $[7] !== selectTarget) {
-			t1 = () => {
-				selectTarget(fieldSelection);
-				referencePickerFocus.send({
-					type: "request",
-					fieldId
-				});
-			};
-			$[5] = fieldId;
-			$[6] = fieldSelection;
-			$[7] = selectTarget;
-			$[8] = t1;
-		} else t1 = $[8];
-		let t2;
-		if ($[9] !== children || $[10] !== props || $[11] !== t1) {
-			t2 = /* @__PURE__ */ jsx("button", {
-				type: "button",
-				"data-camox-reference-placeholder": "",
-				className: "camox-reference-placeholder",
-				...props,
-				onClick: t1,
-				children
-			});
-			$[9] = children;
-			$[10] = props;
-			$[11] = t1;
-			$[12] = t2;
-		} else t2 = $[12];
-		return t2;
-	};
 	const PlacedRecordWrapper = (t0) => {
 		const $ = c(10);
 		const { fieldId, record, placedRecord, overlay, children } = t0;
-		const t1 = record?.id;
-		const t2 = record?.title;
-		let t3;
+		let t1;
 		if ($[0] !== placedRecord.error) {
-			t3 = placedRecord.error && /* @__PURE__ */ jsxs("p", {
+			t1 = placedRecord.error && /* @__PURE__ */ jsxs("p", {
 				role: "alert",
 				children: ["Could not save item. ", placedRecord.error]
 			});
 			$[0] = placedRecord.error;
-			$[1] = t3;
-		} else t3 = $[1];
-		let t4;
-		if ($[2] !== children || $[3] !== fieldId || $[4] !== overlay || $[5] !== placedRecord.wrapperProps || $[6] !== t1 || $[7] !== t2 || $[8] !== t3) {
-			t4 = /* @__PURE__ */ jsxs("div", {
+			$[1] = t1;
+		} else t1 = $[1];
+		let t2;
+		if ($[2] !== children || $[3] !== fieldId || $[4] !== overlay || $[5] !== placedRecord.wrapperProps || $[6] !== record.id || $[7] !== record.title || $[8] !== t1) {
+			t2 = /* @__PURE__ */ jsxs("div", {
 				"data-camox-field-id": fieldId,
-				"data-camox-collection-record-id": t1,
-				"data-camox-reference-label": t2,
+				"data-camox-collection-record-id": record.id,
+				"data-camox-reference-label": record.title,
 				"data-camox-overlay-mode": "reference",
 				...overlay,
 				...placedRecord.wrapperProps,
-				children: [children, t3]
+				children: [children, t1]
 			});
 			$[2] = children;
 			$[3] = fieldId;
 			$[4] = overlay;
 			$[5] = placedRecord.wrapperProps;
-			$[6] = t1;
-			$[7] = t2;
-			$[8] = t3;
-			$[9] = t4;
-		} else t4 = $[9];
-		return t4;
+			$[6] = record.id;
+			$[7] = record.title;
+			$[8] = t1;
+			$[9] = t2;
+		} else t2 = $[9];
+		return t2;
 	};
 	const ReferenceImpl = (t0) => {
-		const $ = c(21);
+		const $ = c(18);
 		const { name, children } = t0;
 		const block = React.use(Context);
 		const { recordsMap } = useNormalizedData();
 		const { window: iframeWindow } = useFrame();
 		if (!block) throw new Error("Reference must be used within a Block Component");
 		const fieldName = String(name);
-		const { owner, field, stored, fieldId, fieldSelection, fieldSelected } = useReferenceField(block, fieldName);
-		const collectionTitle = useCollectionTitle(fieldName, field);
+		const { owner, field, stored, fieldId, fieldSelected } = useReferenceField(block, fieldName);
 		let t1;
 		if ($[0] !== field.collectionId || $[1] !== recordsMap || $[2] !== stored) {
 			t1 = resolveReference(stored, field.collectionId, recordsMap);
@@ -2335,34 +2074,27 @@ function createEditableBlock(options) {
 		} else t2 = $[5];
 		const fieldHovered = useOverlayMessage(iframeWindow, editable, "CAMOX_HOVER_FIELD", "CAMOX_HOVER_FIELD_END", t2);
 		const overlay = useOverlayState(placedRecord.hovered || fieldHovered, fieldSelected || placedRecord.selected);
-		if (!record && !editable) return null;
+		if (!record || !placedRecord.reference) return null;
 		let t3;
-		if ($[6] !== block || $[7] !== children || $[8] !== collectionTitle || $[9] !== field || $[10] !== fieldId || $[11] !== fieldSelection || $[12] !== placedRecord.reference || $[13] !== record) {
-			t3 = record && placedRecord.reference ? /* @__PURE__ */ jsx(RecordScope, {
+		if ($[6] !== block || $[7] !== children || $[8] !== field || $[9] !== placedRecord.reference || $[10] !== record) {
+			t3 = /* @__PURE__ */ jsx(RecordScope, {
 				block,
 				field,
 				record,
 				reference: placedRecord.reference,
 				children
-			}) : /* @__PURE__ */ jsxs(ReferencePlaceholder, {
-				fieldId,
-				fieldSelection,
-				children: ["Select ", collectionTitle]
 			});
 			$[6] = block;
 			$[7] = children;
-			$[8] = collectionTitle;
-			$[9] = field;
-			$[10] = fieldId;
-			$[11] = fieldSelection;
-			$[12] = placedRecord.reference;
-			$[13] = record;
-			$[14] = t3;
-		} else t3 = $[14];
+			$[8] = field;
+			$[9] = placedRecord.reference;
+			$[10] = record;
+			$[11] = t3;
+		} else t3 = $[11];
 		const rendered = t3;
 		if (!editable) return rendered;
 		let t4;
-		if ($[15] !== fieldId || $[16] !== overlay || $[17] !== placedRecord || $[18] !== record || $[19] !== rendered) {
+		if ($[12] !== fieldId || $[13] !== overlay || $[14] !== placedRecord || $[15] !== record || $[16] !== rendered) {
 			t4 = /* @__PURE__ */ jsx(PlacedRecordWrapper, {
 				fieldId,
 				record,
@@ -2370,13 +2102,13 @@ function createEditableBlock(options) {
 				overlay,
 				children: rendered
 			});
-			$[15] = fieldId;
-			$[16] = overlay;
-			$[17] = placedRecord;
-			$[18] = record;
-			$[19] = rendered;
-			$[20] = t4;
-		} else t4 = $[20];
+			$[12] = fieldId;
+			$[13] = overlay;
+			$[14] = placedRecord;
+			$[15] = record;
+			$[16] = rendered;
+			$[17] = t4;
+		} else t4 = $[17];
 		return t4;
 	};
 	const Reference = ReferenceImpl;
@@ -2445,8 +2177,7 @@ function createEditableBlock(options) {
 				sourceSchema: properties,
 				settings: t2,
 				isHovered: false,
-				setIsHovered: _temp8,
-				mode: "layout"
+				setIsHovered: _temp8
 			};
 			$[1] = properties;
 			$[2] = t1;
@@ -2560,17 +2291,16 @@ function createEditableBlock(options) {
 		return t3;
 	};
 	const ReferenceListImpl = (t0) => {
-		const $ = c(44);
+		const $ = c(25);
 		const { name, children } = t0;
 		const block = React.use(Context);
 		const normalizedData = useNormalizedData();
 		const { recordsMap } = normalizedData;
 		const { window: iframeWindow } = useFrame();
 		if (!block) throw new Error("ReferenceList must be used within a Block Component");
-		const editable = useIsEditable(block.mode);
+		const editable = useIsEditable();
 		const fieldName = String(name);
-		const { owner, field, stored, fieldId, fieldSelection } = useReferenceField(block, fieldName);
-		const collectionTitle = useCollectionTitle(fieldName, field);
+		const { owner, field, stored, fieldId } = useReferenceField(block, fieldName);
 		let t1;
 		if ($[0] !== fieldId) {
 			t1 = { fieldId };
@@ -2578,119 +2308,55 @@ function createEditableBlock(options) {
 			$[1] = t1;
 		} else t1 = $[1];
 		const listHovered = useOverlayMessage(iframeWindow, editable, "CAMOX_HOVER_FIELD", "CAMOX_HOVER_FIELD_END", t1);
-		const placeholderOverlay = useOverlayState(listHovered);
 		let t2;
-		if ($[2] !== field) {
-			t2 = isQueryBacked(field);
-			$[2] = field;
-			$[3] = t2;
-		} else t2 = $[3];
-		const queryBacked = t2;
-		let t3;
-		if ($[4] !== block.blockId || $[5] !== fieldName || $[6] !== normalizedData || $[7] !== owner || $[8] !== queryBacked || $[9] !== stored) {
-			t3 = queryBacked ? queryResultIds(normalizedData, {
+		if ($[2] !== block || $[3] !== field || $[4] !== fieldName || $[5] !== normalizedData || $[6] !== owner || $[7] !== stored) {
+			t2 = isQueryBacked(field) ? queryResultIds(normalizedData, {
 				blockId: block.blockId,
 				itemId: owner.itemId
 			}, fieldName) : stored;
-			$[4] = block.blockId;
-			$[5] = fieldName;
-			$[6] = normalizedData;
-			$[7] = owner;
-			$[8] = queryBacked;
-			$[9] = stored;
-			$[10] = t3;
-		} else t3 = $[10];
-		const ids = t3;
-		let t4;
-		let t5;
-		if ($[11] !== block || $[12] !== children || $[13] !== collectionTitle || $[14] !== editable || $[15] !== field || $[16] !== fieldId || $[17] !== fieldName || $[18] !== fieldSelection || $[19] !== ids || $[20] !== listHovered || $[21] !== owner || $[22] !== placeholderOverlay || $[23] !== queryBacked || $[24] !== recordsMap) {
-			t5 = Symbol.for("react.early_return_sentinel");
-			bb0: {
-				const records = resolveReferenceList(ids, field.collectionId, recordsMap);
-				if (records.length === 0) {
-					if (!editable || queryBacked) {
-						t5 = null;
-						break bb0;
-					}
-					let t6;
-					if ($[27] !== fieldSelection.type) {
-						t6 = fieldSelection.type === "record-field" ? { recordFieldType: "ReferenceList" } : { fieldType: "ReferenceList" };
-						$[27] = fieldSelection.type;
-						$[28] = t6;
-					} else t6 = $[28];
-					let t7;
-					if ($[29] !== fieldSelection || $[30] !== t6) {
-						t7 = {
-							...fieldSelection,
-							...t6
-						};
-						$[29] = fieldSelection;
-						$[30] = t6;
-						$[31] = t7;
-					} else t7 = $[31];
-					const t8 = t7;
-					let t9;
-					if ($[32] !== collectionTitle || $[33] !== fieldId || $[34] !== placeholderOverlay || $[35] !== t8) {
-						t9 = /* @__PURE__ */ jsxs(ReferencePlaceholder, {
-							fieldId,
-							fieldSelection: t8,
-							"data-camox-field-id": fieldId,
-							"data-camox-overlay-mode": "reference",
-							...placeholderOverlay,
-							children: ["Add ", collectionTitle]
-						});
-						$[32] = collectionTitle;
-						$[33] = fieldId;
-						$[34] = placeholderOverlay;
-						$[35] = t8;
-						$[36] = t9;
-					} else t9 = $[36];
-					t5 = t9;
-					break bb0;
-				}
-				let t6;
-				if ($[37] !== block || $[38] !== children || $[39] !== field || $[40] !== fieldName || $[41] !== listHovered || $[42] !== owner) {
-					t6 = (record) => /* @__PURE__ */ jsx(ListedRecord, {
-						block,
-						owner,
-						field,
-						fieldName,
-						record,
-						listHovered,
-						children
-					}, record.id);
-					$[37] = block;
-					$[38] = children;
-					$[39] = field;
-					$[40] = fieldName;
-					$[41] = listHovered;
-					$[42] = owner;
-					$[43] = t6;
-				} else t6 = $[43];
-				t4 = records.map(t6);
-			}
-			$[11] = block;
-			$[12] = children;
-			$[13] = collectionTitle;
-			$[14] = editable;
-			$[15] = field;
-			$[16] = fieldId;
-			$[17] = fieldName;
-			$[18] = fieldSelection;
-			$[19] = ids;
-			$[20] = listHovered;
-			$[21] = owner;
-			$[22] = placeholderOverlay;
-			$[23] = queryBacked;
-			$[24] = recordsMap;
-			$[25] = t4;
-			$[26] = t5;
-		} else {
-			t4 = $[25];
-			t5 = $[26];
-		}
-		if (t5 !== Symbol.for("react.early_return_sentinel")) return t5;
-		return t4;
+			$[2] = block;
+			$[3] = field;
+			$[4] = fieldName;
+			$[5] = normalizedData;
+			$[6] = owner;
+			$[7] = stored;
+			$[8] = t2;
+		} else t2 = $[8];
+		const ids = t2;
+		let t3;
+		if ($[9] !== block || $[10] !== children || $[11] !== field || $[12] !== fieldName || $[13] !== ids || $[14] !== listHovered || $[15] !== owner || $[16] !== recordsMap) {
+			const records = resolveReferenceList(ids, field.collectionId, recordsMap);
+			let t4;
+			if ($[18] !== block || $[19] !== children || $[20] !== field || $[21] !== fieldName || $[22] !== listHovered || $[23] !== owner) {
+				t4 = (record) => /* @__PURE__ */ jsx(ListedRecord, {
+					block,
+					owner,
+					field,
+					fieldName,
+					record,
+					listHovered,
+					children
+				}, record.id);
+				$[18] = block;
+				$[19] = children;
+				$[20] = field;
+				$[21] = fieldName;
+				$[22] = listHovered;
+				$[23] = owner;
+				$[24] = t4;
+			} else t4 = $[24];
+			t3 = records.map(t4);
+			$[9] = block;
+			$[10] = children;
+			$[11] = field;
+			$[12] = fieldName;
+			$[13] = ids;
+			$[14] = listHovered;
+			$[15] = owner;
+			$[16] = recordsMap;
+			$[17] = t3;
+		} else t3 = $[17];
+		return t3;
 	};
 	const ReferenceList = ReferenceListImpl;
 	const Detached = (t0) => {
@@ -2698,8 +2364,8 @@ function createEditableBlock(options) {
 		const { children } = t0;
 		const ctx = React.use(Context);
 		if (!ctx) throw new Error("Detached must be used within a Block Component");
-		const { blockId, mode, isHovered, setIsHovered } = ctx;
-		const isContentEditable = useIsEditable(mode);
+		const { blockId, isHovered, setIsHovered } = ctx;
+		const isContentEditable = useIsEditable();
 		const { window: iframeWindow } = useFrame();
 		const selection = usePreviewTargetSelection();
 		const selectTarget = usePreviewSelection();
@@ -2831,55 +2497,7 @@ function createEditableBlock(options) {
 			contentSchema,
 			settingsSchema,
 			layoutOnly: options.layoutOnly ?? false,
-			synced: options.synced ?? false,
-			getInitialBundle: () => {
-				const counter = { value: 0 };
-				const allSeeds = [];
-				const content = { ...contentDefaults };
-				buildInitialSeeds(typeboxSchema.properties, null, content, allSeeds, counter);
-				const storageContent = {};
-				for (const [key, prop] of Object.entries(typeboxSchema.properties)) {
-					const ft = prop.fieldType;
-					if (ft === "Image" || ft === "File" || ft === "ImageList" || ft === "FileList" || ft === "Repeater") continue;
-					if ("default" in prop) storageContent[key] = prop.default;
-				}
-				return {
-					content: storageContent,
-					settings: { ...settingsDefaults },
-					repeatableItems: allSeeds
-				};
-			},
-			getInitialContent: () => {
-				return { ...contentDefaultsForStorage };
-			},
-			getInitialSettings: () => {
-				return { ...settingsDefaults };
-			},
-			getPeekBundle: () => {
-				const PEEK_BLOCK_ID = "peek";
-				const counter = { value: 0 };
-				const allItems = [];
-				const content = { ...contentDefaults };
-				buildPeekItems(typeboxSchema.properties, PEEK_BLOCK_ID, null, content, allItems, counter);
-				return {
-					block: {
-						id: PEEK_BLOCK_ID,
-						pageId: null,
-						layoutId: null,
-						type: options.id,
-						content,
-						settings: settingsDefaults,
-						slot: null,
-						summary: "",
-						title: "",
-						position: "",
-						createdAt: 0,
-						updatedAt: 0
-					},
-					repeatableItems: allItems,
-					files: []
-				};
-			}
+			synced: options.synced ?? false
 		}
 	};
 }