camox 0.47.0 → 0.48.0

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

@@ -4,6 +4,7 @@ import { cn } from "../../../lib/utils.js";
 import { previewStore, selectionBlockId, selectionForOwner } from "../previewStore.js";
 import { useEditingFrame } from "../editingFrame.js";
 import { PreviewEditingOwnerContext } from "../previewSelection.js";
+import { entityName } from "../entityName.js";
 import { useUpdateBlockPosition } from "./useUpdateBlockPosition.js";
 import { BlockActionsPopover } from "./BlockActionsPopover.js";
 import { usePreviewedPage } from "../CamoxPreview.js";
@@ -228,7 +229,7 @@ const animateLayoutChanges = (args) => {
 	return defaultAnimateLayoutChanges(args);
 };
 const SortableBlock = (t0) => {
-	const $ = c(37);
+	const $ = c(39);
 	const { block } = t0;
 	const [gripPopoverOpen, setGripPopoverOpen] = React.useState(false);
 	let t1;
@@ -291,9 +292,13 @@ const SortableBlock = (t0) => {
 		$[12] = t7;
 	} else t7 = $[12];
 	const gripButton = t7;
-	let t8;
+	const t8 = ctx.shouldShowHover;
+	const t9 = ctx.shouldShowActive;
+	const t10 = ctx.handleBlockMouseEnter;
+	const t11 = ctx.handleBlockMouseLeave;
+	let t12;
 	if ($[13] !== block || $[14] !== gripButton || $[15] !== gripPopoverOpen) {
-		t8 = /* @__PURE__ */ jsx(BlockActionsPopover, {
+		t12 = /* @__PURE__ */ jsx(BlockActionsPopover, {
 			block,
 			open: gripPopoverOpen,
 			onOpenChange: setGripPopoverOpen,
@@ -302,67 +307,72 @@ const SortableBlock = (t0) => {
 		$[13] = block;
 		$[14] = gripButton;
 		$[15] = gripPopoverOpen;
-		$[16] = t8;
-	} else t8 = $[16];
-	const t9 = block.summary || block.type;
-	let t10;
-	if ($[17] !== ctx.toggleSelection || $[18] !== t9) {
-		t10 = /* @__PURE__ */ jsx(BlockTreeItemTrigger, {
-			displayText: t9,
+		$[16] = t12;
+	} else t12 = $[16];
+	let t13;
+	if ($[17] !== block) {
+		t13 = entityName(block, block.type);
+		$[17] = block;
+		$[18] = t13;
+	} else t13 = $[18];
+	let t14;
+	if ($[19] !== ctx.toggleSelection || $[20] !== t13) {
+		t14 = /* @__PURE__ */ jsx(BlockTreeItemTrigger, {
+			displayText: t13,
 			onClick: ctx.toggleSelection
 		});
-		$[17] = ctx.toggleSelection;
-		$[18] = t9;
-		$[19] = t10;
-	} else t10 = $[19];
-	let t11;
-	if ($[20] !== ctx.ellipsisPopoverOpen) {
-		t11 = /* @__PURE__ */ jsx(BlockTreeItemEllipsis, { open: ctx.ellipsisPopoverOpen });
-		$[20] = ctx.ellipsisPopoverOpen;
-		$[21] = t11;
-	} else t11 = $[21];
-	let t12;
-	if ($[22] !== block || $[23] !== ctx.ellipsisPopoverOpen || $[24] !== ctx.setEllipsisPopoverOpen || $[25] !== t11) {
-		t12 = /* @__PURE__ */ jsx(BlockActionsPopover, {
+		$[19] = ctx.toggleSelection;
+		$[20] = t13;
+		$[21] = t14;
+	} else t14 = $[21];
+	let t15;
+	if ($[22] !== ctx.ellipsisPopoverOpen) {
+		t15 = /* @__PURE__ */ jsx(BlockTreeItemEllipsis, { open: ctx.ellipsisPopoverOpen });
+		$[22] = ctx.ellipsisPopoverOpen;
+		$[23] = t15;
+	} else t15 = $[23];
+	let t16;
+	if ($[24] !== block || $[25] !== ctx.ellipsisPopoverOpen || $[26] !== ctx.setEllipsisPopoverOpen || $[27] !== t15) {
+		t16 = /* @__PURE__ */ jsx(BlockActionsPopover, {
 			block,
 			open: ctx.ellipsisPopoverOpen,
 			onOpenChange: ctx.setEllipsisPopoverOpen,
-			children: t11
+			children: t15
 		});
-		$[22] = block;
-		$[23] = ctx.ellipsisPopoverOpen;
-		$[24] = ctx.setEllipsisPopoverOpen;
-		$[25] = t11;
-		$[26] = t12;
-	} else t12 = $[26];
-	let t13;
-	if ($[27] !== ctx.handleBlockMouseEnter || $[28] !== ctx.handleBlockMouseLeave || $[29] !== ctx.shouldShowActive || $[30] !== ctx.shouldShowHover || $[31] !== setNodeRef || $[32] !== style || $[33] !== t10 || $[34] !== t12 || $[35] !== t8) {
-		t13 = /* @__PURE__ */ jsxs(BlockTreeItemHeader, {
+		$[24] = block;
+		$[25] = ctx.ellipsisPopoverOpen;
+		$[26] = ctx.setEllipsisPopoverOpen;
+		$[27] = t15;
+		$[28] = t16;
+	} else t16 = $[28];
+	let t17;
+	if ($[29] !== ctx.handleBlockMouseEnter || $[30] !== ctx.handleBlockMouseLeave || $[31] !== ctx.shouldShowActive || $[32] !== ctx.shouldShowHover || $[33] !== setNodeRef || $[34] !== style || $[35] !== t12 || $[36] !== t14 || $[37] !== t16) {
+		t17 = /* @__PURE__ */ jsxs(BlockTreeItemHeader, {
 			ref: setNodeRef,
 			style,
 			className: "group",
-			shouldShowHover: ctx.shouldShowHover,
-			shouldShowActive: ctx.shouldShowActive,
-			onMouseEnter: ctx.handleBlockMouseEnter,
-			onMouseLeave: ctx.handleBlockMouseLeave,
+			shouldShowHover: t8,
+			shouldShowActive: t9,
+			onMouseEnter: t10,
+			onMouseLeave: t11,
 			children: [
-				t8,
-				t10,
-				t12
+				t12,
+				t14,
+				t16
 			]
 		});
-		$[27] = ctx.handleBlockMouseEnter;
-		$[28] = ctx.handleBlockMouseLeave;
-		$[29] = ctx.shouldShowActive;
-		$[30] = ctx.shouldShowHover;
-		$[31] = setNodeRef;
-		$[32] = style;
-		$[33] = t10;
-		$[34] = t12;
-		$[35] = t8;
-		$[36] = t13;
-	} else t13 = $[36];
-	return t13;
+		$[29] = ctx.handleBlockMouseEnter;
+		$[30] = ctx.handleBlockMouseLeave;
+		$[31] = ctx.shouldShowActive;
+		$[32] = ctx.shouldShowHover;
+		$[33] = setNodeRef;
+		$[34] = style;
+		$[35] = t12;
+		$[36] = t14;
+		$[37] = t16;
+		$[38] = t17;
+	} else t17 = $[38];
+	return t17;
 };
 const LayoutBlockItem = (t0) => {
 	const $ = c(26);
@@ -723,7 +733,7 @@ const PageTree = (t0) => {
 					className: "flex items-center gap-1 px-1 py-2 text-sm",
 					children: [/* @__PURE__ */ jsx(GripVertical, { className: "text-muted-foreground mx-1.5 h-4 w-4" }), /* @__PURE__ */ jsx("span", {
 						className: "truncate",
-						children: activeBlock.summary
+						children: entityName(activeBlock, activeBlock.type)
 					})]
 				})
 			});

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

@@ -4,16 +4,17 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/features/preview/components/RecordCard.tsx
 /**
-* A linked collection record: label and collection title.
-* `leading` holds controls before it, such as a drag handle; `actions` holds trailing
+* A linked collection record: its title, its description when it has one, and its collection's
+* title. `leading` holds controls before it, such as a drag handle; `actions` holds trailing
 * controls such as unlink.
 */
 function RecordCard(t0) {
-	const $ = c(15);
-	const { label, collectionTitle, onOpen, leading, actions } = t0;
+	const $ = c(18);
+	const { label, description, collectionTitle, onOpen, leading, actions } = t0;
 	let t1;
 	if ($[0] !== label) {
 		t1 = /* @__PURE__ */ jsx("span", {
+			"data-record-title": true,
 			className: "truncate text-sm font-medium",
 			children: label
 		});
@@ -21,28 +22,43 @@ function RecordCard(t0) {
 		$[1] = t1;
 	} else t1 = $[1];
 	let t2;
-	if ($[2] !== collectionTitle) {
-		t2 = /* @__PURE__ */ jsx("span", {
+	if ($[2] !== description) {
+		t2 = description && /* @__PURE__ */ jsx("span", {
+			"data-record-description": true,
 			className: "text-muted-foreground truncate text-xs",
-			children: collectionTitle
+			children: description
 		});
-		$[2] = collectionTitle;
+		$[2] = description;
 		$[3] = t2;
 	} else t2 = $[3];
 	let t3;
-	if ($[4] !== t1 || $[5] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("span", {
+	if ($[4] !== collectionTitle) {
+		t3 = /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground truncate text-xs",
+			children: collectionTitle
+		});
+		$[4] = collectionTitle;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== t1 || $[7] !== t2 || $[8] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("span", {
 			className: "flex min-w-0 flex-1 flex-col gap-0.5",
-			children: [t1, t2]
+			children: [
+				t1,
+				t2,
+				t3
+			]
 		}) });
-		$[4] = t1;
-		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
-	const body = t3;
-	let t4;
-	if ($[7] !== body || $[8] !== label || $[9] !== onOpen) {
-		t4 = onOpen ? /* @__PURE__ */ jsx("button", {
+		$[6] = t1;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	const body = t4;
+	let t5;
+	if ($[10] !== body || $[11] !== label || $[12] !== onOpen) {
+		t5 = onOpen ? /* @__PURE__ */ jsx("button", {
 			type: "button",
 			"aria-label": `Open ${label}`,
 			className: "flex min-w-0 flex-1 items-center gap-2 rounded-sm p-1 text-left",
@@ -52,28 +68,28 @@ function RecordCard(t0) {
 			className: "flex min-w-0 flex-1 items-center gap-2 p-1",
 			children: body
 		});
-		$[7] = body;
-		$[8] = label;
-		$[9] = onOpen;
-		$[10] = t4;
-	} else t4 = $[10];
-	let t5;
-	if ($[11] !== actions || $[12] !== leading || $[13] !== t4) {
-		t5 = /* @__PURE__ */ jsxs("div", {
+		$[10] = body;
+		$[11] = label;
+		$[12] = onOpen;
+		$[13] = t5;
+	} else t5 = $[13];
+	let t6;
+	if ($[14] !== actions || $[15] !== leading || $[16] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
 			"data-record-card": true,
 			className: "text-foreground hover:bg-accent/75 flex w-full min-w-0 items-center gap-1 overflow-hidden rounded-lg border-2 p-1",
 			children: [
 				leading,
-				t4,
+				t5,
 				actions
 			]
 		});
-		$[11] = actions;
-		$[12] = leading;
-		$[13] = t4;
-		$[14] = t5;
-	} else t5 = $[14];
-	return t5;
+		$[14] = actions;
+		$[15] = leading;
+		$[16] = t5;
+		$[17] = t6;
+	} else t6 = $[17];
+	return t6;
 }
 
 //#endregion

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

@@ -8,7 +8,7 @@ import { Combobox } from "@base-ui/react/combobox";
 
 //#region src/features/preview/components/RecordCombobox.tsx
 /**
-* Picks a collection record by label. The footer action (e.g. Create item) receives the
+* Picks a collection record by title, each shown with its description. The footer action (e.g. Create item) receives the
 * current search text so it can prefill a new record.
 */
 function RecordCombobox(t0) {
@@ -158,9 +158,16 @@ function _temp4(record_3) {
 	return /* @__PURE__ */ jsx(Combobox.Item, {
 		value: record_3,
 		className: "data-highlighted:bg-accent data-highlighted:text-accent-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none",
-		children: /* @__PURE__ */ jsx("span", {
-			className: "min-w-0 flex-1 truncate",
-			children: record_3.label
+		children: /* @__PURE__ */ jsxs("span", {
+			className: "flex min-w-0 flex-1 flex-col",
+			children: [/* @__PURE__ */ jsx("span", {
+				"data-record-title": true,
+				className: "truncate",
+				children: record_3.title
+			}), record_3.description && /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground truncate text-xs",
+				children: record_3.description
+			})]
 		})
 	}, record_3.id);
 }
@@ -171,7 +178,7 @@ function _temp2(record_0) {
 	return record_0.id;
 }
 function _temp(record) {
-	return record.label;
+	return record.title;
 }
 
 //#endregion

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

@@ -1,6 +1,7 @@
 import { useProjectUuid } from "../../../lib/auth.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { reads, useReadQuery } from "../../../lib/studio-reads.js";
+import { titleField } from "../../../core/recordItem.js";
 import { useCollectionItemSheet } from "../../content/CollectionItemSheetContext.js";
 import { referencePickerFocus, useReferencePickerFocusRequested } from "../referencePickerFocus.js";
 import { DrillRow } from "./DrillRow.js";
@@ -31,7 +32,7 @@ function ReferenceFieldEditor({ collectionId, fieldId, value, required = false,
 	const selectedId = typeof value === "string" && value ? value : null;
 	const selected = records.data?.find((option) => option.id === value);
 	const hydrated = record?.id === selectedId ? record : null;
-	const selectedLabel = selected?.label ?? hydrated?.label ?? "Unavailable item";
+	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;
@@ -84,6 +85,7 @@ function ReferenceFieldEditor({ collectionId, fieldId, value, required = false,
 		children: [
 			selectedId && /* @__PURE__ */ jsx(RecordCard, {
 				label: selectedLabel,
+				description: selected ? selected.description : hydrated?.description,
 				collectionTitle,
 				onOpen: onOpenRecord ? () => onOpenRecord(selectedId) : void 0,
 				actions: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
@@ -112,7 +114,7 @@ function ReferenceFieldEditor({ collectionId, fieldId, value, required = false,
 					label: "Create item",
 					onSelect: (search) => sheet.open({
 						collectionId,
-						initialContent: collection && search.trim() ? { [collection._internal.label]: search } : void 0,
+						initialContent: collection && search.trim() && titleField(collection._internal.toTitle) ? { [titleField(collection._internal.toTitle)]: search } : void 0,
 						onSaved: (created) => save(created.id)
 					})
 				} : void 0

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

@@ -3,6 +3,7 @@ import { useProjectUuid } from "../../../lib/auth.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { reads, useReadQuery } from "../../../lib/studio-reads.js";
 import { referenceListIds } from "../../../core/lib/reference.js";
+import { titleField } from "../../../core/recordItem.js";
 import { useCollectionItemSheet } from "../../content/CollectionItemSheetContext.js";
 import { referencePickerFocus, useReferencePickerFocusRequested } from "../referencePickerFocus.js";
 import { DrillRow } from "./DrillRow.js";
@@ -119,8 +120,8 @@ function QueryResultCard(t0) {
 	return t2;
 }
 function SortableRecordCard(t0) {
-	const $ = c(31);
-	const { id, label, collectionTitle, onOpen, onUnlink, hover } = t0;
+	const $ = c(32);
+	const { id, label, description, collectionTitle, onOpen, onUnlink, hover } = t0;
 	let t1;
 	if ($[0] !== id) {
 		t1 = { id };
@@ -214,23 +215,25 @@ function SortableRecordCard(t0) {
 		$[19] = t11;
 	} else t11 = $[19];
 	let t12;
-	if ($[20] !== collectionTitle || $[21] !== label || $[22] !== onOpen || $[23] !== t11 || $[24] !== t6) {
+	if ($[20] !== collectionTitle || $[21] !== description || $[22] !== label || $[23] !== onOpen || $[24] !== t11 || $[25] !== t6) {
 		t12 = /* @__PURE__ */ jsx(RecordCard, {
 			label,
+			description,
 			collectionTitle,
 			onOpen,
 			leading: t6,
 			actions: t11
 		});
 		$[20] = collectionTitle;
-		$[21] = label;
-		$[22] = onOpen;
-		$[23] = t11;
-		$[24] = t6;
-		$[25] = t12;
-	} else t12 = $[25];
+		$[21] = description;
+		$[22] = label;
+		$[23] = onOpen;
+		$[24] = t11;
+		$[25] = t6;
+		$[26] = t12;
+	} else t12 = $[26];
 	let t13;
-	if ($[26] !== hoverHandlers || $[27] !== setNodeRef || $[28] !== t12 || $[29] !== t4) {
+	if ($[27] !== hoverHandlers || $[28] !== setNodeRef || $[29] !== t12 || $[30] !== t4) {
 		t13 = /* @__PURE__ */ jsx("li", {
 			ref: setNodeRef,
 			...hoverHandlers,
@@ -238,12 +241,12 @@ function SortableRecordCard(t0) {
 			className: "min-w-0",
 			children: t12
 		});
-		$[26] = hoverHandlers;
-		$[27] = setNodeRef;
-		$[28] = t12;
-		$[29] = t4;
-		$[30] = t13;
-	} else t13 = $[30];
+		$[27] = hoverHandlers;
+		$[28] = setNodeRef;
+		$[29] = t12;
+		$[30] = t4;
+		$[31] = t13;
+	} else t13 = $[31];
 	return t13;
 }
 /**
@@ -317,7 +320,8 @@ function ReferenceListFieldEditor({ collectionId, fieldId, value, maxItems, quer
 			}), hydratedRecords.length > 0 && /* @__PURE__ */ jsx("ul", {
 				className: "flex min-w-0 flex-col gap-2",
 				children: hydratedRecords.map((record) => /* @__PURE__ */ jsx(QueryResultCard, {
-					label: record.label,
+					label: record.title,
+					description: record.description,
 					collectionTitle,
 					onOpen: onOpenRecord ? () => onOpenRecord(record.id) : void 0,
 					hover: entryHover(recordHover, record.id)
@@ -370,7 +374,8 @@ function ReferenceListFieldEditor({ collectionId, fieldId, value, maxItems, quer
 							const hydrated = hydratedRecords.find((record) => record.id === id);
 							return /* @__PURE__ */ jsx(SortableRecordCard, {
 								id,
-								label: summary?.label ?? hydrated?.label ?? "Unavailable item",
+								label: summary?.title ?? hydrated?.title ?? "Unavailable item",
+								description: summary ? summary.description : hydrated?.description,
 								collectionTitle,
 								onOpen: onOpenRecord ? () => onOpenRecord(id) : void 0,
 								onUnlink: () => change(ids.filter((linked) => linked !== id)),
@@ -400,7 +405,7 @@ function ReferenceListFieldEditor({ collectionId, fieldId, value, maxItems, quer
 					label: "Create item",
 					onSelect: (search) => sheet.open({
 						collectionId,
-						initialContent: collection && search.trim() ? { [collection._internal.label]: search } : void 0,
+						initialContent: collection && search.trim() && titleField(collection._internal.toTitle) ? { [titleField(collection._internal.toTitle)]: search } : void 0,
 						onSaved: (created) => save([...ids, created.id])
 					})
 				} : void 0

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

@@ -3,6 +3,7 @@ import { repeatableItemMutations } from "../../../lib/queries.js";
 import { previewStore, selectionItemId } from "../previewStore.js";
 import { useEditingFrame } from "../editingFrame.js";
 import { PreviewEditingOwnerContext, usePreviewTargetSelection } from "../previewSelection.js";
+import { entityName } from "../entityName.js";
 import { useRepeatableItemActions } from "./useRepeatableItemActions.js";
 import { c } from "react/compiler-runtime";
 import { useContext } from "react";
@@ -18,7 +19,7 @@ import { CSS } from "@dnd-kit/utilities";
 
 //#region src/features/preview/components/RepeatableItemsList.tsx
 const SortableRepeatableItem = (t0) => {
-	const $ = c(47);
+	const $ = c(53);
 	const { item, fieldName, blockId, canRemove, onRemove } = t0;
 	const owner = useContext(PreviewEditingOwnerContext);
 	let t1;
@@ -113,9 +114,17 @@ const SortableRepeatableItem = (t0) => {
 		$[23] = listeners;
 		$[24] = t13;
 	} else t13 = $[24];
-	let t14;
-	if ($[25] !== blockId || $[26] !== handleMouseLeave || $[27] !== item.id || $[28] !== owner) {
-		t14 = () => {
+	const t14 = `${fieldName} (${item.id})`;
+	let t15;
+	if ($[25] !== item || $[26] !== t14) {
+		t15 = entityName(item, t14);
+		$[25] = item;
+		$[26] = t14;
+		$[27] = t15;
+	} else t15 = $[27];
+	let t16;
+	if ($[28] !== blockId || $[29] !== handleMouseLeave || $[30] !== item.id || $[31] !== owner) {
+		t16 = () => {
 			if (owner === null) return;
 			handleMouseLeave();
 			previewStore.send({
@@ -125,32 +134,39 @@ const SortableRepeatableItem = (t0) => {
 				itemId: item.id
 			});
 		};
-		$[25] = blockId;
-		$[26] = handleMouseLeave;
-		$[27] = item.id;
-		$[28] = owner;
-		$[29] = t14;
-	} else t14 = $[29];
-	const t15 = item.summary || `${fieldName} (${item.id})`;
-	let t16;
-	if ($[30] !== item.summary || $[31] !== t14 || $[32] !== t15) {
-		t16 = /* @__PURE__ */ jsx("div", {
+		$[28] = blockId;
+		$[29] = handleMouseLeave;
+		$[30] = item.id;
+		$[31] = owner;
+		$[32] = t16;
+	} else t16 = $[32];
+	const t17 = `${fieldName} (${item.id})`;
+	let t18;
+	if ($[33] !== item || $[34] !== t17) {
+		t18 = entityName(item, t17);
+		$[33] = item;
+		$[34] = t17;
+		$[35] = t18;
+	} else t18 = $[35];
+	let t19;
+	if ($[36] !== t15 || $[37] !== t16 || $[38] !== t18) {
+		t19 = /* @__PURE__ */ jsx("div", {
 			className: "flex flex-1 items-center gap-1 overflow-x-hidden",
 			children: /* @__PURE__ */ jsx("p", {
 				className: "flex-1 cursor-default truncate py-1 text-sm",
-				title: item.summary,
-				onClick: t14,
-				children: t15
+				title: t15,
+				onClick: t16,
+				children: t18
 			})
 		});
-		$[30] = item.summary;
-		$[31] = t14;
-		$[32] = t15;
-		$[33] = t16;
-	} else t16 = $[33];
-	let t17;
-	if ($[34] !== canRemove || $[35] !== item.id || $[36] !== onRemove) {
-		t17 = canRemove && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		$[36] = t15;
+		$[37] = t16;
+		$[38] = t18;
+		$[39] = t19;
+	} else t19 = $[39];
+	let t20;
+	if ($[40] !== canRemove || $[41] !== item.id || $[42] !== onRemove) {
+		t20 = canRemove && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 			render: /* @__PURE__ */ jsx(Button, {
 				type: "button",
 				variant: "ghost",
@@ -166,14 +182,14 @@ const SortableRepeatableItem = (t0) => {
 			side: "right",
 			children: "Remove item"
 		})] });
-		$[34] = canRemove;
-		$[35] = item.id;
-		$[36] = onRemove;
-		$[37] = t17;
-	} else t17 = $[37];
-	let t18;
-	if ($[38] !== handleMouseEnter || $[39] !== handleMouseLeave || $[40] !== setNodeRef || $[41] !== style || $[42] !== t11 || $[43] !== t13 || $[44] !== t16 || $[45] !== t17) {
-		t18 = /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", {
+		$[40] = canRemove;
+		$[41] = item.id;
+		$[42] = onRemove;
+		$[43] = t20;
+	} else t20 = $[43];
+	let t21;
+	if ($[44] !== handleMouseEnter || $[45] !== handleMouseLeave || $[46] !== setNodeRef || $[47] !== style || $[48] !== t11 || $[49] !== t13 || $[50] !== t19 || $[51] !== t20) {
+		t21 = /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", {
 			ref: setNodeRef,
 			style,
 			className: t11,
@@ -181,21 +197,21 @@ const SortableRepeatableItem = (t0) => {
 			onMouseLeave: handleMouseLeave,
 			children: [
 				t13,
-				t16,
-				t17
+				t19,
+				t20
 			]
 		}) });
-		$[38] = handleMouseEnter;
-		$[39] = handleMouseLeave;
-		$[40] = setNodeRef;
-		$[41] = style;
-		$[42] = t11;
-		$[43] = t13;
-		$[44] = t16;
-		$[45] = t17;
-		$[46] = t18;
-	} else t18 = $[46];
-	return t18;
+		$[44] = handleMouseEnter;
+		$[45] = handleMouseLeave;
+		$[46] = setNodeRef;
+		$[47] = style;
+		$[48] = t11;
+		$[49] = t13;
+		$[50] = t19;
+		$[51] = t20;
+		$[52] = t21;
+	} else t21 = $[52];
+	return t21;
 };
 const RepeatableItemsList = (t0) => {
 	const $ = c(24);

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

@@ -9,6 +9,7 @@ import { editorAssetField } from "../../content/collection-form.js";
 import { isBlockPlacement, previewStore, recordPlacement, selectionBlockId, selectionField, selectionForOwner, selectionItemId } from "../previewStore.js";
 import { useEditingFrame } from "../editingFrame.js";
 import { PreviewEditingOwnerContext } from "../previewSelection.js";
+import { entityName } from "../entityName.js";
 import { fieldTypesDictionary } from "../../../core/lib/fieldTypes.js";
 import { selectionHoverMessage } from "../overlayMessages.js";
 import { usePageRecordPlacer } from "../pageRecord.js";
@@ -605,7 +606,7 @@ const SelectionEditorContent = (t0) => {
 		})
 	}, {
 		key: `item-${ancestor.id}`,
-		label: ancestor.summary || "Item",
+		label: entityName(ancestor, "Item"),
 		hoverTarget: {
 			type: "item",
 			blockId: block_0.id,
@@ -685,7 +686,7 @@ const SelectionEditorContent = (t0) => {
 				]
 			}), item.onClick ? /* @__PURE__ */ jsx("button", {
 				type: "button",
-				className: cn("hover:text-foreground flex h-7 min-w-0 cursor-pointer items-center truncate text-left transition-colors", item.isCurrent && "text-foreground font-medium"),
+				className: cn("hover:text-foreground block h-7 max-w-full cursor-pointer truncate text-left leading-7 transition-colors", item.isCurrent && "text-foreground font-medium"),
 				onClick: item.onClick,
 				children: item.label
 			}) : /* @__PURE__ */ jsx("span", {