camox 0.48.0 → 0.52.1

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

@@ -1,9 +1,9 @@
-import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { usePageBlocks } from "../../../lib/normalized-data.js";
 import { cn } from "../../../lib/utils.js";
+import { useBlockDefinition, useLayoutDefinition } from "../../../lib/studio-definitions.js";
 import { previewStore, selectionBlockId, selectionForOwner } from "../previewStore.js";
-import { useEditingFrame } from "../editingFrame.js";
 import { PreviewEditingOwnerContext } from "../previewSelection.js";
+import { useEditingFrame } from "../editingFrame.js";
 import { entityName } from "../entityName.js";
 import { useUpdateBlockPosition } from "./useUpdateBlockPosition.js";
 import { BlockActionsPopover } from "./BlockActionsPopover.js";
@@ -375,69 +375,61 @@ const SortableBlock = (t0) => {
 	return t17;
 };
 const LayoutBlockItem = (t0) => {
-	const $ = c(26);
+	const $ = c(23);
 	const { block, layoutName, withActions: t1 } = t0;
 	const withActions = t1 === void 0 ? true : t1;
-	const camoxApp = useCamoxApp();
-	let t2;
-	if ($[0] !== block.type || $[1] !== camoxApp) {
-		t2 = camoxApp.getBlockById(block.type);
-		$[0] = block.type;
-		$[1] = camoxApp;
-		$[2] = t2;
-	} else t2 = $[2];
-	const blockDef = t2;
+	const blockDef = useBlockDefinition(block.type);
 	const ctx = useBlockTreeItem(block);
-	const displayText = blockDef?._internal.title ?? block.type;
+	const displayText = blockDef?.title ?? block.type;
+	let t2;
+	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;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx(TooltipTrigger, { children: /* @__PURE__ */ jsx(LayoutTemplate, { className: "h-4 w-4" }) });
-		$[3] = t3;
-	} else t3 = $[3];
-	let t4;
-	if ($[4] !== layoutName) {
-		t4 = /* @__PURE__ */ jsx("span", {
+	if ($[1] !== layoutName) {
+		t3 = /* @__PURE__ */ jsx("span", {
 			className: "font-semibold",
 			children: layoutName
 		});
-		$[4] = layoutName;
-		$[5] = t4;
-	} else t4 = $[5];
-	let t5;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsx("br", {});
-		$[6] = t5;
-	} else t5 = $[6];
-	const t6 = blockDef?._internal.synced ? "Synced: editing this block updates it across all layouts and pages" : "Changing the content may affect other pages";
-	let t7;
-	if ($[7] !== t4 || $[8] !== t6) {
-		t7 = /* @__PURE__ */ jsx("div", {
+		$[1] = layoutName;
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	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", {
 			className: "text-muted-foreground flex size-8 shrink-0 items-center justify-center",
-			children: /* @__PURE__ */ jsxs(Tooltip, { children: [t3, /* @__PURE__ */ jsxs(TooltipContent, { children: [
+			children: /* @__PURE__ */ jsxs(Tooltip, { children: [t2, /* @__PURE__ */ jsxs(TooltipContent, { children: [
 				"From ",
-				t4,
+				t3,
 				" layout.",
-				t5,
-				t6
+				t4,
+				t5
 			] })] })
 		});
-		$[7] = t4;
-		$[8] = t6;
-		$[9] = t7;
-	} else t7 = $[9];
-	let t8;
-	if ($[10] !== ctx.toggleSelection || $[11] !== displayText) {
-		t8 = /* @__PURE__ */ jsx(BlockTreeItemTrigger, {
+		$[4] = t3;
+		$[5] = t5;
+		$[6] = t6;
+	} else t6 = $[6];
+	let t7;
+	if ($[7] !== ctx.toggleSelection || $[8] !== displayText) {
+		t7 = /* @__PURE__ */ jsx(BlockTreeItemTrigger, {
 			displayText,
 			onClick: ctx.toggleSelection
 		});
-		$[10] = ctx.toggleSelection;
-		$[11] = displayText;
-		$[12] = t8;
-	} else t8 = $[12];
-	let t9;
-	if ($[13] !== block || $[14] !== ctx.ellipsisPopoverOpen || $[15] !== ctx.setEllipsisPopoverOpen || $[16] !== withActions) {
-		t9 = withActions && /* @__PURE__ */ jsx(BlockActionsPopover, {
+		$[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,
@@ -445,36 +437,36 @@ const LayoutBlockItem = (t0) => {
 			layoutSlot: block.slot,
 			children: /* @__PURE__ */ jsx(BlockTreeItemEllipsis, { open: ctx.ellipsisPopoverOpen })
 		});
-		$[13] = block;
-		$[14] = ctx.ellipsisPopoverOpen;
-		$[15] = ctx.setEllipsisPopoverOpen;
-		$[16] = withActions;
-		$[17] = t9;
-	} else t9 = $[17];
-	let t10;
-	if ($[18] !== ctx.handleBlockMouseEnter || $[19] !== ctx.handleBlockMouseLeave || $[20] !== ctx.shouldShowActive || $[21] !== ctx.shouldShowHover || $[22] !== t7 || $[23] !== t8 || $[24] !== t9) {
-		t10 = /* @__PURE__ */ jsxs(BlockTreeItemHeader, {
+		$[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, {
 			className: "group",
 			shouldShowHover: ctx.shouldShowHover,
 			shouldShowActive: ctx.shouldShowActive,
 			onMouseEnter: ctx.handleBlockMouseEnter,
 			onMouseLeave: ctx.handleBlockMouseLeave,
 			children: [
+				t6,
 				t7,
-				t8,
-				t9
+				t8
 			]
 		});
-		$[18] = ctx.handleBlockMouseEnter;
-		$[19] = ctx.handleBlockMouseLeave;
-		$[20] = ctx.shouldShowActive;
-		$[21] = ctx.shouldShowHover;
-		$[22] = t7;
-		$[23] = t8;
-		$[24] = t9;
-		$[25] = t10;
-	} else t10 = $[25];
-	return t10;
+		$[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;
 };
 /** A sidebar field labelled "Blocks", holding a page's blocks and what acts on them. */
 const BlocksGroup = (t0) => {
@@ -585,12 +577,12 @@ const CollapsedPageTree = (t0) => {
 };
 /** A page's blocks. When `collapsible`, they start collapsed behind a toggle showing their count. */
 const PageTree = (t0) => {
-	const $ = c(51);
+	const $ = c(48);
 	const { collapsible: t1 } = t0;
 	const collapsible = t1 === void 0 ? false : t1;
 	const page = usePreviewedPage();
 	const { pageBlocks, beforeBlocks: layoutBeforeBlocks, afterBlocks: layoutAfterBlocks } = usePageBlocks(page);
-	const camoxApp = useCamoxApp();
+	const layout = useLayoutDefinition(page?.layout?.layoutId);
 	const updatePosition = useUpdateBlockPosition();
 	const [activeId, setActiveId] = React.useState(null);
 	let t2;
@@ -662,69 +654,61 @@ const PageTree = (t0) => {
 	const handleDragCancel = t6;
 	if (!page) return null;
 	let t7;
-	if ($[8] !== camoxApp || $[9] !== page.layout) {
-		t7 = page.layout ? camoxApp.getLayoutById(page.layout.layoutId) : void 0;
-		$[8] = camoxApp;
-		$[9] = page.layout;
+	if ($[8] !== layout?.title || $[9] !== layoutBeforeBlocks) {
+		let t8;
+		if ($[11] !== layout?.title) {
+			t8 = (block_1) => /* @__PURE__ */ jsx(LayoutBlockItem, {
+				block: block_1,
+				layoutName: layout?.title ?? "Unknown"
+			}, block_1.id);
+			$[11] = layout?.title;
+			$[12] = t8;
+		} else t8 = $[12];
+		t7 = layoutBeforeBlocks.map(t8);
+		$[8] = layout?.title;
+		$[9] = layoutBeforeBlocks;
 		$[10] = t7;
 	} else t7 = $[10];
-	const layout = t7;
 	let t8;
-	if ($[11] !== layout?._internal || $[12] !== layoutBeforeBlocks) {
-		let t9;
-		if ($[14] !== layout?._internal) {
-			t9 = (block_1) => /* @__PURE__ */ jsx(LayoutBlockItem, {
-				block: block_1,
-				layoutName: layout?._internal.title ?? "Unknown"
-			}, block_1.id);
-			$[14] = layout?._internal;
-			$[15] = t9;
-		} else t9 = $[15];
-		t8 = layoutBeforeBlocks.map(t9);
-		$[11] = layout?._internal;
-		$[12] = layoutBeforeBlocks;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = [restrictToVerticalAxis];
 		$[13] = t8;
 	} else t8 = $[13];
 	let t9;
-	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = [restrictToVerticalAxis];
-		$[16] = t9;
-	} else t9 = $[16];
+	if ($[14] !== pageBlocks) {
+		t9 = pageBlocks.map(_temp2);
+		$[14] = pageBlocks;
+		$[15] = t9;
+	} else t9 = $[15];
 	let t10;
-	if ($[17] !== pageBlocks) {
-		t10 = pageBlocks.map(_temp2);
-		$[17] = pageBlocks;
-		$[18] = t10;
-	} else t10 = $[18];
+	if ($[16] !== pageBlocks) {
+		t10 = pageBlocks.map(_temp3);
+		$[16] = pageBlocks;
+		$[17] = t10;
+	} else t10 = $[17];
 	let t11;
-	if ($[19] !== pageBlocks) {
-		t11 = pageBlocks.map(_temp3);
-		$[19] = pageBlocks;
-		$[20] = t11;
-	} else t11 = $[20];
-	let t12;
-	if ($[21] !== t11) {
-		t12 = /* @__PURE__ */ jsx("div", {
+	if ($[18] !== t10) {
+		t11 = /* @__PURE__ */ jsx("div", {
 			className: "relative flex flex-col gap-0.5",
+			children: t10
+		});
+		$[18] = t10;
+		$[19] = t11;
+	} else t11 = $[19];
+	let t12;
+	if ($[20] !== t11 || $[21] !== t9) {
+		t12 = /* @__PURE__ */ jsx(SortableContext, {
+			items: t9,
+			strategy: verticalListSortingStrategy,
 			children: t11
 		});
-		$[21] = t11;
+		$[20] = t11;
+		$[21] = t9;
 		$[22] = t12;
 	} else t12 = $[22];
 	let t13;
-	if ($[23] !== t10 || $[24] !== t12) {
-		t13 = /* @__PURE__ */ jsx(SortableContext, {
-			items: t10,
-			strategy: verticalListSortingStrategy,
-			children: t12
-		});
-		$[23] = t10;
-		$[24] = t12;
-		$[25] = t13;
-	} else t13 = $[25];
-	let t14;
-	if ($[26] !== activeId || $[27] !== pageBlocks) {
-		t14 = activeId ? (() => {
+	if ($[23] !== activeId || $[24] !== pageBlocks) {
+		t13 = activeId ? (() => {
 			const activeBlock = pageBlocks.find((b) => b.id === activeId);
 			if (!activeBlock) return null;
 			return /* @__PURE__ */ jsx("div", {
@@ -738,102 +722,102 @@ const PageTree = (t0) => {
 				})
 			});
 		})() : null;
-		$[26] = activeId;
-		$[27] = pageBlocks;
-		$[28] = t14;
-	} else t14 = $[28];
-	let t15;
-	if ($[29] !== t14) {
-		t15 = /* @__PURE__ */ jsx(DragOverlay, {
+		$[23] = activeId;
+		$[24] = pageBlocks;
+		$[25] = t13;
+	} else t13 = $[25];
+	let t14;
+	if ($[26] !== t13) {
+		t14 = /* @__PURE__ */ jsx(DragOverlay, {
 			dropAnimation: null,
-			children: t14
+			children: t13
 		});
-		$[29] = t14;
-		$[30] = t15;
-	} else t15 = $[30];
-	let t16;
-	if ($[31] !== handleDragEnd || $[32] !== sensors || $[33] !== t13 || $[34] !== t15) {
-		t16 = /* @__PURE__ */ jsxs(DndContext, {
+		$[26] = t13;
+		$[27] = t14;
+	} else t14 = $[27];
+	let t15;
+	if ($[28] !== handleDragEnd || $[29] !== sensors || $[30] !== t12 || $[31] !== t14) {
+		t15 = /* @__PURE__ */ jsxs(DndContext, {
 			sensors,
 			collisionDetection: closestCenter,
 			onDragStart: handleDragStart,
 			onDragEnd: handleDragEnd,
 			onDragCancel: handleDragCancel,
-			modifiers: t9,
-			children: [t13, t15]
+			modifiers: t8,
+			children: [t12, t14]
 		});
-		$[31] = handleDragEnd;
-		$[32] = sensors;
-		$[33] = t13;
-		$[34] = t15;
+		$[28] = handleDragEnd;
+		$[29] = sensors;
+		$[30] = t12;
+		$[31] = t14;
+		$[32] = t15;
+	} else t15 = $[32];
+	let t16;
+	if ($[33] !== layout?.title || $[34] !== layoutAfterBlocks) {
+		let t17;
+		if ($[36] !== layout?.title) {
+			t17 = (block_4) => /* @__PURE__ */ jsx(LayoutBlockItem, {
+				block: block_4,
+				layoutName: layout?.title ?? "Unknown"
+			}, block_4.id);
+			$[36] = layout?.title;
+			$[37] = t17;
+		} else t17 = $[37];
+		t16 = layoutAfterBlocks.map(t17);
+		$[33] = layout?.title;
+		$[34] = layoutAfterBlocks;
 		$[35] = t16;
 	} else t16 = $[35];
 	let t17;
-	if ($[36] !== layout?._internal || $[37] !== layoutAfterBlocks) {
-		let t18;
-		if ($[39] !== layout?._internal) {
-			t18 = (block_4) => /* @__PURE__ */ jsx(LayoutBlockItem, {
-				block: block_4,
-				layoutName: layout?._internal.title ?? "Unknown"
-			}, block_4.id);
-			$[39] = layout?._internal;
-			$[40] = t18;
-		} else t18 = $[40];
-		t17 = layoutAfterBlocks.map(t18);
-		$[36] = layout?._internal;
-		$[37] = layoutAfterBlocks;
-		$[38] = t17;
-	} else t17 = $[38];
-	let t18;
-	if ($[41] !== t16 || $[42] !== t17 || $[43] !== t8) {
-		t18 = /* @__PURE__ */ jsxs("div", {
+	if ($[38] !== t15 || $[39] !== t16 || $[40] !== t7) {
+		t17 = /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col gap-0.5",
 			children: [
-				t8,
-				t16,
-				t17
+				t7,
+				t15,
+				t16
 			]
 		});
-		$[41] = t16;
-		$[42] = t17;
-		$[43] = t8;
-		$[44] = t18;
-	} else t18 = $[44];
-	const list = t18;
-	let t19;
-	if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
-		t19 = /* @__PURE__ */ jsxs(Button, {
+		$[38] = t15;
+		$[39] = t16;
+		$[40] = t7;
+		$[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"]
 		});
-		$[45] = t19;
-	} else t19 = $[45];
-	const addBlockButton = t19;
+		$[42] = t18;
+	} else t18 = $[42];
+	const addBlockButton = t18;
 	if (!collapsible) {
-		let t20;
-		if ($[46] !== list) {
-			t20 = /* @__PURE__ */ jsxs(Fragment, { children: [list, addBlockButton] });
-			$[46] = list;
-			$[47] = t20;
-		} else t20 = $[47];
-		return t20;
+		let t19;
+		if ($[43] !== list) {
+			t19 = /* @__PURE__ */ jsxs(Fragment, { children: [list, addBlockButton] });
+			$[43] = list;
+			$[44] = t19;
+		} else t19 = $[44];
+		return t19;
 	}
 	const blockCount = layoutBeforeBlocks.length + pageBlocks.length + layoutAfterBlocks.length;
-	let t20;
-	if ($[48] !== blockCount || $[49] !== list) {
-		t20 = /* @__PURE__ */ jsx(BlocksGroup, { children: /* @__PURE__ */ jsxs("div", {
+	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]
 		}) });
-		$[48] = blockCount;
-		$[49] = list;
-		$[50] = t20;
-	} else t20 = $[50];
-	return t20;
+		$[45] = blockCount;
+		$[46] = list;
+		$[47] = t19;
+	} else t19 = $[47];
+	return t19;
 };
 function _temp(value) {
 	return !value;

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

@@ -1,16 +1,16 @@
-import { actionsStore } from "../../provider/actionsStore.js";
 import { NavigationDisabled, NavigationLocation } from "../../navigation/navigation.js";
 import { ArtifactStudioContext } from "../../../core/hooks/useArtifactHost.js";
-import { checkIfInputFocused, cn } from "../../../lib/utils.js";
+import { cn } from "../../../lib/utils.js";
 import { previewStore } from "../previewStore.js";
+import { EditableSurfaceContext } from "../../../core/hooks/useIsEditable.js";
+import { CanvasWorkspaceContext } from "../../canvas/canvasZoom.js";
+import { PreviewEditingOwnerContext } from "../previewSelection.js";
 import { useEditingFrameClaim, useEditingOwner } from "../editingFrame.js";
 import { Frame, useFrame } from "./Frame.js";
 import { previewPageIframeProps, usePreviewPageFrame } from "../previewPageFrame.js";
-import { EditableSurfaceContext } from "../../../core/hooks/useIsEditable.js";
 import { adoptCanvasDocument, pauseCanvasDocument } from "../../canvas/canvasFrameDocument.js";
-import { CanvasWorkspaceContext } from "../../canvas/canvasZoom.js";
 import { forwardCanvasWheel, useCanvasFrameInput } from "../../canvas/useCanvasFrameInput.js";
-import { PreviewEditingOwnerContext } from "../previewSelection.js";
+import { useActionShortcuts } from "../../provider/useAdminShortcuts.js";
 import { useBlockActionsShortcuts } from "./BlockActionsPopover.js";
 import { FieldOverlayStyles } from "./FieldOverlayStyles.js";
 import { MobilePreviewDrawer } from "./MobilePreviewDrawer.js";
@@ -67,60 +67,9 @@ const PreviewFrameEffects = () => {
 	return t0;
 };
 const KeyDownForwarder = () => {
-	const $ = c(4);
 	const { window: iframeWindow } = useFrame();
-	const actions = useSelector(actionsStore, _temp);
-	let t0;
-	let t1;
-	if ($[0] !== actions || $[1] !== iframeWindow) {
-		t0 = () => {
-			if (!iframeWindow || !iframeWindow.parent || iframeWindow.parent === iframeWindow) return;
-			const handleKeyDown = (e) => {
-				const matchingAction = actions.find((action) => {
-					if (!action.shortcut) return false;
-					if (!action.checkIfAvailable()) return false;
-					if (checkIfInputFocused(iframeWindow.document)) {
-						if (action.shortcut.key !== "Escape" && !action.shortcut.withMeta && !action.shortcut.withAlt) return false;
-						if (action.shortcut.key === "Backspace") return false;
-					}
-					const { key, withMeta, withAlt, withShift } = action.shortcut;
-					return (withAlt && key.length === 1 && /[a-z]/i.test(key) ? e.code === `Key${key.toUpperCase()}` : key.toLowerCase() === e.key.toLowerCase()) && !!withMeta === (e.metaKey || e.ctrlKey) && !!withAlt === e.altKey && !!withShift === e.shiftKey;
-				});
-				if (matchingAction) {
-					e.preventDefault();
-					e.stopPropagation();
-					if (e.key === "Escape" && checkIfInputFocused(iframeWindow.document)) iframeWindow.document.activeElement.blur();
-					iframeWindow.parent.postMessage({
-						type: "executeAction",
-						actionId: matchingAction.id
-					}, "*");
-				}
-			};
-			const handleCapturedKeyDown = (event) => {
-				if (event.key === "Escape") return;
-				handleKeyDown(event);
-			};
-			const handleEscape = (event_0) => {
-				if (event_0.key !== "Escape" || event_0.defaultPrevented) return;
-				handleKeyDown(event_0);
-			};
-			iframeWindow.addEventListener("keydown", handleCapturedKeyDown, true);
-			iframeWindow.addEventListener("keydown", handleEscape);
-			return () => {
-				iframeWindow.removeEventListener("keydown", handleCapturedKeyDown, true);
-				iframeWindow.removeEventListener("keydown", handleEscape);
-			};
-		};
-		t1 = [iframeWindow, actions];
-		$[0] = actions;
-		$[1] = iframeWindow;
-		$[2] = t0;
-		$[3] = t1;
-	} else {
-		t0 = $[2];
-		t1 = $[3];
-	}
-	React.useEffect(t0, t1);
+	const inIframe = !!iframeWindow?.parent && iframeWindow.parent !== iframeWindow;
+	useActionShortcuts(inIframe ? iframeWindow : null);
 	return null;
 };
 /** The preview's read-only tree is never editable, whether or not the Canvas shows. */
@@ -227,7 +176,7 @@ function PreviewPageCanvasEffects(t0) {
 		t7 = () => {
 			const doc = root?.ownerDocument;
 			if (!doc || !onInteract) return;
-			const preventLinkNavigation = _temp2;
+			const preventLinkNavigation = _temp;
 			for (const type of [
 				"pointerdown",
 				"focusin",
@@ -304,7 +253,7 @@ function PreviewPageCanvasEffects(t0) {
 	} else t14 = $[29];
 	return t14;
 }
-function _temp2(event) {
+function _temp(event) {
 	if (event.target?.closest?.("a")) event.preventDefault();
 }
 const PreviewPanel = (t0) => {
@@ -349,8 +298,8 @@ const PreviewPanel = (t0) => {
 		$[9] = t7;
 	} else t7 = $[9];
 	React.useLayoutEffect(t6, t7);
-	const viewportMode = useSelector(previewStore, _temp3);
-	const isToolbarHidden = useSelector(previewStore, _temp4);
+	const viewportMode = useSelector(previewStore, _temp2);
+	const isToolbarHidden = useSelector(previewStore, _temp3);
 	const { frame, slot, inCanvas, revealed } = usePreviewPageFrame();
 	const placed = !isMobileExperience && inCanvas ? slot : null;
 	const underCanvas = revealed && !isMobileExperience;
@@ -709,13 +658,10 @@ function PreviewPageClip(t0) {
 	} else t10 = $[18];
 	return t10;
 }
-function _temp(state) {
-	return state.context.actions;
-}
-function _temp3(state) {
+function _temp2(state) {
 	return state.context.viewportMode;
 }
-function _temp4(state_0) {
+function _temp3(state_0) {
 	return state_0.context.isToolbarHidden;
 }
 

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

@@ -1,4 +1,4 @@
-import { formatShortcut } from "../../../lib/utils.js";
+import { formatShortcut } from "../../../lib/shortcuts.js";
 import { TOGGLE_CANVAS_SHORTCUT } from "../previewConstants.js";
 import { previewStore, selectIsCanvasShown } from "../previewStore.js";
 import { prefetchCanvas } from "./CanvasPreview.js";

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

@@ -1,8 +1,8 @@
 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 { useCollectionDefinition } from "../../../lib/studio-definitions.js";
 import { referencePickerFocus, useReferencePickerFocusRequested } from "../referencePickerFocus.js";
 import { DrillRow } from "./DrillRow.js";
 import { RecordCard } from "./RecordCard.js";
@@ -20,8 +20,8 @@ function referenceHint({ linked, required }) {
 /** 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 }) {
 	const projectUuid = useProjectUuid();
-	const collection = useCamoxApp().getCollectionById(collectionId);
-	const collectionTitle = collection?._internal.title ?? collectionId;
+	const collection = useCollectionDefinition(collectionId);
+	const collectionTitle = collection?.title ?? collectionId;
 	const sheet = useCollectionItemSheet();
 	const [saving, setSaving] = React.useState(false);
 	const [error, setError] = React.useState(null);
@@ -114,7 +114,7 @@ function ReferenceFieldEditor({ collectionId, fieldId, value, required = false,
 					label: "Create item",
 					onSelect: (search) => sheet.open({
 						collectionId,
-						initialContent: collection && search.trim() && titleField(collection._internal.toTitle) ? { [titleField(collection._internal.toTitle)]: search } : void 0,
+						initialContent: collection && search.trim() && titleField(collection.toTitle) ? { [titleField(collection.toTitle)]: search } : void 0,
 						onSaved: (created) => save(created.id)
 					})
 				} : void 0

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

@@ -1,10 +1,10 @@
 import { collectionField } from "../../../core/lib/contentType.js";
 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 { useCollectionDefinition } from "../../../lib/studio-definitions.js";
 import { referencePickerFocus, useReferencePickerFocusRequested } from "../referencePickerFocus.js";
 import { DrillRow } from "./DrillRow.js";
 import { RecordCard } from "./RecordCard.js";
@@ -255,8 +255,8 @@ function SortableRecordCard(t0) {
 */
 function ReferenceListFieldEditor({ collectionId, fieldId, value, maxItems, query, records: hydratedRecords = [], onChange, onOpenRecord, recordHover, drill, allowCreate = true }) {
 	const projectUuid = useProjectUuid();
-	const collection = useCamoxApp().getCollectionById(collectionId);
-	const collectionTitle = collection?._internal.title ?? collectionId;
+	const collection = useCollectionDefinition(collectionId);
+	const collectionTitle = collection?.title ?? collectionId;
 	const sheet = useCollectionItemSheet();
 	const records = useReadQuery(reads.records({
 		projectUuid,
@@ -405,7 +405,7 @@ function ReferenceListFieldEditor({ collectionId, fieldId, value, maxItems, quer
 					label: "Create item",
 					onSelect: (search) => sheet.open({
 						collectionId,
-						initialContent: collection && search.trim() && titleField(collection._internal.toTitle) ? { [titleField(collection._internal.toTitle)]: search } : void 0,
+						initialContent: collection && search.trim() && titleField(collection.toTitle) ? { [titleField(collection.toTitle)]: search } : void 0,
 						onSaved: (created) => save([...ids, created.id])
 					})
 				} : void 0