camox 0.69.0 → 0.72.0

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

@@ -10,11 +10,11 @@ import { BlockActionsPopover } from "./BlockActionsPopover.js";
 import { usePreviewedPage } from "../CamoxPreview.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useSelector } from "@xstate/store-react";
 import { Button } from "@camox/ui/button";
 import { Label } from "@camox/ui/label";
-import { ChevronsUpDown, Ellipsis, GripVertical, LayoutTemplate, Plus } from "lucide-react";
+import { ChevronsUpDown, Ellipsis, GripVertical, LayoutTemplate } from "lucide-react";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
 import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
@@ -375,98 +375,76 @@ const SortableBlock = (t0) => {
 	return t17;
 };
 const LayoutBlockItem = (t0) => {
-	const $ = c(23);
-	const { block, layoutName, withActions: t1 } = t0;
-	const withActions = t1 === void 0 ? true : t1;
+	const $ = c(17);
+	const { block, layoutName } = t0;
 	const blockDef = useBlockDefinition(block.type);
 	const ctx = useBlockTreeItem(block);
 	const displayText = blockDef?.title ?? block.type;
-	let t2;
+	let t1;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx(TooltipTrigger, { children: /* @__PURE__ */ jsx(LayoutTemplate, { className: "h-4 w-4" }) });
-		$[0] = t2;
-	} else t2 = $[0];
-	let t3;
+		t1 = /* @__PURE__ */ jsx(TooltipTrigger, { children: /* @__PURE__ */ jsx(LayoutTemplate, { className: "h-4 w-4" }) });
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
 	if ($[1] !== layoutName) {
-		t3 = /* @__PURE__ */ jsx("span", {
+		t2 = /* @__PURE__ */ jsx("span", {
 			className: "font-semibold",
 			children: layoutName
 		});
 		$[1] = layoutName;
-		$[2] = t3;
-	} else t3 = $[2];
-	let t4;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
 	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsx("br", {});
-		$[3] = t4;
-	} else t4 = $[3];
-	const t5 = blockDef?.synced ? "Synced: editing this block updates it across all layouts and pages" : "Changing the content may affect other pages";
-	let t6;
-	if ($[4] !== t3 || $[5] !== t5) {
-		t6 = /* @__PURE__ */ jsx("div", {
+		t3 = /* @__PURE__ */ jsx("br", {});
+		$[3] = t3;
+	} else t3 = $[3];
+	const t4 = blockDef?.synced ? "Synced: editing this block updates it across all layouts and pages" : "Changing the content may affect other pages";
+	let t5;
+	if ($[4] !== t2 || $[5] !== t4) {
+		t5 = /* @__PURE__ */ jsx("div", {
 			className: "text-muted-foreground flex size-8 shrink-0 items-center justify-center",
-			children: /* @__PURE__ */ jsxs(Tooltip, { children: [t2, /* @__PURE__ */ jsxs(TooltipContent, { children: [
+			children: /* @__PURE__ */ jsxs(Tooltip, { children: [t1, /* @__PURE__ */ jsxs(TooltipContent, { children: [
 				"From ",
-				t3,
+				t2,
 				" layout.",
-				t4,
-				t5
+				t3,
+				t4
 			] })] })
 		});
-		$[4] = t3;
-		$[5] = t5;
-		$[6] = t6;
-	} else t6 = $[6];
-	let t7;
+		$[4] = t2;
+		$[5] = t4;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
 	if ($[7] !== ctx.toggleSelection || $[8] !== displayText) {
-		t7 = /* @__PURE__ */ jsx(BlockTreeItemTrigger, {
+		t6 = /* @__PURE__ */ jsx(BlockTreeItemTrigger, {
 			displayText,
 			onClick: ctx.toggleSelection
 		});
 		$[7] = ctx.toggleSelection;
 		$[8] = displayText;
-		$[9] = t7;
-	} else t7 = $[9];
-	let t8;
-	if ($[10] !== block || $[11] !== ctx.ellipsisPopoverOpen || $[12] !== ctx.setEllipsisPopoverOpen || $[13] !== withActions) {
-		t8 = withActions && /* @__PURE__ */ jsx(BlockActionsPopover, {
-			block,
-			open: ctx.ellipsisPopoverOpen,
-			onOpenChange: ctx.setEllipsisPopoverOpen,
-			isLayoutBlock: true,
-			layoutSlot: block.slot,
-			children: /* @__PURE__ */ jsx(BlockTreeItemEllipsis, { open: ctx.ellipsisPopoverOpen })
-		});
-		$[10] = block;
-		$[11] = ctx.ellipsisPopoverOpen;
-		$[12] = ctx.setEllipsisPopoverOpen;
-		$[13] = withActions;
-		$[14] = t8;
-	} else t8 = $[14];
-	let t9;
-	if ($[15] !== ctx.handleBlockMouseEnter || $[16] !== ctx.handleBlockMouseLeave || $[17] !== ctx.shouldShowActive || $[18] !== ctx.shouldShowHover || $[19] !== t6 || $[20] !== t7 || $[21] !== t8) {
-		t9 = /* @__PURE__ */ jsxs(BlockTreeItemHeader, {
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== ctx.handleBlockMouseEnter || $[11] !== ctx.handleBlockMouseLeave || $[12] !== ctx.shouldShowActive || $[13] !== ctx.shouldShowHover || $[14] !== t5 || $[15] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(BlockTreeItemHeader, {
 			className: "group",
 			shouldShowHover: ctx.shouldShowHover,
 			shouldShowActive: ctx.shouldShowActive,
 			onMouseEnter: ctx.handleBlockMouseEnter,
 			onMouseLeave: ctx.handleBlockMouseLeave,
-			children: [
-				t6,
-				t7,
-				t8
-			]
+			children: [t5, t6]
 		});
-		$[15] = ctx.handleBlockMouseEnter;
-		$[16] = ctx.handleBlockMouseLeave;
-		$[17] = ctx.shouldShowActive;
-		$[18] = ctx.shouldShowHover;
-		$[19] = t6;
-		$[20] = t7;
-		$[21] = t8;
-		$[22] = t9;
-	} else t9 = $[22];
-	return t9;
+		$[10] = ctx.handleBlockMouseEnter;
+		$[11] = ctx.handleBlockMouseLeave;
+		$[12] = ctx.shouldShowActive;
+		$[13] = ctx.shouldShowHover;
+		$[14] = t5;
+		$[15] = t6;
+		$[16] = t7;
+	} else t7 = $[16];
+	return t7;
 };
 /** A sidebar field labelled "Blocks", holding a page's blocks and what acts on them. */
 const BlocksGroup = (t0) => {
@@ -577,7 +555,7 @@ const CollapsedPageTree = (t0) => {
 };
 /** A page's blocks. When `collapsible`, they start collapsed behind a toggle showing their count. */
 const PageTree = (t0) => {
-	const $ = c(48);
+	const $ = c(45);
 	const { collapsible: t1 } = t0;
 	const collapsible = t1 === void 0 ? false : t1;
 	const page = usePreviewedPage();
@@ -784,40 +762,19 @@ const PageTree = (t0) => {
 		$[41] = t17;
 	} else t17 = $[41];
 	const list = t17;
-	let t18;
-	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
-		t18 = /* @__PURE__ */ jsxs(Button, {
-			variant: "secondary",
-			onClick: _temp4,
-			children: [/* @__PURE__ */ jsx(Plus, {}), "Add block"]
-		});
-		$[42] = t18;
-	} else t18 = $[42];
-	const addBlockButton = t18;
-	if (!collapsible) {
-		let t19;
-		if ($[43] !== list) {
-			t19 = /* @__PURE__ */ jsxs(Fragment, { children: [list, addBlockButton] });
-			$[43] = list;
-			$[44] = t19;
-		} else t19 = $[44];
-		return t19;
-	}
+	if (!collapsible) return list;
 	const blockCount = layoutBeforeBlocks.length + pageBlocks.length + layoutAfterBlocks.length;
-	let t19;
-	if ($[45] !== blockCount || $[46] !== list) {
-		t19 = /* @__PURE__ */ jsx(BlocksGroup, { children: /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-1",
-			children: [/* @__PURE__ */ jsx(CollapsedPageTree, {
-				blockCount,
-				children: list
-			}), addBlockButton]
+	let t18;
+	if ($[42] !== blockCount || $[43] !== list) {
+		t18 = /* @__PURE__ */ jsx(BlocksGroup, { children: /* @__PURE__ */ jsx(CollapsedPageTree, {
+			blockCount,
+			children: list
 		}) });
-		$[45] = blockCount;
-		$[46] = list;
-		$[47] = t19;
-	} else t19 = $[47];
-	return t19;
+		$[42] = blockCount;
+		$[43] = list;
+		$[44] = t18;
+	} else t18 = $[44];
+	return t18;
 };
 function _temp(value) {
 	return !value;
@@ -828,9 +785,6 @@ function _temp2(block_2) {
 function _temp3(block_3) {
 	return /* @__PURE__ */ jsx(SortableBlock, { block: block_3 }, block_3.id);
 }
-function _temp4() {
-	previewStore.send({ type: "openAddBlockSheet" });
-}
 
 //#endregion
 export { BlocksGroup, CollapsedPageTree, LayoutBlockItem, PageTree };

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

@@ -6,13 +6,13 @@ import { useEditingFrameClaim, useEditingOwner } from "../editingFrame.js";
 import { EditableSurfaceContext } from "../../../core/hooks/useIsEditable.js";
 import { CanvasWorkspaceContext } from "../../canvas/canvasZoom.js";
 import { PreviewEditingOwnerContext } from "../previewSelection.js";
-import { Frame, useFrame } from "./Frame.js";
 import { previewPageIframeProps, usePreviewPageFrame } from "../previewPageFrame.js";
 import { adoptCanvasDocument, pauseCanvasDocument } from "../../canvas/canvasFrameDocument.js";
 import { forwardCanvasWheel, useCanvasFrameInput } from "../../canvas/useCanvasFrameInput.js";
 import { useActionShortcuts } from "../../provider/useAdminShortcuts.js";
 import { guardStrayCaret } from "../strayCaretGuard.js";
 import { useBlockActionsShortcuts } from "./BlockActionsPopover.js";
+import { Frame, useFrame } from "./Frame.js";
 import { FieldOverlayStyles } from "./FieldOverlayStyles.js";
 import { MobilePreviewDrawer } from "./MobilePreviewDrawer.js";
 import { Overlays } from "./Overlays.js";
@@ -114,7 +114,7 @@ function CuratedBlockShortcuts() {
 * when used, pauses with the camera, and draws its editing overlays.
 */
 function PreviewPageCanvasEffects(t0) {
-	const $ = c(31);
+	const $ = c(30);
 	const { owner } = t0;
 	const { window: frameWindow, iframeElement } = useFrame();
 	const { frame, slot, inCanvas } = usePreviewPageFrame();
@@ -261,25 +261,22 @@ function PreviewPageCanvasEffects(t0) {
 		t12 = $[25];
 		t13 = $[26];
 	}
-	const t14 = owner?.kind === "page";
-	let t15;
-	if ($[27] !== iframeElement || $[28] !== owner || $[29] !== t14) {
-		t15 = /* @__PURE__ */ jsxs(Fragment, { children: [
+	let t14;
+	if ($[27] !== iframeElement || $[28] !== owner) {
+		t14 = /* @__PURE__ */ jsxs(Fragment, { children: [
 			t11,
 			t12,
 			t13,
 			/* @__PURE__ */ jsx(Overlays, {
 				frame: iframeElement,
-				owner,
-				canAddBlocks: t14
+				owner
 			})
 		] });
 		$[27] = iframeElement;
 		$[28] = owner;
 		$[29] = t14;
-		$[30] = t15;
-	} else t15 = $[30];
-	return t15;
+	} else t14 = $[29];
+	return t14;
 }
 function _temp(event) {
 	if (event.target?.closest?.("a")) event.preventDefault();

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

@@ -12,82 +12,71 @@ import { Combobox } from "@base-ui/react/combobox";
 * current search text so it can prefill a new record.
 */
 function RecordCombobox(t0) {
-	const $ = c(25);
-	const { records, collectionTitle, onSelect, emptyMessage: emptyMessageOverride, footerAction, disabled, open: controlledOpen, onOpenChange } = t0;
-	const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
-	const open = controlledOpen ?? uncontrolledOpen;
+	const $ = c(21);
+	const { records, collectionTitle, onSelect, emptyMessage: emptyMessageOverride, footerAction, disabled } = t0;
+	const [open, setOpen] = React.useState(false);
+	const [search, setSearch] = React.useState("");
+	const emptyMessage = records.length > 0 ? "No items found." : emptyMessageOverride ?? `${collectionTitle} has no items yet.`;
 	let t1;
-	if ($[0] !== onOpenChange) {
-		t1 = (next) => {
-			setUncontrolledOpen(next);
-			onOpenChange?.(next);
+	if ($[0] !== onSelect) {
+		t1 = (record_2) => {
+			if (record_2) onSelect(record_2);
 		};
-		$[0] = onOpenChange;
+		$[0] = onSelect;
 		$[1] = t1;
 	} else t1 = $[1];
-	const setOpen = t1;
-	const [search, setSearch] = React.useState("");
-	const emptyMessage = records.length > 0 ? "No items found." : emptyMessageOverride ?? `${collectionTitle} has no items yet.`;
 	let t2;
-	if ($[2] !== onSelect) {
-		t2 = (record_2) => {
-			if (record_2) onSelect(record_2);
-		};
-		$[2] = onSelect;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx(Button, {
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			variant: "outline",
 			className: "w-full justify-between"
 		});
-		$[4] = t3;
-	} else t3 = $[4];
-	let t4;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsxs(Combobox.Trigger, {
-			render: t3,
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsxs(Combobox.Trigger, {
+			render: t2,
 			children: ["Select item", /* @__PURE__ */ jsx(ChevronsUpDown, {
 				"aria-hidden": true,
 				className: "text-muted-foreground size-4"
 			})]
 		});
-		$[5] = t4;
-	} else t4 = $[5];
-	let t5;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsx(Combobox.Input, {
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(Combobox.Input, {
 			render: /* @__PURE__ */ jsx(Input, { className: "mb-1" }),
 			"aria-label": "Search items",
 			placeholder: "Search items…"
 		});
-		$[6] = t5;
-	} else t5 = $[6];
-	let t6;
-	if ($[7] !== emptyMessage) {
-		t6 = /* @__PURE__ */ jsx(Combobox.Empty, {
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== emptyMessage) {
+		t5 = /* @__PURE__ */ jsx(Combobox.Empty, {
 			className: "text-muted-foreground text-sm",
 			children: /* @__PURE__ */ jsx("div", {
 				className: "p-2",
 				children: emptyMessage
 			})
 		});
-		$[7] = emptyMessage;
-		$[8] = t6;
-	} else t6 = $[8];
-	let t7;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = /* @__PURE__ */ jsx(Combobox.List, {
+		$[5] = emptyMessage;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(Combobox.List, {
 			className: "max-h-64 min-h-0 overflow-y-auto",
 			children: _temp4
 		});
-		$[9] = t7;
-	} else t7 = $[9];
-	let t8;
-	if ($[10] !== footerAction || $[11] !== search || $[12] !== setOpen) {
-		t8 = footerAction && /* @__PURE__ */ jsx("div", {
+		$[7] = t6;
+	} else t6 = $[7];
+	let t7;
+	if ($[8] !== footerAction || $[9] !== search) {
+		t7 = footerAction && /* @__PURE__ */ jsx("div", {
 			className: "mt-1 shrink-0 border-t pt-1",
 			children: /* @__PURE__ */ jsxs("button", {
 				type: "button",
@@ -102,34 +91,33 @@ function RecordCombobox(t0) {
 				}), /* @__PURE__ */ jsx("span", { children: footerAction.label })]
 			})
 		});
-		$[10] = footerAction;
-		$[11] = search;
-		$[12] = setOpen;
-		$[13] = t8;
-	} else t8 = $[13];
-	let t9;
-	if ($[14] !== t6 || $[15] !== t8) {
-		t9 = /* @__PURE__ */ jsx(Combobox.Portal, { children: /* @__PURE__ */ jsx(Combobox.Positioner, {
+		$[8] = footerAction;
+		$[9] = search;
+		$[10] = t7;
+	} else t7 = $[10];
+	let t8;
+	if ($[11] !== t5 || $[12] !== t7) {
+		t8 = /* @__PURE__ */ jsx(Combobox.Portal, { children: /* @__PURE__ */ jsx(Combobox.Positioner, {
 			sideOffset: 4,
 			align: "start",
 			className: "isolate z-50",
 			children: /* @__PURE__ */ jsxs(Combobox.Popup, {
 				className: "bg-popover text-popover-foreground ring-foreground/10 flex max-h-(--available-height) w-(--anchor-width) min-w-48 flex-col rounded-md p-1 shadow-md ring-1",
 				children: [
+					t4,
 					t5,
 					t6,
-					t7,
-					t8
+					t7
 				]
 			})
 		}) });
-		$[14] = t6;
-		$[15] = t8;
-		$[16] = t9;
-	} else t9 = $[16];
-	let t10;
-	if ($[17] !== disabled || $[18] !== open || $[19] !== records || $[20] !== search || $[21] !== setOpen || $[22] !== t2 || $[23] !== t9) {
-		t10 = /* @__PURE__ */ jsxs(Combobox.Root, {
+		$[11] = t5;
+		$[12] = t7;
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] !== disabled || $[15] !== open || $[16] !== records || $[17] !== search || $[18] !== t1 || $[19] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(Combobox.Root, {
 			items: records,
 			value: null,
 			open,
@@ -139,20 +127,19 @@ function RecordCombobox(t0) {
 			itemToStringLabel: _temp,
 			itemToStringValue: _temp2,
 			isItemEqualToValue: _temp3,
-			onValueChange: t2,
+			onValueChange: t1,
 			disabled,
-			children: [t4, t9]
+			children: [t3, t8]
 		});
-		$[17] = disabled;
-		$[18] = open;
-		$[19] = records;
-		$[20] = search;
-		$[21] = setOpen;
-		$[22] = t2;
-		$[23] = t9;
-		$[24] = t10;
-	} else t10 = $[24];
-	return t10;
+		$[14] = disabled;
+		$[15] = open;
+		$[16] = records;
+		$[17] = search;
+		$[18] = t1;
+		$[19] = t8;
+		$[20] = t9;
+	} else t9 = $[20];
+	return t9;
 }
 function _temp4(record_3) {
 	return /* @__PURE__ */ jsx(Combobox.Item, {

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

@@ -3,7 +3,6 @@ import { reads, useReadQuery } from "../../../lib/studio-reads.js";
 import { titleField } from "../../../core/recordItem.js";
 import { useCollectionItemSheet } from "../../content/CollectionItemSheetContext.js";
 import { useCollectionDefinition } from "../../../lib/studio-definitions.js";
-import { referencePickerFocus, useReferencePickerFocusRequested } from "../referencePickerFocus.js";
 import { DrillRow } from "./DrillRow.js";
 import { RecordCard } from "./RecordCard.js";
 import { RecordCombobox } from "./RecordCombobox.js";
@@ -18,7 +17,7 @@ function referenceHint({ linked, required }) {
 	return !linked && required ? "Required" : null;
 }
 /** This view owns the reference only. Record content is edited elsewhere. */
-function ReferenceFieldEditor({ collectionId, fieldId, value, required = false, record = null, onChange, onOpenRecord, drill, allowCreate = true }) {
+function ReferenceFieldEditor({ collectionId, value, required = false, record = null, onChange, onOpenRecord, drill, allowCreate = true }) {
 	const projectUuid = useProjectUuid();
 	const collection = useCollectionDefinition(collectionId);
 	const collectionTitle = collection?.title ?? collectionId;
@@ -33,9 +32,6 @@ function ReferenceFieldEditor({ collectionId, fieldId, value, required = false,
 	const selected = records.data?.find((option) => option.id === value);
 	const hydrated = record?.id === selectedId ? record : null;
 	const selectedLabel = selected?.title ?? hydrated?.title ?? "Unavailable item";
-	const [pickerOpen, setPickerOpen] = React.useState(false);
-	const focusRequested = useReferencePickerFocusRequested(drill ? void 0 : fieldId);
-	const pickerReady = !selectedId && records.isSuccess && !saving;
 	const save = async (id) => {
 		setSaving(true);
 		setError(null);
@@ -51,18 +47,6 @@ function ReferenceFieldEditor({ collectionId, fieldId, value, required = false,
 	const change = (id) => {
 		save(id).catch(() => {});
 	};
-	React.useEffect(() => {
-		if (!focusRequested || !fieldId || !pickerReady) return;
-		referencePickerFocus.send({
-			type: "consume",
-			fieldId
-		});
-		setPickerOpen(true);
-	}, [
-		focusRequested,
-		fieldId,
-		pickerReady
-	]);
 	const hint = referenceHint({
 		linked: selectedId !== null,
 		required
@@ -108,8 +92,6 @@ function ReferenceFieldEditor({ collectionId, fieldId, value, required = false,
 				collectionTitle,
 				onSelect: (option) => change(option.id),
 				disabled: saving || records.isPending || records.isError,
-				open: pickerOpen,
-				onOpenChange: setPickerOpen,
 				footerAction: allowCreate ? {
 					label: "Create item",
 					onSelect: (search) => sheet.open({

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

@@ -5,7 +5,6 @@ import { referenceListIds } from "../../../core/lib/reference.js";
 import { titleField } from "../../../core/recordItem.js";
 import { useCollectionItemSheet } from "../../content/CollectionItemSheetContext.js";
 import { useCollectionDefinition } from "../../../lib/studio-definitions.js";
-import { referencePickerFocus, useReferencePickerFocusRequested } from "../referencePickerFocus.js";
 import { DrillRow } from "./DrillRow.js";
 import { RecordCard } from "./RecordCard.js";
 import { RecordCombobox } from "./RecordCombobox.js";
@@ -253,7 +252,7 @@ function SortableRecordCard(t0) {
 * Manages which records a reference list links, and their order. Every change writes the
 * whole id array; records themselves are edited in their own view, never unlinked by deletion.
 */
-function ReferenceListFieldEditor({ collectionId, fieldId, value, maxItems, query, records: hydratedRecords = [], onChange, onOpenRecord, recordHover, drill, allowCreate = true }) {
+function ReferenceListFieldEditor({ collectionId, value, maxItems, query, records: hydratedRecords = [], onChange, onOpenRecord, recordHover, drill, allowCreate = true }) {
 	const projectUuid = useProjectUuid();
 	const collection = useCollectionDefinition(collectionId);
 	const collectionTitle = collection?.title ?? collectionId;
@@ -267,22 +266,7 @@ function ReferenceListFieldEditor({ collectionId, fieldId, value, maxItems, quer
 	const ids = pendingIds ?? storedIds;
 	const [saving, setSaving] = React.useState(false);
 	const [error, setError] = React.useState(null);
-	const [pickerOpen, setPickerOpen] = React.useState(false);
-	const focusRequested = useReferencePickerFocusRequested(drill ? void 0 : fieldId);
 	const canAdd = maxItems === void 0 || ids.length < maxItems;
-	const pickerReady = canAdd && records.isSuccess && !saving;
-	React.useEffect(() => {
-		if (!focusRequested || !fieldId || !pickerReady) return;
-		referencePickerFocus.send({
-			type: "consume",
-			fieldId
-		});
-		setPickerOpen(true);
-	}, [
-		focusRequested,
-		fieldId,
-		pickerReady
-	]);
 	const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
 	if (drill && query) {
 		const count = hydratedRecords.length;
@@ -399,8 +383,6 @@ function ReferenceListFieldEditor({ collectionId, fieldId, value, maxItems, quer
 				emptyMessage: records.data?.length ? `Every ${collectionTitle} item is already linked.` : void 0,
 				onSelect: (option) => change([...ids, option.id]),
 				disabled: saving || records.isPending || records.isError,
-				open: pickerOpen,
-				onOpenChange: setPickerOpen,
 				footerAction: allowCreate ? {
 					label: "Create item",
 					onSelect: (search) => sheet.open({

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

@@ -12,8 +12,8 @@ import { Trash2 } from "lucide-react";
 * mode it shows this placeholder, whose only action is delete. Its content stays stored and
 * comes back if the definition does.
 */
-function RemovedBlockPlaceholder({ blockId, type, mode }) {
-	const isEditable = useIsEditable(mode);
+function RemovedBlockPlaceholder({ blockId, type }) {
+	const isEditable = useIsEditable();
 	const applyEdit = useApplyContentEdit();
 	const notify = useStudioNotice();
 	const [deleting, setDeleting] = React.useState(false);

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

@@ -22,6 +22,7 @@ import { useFieldWriter } from "./useFieldWriter.js";
 import { useRecordView } from "./useRecordView.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
+import { emptyFieldValue } from "@camox/api-contract";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useSelector } from "@xstate/store-react";
 import { useMutation } from "@tanstack/react-query";
@@ -817,7 +818,7 @@ const SelectionEditorContent = (t0) => {
 					const label = field.label ?? formatFieldName(field.name);
 					const settingsValues = block.settings ?? {};
 					if (field.fieldType === "Enum") {
-						const value_2 = settingsValues[field.name] ?? (blockDef.settingsSchema?.properties?.[field.name])?.default ?? "";
+						const value_2 = String(settingsValues[field.name] ?? emptyFieldValue(blockDef.settingsSchema?.properties?.[field.name]));
 						return /* @__PURE__ */ jsxs("div", {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ jsx(Label, {
@@ -842,7 +843,7 @@ const SelectionEditorContent = (t0) => {
 						}, field.name);
 					}
 					if (field.fieldType === "Boolean") {
-						const checked = settingsValues[field.name] ?? (blockDef.settingsSchema?.properties?.[field.name])?.default ?? false;
+						const checked = settingsValues[field.name] === true;
 						return /* @__PURE__ */ jsxs("div", {
 							className: "flex items-center justify-between",
 							children: [/* @__PURE__ */ jsx(Label, {
@@ -871,7 +872,7 @@ const SelectionEditorContent = (t0) => {
 					const itemSettingsValues = currentItem?.settings ?? {};
 					const itemSettingsSchemaProps = itemArraySchema?.itemSettingsSchema?.properties;
 					if (field_0.fieldType === "Enum") {
-						const value_3 = itemSettingsValues[field_0.name] ?? itemSettingsSchemaProps?.[field_0.name]?.default ?? "";
+						const value_3 = String(itemSettingsValues[field_0.name] ?? emptyFieldValue(itemSettingsSchemaProps?.[field_0.name]));
 						return /* @__PURE__ */ jsxs("div", {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ jsx(Label, {
@@ -896,7 +897,7 @@ const SelectionEditorContent = (t0) => {
 						}, field_0.name);
 					}
 					if (field_0.fieldType === "Boolean") {
-						const checked_0 = itemSettingsValues[field_0.name] ?? itemSettingsSchemaProps?.[field_0.name]?.default ?? false;
+						const checked_0 = itemSettingsValues[field_0.name] === true;
 						return /* @__PURE__ */ jsxs("div", {
 							className: "flex items-center justify-between",
 							children: [/* @__PURE__ */ jsx(Label, {