camox 0.52.3 → 0.54.0

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

@@ -1,17 +1,16 @@
 import { isFileMarker } from "../../../lib/normalized-data.js";
 import { reads, useReadQueries, useReadQuery } from "../../../lib/studio-reads.js";
-import { cn } from "../../../lib/utils.js";
 import { blockMutations, repeatableItemMutations } from "../../../lib/queries.js";
 import { SingleAssetFieldEditor } from "./AssetFieldEditor.js";
 import { MultipleAssetFieldEditor } from "./MultipleAssetFieldEditor.js";
 import { useBlockDefinition } from "../../../lib/studio-definitions.js";
 import { editorAssetField } from "../../content/collection-form.js";
 import { isBlockPlacement, previewStore, recordPlacement, selectionBlockId, selectionField, selectionForOwner, selectionItemId } from "../previewStore.js";
-import { PreviewEditingOwnerContext } from "../previewSelection.js";
 import { useEditingFrame } from "../editingFrame.js";
+import { SelectionViewCount, SidebarStackHeader, SidebarStackView } from "./SidebarStack.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";
 import { contentFieldSchema } from "./contentFieldSchema.js";
 import { useRepeatableItemActions } from "./useRepeatableItemActions.js";
@@ -28,13 +27,33 @@ import { useMutation } from "@tanstack/react-query";
 import { Button } from "@camox/ui/button";
 import { Label } from "@camox/ui/label";
 import { Switch } from "@camox/ui/switch";
-import { CirclePlus, Trash2 } from "lucide-react";
+import { CirclePlus, Ellipsis, Trash2 } from "lucide-react";
 import { ButtonGroup } from "@camox/ui/button-group";
 import { Spinner } from "@camox/ui/spinner";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@camox/ui/select";
 
 //#region src/features/preview/components/SelectionEditor.tsx
 const EMPTY_CONTENT = {};
+/**
+* The path's headers. The `kept` first steps, the selection and its parent always show; two or
+* more steps between them collapse into one header, which lists them.
+*/
+function stackRows(items, kept) {
+	const rows = items.map((item, index) => ({
+		index,
+		item
+	}));
+	const between = items.slice(kept, -2);
+	if (between.length < 2) return rows;
+	return [
+		...rows.slice(0, kept),
+		{
+			index: kept,
+			collapsed: between
+		},
+		...rows.slice(kept + between.length)
+	];
+}
 const getSettingsFields = (schema) => {
 	const properties = schema?.properties;
 	if (!properties) return [];
@@ -101,21 +120,27 @@ const buildAncestorChain = (itemId, itemsMap) => {
 	}
 	return chain;
 };
