camox 0.40.0 → 0.41.1

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

@@ -1,35 +1,29 @@
 import { usePageBlocks } from "../../../lib/normalized-data.js";
-import { previewStore } from "../previewStore.js";
+import { previewStore, selectIsEditMode } from "../previewStore.js";
 import { isOverlayMessage } from "../overlayMessages.js";
 import { usePreviewedPage } from "../CamoxPreview.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { useSelector } from "@xstate/store-react";
 
 //#region src/features/preview/components/Overlays.tsx
-const Overlays = (t0) => {
-	const $ = c(15);
-	if ($[0] !== "a159f5febae53b051adcfa6973022c237bd738c0db1dc2c0c91aace28d405412") {
-		for (let $i = 0; $i < 15; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "a159f5febae53b051adcfa6973022c237bd738c0db1dc2c0c91aace28d405412";
+function CuratedAddBlockListener() {
+	const $ = c(4);
+	if ($[0] !== "4124232297ed208895aa29251e0b658d39227311caca40cca61d1b2baedf5559") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "4124232297ed208895aa29251e0b658d39227311caca40cca61d1b2baedf5559";
 	}
-	const { iframeElement } = t0;
-	const isPageEditorSidebarOpen = useSelector(previewStore, _temp);
-	const selection = useSelector(previewStore, _temp2);
-	const peekedBlock = useSelector(previewStore, _temp3);
-	const page = usePreviewedPage();
-	const { pageBlocks } = usePageBlocks(page);
+	const { pageBlocks } = usePageBlocks(usePreviewedPage());
+	let t0;
 	let t1;
 	if ($[1] !== pageBlocks) {
-		t1 = () => {
+		t0 = () => {
 			const handleMessage = (event) => {
 				if (!isOverlayMessage(event.data)) return;
 				const message = event.data;
 				if (message.type === "CAMOX_ADD_BLOCK_REQUEST") {
-					if (previewStore.getSnapshot().context.previewSource !== "draft") {
-						previewStore.send({ type: "requestDraftSwitch" });
-						return;
-					}
+					if (!selectIsEditMode(previewStore.getSnapshot())) return;
 					const { blockPosition, insertPosition } = message;
 					let afterPosition = null;
 					if (message.afterPosition !== void 0) afterPosition = message.afterPosition;
@@ -49,19 +43,31 @@ const Overlays = (t0) => {
 			window.addEventListener("message", handleMessage);
 			return () => window.removeEventListener("message", handleMessage);
 		};
+		t1 = [pageBlocks];
 		$[1] = pageBlocks;
-		$[2] = t1;
-	} else t1 = $[2];
+		$[2] = t0;
+		$[3] = t1;
+	} else {
+		t0 = $[2];
+		t1 = $[3];
+	}
+	React.useEffect(t0, t1);
+	return null;
+}
+const Overlays = (t0) => {
+	const $ = c(13);
+	if ($[0] !== "4124232297ed208895aa29251e0b658d39227311caca40cca61d1b2baedf5559") {
+		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "4124232297ed208895aa29251e0b658d39227311caca40cca61d1b2baedf5559";
+	}
+	const { iframeElement, canAddBlocks: t1 } = t0;
+	const canAddBlocks = t1 === void 0 ? false : t1;
+	const isPageEditorSidebarOpen = useSelector(previewStore, _temp);
+	const selection = useSelector(previewStore, _temp2);
+	const peekedBlock = useSelector(previewStore, _temp3);
 	let t2;
-	if ($[3] !== page) {
-		t2 = [page];
-		$[3] = page;
-		$[4] = t2;
-	} else t2 = $[4];
-	React.useEffect(t1, t2);
-	let t3;
-	if ($[5] !== iframeElement?.contentWindow || $[6] !== isPageEditorSidebarOpen || $[7] !== peekedBlock || $[8] !== selection) {
-		t3 = () => {
+	if ($[1] !== iframeElement?.contentWindow || $[2] !== isPageEditorSidebarOpen || $[3] !== peekedBlock || $[4] !== selection) {
+		t2 = () => {
 			if (isPageEditorSidebarOpen) return;
 			if (peekedBlock) return;
 			if (!selection) return;
@@ -69,34 +75,40 @@ const Overlays = (t0) => {
 			if (selection.fieldType !== "String") return;
 			const blockId = selection.blockId;
 			const fieldName = selection.fieldName;
-			const message_0 = {
+			const message = {
 				type: "CAMOX_FOCUS_FIELD",
 				fieldId: selection.type === "item-field" ? `${blockId}__${selection.itemId}__${fieldName}` : `${blockId}__${fieldName}`
 			};
-			iframeElement?.contentWindow?.postMessage(message_0, "*");
+			iframeElement?.contentWindow?.postMessage(message, "*");
 		};
-		$[5] = iframeElement?.contentWindow;
-		$[6] = isPageEditorSidebarOpen;
-		$[7] = peekedBlock;
-		$[8] = selection;
-		$[9] = t3;
-	} else t3 = $[9];
-	let t4;
-	if ($[10] !== iframeElement || $[11] !== isPageEditorSidebarOpen || $[12] !== peekedBlock || $[13] !== selection) {
-		t4 = [
+		$[1] = iframeElement?.contentWindow;
+		$[2] = isPageEditorSidebarOpen;
+		$[3] = peekedBlock;
+		$[4] = selection;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== iframeElement || $[7] !== isPageEditorSidebarOpen || $[8] !== peekedBlock || $[9] !== selection) {
+		t3 = [
 			selection,
 			isPageEditorSidebarOpen,
 			peekedBlock,
 			iframeElement
 		];
-		$[10] = iframeElement;
-		$[11] = isPageEditorSidebarOpen;
-		$[12] = peekedBlock;
-		$[13] = selection;
-		$[14] = t4;
-	} else t4 = $[14];
-	React.useEffect(t3, t4);
-	return null;
+		$[6] = iframeElement;
+		$[7] = isPageEditorSidebarOpen;
+		$[8] = peekedBlock;
+		$[9] = selection;
+		$[10] = t3;
+	} else t3 = $[10];
+	React.useEffect(t2, t3);
+	let t4;
+	if ($[11] !== canAddBlocks) {
+		t4 = canAddBlocks ? /* @__PURE__ */ jsx(CuratedAddBlockListener, {}) : null;
+		$[11] = canAddBlocks;
+		$[12] = t4;
+	} else t4 = $[12];
+	return t4;
 };
 function _temp(state) {
 	return state.context.isPageEditorSidebarOpen;

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

@@ -98,7 +98,6 @@ const PageEditorSidebar = () => {
 	const requireDraft = useRequireDraftSource();
 	const selection = useSelector(previewStore, (state) => state.context.selection);
 	const iframeElement = useSelector(previewStore, (state_0) => state_0.context.iframeElement);
-	const isReadOnly = useSelector(previewStore, (state_1) => state_1.context.previewSource) !== "draft";
 	const postToIframe = React.useCallback((message) => {
 		if (!iframeElement?.contentWindow) return;
 		iframeElement.contentWindow.postMessage(message, "*");
@@ -359,213 +358,205 @@ const PageEditorSidebar = () => {
 				})
 			})
 		})
-	}), /* @__PURE__ */ jsxs("div", {
+	}), /* @__PURE__ */ jsx("div", {
 		className: "relative flex-1 overflow-auto",
-		children: [isReadOnly && /* @__PURE__ */ jsx("button", {
-			type: "button",
-			"aria-label": "Switch to draft to edit",
-			className: "absolute inset-0 z-10 h-full w-full cursor-not-allowed",
-			onClick: () => previewStore.send({ type: "requestDraftSwitch" })
-		}), /* @__PURE__ */ jsx("div", {
-			className: cn(isReadOnly && "pointer-events-none opacity-50"),
-			children: isItemLoading ? /* @__PURE__ */ jsx("div", {
-				className: "flex h-full items-center justify-center py-12",
-				children: /* @__PURE__ */ jsx(Spinner, {})
-			}) : /* @__PURE__ */ jsxs(Fragment, { children: [
-				currentItemId == null && !fieldHasOwnView && settingsFields.length > 0 && /* @__PURE__ */ jsxs("div", {
-					className: "border-border space-y-4 border-b px-2 py-4",
-					children: [/* @__PURE__ */ jsx(Label, {
-						className: "text-muted-foreground",
-						children: "Settings"
-					}), settingsFields.map((field) => {
-						const label = field.label ?? formatFieldName(field.name);
-						const settingsValues = block.settings ?? {};
-						if (field.fieldType === "Enum") {
-							const value_3 = settingsValues[field.name] ?? (blockDef._internal.settingsSchema?.properties?.[field.name])?.default ?? "";
-							return /* @__PURE__ */ jsxs("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ jsx(Label, {
-									htmlFor: `setting-${field.name}`,
-									children: label
-								}), /* @__PURE__ */ jsxs(Select, {
-									value: value_3,
-									onValueChange: (newValue) => {
-										if (!requireDraft()) return;
-										sessionDirtyRef.current = true;
-										updateSettings.mutate({
-											id: block.id,
-											settings: { [field.name]: newValue }
-										});
-									},
-									children: [/* @__PURE__ */ jsx(SelectTrigger, {
-										id: `setting-${field.name}`,
-										children: /* @__PURE__ */ jsx(SelectValue, {})
-									}), /* @__PURE__ */ jsx(SelectContent, { children: field.enumValues?.map((enumValue) => /* @__PURE__ */ jsx(SelectItem, {
-										value: enumValue,
-										children: field.enumLabels?.[enumValue] ?? enumValue
-									}, enumValue)) })]
-								})]
-							}, field.name);
-						}
-						if (field.fieldType === "Boolean") {
-							const checked = settingsValues[field.name] ?? (blockDef._internal.settingsSchema?.properties?.[field.name])?.default ?? false;
-							return /* @__PURE__ */ jsxs("div", {
-								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ jsx(Label, {
-									htmlFor: `setting-${field.name}`,
-									children: label
-								}), /* @__PURE__ */ jsx(Switch, {
+		children: /* @__PURE__ */ jsx("div", { children: isItemLoading ? /* @__PURE__ */ jsx("div", {
+			className: "flex h-full items-center justify-center py-12",
+			children: /* @__PURE__ */ jsx(Spinner, {})
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+			currentItemId == null && !fieldHasOwnView && settingsFields.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "border-border space-y-4 border-b px-2 py-4",
+				children: [/* @__PURE__ */ jsx(Label, {
+					className: "text-muted-foreground",
+					children: "Settings"
+				}), settingsFields.map((field) => {
+					const label = field.label ?? formatFieldName(field.name);
+					const settingsValues = block.settings ?? {};
+					if (field.fieldType === "Enum") {
+						const value_3 = settingsValues[field.name] ?? (blockDef._internal.settingsSchema?.properties?.[field.name])?.default ?? "";
+						return /* @__PURE__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: `setting-${field.name}`,
+								children: label
+							}), /* @__PURE__ */ jsxs(Select, {
+								value: value_3,
+								onValueChange: (newValue) => {
+									if (!requireDraft()) return;
+									sessionDirtyRef.current = true;
+									updateSettings.mutate({
+										id: block.id,
+										settings: { [field.name]: newValue }
+									});
+								},
+								children: [/* @__PURE__ */ jsx(SelectTrigger, {
 									id: `setting-${field.name}`,
-									checked,
-									onCheckedChange: (newValue_0) => {
-										if (!requireDraft()) return;
-										sessionDirtyRef.current = true;
-										updateSettings.mutate({
-											id: block.id,
-											settings: { [field.name]: newValue_0 }
-										});
-									}
-								})]
-							}, field.name);
-						}
-						return null;
-					})]
-				}),
-				currentItemId != null && !fieldHasOwnView && itemSettingsFields.length > 0 && /* @__PURE__ */ jsxs("div", {
-					className: "border-border space-y-4 border-b px-2 py-4",
-					children: [/* @__PURE__ */ jsx(Label, {
-						className: "text-muted-foreground",
-						children: "Settings"
-					}), itemSettingsFields.map((field_0) => {
-						const label_0 = field_0.label ?? formatFieldName(field_0.name);
-						const itemSettingsValues = currentItem?.settings ?? {};
-						const itemSettingsSchemaProps = itemArraySchema?.itemSettingsSchema?.properties;
-						if (field_0.fieldType === "Enum") {
-							const value_4 = itemSettingsValues[field_0.name] ?? itemSettingsSchemaProps?.[field_0.name]?.default ?? "";
-							return /* @__PURE__ */ jsxs("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ jsx(Label, {
-									htmlFor: `item-setting-${field_0.name}`,
-									children: label_0
-								}), /* @__PURE__ */ jsxs(Select, {
-									value: value_4,
-									onValueChange: (newValue_1) => {
-										if (!requireDraft()) return;
-										sessionDirtyRef.current = true;
-										updateRepeatableSettings.mutate({
-											id: currentItemId,
-											settings: { [field_0.name]: newValue_1 }
-										});
-									},
-									children: [/* @__PURE__ */ jsx(SelectTrigger, {
-										id: `item-setting-${field_0.name}`,
-										children: /* @__PURE__ */ jsx(SelectValue, {})
-									}), /* @__PURE__ */ jsx(SelectContent, { children: field_0.enumValues?.map((enumValue_0) => /* @__PURE__ */ jsx(SelectItem, {
-										value: enumValue_0,
-										children: field_0.enumLabels?.[enumValue_0] ?? enumValue_0
-									}, enumValue_0)) })]
-								})]
-							}, field_0.name);
-						}
-						if (field_0.fieldType === "Boolean") {
-							const checked_0 = itemSettingsValues[field_0.name] ?? itemSettingsSchemaProps?.[field_0.name]?.default ?? false;
-							return /* @__PURE__ */ jsxs("div", {
-								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ jsx(Label, {
-									htmlFor: `item-setting-${field_0.name}`,
-									children: label_0
-								}), /* @__PURE__ */ jsx(Switch, {
+									children: /* @__PURE__ */ jsx(SelectValue, {})
+								}), /* @__PURE__ */ jsx(SelectContent, { children: field.enumValues?.map((enumValue) => /* @__PURE__ */ jsx(SelectItem, {
+									value: enumValue,
+									children: field.enumLabels?.[enumValue] ?? enumValue
+								}, enumValue)) })]
+							})]
+						}, field.name);
+					}
+					if (field.fieldType === "Boolean") {
+						const checked = settingsValues[field.name] ?? (blockDef._internal.settingsSchema?.properties?.[field.name])?.default ?? false;
+						return /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: `setting-${field.name}`,
+								children: label
+							}), /* @__PURE__ */ jsx(Switch, {
+								id: `setting-${field.name}`,
+								checked,
+								onCheckedChange: (newValue_0) => {
+									if (!requireDraft()) return;
+									sessionDirtyRef.current = true;
+									updateSettings.mutate({
+										id: block.id,
+										settings: { [field.name]: newValue_0 }
+									});
+								}
+							})]
+						}, field.name);
+					}
+					return null;
+				})]
+			}),
+			currentItemId != null && !fieldHasOwnView && itemSettingsFields.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "border-border space-y-4 border-b px-2 py-4",
+				children: [/* @__PURE__ */ jsx(Label, {
+					className: "text-muted-foreground",
+					children: "Settings"
+				}), itemSettingsFields.map((field_0) => {
+					const label_0 = field_0.label ?? formatFieldName(field_0.name);
+					const itemSettingsValues = currentItem?.settings ?? {};
+					const itemSettingsSchemaProps = itemArraySchema?.itemSettingsSchema?.properties;
+					if (field_0.fieldType === "Enum") {
+						const value_4 = itemSettingsValues[field_0.name] ?? itemSettingsSchemaProps?.[field_0.name]?.default ?? "";
+						return /* @__PURE__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: `item-setting-${field_0.name}`,
+								children: label_0
+							}), /* @__PURE__ */ jsxs(Select, {
+								value: value_4,
+								onValueChange: (newValue_1) => {
+									if (!requireDraft()) return;
+									sessionDirtyRef.current = true;
+									updateRepeatableSettings.mutate({
+										id: currentItemId,
+										settings: { [field_0.name]: newValue_1 }
+									});
+								},
+								children: [/* @__PURE__ */ jsx(SelectTrigger, {
 									id: `item-setting-${field_0.name}`,
-									checked: checked_0,
-									onCheckedChange: (newValue_2) => {
-										if (!requireDraft()) return;
-										sessionDirtyRef.current = true;
-										updateRepeatableSettings.mutate({
-											id: currentItemId,
-											settings: { [field_0.name]: newValue_2 }
-										});
-									}
-								})]
-							}, field_0.name);
-						}
-						return null;
-					})]
-				}),
-				isViewingAsset && assetFieldName && isMultipleAsset && /* @__PURE__ */ jsx(MultipleAssetFieldEditor, {
-					fieldName: assetFieldName,
-					assetType,
-					currentData,
-					onFieldChange: activeFieldChangeHandler
-				}),
-				isViewingAsset && assetFieldName && !isMultipleAsset && /* @__PURE__ */ jsx(SingleAssetFieldEditor, {
-					fieldName: assetFieldName,
-					assetType,
-					currentData,
-					onFieldChange: activeFieldChangeHandler
-				}),
-				!isViewingAsset && isViewingLink && linkFieldName && /* @__PURE__ */ jsx("div", {
-					className: "px-2 py-4",
-					children: /* @__PURE__ */ jsx(LinkFieldEditor, {
-						fieldName: linkFieldName,
-						linkValue: currentData[linkFieldName] ?? {
-							type: "external",
-							text: "",
-							href: "",
-							newTab: false
+									children: /* @__PURE__ */ jsx(SelectValue, {})
+								}), /* @__PURE__ */ jsx(SelectContent, { children: field_0.enumValues?.map((enumValue_0) => /* @__PURE__ */ jsx(SelectItem, {
+									value: enumValue_0,
+									children: field_0.enumLabels?.[enumValue_0] ?? enumValue_0
+								}, enumValue_0)) })]
+							})]
+						}, field_0.name);
+					}
+					if (field_0.fieldType === "Boolean") {
+						const checked_0 = itemSettingsValues[field_0.name] ?? itemSettingsSchemaProps?.[field_0.name]?.default ?? false;
+						return /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: `item-setting-${field_0.name}`,
+								children: label_0
+							}), /* @__PURE__ */ jsx(Switch, {
+								id: `item-setting-${field_0.name}`,
+								checked: checked_0,
+								onCheckedChange: (newValue_2) => {
+									if (!requireDraft()) return;
+									sessionDirtyRef.current = true;
+									updateRepeatableSettings.mutate({
+										id: currentItemId,
+										settings: { [field_0.name]: newValue_2 }
+									});
+								}
+							})]
+						}, field_0.name);
+					}
+					return null;
+				})]
+			}),
+			isViewingAsset && assetFieldName && isMultipleAsset && /* @__PURE__ */ jsx(MultipleAssetFieldEditor, {
+				fieldName: assetFieldName,
+				assetType,
+				currentData,
+				onFieldChange: activeFieldChangeHandler
+			}),
+			isViewingAsset && assetFieldName && !isMultipleAsset && /* @__PURE__ */ jsx(SingleAssetFieldEditor, {
+				fieldName: assetFieldName,
+				assetType,
+				currentData,
+				onFieldChange: activeFieldChangeHandler
+			}),
+			!isViewingAsset && isViewingLink && linkFieldName && /* @__PURE__ */ jsx("div", {
+				className: "px-2 py-4",
+				children: /* @__PURE__ */ jsx(LinkFieldEditor, {
+					fieldName: linkFieldName,
+					linkValue: currentData[linkFieldName] ?? {
+						type: "external",
+						text: "",
+						href: "",
+						newTab: false
+					},
+					onSave: (fieldName_1, value_5) => {
+						activeFieldChangeHandler(fieldName_1, value_5);
+					}
+				})
+			}),
+			!isViewingAsset && !isViewingLink && (currentItemId == null || currentItem) && /* @__PURE__ */ jsx(ItemFieldsEditor, {
+				schema: currentSchema,
+				data: currentData,
+				blockId: block.id,
+				itemId: currentItemId ?? void 0,
+				onFieldChange: activeFieldChangeHandler,
+				postToIframe,
+				filesMap,
+				itemsMap,
+				fieldIdPrefix
+			}, currentItemId ?? `block-${block.id}`),
+			!isViewingAsset && !isViewingLink && currentItemId != null && currentItem && /* @__PURE__ */ jsxs("div", {
+				className: "border-border flex items-center gap-1 border-t px-2 py-4",
+				children: [
+					canAddSibling && /* @__PURE__ */ jsxs(Button, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						className: "text-muted-foreground justify-start",
+						onClick: () => {
+							if (!requireDraft()) return;
+							addSibling({ afterPosition: currentItem.position });
 						},
-						onSave: (fieldName_1, value_5) => {
-							activeFieldChangeHandler(fieldName_1, value_5);
-						}
+						children: [/* @__PURE__ */ jsx(CirclePlus, { className: "h-4 w-4" }), "Add item"]
+					}),
+					canRemoveCurrent && /* @__PURE__ */ jsxs(Button, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						className: "text-muted-foreground justify-start",
+						onClick: () => {
+							if (!requireDraft()) return;
+							removeCurrent(currentItemId, { onSuccess: () => previewStore.send({ type: "selectParent" }) });
+						},
+						children: [/* @__PURE__ */ jsx(CircleMinus, { className: "h-4 w-4" }), "Remove item"]
+					}),
+					/* @__PURE__ */ jsxs(Button, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						className: "text-muted-foreground justify-start",
+						onClick: () => previewStore.send({ type: "selectParent" }),
+						children: [/* @__PURE__ */ jsx(CornerLeftUp, { className: "h-4 w-4" }), "Select parent"]
 					})