-const SelectionEditor = () => {
-	const $ = c(2);
+const SelectionEditor = (t0) => {
+	const $ = c(3);
+	const { pageCrumb: t1 } = t0;
+	const pageCrumb = t1 === void 0 ? true : t1;
 	const owner = React.useContext(PreviewEditingOwnerContext);
 	if (owner == null) return null;
-	let t0;
-	if ($[0] !== owner) {
-		t0 = /* @__PURE__ */ jsx(SelectionEditorContent, { owner });
+	let t2;
+	if ($[0] !== owner || $[1] !== pageCrumb) {
+		t2 = /* @__PURE__ */ jsx(SelectionEditorContent, {
+			owner,
+			pageCrumb
+		});
 		$[0] = owner;
-		$[1] = t0;
-	} else t0 = $[1];
-	return t0;
+		$[1] = pageCrumb;
+		$[2] = t2;
+	} else t2 = $[2];
+	return t2;
 };
 const SelectionEditorContent = (t0) => {
-	const $ = c(128);
-	const { owner } = t0;
+	const $ = c(131);
+	const { owner, pageCrumb } = t0;
 	let t1;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = blockMutations.updateSettings();
@@ -136,308 +161,284 @@ const SelectionEditorContent = (t0) => {
 	} else t3 = $[3];
 	const selection = useSelector(previewStore, t3);
 	const { send } = useEditingFrame();
-	const [hoveredBreadcrumb, setHoveredBreadcrumb] = React.useState(null);
+	let blockId;
+	let currentItemId;
 	let t4;
 	let t5;
-	if ($[4] !== hoveredBreadcrumb || $[5] !== selection || $[6] !== send) {
-		t4 = () => {
-			if (!hoveredBreadcrumb || hoveredBreadcrumb.selection !== selection) return;
-			send(selectionHoverMessage(hoveredBreadcrumb.target, true));
-			return () => send(selectionHoverMessage(hoveredBreadcrumb.target, false));
-		};
-		t5 = [
-			hoveredBreadcrumb,
-			send,
-			selection
-		];
-		$[4] = hoveredBreadcrumb;
-		$[5] = selection;
-		$[6] = send;
+	if ($[4] !== selection) {
+		blockId = selectionBlockId(selection);
+		currentItemId = selectionItemId(selection);
+		t4 = useReadQuery;
+		t5 = reads.blockBundle(blockId);
+		$[4] = selection;
+		$[5] = blockId;
+		$[6] = currentItemId;
 		$[7] = t4;
 		$[8] = t5;
 	} else {
+		blockId = $[5];
+		currentItemId = $[6];
 		t4 = $[7];
 		t5 = $[8];
 	}
-	React.useEffect(t4, t5);
-	let blockId;
-	let currentItemId;
-	let t6;
+	const t6 = blockId != null;
 	let t7;
-	if ($[9] !== selection) {
-		blockId = selectionBlockId(selection);
-		currentItemId = selectionItemId(selection);
-		t6 = useReadQuery;
-		t7 = reads.blockBundle(blockId);
-		$[9] = selection;
-		$[10] = blockId;
-		$[11] = currentItemId;
-		$[12] = t6;
-		$[13] = t7;
-	} else {
-		blockId = $[10];
-		currentItemId = $[11];
-		t6 = $[12];
-		t7 = $[13];
-	}
-	const t8 = blockId != null;
-	let t9;
-	if ($[14] !== t8) {
-		t9 = { enabled: t8 };
-		$[14] = t8;
-		$[15] = t9;
-	} else t9 = $[15];
-	const { data: blockBundle } = t6(t7, t9);
+	if ($[9] !== t6) {
+		t7 = { enabled: t6 };
+		$[9] = t6;
+		$[10] = t7;
+	} else t7 = $[10];
+	const { data: blockBundle } = t4(t5, t7);
 	const block = blockBundle?.block ?? null;
 	blockBundle?.repeatableItems;
+	let t8;
+	if ($[11] !== blockBundle?.repeatableItems) {
+		t8 = blockBundle?.repeatableItems ?? [];
+		$[11] = blockBundle?.repeatableItems;
+		$[12] = t8;
+	} else t8 = $[12];
+	let t9;
+	if ($[13] !== t8) {
+		t9 = new Map(t8.map(_temp));
+		$[13] = t8;
+		$[14] = t9;
+	} else t9 = $[14];
+	const itemsMap = t9;
 	let t10;
-	if ($[16] !== blockBundle?.repeatableItems) {
-		t10 = blockBundle?.repeatableItems ?? [];
-		$[16] = blockBundle?.repeatableItems;
-		$[17] = t10;
-	} else t10 = $[17];
+	if ($[15] !== blockBundle?.files) {
+		t10 = () => (blockBundle?.files ?? []).map(_temp2);
+		$[15] = blockBundle?.files;
+		$[16] = t10;
+	} else t10 = $[16];
+	blockBundle?.files;
 	let t11;
-	if ($[18] !== t10) {
-		t11 = new Map(t10.map(_temp));
-		$[18] = t10;
-		$[19] = t11;
-	} else t11 = $[19];
-	const itemsMap = t11;
+	if ($[17] !== t10) {
+		t11 = t10();
+		$[17] = t10;
+		$[18] = t11;
+	} else t11 = $[18];
+	const fileIds = t11;
 	let t12;
-	if ($[20] !== blockBundle?.files) {
-		t12 = () => (blockBundle?.files ?? []).map(_temp2);
-		$[20] = blockBundle?.files;
-		$[21] = t12;
-	} else t12 = $[21];
+	if ($[19] !== fileIds) {
+		t12 = fileIds.map(_temp3);
+		$[19] = fileIds;
+		$[20] = t12;
+	} else t12 = $[20];
+	const fileResults = useReadQueries(t12);
 	blockBundle?.files;
 	let t13;
-	if ($[22] !== t12) {
-		t13 = t12();
-		$[22] = t12;
-		$[23] = t13;
-	} else t13 = $[23];
-	const fileIds = t13;
-	let t14;
-	if ($[24] !== fileIds) {
-		t14 = fileIds.map(_temp3);
-		$[24] = fileIds;
-		$[25] = t14;
-	} else t14 = $[25];
-	const fileResults = useReadQueries(t14);
-	blockBundle?.files;
-	let t15;
-	if ($[26] !== blockBundle?.files) {
-		t15 = blockBundle?.files ?? [];
-		$[26] = blockBundle?.files;
-		$[27] = t15;
-	} else t15 = $[27];
+	if ($[21] !== blockBundle?.files) {
+		t13 = blockBundle?.files ?? [];
+		$[21] = blockBundle?.files;
+		$[22] = t13;
+	} else t13 = $[22];
 	let map;
-	if ($[28] !== fileIds.length || $[29] !== fileResults || $[30] !== t15) {
-		map = new Map(t15.map(_temp4));
+	if ($[23] !== fileIds.length || $[24] !== fileResults || $[25] !== t13) {
+		map = new Map(t13.map(_temp4));
 		for (let i_0 = 0; i_0 < fileIds.length; i_0++) {
 			const data = fileResults[i_0]?.data;
 			if (data) map.set(data.id, data);
 		}
-		$[28] = fileIds.length;
-		$[29] = fileResults;
-		$[30] = t15;
-		$[31] = map;
-	} else map = $[31];
+		$[23] = fileIds.length;
+		$[24] = fileResults;
+		$[25] = t13;
+		$[26] = map;
+	} else map = $[26];
 	const filesMap = map;
 	const blockDef = useBlockDefinition(block?.type) ?? null;
 	const pagePlacer = usePageRecordPlacer();
 	const layoutRecordSelected = (selection?.type === "record" || selection?.type === "record-field") && !isBlockPlacement(selection);
-	let t16;
-	if ($[32] !== currentItemId || $[33] !== itemsMap) {
-		t16 = currentItemId != null ? itemsMap.get(currentItemId) : void 0;
-		$[32] = currentItemId;
-		$[33] = itemsMap;
-		$[34] = t16;
-	} else t16 = $[34];
-	const placerItem = t16;
-	let t17;
+	let t14;
+	if ($[27] !== currentItemId || $[28] !== itemsMap) {
+		t14 = currentItemId != null ? itemsMap.get(currentItemId) : void 0;
+		$[27] = currentItemId;
+		$[28] = itemsMap;
+		$[29] = t14;
+	} else t14 = $[29];
+	const placerItem = t14;
+	let t15;
 	bb0: {
 		if (!block || !blockDef) {
-			t17 = null;
+			t15 = null;
 			break bb0;
 		}
 		if (currentItemId == null) {
-			let t18;
-			if ($[35] !== block || $[36] !== blockDef.contentSchema) {
-				t18 = {
+			let t16;
+			if ($[30] !== block || $[31] !== blockDef.contentSchema) {
+				t16 = {
 					...block,
 					contentSchema: blockDef.contentSchema
 				};
-				$[35] = block;
-				$[36] = blockDef.contentSchema;
-				$[37] = t18;
-			} else t18 = $[37];
-			t17 = t18;
+				$[30] = block;
+				$[31] = blockDef.contentSchema;
+				$[32] = t16;
+			} else t16 = $[32];
+			t15 = t16;
 			break bb0;
 		}
 		if (!placerItem) {
-			t17 = null;
+			t15 = null;
 			break bb0;
 		}
-		let t18;
-		if ($[38] !== blockDef.contentSchema || $[39] !== currentItemId || $[40] !== itemsMap) {
-			t18 = getSchemaForItem(blockDef.contentSchema, currentItemId, itemsMap);
-			$[38] = blockDef.contentSchema;
-			$[39] = currentItemId;
-			$[40] = itemsMap;
-			$[41] = t18;
-		} else t18 = $[41];
-		let t19;
-		if ($[42] !== placerItem || $[43] !== t18) {
-			t19 = {
+		let t16;
+		if ($[33] !== blockDef.contentSchema || $[34] !== currentItemId || $[35] !== itemsMap) {
+			t16 = getSchemaForItem(blockDef.contentSchema, currentItemId, itemsMap);
+			$[33] = blockDef.contentSchema;
+			$[34] = currentItemId;
+			$[35] = itemsMap;
+			$[36] = t16;
+		} else t16 = $[36];
+		let t17;
+		if ($[37] !== placerItem || $[38] !== t16) {
+			t17 = {
 				...placerItem,
-				contentSchema: t18
+				contentSchema: t16
 			};
-			$[42] = placerItem;
-			$[43] = t18;
-			$[44] = t19;
-		} else t19 = $[44];
-		t17 = t19;
+			$[37] = placerItem;
+			$[38] = t16;
+			$[39] = t17;
+		} else t17 = $[39];
+		t15 = t17;
 	}
-	const t18 = layoutRecordSelected ? pagePlacer : t17;
-	let t19;
-	if ($[45] !== owner || $[46] !== selection || $[47] !== t18) {
-		t19 = {
+	const t16 = layoutRecordSelected ? pagePlacer : t15;
+	let t17;
+	if ($[40] !== owner || $[41] !== selection || $[42] !== t16) {
+		t17 = {
 			owner,
 			selection,
-			placer: t18
+			placer: t16
 		};
-		$[45] = owner;
-		$[46] = selection;
-		$[47] = t18;
-		$[48] = t19;
-	} else t19 = $[48];
-	const { recordView, viewSelection, recordCrumbs } = useRecordView(t19);
+		$[40] = owner;
+		$[41] = selection;
+		$[42] = t16;
+		$[43] = t17;
+	} else t17 = $[43];
+	const { recordView, viewSelection, recordCrumbs } = useRecordView(t17);
 	const selectedField = recordView?.selection.type === "record-field" ? {
 		fieldName: recordView.selection.recordFieldName,
 		fieldType: recordView.selection.recordFieldType
 	} : selectionField(viewSelection);
-	let t20;
-	if ($[49] !== blockDef) {
-		t20 = blockDef ? getSettingsFields(blockDef.settingsSchema) : [];
-		$[49] = blockDef;
-		$[50] = t20;
-	} else t20 = $[50];
-	const settingsFields = t20;
-	let t21;
+	let t18;
+	if ($[44] !== blockDef) {
+		t18 = blockDef ? getSettingsFields(blockDef.settingsSchema) : [];
+		$[44] = blockDef;
+		$[45] = t18;
+	} else t18 = $[45];
+	const settingsFields = t18;
+	let t19;
 	bb1: {
 		if (!blockDef || currentItemId == null) {
-			t21 = null;
+			t19 = null;
 			break bb1;
 		}
-		let t22;
-		if ($[51] !== blockDef.contentSchema || $[52] !== currentItemId || $[53] !== itemsMap) {
-			t22 = getArraySchemaForItem(blockDef.contentSchema, currentItemId, itemsMap);
-			$[51] = blockDef.contentSchema;
-			$[52] = currentItemId;
-			$[53] = itemsMap;
-			$[54] = t22;
-		} else t22 = $[54];
-		t21 = t22;
+		let t20;
+		if ($[46] !== blockDef.contentSchema || $[47] !== currentItemId || $[48] !== itemsMap) {
+			t20 = getArraySchemaForItem(blockDef.contentSchema, currentItemId, itemsMap);
+			$[46] = blockDef.contentSchema;
+			$[47] = currentItemId;
+			$[48] = itemsMap;
+			$[49] = t20;
+		} else t20 = $[49];
+		t19 = t20;
 	}
-	const itemArraySchema = t21;
-	const t22 = itemArraySchema?.itemSettingsSchema;
-	let t23;
-	if ($[55] !== t22) {
-		t23 = getSettingsFields(t22);
-		$[55] = t22;
-		$[56] = t23;
-	} else t23 = $[56];
-	const itemSettingsFields = t23;
+	const itemArraySchema = t19;
+	const t20 = itemArraySchema?.itemSettingsSchema;
+	let t21;
+	if ($[50] !== t20) {
+		t21 = getSettingsFields(t20);
+		$[50] = t20;
+		$[51] = t21;
+	} else t21 = $[51];
+	const itemSettingsFields = t21;
 	const recordSchema = recordView?.collection.contentSchema;
 	const recordInList = recordView?.inList === true;
-	let t24;
+	let t22;
 	bb2: {
 		if (recordSchema) {
-			t24 = recordSchema;
+			t22 = recordSchema;
 			break bb2;
 		}
 		if (!blockDef) {
-			t24 = null;
+			t22 = null;
 			break bb2;
 		}
 		if (currentItemId == null) {
-			t24 = blockDef.contentSchema;
+			t22 = blockDef.contentSchema;
 			break bb2;
 		}
-		let t25;
-		if ($[57] !== blockDef.contentSchema || $[58] !== currentItemId || $[59] !== itemsMap) {
-			t25 = getSchemaForItem(blockDef.contentSchema, currentItemId, itemsMap);
-			$[57] = blockDef.contentSchema;
-			$[58] = currentItemId;
-			$[59] = itemsMap;
-			$[60] = t25;
-		} else t25 = $[60];
-		t24 = t25;
+		let t23;
+		if ($[52] !== blockDef.contentSchema || $[53] !== currentItemId || $[54] !== itemsMap) {
+			t23 = getSchemaForItem(blockDef.contentSchema, currentItemId, itemsMap);
+			$[52] = blockDef.contentSchema;
+			$[53] = currentItemId;
+			$[54] = itemsMap;
+			$[55] = t23;
+		} else t23 = $[55];
+		t22 = t23;
 	}
-	const currentSchema = t24;
-	let t25;
-	if ($[61] !== currentItemId || $[62] !== itemsMap) {
-		t25 = currentItemId != null ? itemsMap.get(currentItemId) : null;
-		$[61] = currentItemId;
-		$[62] = itemsMap;
-		$[63] = t25;
-	} else t25 = $[63];
-	const currentItem = t25;
+	const currentSchema = t22;
+	let t23;
+	if ($[56] !== currentItemId || $[57] !== itemsMap) {
+		t23 = currentItemId != null ? itemsMap.get(currentItemId) : null;
+		$[56] = currentItemId;
+		$[57] = itemsMap;
+		$[58] = t23;
+	} else t23 = $[58];
+	const currentItem = t23;
 	const isItemLoading = currentItemId != null && !currentItem;
-	let t26;
+	let t24;
 	bb3: {
 		if (!currentItem) {
-			t26 = 0;
+			t24 = 0;
 			break bb3;
 		}
 		let count = 0;
 		for (const it of itemsMap.values()) if (it.fieldName === currentItem.fieldName && it.parentItemId === currentItem.parentItemId) count++;
-		t26 = count;
+		t24 = count;
 	}
-	const siblingCount = t26;
-	const t27 = block?.id ?? "";
-	const t28 = currentItem?.fieldName ?? "";
-	const t29 = currentItem?.parentItemId ?? null;
-	const t30 = itemArraySchema;
-	let t31;
-	if ($[64] !== siblingCount || $[65] !== t27 || $[66] !== t28 || $[67] !== t29 || $[68] !== t30) {
-		t31 = {
-			blockId: t27,
-			fieldName: t28,
-			parentItemId: t29,
-			arraySchema: t30,
+	const siblingCount = t24;
+	const t25 = block?.id ?? "";
+	const t26 = currentItem?.fieldName ?? "";
+	const t27 = currentItem?.parentItemId ?? null;
+	const t28 = itemArraySchema;
+	let t29;
+	if ($[59] !== siblingCount || $[60] !== t25 || $[61] !== t26 || $[62] !== t27 || $[63] !== t28) {
+		t29 = {
+			blockId: t25,
+			fieldName: t26,
+			parentItemId: t27,
+			arraySchema: t28,
 			siblingCount
 		};
-		$[64] = siblingCount;
-		$[65] = t27;
-		$[66] = t28;
-		$[67] = t29;
-		$[68] = t30;
-		$[69] = t31;
-	} else t31 = $[69];
-	const { canAdd: canAddSibling, addItem: addSibling, canRemove: canRemoveCurrent, removeItem: removeCurrent } = useRepeatableItemActions(t31);
+		$[59] = siblingCount;
+		$[60] = t25;
+		$[61] = t26;
+		$[62] = t27;
+		$[63] = t28;
+		$[64] = t29;
+	} else t29 = $[64];
+	const { canAdd: canAddSibling, addItem: addSibling, canRemove: canRemoveCurrent, removeItem: removeCurrent } = useRepeatableItemActions(t29);
 	const recordContent = recordView?.record.content;
 	const rawCurrentData = currentItem ? currentItem.content : block?.content ?? EMPTY_CONTENT;
-	let t32;
+	let t30;
 	bb4: {
 		if (recordContent) {
-			let t33;
-			if ($[70] !== recordContent || $[71] !== recordSchema) {
-				t33 = Object.fromEntries(Object.entries(recordContent).map((t34) => {
-					const [key, value] = t34;
+			let t31;
+			if ($[65] !== recordContent || $[66] !== recordSchema) {
+				t31 = Object.fromEntries(Object.entries(recordContent).map((t32) => {
+					const [key, value] = t32;
 					return [key, editorAssetField(contentFieldSchema(recordSchema, key)?.fieldType, value)];
 				}));
-				$[70] = recordContent;
-				$[71] = recordSchema;
-				$[72] = t33;
-			} else t33 = $[72];
-			t32 = t33;
+				$[65] = recordContent;
+				$[66] = recordSchema;
+				$[67] = t31;
+			} else t31 = $[67];
+			t30 = t31;
 			break bb4;
 		}
-		let t33;
-		if ($[73] !== filesMap) {
-			t33 = (marker) => {
+		let t31;
+		if ($[68] !== filesMap) {
+			t31 = (marker) => {
 				const file = filesMap.get(marker._fileId);
 				return file ? {
 					url: file.url,
@@ -452,12 +453,12 @@ const SelectionEditorContent = (t0) => {
 					mimeType: ""
 				};
 			};
-			$[73] = filesMap;
-			$[74] = t33;
-		} else t33 = $[74];
-		const resolveFile = t33;
+			$[68] = filesMap;
+			$[69] = t31;
+		} else t31 = $[69];
+		const resolveFile = t31;
 		let resolved_0;
-		if ($[75] !== rawCurrentData || $[76] !== resolveFile) {
+		if ($[70] !== rawCurrentData || $[71] !== resolveFile) {
 			const resolveValue = (value_0) => {
 				if (isFileMarker(value_0)) return resolveFile(value_0);
 				if (Array.isArray(value_0)) return value_0.map(resolveValue);
@@ -471,13 +472,13 @@ const SelectionEditorContent = (t0) => {
 			};
 			resolved_0 = {};
 			for (const [key_0, value_1] of Object.entries(rawCurrentData)) resolved_0[key_0] = resolveValue(value_1);
-			$[75] = rawCurrentData;
-			$[76] = resolveFile;
-			$[77] = resolved_0;
-		} else resolved_0 = $[77];
-		t32 = resolved_0;
+			$[70] = rawCurrentData;
+			$[71] = resolveFile;
+			$[72] = resolved_0;
+		} else resolved_0 = $[72];
+		t30 = resolved_0;
 	}
-	const currentData = t32;
+	const currentData = t30;
 	const fieldInfo = selectedField ? {
 		...selectedField,
 		fieldType: contentFieldSchema(currentSchema, selectedField.fieldName)?.fieldType ?? selectedField.fieldType
@@ -498,120 +499,138 @@ const SelectionEditorContent = (t0) => {
 	const fieldIdPrefix = React.useId();
 	const blockIdForWrites = block?.id;
 	const recordForWrites = recordView?.record;
-	let t33;
+	let t31;
 	bb5: {
 		if (recordForWrites) {
-			let t34;
-			if ($[78] !== recordForWrites) {
-				t34 = {
+			let t32;
+			if ($[73] !== recordForWrites) {
+				t32 = {
 					kind: "record",
 					record: recordForWrites
 				};
-				$[78] = recordForWrites;
-				$[79] = t34;
-			} else t34 = $[79];
-			t33 = t34;
+				$[73] = recordForWrites;
+				$[74] = t32;
+			} else t32 = $[74];
+			t31 = t32;
 			break bb5;
 		}
 		if (blockIdForWrites == null) {
-			t33 = null;
+			t31 = null;
 			break bb5;
 		}
 		if (currentItemId == null) {
-			let t34;
-			if ($[80] !== blockIdForWrites) {
-				t34 = {
+			let t32;
+			if ($[75] !== blockIdForWrites) {
+				t32 = {
 					kind: "block",
 					blockId: blockIdForWrites
 				};
-				$[80] = blockIdForWrites;
-				$[81] = t34;
-			} else t34 = $[81];
-			t33 = t34;
+				$[75] = blockIdForWrites;
+				$[76] = t32;
+			} else t32 = $[76];
+			t31 = t32;
 			break bb5;
 		}
-		let t34;
-		if ($[82] !== blockIdForWrites || $[83] !== currentItemId) {
-			t34 = {
+		let t32;
+		if ($[77] !== blockIdForWrites || $[78] !== currentItemId) {
+			t32 = {
 				kind: "item",
 				blockId: blockIdForWrites,
 				itemId: currentItemId
 			};
-			$[82] = blockIdForWrites;
-			$[83] = currentItemId;
-			$[84] = t34;
-		} else t34 = $[84];
-		t33 = t34;
+			$[77] = blockIdForWrites;
+			$[78] = currentItemId;
+			$[79] = t32;
+		} else t32 = $[79];
+		t31 = t32;
 	}
-	const writeField = useFieldWriter(t33, currentSchema);
-	const ancestorChain = currentItemId != null ? buildAncestorChain(currentItemId, itemsMap) : [];
+	const writeField = useFieldWriter(t31, currentSchema);
+	let t32;
+	if ($[80] !== currentItemId || $[81] !== itemsMap) {
+		t32 = currentItemId != null ? buildAncestorChain(currentItemId, itemsMap) : [];
+		$[80] = currentItemId;
+		$[81] = itemsMap;
+		$[82] = t32;
+	} else t32 = $[82];
+	const ancestorChain = t32;
 	if (!currentSchema || !recordView && (!block || !blockDef)) {
-		let t34;
-		if ($[85] === Symbol.for("react.memo_cache_sentinel")) {
-			t34 = /* @__PURE__ */ jsxs("div", {
+		let t33;
+		if ($[83] === Symbol.for("react.memo_cache_sentinel")) {
+			t33 = /* @__PURE__ */ jsxs("div", {
 				className: "text-muted-foreground flex flex-1 items-center justify-center px-2 text-sm",
 				children: [/* @__PURE__ */ jsx(Spinner, { className: "mr-2 size-3.5" }), " Loading block..."]
 			});
-			$[85] = t34;
-		} else t34 = $[85];
-		return t34;
+			$[83] = t33;
+		} else t33 = $[83];
+		return t33;
 	}
 	const fieldHasOwnView = fieldInfo ? fieldTypesDictionary[fieldInfo.fieldType].hasOwnView : false;
-	const blockCrumbs = (block_0, blockDef_0) => [{
-		key: "block",
-		label: blockDef_0.title,
-		isCurrent: ancestorChain.length === 0 && !fieldHasOwnView && !recordView,
-		onClick: () => previewStore.send({
-			type: "setFocusedBlock",
-			...owner,
-			blockId: block_0.id
-		}),
-		hoverTarget: {
-			type: "block",
-			blockId: block_0.id
-		}
-	}, ...ancestorChain.flatMap((ancestor) => [{
-		key: `repeater-${ancestor.id}`,
-		label: getArraySchemaForItem(blockDef_0.contentSchema, ancestor.id, itemsMap)?.title ?? formatFieldName(ancestor.fieldName),
-		isCurrent: false,
-		hoverTarget: {
-			type: "block-field",
-			blockId: block_0.id,
-			fieldName: ancestor.fieldName,
-			fieldType: "Repeater"
-		},
-		onClick: () => previewStore.send({
-			type: "selectTarget",
-			...owner,
-			selection: ancestor.parentItemId == null ? {
+	let t33;
+	if ($[84] !== ancestorChain || $[85] !== currentItemId || $[86] !== fieldHasOwnView || $[87] !== itemsMap || $[88] !== owner || $[89] !== recordView) {
+		t33 = (block_0, blockDef_0) => [{
+			key: "block",
+			label: blockDef_0.title,
+			isCurrent: ancestorChain.length === 0 && !fieldHasOwnView && !recordView,
+			onClick: () => previewStore.send({
+				type: "setFocusedBlock",
+				...owner,
+				blockId: block_0.id
+			}),
+			hoverTarget: {
+				type: "block",
+				blockId: block_0.id
+			}
+		}, ...ancestorChain.flatMap((ancestor) => [{
+			key: `repeater-${ancestor.id}`,
+			label: getArraySchemaForItem(blockDef_0.contentSchema, ancestor.id, itemsMap)?.title ?? formatFieldName(ancestor.fieldName),
+			isCurrent: false,
+			hoverTarget: {
 				type: "block-field",
 				blockId: block_0.id,
 				fieldName: ancestor.fieldName,
 				fieldType: "Repeater"
-			} : {
-				type: "item-field",
+			},
+			onClick: () => previewStore.send({
+				type: "selectTarget",
+				...owner,
+				selection: ancestor.parentItemId == null ? {
+					type: "block-field",
+					blockId: block_0.id,
+					fieldName: ancestor.fieldName,
+					fieldType: "Repeater"
+				} : {
+					type: "item-field",
+					blockId: block_0.id,
+					itemId: ancestor.parentItemId,
+					fieldName: ancestor.fieldName,
+					fieldType: "Repeater"
+				}
+			})
+		}, {
+			key: `item-${ancestor.id}`,
+			label: entityName(ancestor, "Item"),
+			hoverTarget: {
+				type: "item",
 				blockId: block_0.id,
-				itemId: ancestor.parentItemId,
-				fieldName: ancestor.fieldName,
-				fieldType: "Repeater"
-			}
-		})
-	}, {
-		key: `item-${ancestor.id}`,
-		label: entityName(ancestor, "Item"),
-		hoverTarget: {
-			type: "item",
-			blockId: block_0.id,
-			itemId: ancestor.id
-		},
-		isCurrent: ancestor.id === currentItemId && !fieldHasOwnView && !recordView && ancestor.id === ancestorChain[ancestorChain.length - 1]?.id,
-		onClick: () => previewStore.send({
-			type: "selectItem",
-			...owner,
-			blockId: block_0.id,
-			itemId: ancestor.id
-		})
-	}])];
+				itemId: ancestor.id
+			},
+			isCurrent: ancestor.id === currentItemId && !fieldHasOwnView && !recordView && ancestor.id === ancestorChain[ancestorChain.length - 1]?.id,
+			onClick: () => previewStore.send({
+				type: "selectItem",
+				...owner,
+				blockId: block_0.id,
+				itemId: ancestor.id
+			})
+		}])];
+		$[84] = ancestorChain;
+		$[85] = currentItemId;
+		$[86] = fieldHasOwnView;
+		$[87] = itemsMap;
+		$[88] = owner;
+		$[89] = recordView;
+		$[90] = t33;
+	} else t33 = $[90];
+	const blockCrumbs = t33;
 	const navigationItems = [
 		{
 			key: "page",
@@ -630,341 +649,327 @@ const SelectionEditorContent = (t0) => {
 			hoverTarget: selection ?? void 0
 		}] : []
 	];
-	const T0 = SidebarSection;
-	const t34 = "bottom";
-	const t35 = "pt-3";
-	const t36 = "Selection path";
-	const t37 = "text-muted-foreground text-sm";
-	const t38 = "flex flex-col";
-	const t39 = navigationItems.map((item, index) => {
-		const isFirstItem = index === 0;
-		const isLastItem = index === navigationItems.length - 1;
-		return /* @__PURE__ */ jsxs("li", {
-			className: "relative min-w-0 pl-6",
-			onMouseEnter: () => setHoveredBreadcrumb(!item.isCurrent && item.hoverTarget !== void 0 ? {
-				target: item.hoverTarget,
-				selection
-			} : null),
-			onMouseLeave: () => setHoveredBreadcrumb(null),
-			onClickCapture: () => setHoveredBreadcrumb(null),
-			children: [/* @__PURE__ */ jsxs("svg", {
-				"aria-hidden": "true",
-				className: "text-muted-foreground pointer-events-none absolute top-0 left-0 h-7 w-4",
-				fill: "none",
-				preserveAspectRatio: "none",
-				viewBox: "0 0 16 28",
-				children: [
-					!isFirstItem && /* @__PURE__ */ jsx("path", {
-						d: "M8 0 V10",
-						stroke: "currentColor",
-						strokeWidth: "1.5",
-						vectorEffect: "non-scaling-stroke"
-					}),
-					!isLastItem && /* @__PURE__ */ jsx("path", {
-						d: "M8 18 V28",
-						stroke: "currentColor",
-						strokeWidth: "1.5",
-						vectorEffect: "non-scaling-stroke"
-					}),
-					/* @__PURE__ */ jsx("circle", {
-						className: "fill-background",
-						cx: "8",
-						cy: "14",
-						r: "4",
-						stroke: "currentColor",
-						strokeWidth: "1.5",
-						vectorEffect: "non-scaling-stroke"
-					})
-				]
-			}), item.onClick ? /* @__PURE__ */ jsx("button", {
-				type: "button",
-				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", {
-				className: "text-foreground block h-7 min-w-0 truncate leading-7 font-medium",
-				children: item.label
-			})]
-		}, item.key);
+	const stackedItems = pageCrumb ? navigationItems : navigationItems.slice(1);
+	const firstDepth = pageCrumb ? 1 : 2;
+	const front = stackedItems[stackedItems.length - 1];
+	const rows = stackRows(stackedItems, pageCrumb ? 1 : 0);
+	const t34 = "Selection path";
+	const t35 = "shrink-0";
+	const t36 = "flex flex-col";
+	const t37 = rows.map((row, index) => {
+		const distance = rows.length - 1 - index;
+		const covered = distance > 0;
+		const depth = firstDepth + row.index;
+		if (row.collapsed) return /* @__PURE__ */ jsx("li", {
+			className: "relative flex flex-col",
+			children: /* @__PURE__ */ jsx(SidebarStackHeader, {
+				depth,
+				distance,
+				popover: /* @__PURE__ */ jsx("ol", {
+					"aria-label": "Collapsed parents",
+					className: "flex flex-col",
+					children: row.collapsed.map(_temp6)
+				}),
+				children: /* @__PURE__ */ jsxs("span", {
+					className: "flex min-w-0 items-center gap-1.5",
+					children: [/* @__PURE__ */ jsx(Ellipsis, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ jsxs("span", {
+						className: "truncate",
+						children: [row.collapsed.length, " parents"]
+					})]
+				})
+			})
+		}, "collapsed-parents");
+		const { item: item_0 } = row;
+		return /* @__PURE__ */ jsx("li", {
+			className: "relative flex flex-col",
+			children: /* @__PURE__ */ jsx(SidebarStackHeader, {
+				depth,
+				distance,
+				first: pageCrumb && row.index === 0,
+				onSelect: item_0.onClick,
+				hoverTarget: item_0.hoverTarget,
+				children: covered ? item_0.label : /* @__PURE__ */ jsx("span", {
+					className: "truncate font-medium",
+					children: item_0.label
+				})
+			})
+		}, item_0.key);
 	});
-	let t40;
-	if ($[86] !== t39) {
-		t40 = /* @__PURE__ */ jsx("nav", {
-			"aria-label": t36,
-			className: t37,
+	let t38;
+	if ($[91] !== t37) {
+		t38 = /* @__PURE__ */ jsx("nav", {
+			"aria-label": t34,
+			className: t35,
 			children: /* @__PURE__ */ jsx("ol", {
-				className: t38,
-				children: t39
+				className: t36,
+				children: t37
 			})
 		});
-		$[86] = t39;
-		$[87] = t40;
-	} else t40 = $[87];
+		$[91] = t37;
+		$[92] = t38;
+	} else t38 = $[92];
+	const t39 = `${block?.id ?? "layout"}:${front?.key}`;
+	const t40 = firstDepth + stackedItems.length - 1;
 	let t41;
-	if ($[88] !== T0 || $[89] !== t40) {
-		t41 = /* @__PURE__ */ jsx(T0, {
-			divider: t34,
-			className: t35,
-			children: t40
-		});
-		$[88] = T0;
-		$[89] = t40;
-		$[90] = t41;
-	} else t41 = $[90];
-	let t42;
-	if ($[91] !== addSibling || $[92] !== assetAccept || $[93] !== assetFieldName || $[94] !== assetType || $[95] !== block || $[96] !== blockDef || $[97] !== canAddSibling || $[98] !== canRemoveCurrent || $[99] !== currentData || $[100] !== currentItem || $[101] !== currentItemId || $[102] !== currentSchema || $[103] !== fieldHasOwnView || $[104] !== fieldIdPrefix || $[105] !== fieldInfo?.fieldName || $[106] !== filesMap || $[107] !== isItemLoading || $[108] !== isMultipleAsset || $[109] !== isViewingAsset || $[110] !== isViewingLink || $[111] !== itemArraySchema || $[112] !== itemSettingsFields || $[113] !== itemsMap || $[114] !== linkFieldName || $[115] !== owner || $[116] !== recordInList || $[117] !== recordView || $[118] !== removeCurrent || $[119] !== send || $[120] !== settingsFields || $[121] !== updateRepeatableSettings || $[122] !== updateSettings || $[123] !== writeField) {
-		t42 = /* @__PURE__ */ jsx("div", {
-			className: "relative min-w-0 flex-1 overflow-x-hidden overflow-y-auto",
-			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: [
-				!fieldHasOwnView && !recordView && currentItemId != null && currentItem && /* @__PURE__ */ jsxs(SidebarSection, {
-					divider: "bottom",
+	if ($[93] !== addSibling || $[94] !== assetAccept || $[95] !== assetFieldName || $[96] !== assetType || $[97] !== block || $[98] !== blockDef || $[99] !== canAddSibling || $[100] !== canRemoveCurrent || $[101] !== currentData || $[102] !== currentItem || $[103] !== currentItemId || $[104] !== currentSchema || $[105] !== fieldHasOwnView || $[106] !== fieldIdPrefix || $[107] !== fieldInfo?.fieldName || $[108] !== filesMap || $[109] !== isItemLoading || $[110] !== isMultipleAsset || $[111] !== isViewingAsset || $[112] !== isViewingLink || $[113] !== itemArraySchema || $[114] !== itemSettingsFields || $[115] !== itemsMap || $[116] !== linkFieldName || $[117] !== owner || $[118] !== recordInList || $[119] !== recordView || $[120] !== removeCurrent || $[121] !== send || $[122] !== settingsFields || $[123] !== updateRepeatableSettings || $[124] !== updateSettings || $[125] !== writeField) {
+		t41 = /* @__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: [
+			!fieldHasOwnView && !recordView && currentItemId != null && currentItem && /* @__PURE__ */ jsxs(SidebarSection, {
+				divider: "bottom",
+				"aria-label": "List actions",
+				children: [/* @__PURE__ */ jsx(SidebarSectionHeader, { children: "List actions" }), /* @__PURE__ */ jsx(SidebarSectionContent, { children: /* @__PURE__ */ jsxs(ButtonGroup, {
 					"aria-label": "List actions",
-					children: [/* @__PURE__ */ jsx(SidebarSectionHeader, { children: "List actions" }), /* @__PURE__ */ jsx(SidebarSectionContent, { children: /* @__PURE__ */ jsxs(ButtonGroup, {
-						"aria-label": "List actions",
-						children: [/* @__PURE__ */ jsxs(Button, {
-							type: "button",
-							variant: "outline",
-							size: "sm",
-							disabled: !canAddSibling,
-							onClick: () => {
-								if (!canAddSibling) return;
-								addSibling({ afterPosition: currentItem.position });
-							},
-							children: [/* @__PURE__ */ jsx(CirclePlus, { className: "text-muted-foreground h-4 w-4" }), "Add sibling"]
-						}), /* @__PURE__ */ jsxs(Button, {
-							type: "button",
-							variant: "outline",
-							size: "sm",
-							disabled: !canRemoveCurrent,
-							onClick: () => {
-								if (!canRemoveCurrent) return;
-								removeCurrent(currentItemId, { onSuccess: () => {
-									const selected = selectionForOwner(previewStore.getSnapshot().context, owner);
-									if (selectionItemId(selected) !== currentItemId) return;
-									previewStore.send({ type: "selectParent" });
-								} });
-							},
-							children: [/* @__PURE__ */ jsx(Trash2, { className: "text-muted-foreground h-4 w-4" }), "Delete"]
-						})]
-					}) })]
-				}),
-				recordView && !fieldHasOwnView && recordInList && /* @__PURE__ */ jsx(SidebarSection, {
-					divider: "bottom",
-					"aria-label": "Shared record",
-					children: /* @__PURE__ */ jsxs("div", {
-						"data-shared-record": true,
-						className: "space-y-1 px-2 py-3",
-						children: [/* @__PURE__ */ jsxs("p", {
-							className: "min-w-0 truncate text-sm font-medium",
-							children: ["Shared · ", recordView.collection.title]
-						}), /* @__PURE__ */ jsx("p", {
-							className: "text-muted-foreground text-xs",
-							children: "Edits apply everywhere this record is used."
-						})]
-					})
-				}),
-				block && blockDef && currentItemId == null && !recordView && !fieldHasOwnView && settingsFields.length > 0 && /* @__PURE__ */ jsxs(SidebarSection, {
-					divider: "bottom",
-					"aria-label": "Block settings",
-					children: [/* @__PURE__ */ jsx(SidebarSectionHeader, { children: "Settings" }), /* @__PURE__ */ jsx(SidebarSectionContent, { children: settingsFields.map((field) => {
-						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 ?? "";
-							return /* @__PURE__ */ jsxs("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ jsx(Label, {
-									htmlFor: `setting-${field.name}`,
-									children: label
-								}), /* @__PURE__ */ jsxs(Select, {
-									value: value_2,
-									onValueChange: (newValue) => {
-										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.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__ */ jsxs(Button, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						disabled: !canAddSibling,
+						onClick: () => {
+							if (!canAddSibling) return;
+							addSibling({ afterPosition: currentItem.position });
+						},
+						children: [/* @__PURE__ */ jsx(CirclePlus, { className: "text-muted-foreground h-4 w-4" }), "Add sibling"]
+					}), /* @__PURE__ */ jsxs(Button, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						disabled: !canRemoveCurrent,
+						onClick: () => {
+							if (!canRemoveCurrent) return;
+							removeCurrent(currentItemId, { onSuccess: () => {
+								const selected = selectionForOwner(previewStore.getSnapshot().context, owner);
+								if (selectionItemId(selected) !== currentItemId) return;
+								previewStore.send({ type: "selectParent" });
+							} });
+						},
+						children: [/* @__PURE__ */ jsx(Trash2, { className: "text-muted-foreground h-4 w-4" }), "Delete"]
+					})]
+				}) })]
+			}),
+			recordView && !fieldHasOwnView && recordInList && /* @__PURE__ */ jsx(SidebarSection, {
+				divider: "bottom",
+				"aria-label": "Shared record",
+				children: /* @__PURE__ */ jsxs("div", {
+					"data-shared-record": true,
+					className: "space-y-1 px-2 py-3",
+					children: [/* @__PURE__ */ jsxs("p", {
+						className: "min-w-0 truncate text-sm font-medium",
+						children: ["Shared · ", recordView.collection.title]
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-xs",
+						children: "Edits apply everywhere this record is used."
+					})]
+				})
+			}),
+			block && blockDef && currentItemId == null && !recordView && !fieldHasOwnView && settingsFields.length > 0 && /* @__PURE__ */ jsxs(SidebarSection, {
+				divider: "bottom",
+				"aria-label": "Block settings",
+				children: [/* @__PURE__ */ jsx(SidebarSectionHeader, { children: "Settings" }), /* @__PURE__ */ jsx(SidebarSectionContent, { children: settingsFields.map((field) => {
+					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 ?? "";
+						return /* @__PURE__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: `setting-${field.name}`,
+								children: label
+							}), /* @__PURE__ */ jsxs(Select, {
+								value: value_2,
+								onValueChange: (newValue) => {
+									updateSettings.mutate({
+										id: block.id,
+										settings: { [field.name]: newValue }
+									});
+								},
+								children: [/* @__PURE__ */ jsx(SelectTrigger, {
 									id: `setting-${field.name}`,
-									checked,
-									onCheckedChange: (newValue_0) => {
-										updateSettings.mutate({
-											id: block.id,
-											settings: { [field.name]: newValue_0 }
-										});
-									}
-								})]
-							}, field.name);
-						}
-						return null;
-					}) })]
-				}),
-				currentItemId != null && !recordView && !fieldHasOwnView && itemSettingsFields.length > 0 && /* @__PURE__ */ jsxs(SidebarSection, {
-					divider: "bottom",
-					"aria-label": "Item settings",
-					children: [/* @__PURE__ */ jsx(SidebarSectionHeader, { children: "Settings" }), /* @__PURE__ */ jsx(SidebarSectionContent, { children: 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_3 = 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_3,
-									onValueChange: (newValue_1) => {
-										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.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) => {
+									updateSettings.mutate({
+										id: block.id,
+										settings: { [field.name]: newValue_0 }
+									});
+								}
+							})]
+						}, field.name);
+					}
+					return null;
+				}) })]
+			}),
+			currentItemId != null && !recordView && !fieldHasOwnView && itemSettingsFields.length > 0 && /* @__PURE__ */ jsxs(SidebarSection, {
+				divider: "bottom",
+				"aria-label": "Item settings",
+				children: [/* @__PURE__ */ jsx(SidebarSectionHeader, { children: "Settings" }), /* @__PURE__ */ jsx(SidebarSectionContent, { children: 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_3 = 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_3,
+								onValueChange: (newValue_1) => {
+									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) => {
-										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: writeField,
-					resolveLocally: recordView != null,
-					offerDelete: recordView == null,
-					accept: assetAccept
-				}),
-				isViewingAsset && assetFieldName && !isMultipleAsset && /* @__PURE__ */ jsx(SingleAssetFieldEditor, {
-					fieldName: assetFieldName,
-					assetType,
-					currentData,
-					onFieldChange: writeField,
-					resolveLocally: recordView != null,
-					offerDelete: recordView == null,
-					accept: assetAccept
-				}),
-				!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, value_4) => {
-							writeField(fieldName, value_4);
-						}
-					})
-				}),
-				!isViewingAsset && !isViewingLink && (currentItemId == null || currentItem) && /* @__PURE__ */ jsx(ItemFieldsEditor, {
-					selectedFieldName: fieldInfo?.fieldName,
-					schema: currentSchema,
-					data: currentData,
-					blockId: block?.id ?? "",
-					itemId: currentItemId ?? void 0,
-					onFieldChange: writeField,
-					postToIframe: send,
-					filesMap,
-					itemsMap,
-					references: recordView ? recordView.record.references : (currentItem ?? block)?.references,
-					placement: recordView ? recordPlacement(recordView.selection) : void 0,
-					fieldIdPrefix
-				}, `${block?.id ?? "layout"}-${recordView ? `record-${recordView.record.id}` : currentItemId ?? "block"}-${fieldInfo?.fieldName ?? "fields"}`)
-			] }) })
-		});
-		$[91] = addSibling;
-		$[92] = assetAccept;
-		$[93] = assetFieldName;
-		$[94] = assetType;
-		$[95] = block;
-		$[96] = blockDef;
-		$[97] = canAddSibling;
-		$[98] = canRemoveCurrent;
-		$[99] = currentData;
-		$[100] = currentItem;
-		$[101] = currentItemId;
-		$[102] = currentSchema;
-		$[103] = fieldHasOwnView;
-		$[104] = fieldIdPrefix;
-		$[105] = fieldInfo?.fieldName;
-		$[106] = filesMap;
-		$[107] = isItemLoading;
-		$[108] = isMultipleAsset;
-		$[109] = isViewingAsset;
-		$[110] = isViewingLink;
-		$[111] = itemArraySchema;
-		$[112] = itemSettingsFields;
-		$[113] = itemsMap;
-		$[114] = linkFieldName;
-		$[115] = owner;
-		$[116] = recordInList;
-		$[117] = recordView;
-		$[118] = removeCurrent;
-		$[119] = send;
-		$[120] = settingsFields;
-		$[121] = updateRepeatableSettings;
-		$[122] = updateSettings;
-		$[123] = writeField;
-		$[124] = t42;
-	} else t42 = $[124];
-	let t43;
-	if ($[125] !== t41 || $[126] !== t42) {
-		t43 = /* @__PURE__ */ jsxs(Fragment, { children: [t41, t42] });
-		$[125] = t41;
-		$[126] = t42;
-		$[127] = t43;
-	} else t43 = $[127];
-	return t43;
+									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) => {
+									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: writeField,
+				resolveLocally: recordView != null,
+				offerDelete: recordView == null,
+				accept: assetAccept
+			}),
+			isViewingAsset && assetFieldName && !isMultipleAsset && /* @__PURE__ */ jsx(SingleAssetFieldEditor, {
+				fieldName: assetFieldName,
+				assetType,
+				currentData,
+				onFieldChange: writeField,
+				resolveLocally: recordView != null,
+				offerDelete: recordView == null,
+				accept: assetAccept
+			}),
+			!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, value_4) => {
+						writeField(fieldName, value_4);
+					}
+				})
+			}),
+			!isViewingAsset && !isViewingLink && (currentItemId == null || currentItem) && /* @__PURE__ */ jsx(ItemFieldsEditor, {
+				selectedFieldName: fieldInfo?.fieldName,
+				schema: currentSchema,
+				data: currentData,
+				blockId: block?.id ?? "",
+				itemId: currentItemId ?? void 0,
+				onFieldChange: writeField,
+				postToIframe: send,
+				filesMap,
+				itemsMap,
+				references: recordView ? recordView.record.references : (currentItem ?? block)?.references,
+				placement: recordView ? recordPlacement(recordView.selection) : void 0,
+				fieldIdPrefix
+			}, `${block?.id ?? "layout"}-${recordView ? `record-${recordView.record.id}` : currentItemId ?? "block"}-${fieldInfo?.fieldName ?? "fields"}`)
+		] }) });
+		$[93] = addSibling;
+		$[94] = assetAccept;
+		$[95] = assetFieldName;
+		$[96] = assetType;
+		$[97] = block;
+		$[98] = blockDef;
+		$[99] = canAddSibling;
+		$[100] = canRemoveCurrent;
+		$[101] = currentData;
+		$[102] = currentItem;
+		$[103] = currentItemId;
+		$[104] = currentSchema;
+		$[105] = fieldHasOwnView;
+		$[106] = fieldIdPrefix;
+		$[107] = fieldInfo?.fieldName;
+		$[108] = filesMap;
+		$[109] = isItemLoading;
+		$[110] = isMultipleAsset;
+		$[111] = isViewingAsset;
+		$[112] = isViewingLink;
+		$[113] = itemArraySchema;
+		$[114] = itemSettingsFields;
+		$[115] = itemsMap;
+		$[116] = linkFieldName;
+		$[117] = owner;
+		$[118] = recordInList;
+		$[119] = recordView;
+		$[120] = removeCurrent;
+		$[121] = send;
+		$[122] = settingsFields;
+		$[123] = updateRepeatableSettings;
+		$[124] = updateSettings;
+		$[125] = writeField;
+		$[126] = t41;
+	} else t41 = $[126];
+	let t42;
+	if ($[127] !== t39 || $[128] !== t40 || $[129] !== t41) {
+		t42 = /* @__PURE__ */ jsx(SidebarStackView, {
+			depth: t40,
+			className: "relative min-w-0 overflow-x-hidden overflow-y-auto",
+			children: t41
+		}, t39);
+		$[127] = t39;
+		$[128] = t40;
+		$[129] = t41;
+		$[130] = t42;
+	} else t42 = $[130];
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(SelectionViewCount, { count: rows.length }),
+		t38,
+		t42
+	] });
 };
 function _temp(i) {
 	return [i.id, i];
@@ -981,6 +986,17 @@ function _temp4(f_0) {
 function _temp5() {
 	return previewStore.send({ type: "clearSelection" });
 }
+function _temp6(item) {
+	return /* @__PURE__ */ jsx("li", {
+		className: "flex",
+		children: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "hover:bg-accent hover:text-accent-foreground min-w-0 flex-1 cursor-pointer truncate rounded-sm px-2 py-1.5 text-left text-sm",
+			onClick: item.onClick,
+			children: item.label
+		})
+	}, item.key);
+}
 
 //#endregion
 export { SelectionEditor };