-				}),
-				!isViewingAsset && !isViewingLink && (currentItemId == null || currentItem) && /* @__PURE__ */ jsx(ItemFieldsEditor, {
-					schema: currentSchema,
-					data: currentData,
-					blockId: block.id,
-					itemId: currentItemId ?? void 0,
-					onFieldChange: activeFieldChangeHandler,
-					postToIframe,
-					filesMap,
-					itemsMap,
-					fieldIdPrefix
-				}, currentItemId ?? `block-${block.id}`),
-				!isViewingAsset && !isViewingLink && currentItemId != null && currentItem && /* @__PURE__ */ jsxs("div", {
-					className: "border-border flex items-center gap-1 border-t px-2 py-4",
-					children: [
-						canAddSibling && /* @__PURE__ */ jsxs(Button, {
-							type: "button",
-							variant: "ghost",
-							size: "sm",
-							className: "text-muted-foreground justify-start",
-							onClick: () => {
-								if (!requireDraft()) return;
-								addSibling({ afterPosition: currentItem.position });
-							},
-							children: [/* @__PURE__ */ jsx(CirclePlus, { className: "h-4 w-4" }), "Add item"]
-						}),
-						canRemoveCurrent && /* @__PURE__ */ jsxs(Button, {
-							type: "button",
-							variant: "ghost",
-							size: "sm",
-							className: "text-muted-foreground justify-start",
-							onClick: () => {
-								if (!requireDraft()) return;
-								removeCurrent(currentItemId, { onSuccess: () => previewStore.send({ type: "selectParent" }) });
-							},
-							children: [/* @__PURE__ */ jsx(CircleMinus, { className: "h-4 w-4" }), "Remove item"]
-						}),
-						/* @__PURE__ */ jsxs(Button, {
-							type: "button",
-							variant: "ghost",
-							size: "sm",
-							className: "text-muted-foreground justify-start",
-							onClick: () => previewStore.send({ type: "selectParent" }),
-							children: [/* @__PURE__ */ jsx(CornerLeftUp, { className: "h-4 w-4" }), "Select parent"]
-						})
-					]
-				})
-			] })
-		})]
+				]
+			})
+		] }) })
 	})] });
 };