camox 0.9.0 → 0.10.0

package/dist/features/preview/CamoxPreview.js

@@ -5,12 +5,13 @@ import { getApiClient } from "../../lib/api-client.js";
 import { blockQueries, pageQueries, projectQueries } from "../../lib/queries.js";
 import { formatPathSegment } from "../../lib/utils.js";
 import { NormalizedDataProvider, seedBlockCaches, usePageBlocks } from "../../lib/normalized-data.js";
+import { BlockErrorBoundary } from "./components/BlockErrorBoundary.js";
 import { useCamoxApp } from "../provider/components/CamoxAppContext.js";
 import { Navbar } from "../studio/components/Navbar.js";
 import { AddBlockSheet } from "./components/AddBlockSheet.js";
 import { AgentChatSheet } from "./components/AgentChatSheet.js";
-import { CreatePageSheet } from "./components/CreatePageSheet.js";
-import { EditPageSheet } from "./components/EditPageSheet.js";
+import { CreatePageModal } from "./components/CreatePageModal.js";
+import { EditPageModal } from "./components/EditPageModal.js";
 import { PageContentSheet } from "./components/PageContentSheet.js";
 import { PagePicker } from "./components/PagePicker.js";
 import { PageTree } from "./components/PageTree.js";
@@ -147,7 +148,7 @@ function usePreviewedPage() {
 		$[20] = t9;
 	} else t9 = $[20];
 	const { data: peekedPage } = useQuery(t9);
-	return peekedPage ?? currentPage;
+	return peekedPagePathname ? peekedPage ?? currentPage : currentPage;
 }
 function _temp(state) {
 	return state.context.peekedPagePathname;
@@ -174,14 +175,14 @@ const BlockRenderer = (t0) => {
 	if (!blockDef) return null;
 	const t3 = data.files;
 	const t4 = data.repeatableItems;
-	const T0 = blockDef.Component;
-	const t5 = String(data.block.id);
+	const T0 = blockDef._internal.Component;
+	const t5 = data.block.id;
 	const t6 = data.block.type;
 	const t7 = data.block.content;
 	const t8 = data.block.settings;
 	const t9 = String(data.block.position);
 	let t10;
-	if ($[5] !== data.block.type || $[6] !== t5 || $[7] !== t7 || $[8] !== t8 || $[9] !== t9) {
+	if ($[5] !== data.block.id || $[6] !== data.block.type || $[7] !== t7 || $[8] !== t8 || $[9] !== t9) {
 		t10 = {
 			_id: t5,
 			type: t6,
@@ -189,22 +190,22 @@ const BlockRenderer = (t0) => {
 			settings: t8,
 			position: t9
 		};
-		$[5] = data.block.type;
-		$[6] = t5;
+		$[5] = data.block.id;
+		$[6] = data.block.type;
 		$[7] = t7;
 		$[8] = t8;
 		$[9] = t9;
 		$[10] = t10;
 	} else t10 = $[10];
 	let t11;
-	if ($[11] !== blockDef.Component || $[12] !== mode || $[13] !== showAddBlockBottom || $[14] !== showAddBlockTop || $[15] !== t10) {
+	if ($[11] !== blockDef._internal.Component || $[12] !== mode || $[13] !== showAddBlockBottom || $[14] !== showAddBlockTop || $[15] !== t10) {
 		t11 = /* @__PURE__ */ jsx(T0, {
 			blockData: t10,
 			mode,
 			showAddBlockTop,
 			showAddBlockBottom
 		});
-		$[11] = blockDef.Component;
+		$[11] = blockDef._internal.Component;
 		$[12] = mode;
 		$[13] = showAddBlockBottom;
 		$[14] = showAddBlockTop;
@@ -249,7 +250,7 @@ const PageContent = () => {
 		const allLayoutBlocks = [...beforeBlocks, ...afterBlocks];
 		const blocks = {};
 		for (const block_0 of allLayoutBlocks) blocks[block_0.type] = {
-			_id: String(block_0.id),
+			_id: block_0.id,
 			type: block_0.type,
 			content: block_0.content,
 			settings: block_0.settings,
@@ -263,20 +264,24 @@ const PageContent = () => {
 	]);
 	const pageBlocksContent = /* @__PURE__ */ jsxs(Fragment, { children: [
 		peekedBlockIndex === 0 && pageBlocks.length > 0 && /* @__PURE__ */ jsx(PeekedBlock, { onExitComplete }),
-		pageBlocks.map((blockData, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx(BlockRenderer, {
+		pageBlocks.map((blockData, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx(BlockErrorBoundary, {
 			blockId: blockData.id,
-			mode: "site",
-			showAddBlockTop: index === 0 ? layout?.blockDefinitions.some((b) => b.placement === "before") ?? false : true,
-			showAddBlockBottom: true
+			blockType: blockData.type,
+			children: /* @__PURE__ */ jsx(BlockRenderer, {
+				blockId: blockData.id,
+				mode: "site",
+				showAddBlockTop: index === 0 ? layout?._internal.blockDefinitions.some((b) => b.placement === "before") ?? false : true,
+				showAddBlockBottom: true
+			})
 		}), index === peekedBlockIndex - 1 && /* @__PURE__ */ jsx(PeekedBlock, { onExitComplete })] }, blockData.id)),
 		pageBlocks.length === 0 && /* @__PURE__ */ jsx(PeekedBlock, { onExitComplete })
 	] });
 	if (layout && layoutBlocksMap) {
-		const LayoutComponent = layout.component;
+		const LayoutComponent = layout._internal.component;
 		return /* @__PURE__ */ jsx(NormalizedDataProvider, {
 			files: layoutFiles,
 			repeatableItems: layoutItems,
-			children: /* @__PURE__ */ jsx(layout.Provider, {
+			children: /* @__PURE__ */ jsx(layout._internal.Provider, {
 				layoutBlocks: layoutBlocksMap,
 				children: /* @__PURE__ */ jsx(LayoutComponent, { children: pageBlocksContent })
 			})
@@ -298,27 +303,38 @@ const CamoxPreview = (t0) => {
 	let t2;
 	if ($[0] !== isAuthenticated || $[1] !== isPresentationMode) {
 		t1 = () => {
-			const actions = [{
-				id: "enter-presentation-mode",
-				label: "Enter presentation mode",
-				groupLabel: "Preview",
-				checkIfAvailable: () => isAuthenticated && !isPresentationMode,
-				execute: _temp4,
-				shortcut: {
-					key: "Enter",
-					withMeta: true
-				}
-			}, {
-				id: "exit-presentation-mode",
-				label: "Exit presentation mode",
-				groupLabel: "Preview",
-				checkIfAvailable: () => isAuthenticated && isPresentationMode,
-				execute: _temp5,
-				shortcut: {
-					key: "Escape",
-					withMeta: true
+			const actions = [
+				{
+					id: "enter-presentation-mode",
+					label: "Enter presentation mode",
+					groupLabel: "Preview",
+					checkIfAvailable: () => isAuthenticated && !isPresentationMode,
+					execute: _temp4,
+					shortcut: {
+						key: "Enter",
+						withMeta: true
+					}
+				},
+				{
+					id: "exit-presentation-mode",
+					label: "Exit presentation mode",
+					groupLabel: "Preview",
+					checkIfAvailable: () => isAuthenticated && isPresentationMode,
+					execute: _temp5,
+					shortcut: {
+						key: "Escape",
+						withMeta: true
+					}
+				},
+				{
+					id: "clear-selection",
+					label: "Clear selection",
+					groupLabel: "Preview",
+					checkIfAvailable: _temp6,
+					execute: _temp7,
+					shortcut: { key: "Escape" }
 				}
-			}];
+			];
 			actionsStore.send({
 				type: "registerManyActions",
 				actions
@@ -326,7 +342,7 @@ const CamoxPreview = (t0) => {
 			return () => {
 				actionsStore.send({
 					type: "unregisterManyActions",
-					ids: actions.map(_temp6)
+					ids: actions.map(_temp8)
 				});
 			};
 		};
@@ -378,7 +394,7 @@ const CamoxPreview = (t0) => {
 						variant: "outline",
 						size: "icon",
 						onClick: () => previewStore.send({
-							type: "openEditPageSheet",
+							type: "openEditPageModal",
 							pageId: pageData.page.id
 						})
 					}),
@@ -429,8 +445,8 @@ const CamoxPreview = (t0) => {
 		t8 = /* @__PURE__ */ jsx(PageContentSheet, {});
 		t9 = /* @__PURE__ */ jsx(AddBlockSheet, {});
 		t10 = /* @__PURE__ */ jsx(AgentChatSheet, {});
-		t11 = /* @__PURE__ */ jsx(CreatePageSheet, {});
-		t12 = /* @__PURE__ */ jsx(EditPageSheet, {});
+		t11 = /* @__PURE__ */ jsx(CreatePageModal, {});
+		t12 = /* @__PURE__ */ jsx(EditPageModal, {});
 		$[21] = t10;
 		$[22] = t11;
 		$[23] = t12;
@@ -502,8 +518,8 @@ function usePreviewPagesActions() {
 					id: "create-page",
 					label: "Create page",
 					groupLabel: "Preview",
-					checkIfAvailable: _temp7,
-					execute: _temp8
+					checkIfAvailable: _temp9,
+					execute: _temp0
 				},
 				{
 					id: "edit-current-page",
@@ -513,7 +529,7 @@ function usePreviewPagesActions() {
 					execute: () => {
 						if (!currentPage) return;
 						previewStore.send({
-							type: "openEditPageSheet",
+							type: "openEditPageModal",
 							pageId: currentPage.id
 						});
 					}
@@ -524,14 +540,14 @@ function usePreviewPagesActions() {
 					groupLabel: "Preview",
 					checkIfAvailable: () => !!pages,
 					hasChildren: true,
-					execute: _temp9
+					execute: _temp1
 				},
 				...pages ? pages.map((page) => ({
 					id: `go-to-page-${page.id}`,
 					parentActionId: "go-to-page",
 					label: `Go to "${page.metaTitle ?? formatPathSegment(page.pathSegment)}"`,
 					groupLabel: "Preview",
-					checkIfAvailable: _temp0,
+					checkIfAvailable: _temp10,
 					execute: () => navigate({ to: page.fullPath })
 				})) : []
 			];
@@ -542,7 +558,7 @@ function usePreviewPagesActions() {
 			return () => {
 				actionsStore.send({
 					type: "unregisterManyActions",
-					ids: actions.map(_temp1)
+					ids: actions.map(_temp11)
 				});
 			};
 		};
@@ -562,17 +578,17 @@ function usePreviewPagesActions() {
 	}
 	React.useEffect(t4, t5);
 }
-function _temp1(a) {
+function _temp11(a) {
 	return a.id;
 }
-function _temp0() {
+function _temp10() {
 	return true;
 }
-function _temp9() {}
-function _temp8() {
-	return previewStore.send({ type: "openCreatePageSheet" });
+function _temp1() {}
+function _temp0() {
+	return previewStore.send({ type: "openCreatePageModal" });
 }
-function _temp7() {
+function _temp9() {
 	return true;
 }
 function _temp2(state) {
@@ -587,7 +603,13 @@ function _temp4() {
 function _temp5() {
 	return previewStore.send({ type: "exitPresentationMode" });
 }
-function _temp6(a) {
+function _temp6() {
+	return true;
+}
+function _temp7() {
+	console.log("clear selection");
+}
+function _temp8(a) {
 	return a.id;
 }
 

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

@@ -166,10 +166,10 @@ const AddBlockSheet = () => {
 		t9 = async (block_0) => {
 			if (!page) return;
 			const afterPosition_0 = peekedBlockPosition === "" ? "" : peekedBlockPosition ?? pageBlocks_0[pageBlocks_0.length - 1]?.position;
-			const bundle = block_0.getInitialBundle();
+			const bundle = block_0._internal.getInitialBundle();
 			const { id: blockId } = await createBlock.mutateAsync({
 				pageId: page.page.id,
-				type: block_0.id,
+				type: block_0._internal.id,
 				content: bundle.content,
 				settings: bundle.settings,
 				afterPosition: afterPosition_0,
@@ -177,11 +177,11 @@ const AddBlockSheet = () => {
 			});
 			trackClientEvent("block_added", {
 				projectId: page.page.projectId,
-				blockType: block_0.id
+				blockType: block_0._internal.id
 			});
 			previewStore.send({
 				type: "focusCreatedBlock",
-				blockId: String(blockId)
+				blockId
 			});
 			previewStore.send({ type: "exitPeekedBlock" });
 		};
@@ -209,7 +209,7 @@ const AddBlockSheet = () => {
 	const handlePreviewBlock = t10;
 	const handleValueChange = (value) => {
 		setHighlightedValue(value);
-		const block_2 = availableBlocks.find((b_2) => b_2.title === value);
+		const block_2 = availableBlocks.find((b_2) => b_2._internal.title === value);
 		if (block_2) handlePreviewBlock(block_2);
 		else previewStore.send({ type: "clearPeekedBlock" });
 	};
@@ -274,30 +274,30 @@ const AddBlockSheet = () => {
 	const T3 = CommandGroup;
 	let t22;
 	if ($[33] !== totalCounts) {
-		t22 = (a, b_3) => (totalCounts[b_3.id] ?? 0) - (totalCounts[a.id] ?? 0);
+		t22 = (a, b_3) => (totalCounts[b_3._internal.id] ?? 0) - (totalCounts[a._internal.id] ?? 0);
 		$[33] = totalCounts;
 		$[34] = t22;
 	} else t22 = $[34];
 	let t23;
 	if ($[35] !== displayCount || $[36] !== handleAddBlock) {
 		t23 = (block_3) => /* @__PURE__ */ jsxs(CommandItem, {
-			value: block_3.title,
+			value: block_3._internal.title,
 			onSelect: () => {
 				handleAddBlock(block_3);
 			},
 			className: "group flex items-center justify-between gap-2",
-			children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", { children: block_3.title }), /* @__PURE__ */ jsx("span", {
+			children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", { children: block_3._internal.title }), /* @__PURE__ */ jsx("span", {
 				className: "text-muted-foreground block",
-				children: displayCount(block_3.id)
+				children: displayCount(block_3._internal.id)
 			})] }), /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 				className: "hidden group-focus-within:flex group-hover:flex",
 				children: /* @__PURE__ */ jsx(InfoIcon, {})
 			}), /* @__PURE__ */ jsx(TooltipContent, {
 				className: "max-w-[300px]",
 				side: "right",
-				children: block_3.description
+				children: block_3._internal.description
 			})] })]
-		}, block_3.id);
+		}, block_3._internal.id);
 		$[35] = displayCount;
 		$[36] = handleAddBlock;
 		$[37] = t23;
@@ -365,7 +365,7 @@ function _temp2(b) {
 	return b != null;
 }
 function _temp3(b_1) {
-	return !b_1.layoutOnly;
+	return !b_1._internal.layoutOnly;
 }
 function _temp4(state_0) {
 	return state_0.context.isAddBlockSheetOpen;

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

@@ -194,7 +194,7 @@ const SingleAssetFieldEditor = (t0) => {
 				children: [
 					/* @__PURE__ */ jsxs("button", {
 						type: "button",
-						className: "flex min-w-0 flex-1 cursor-zoom-in items-center gap-2",
+						className: "flex min-w-0 flex-1 cursor-zoom-in items-center gap-2 rounded-sm p-1 focus-visible:outline-2",
 						onClick: () => setLightboxOpen(true),
 						children: [isImage ? /* @__PURE__ */ jsx("div", {
 							className: "border-border h-10 w-10 shrink-0 overflow-hidden rounded border",

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

@@ -12,9 +12,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
 import { Check, Download, FileIcon, Link, Loader2, Trash2, X } from "lucide-react";
+import { Dialog, DialogContent, DialogTitle } from "@camox/ui/dialog";
 import { Switch } from "@camox/ui/switch";
 import { ButtonGroup } from "@camox/ui/button-group";
-import { Dialog, DialogContent, DialogTitle } from "@camox/ui/dialog";
 
 //#region src/features/preview/components/AssetLightbox.tsx
 function MetadataRow(t0) {

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

@@ -132,7 +132,7 @@ const AssetPickerGrid = (t0) => {
 	let t12;
 	if ($[23] !== t10 || $[24] !== t11) {
 		t12 = /* @__PURE__ */ jsxs("div", {
-			className: "bg-background sticky top-0 z-10 flex items-center gap-2 px-4 py-4",
+			className: "sticky top-0 z-10 flex items-center gap-2 px-4 py-4",
 			children: [t10, t11]
 		});
 		$[23] = t10;

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

@@ -57,7 +57,7 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 	};
 	const handleAddBlockAbove = (block_2) => {
 		if (!page) return;
-		const blockIndex = pageBlocks.findIndex((b) => String(b.id) === String(block_2.id));
+		const blockIndex = pageBlocks.findIndex((b) => b.id === block_2.id);
 		const afterPosition = blockIndex > 0 ? pageBlocks[blockIndex - 1].position : "";
 		previewStore.send({
 			type: "openAddBlockSheet",
@@ -72,12 +72,12 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 	};
 	const getBlocksAbove = (block_4) => {
 		if (!page) return [];
-		const blockIndex_0 = pageBlocks.findIndex((b_0) => String(b_0.id) === String(block_4.id));
+		const blockIndex_0 = pageBlocks.findIndex((b_0) => b_0.id === block_4.id);
 		return pageBlocks.slice(0, blockIndex_0);
 	};
 	const getBlocksBelow = (block_5) => {
 		if (!page) return [];
-		const blockIndex_1 = pageBlocks.findIndex((b_1) => String(b_1.id) === String(block_5.id));
+		const blockIndex_1 = pageBlocks.findIndex((b_1) => b_1.id === block_5.id);
 		return pageBlocks.slice(blockIndex_1 + 1);
 	};
 	const handleDeleteBlocksAbove = async (block_6) => {
@@ -116,7 +116,7 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 						onSelect: () => {
 							previewStore.send({
 								type: "openBlockContentSheet",
-								blockId: String(block.id)
+								blockId: block.id
 							});
 							onOpenChange(false);
 						},
@@ -129,13 +129,13 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 						}) })]
 					}), !isLayoutBlock && (() => {
 						const blockDef = camoxApp.getBlockById(block.type);
-						if (!(blockDef?.settingsSchema?.properties && Object.keys(blockDef.settingsSchema.properties).length > 0)) return null;
+						if (!(blockDef?._internal.settingsSchema?.properties && Object.keys(blockDef._internal.settingsSchema.properties).length > 0)) return null;
 						return /* @__PURE__ */ jsx(CommandItem, {
 							className: "justify-between",
 							onSelect: () => {
 								previewStore.send({
 									type: "openBlockContentSheet",
-									blockId: String(block.id)
+									blockId: block.id
 								});
 								onOpenChange(false);
 							},
@@ -270,7 +270,7 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 };
 function isLayoutBlockId(page, blockId) {
 	if (!page?.layout) return false;
-	return new Set([...page.layout.beforeBlockIds, ...page.layout.afterBlockIds]).has(Number(blockId));
+	return new Set([...page.layout.beforeBlockIds, ...page.layout.afterBlockIds]).has(blockId);
 }
 function useBlockActionsShortcuts() {
 	const $ = c(17);
@@ -322,13 +322,13 @@ function useBlockActionsShortcuts() {
 						if (!sel) return false;
 						if (isLayoutBlockId(page, sel.blockId)) return false;
 						const itemId = selectionItemId(sel);
-						if (itemId) {
+						if (itemId != null) {
 							if (!page) return false;
-							const block = pageBlocks.find((b) => String(b.id) === sel.blockId);
+							const block = pageBlocks.find((b) => b.id === sel.blockId);
 							if (!block) return false;
 							for (const [, value] of Object.entries(block.content)) {
 								if (!Array.isArray(value)) continue;
-								if (value.some((i) => i?._itemId != null && String(i._itemId) === itemId)) return value.length > 1;
+								if (value.some((i) => i?._itemId === itemId)) return value.length > 1;
 							}
 							return false;
 						}
@@ -338,13 +338,13 @@ function useBlockActionsShortcuts() {
 						const sel_0 = previewStore.getSnapshot().context.selection;
 						if (!sel_0) return;
 						const itemId_0 = selectionItemId(sel_0);
-						if (itemId_0) {
-							deleteRepeatableItem.mutateAsync({ id: Number(itemId_0) }).then(_temp2, _temp3);
+						if (itemId_0 != null) {
+							deleteRepeatableItem.mutateAsync({ id: itemId_0 }).then(_temp2, _temp3);
 							previewStore.send({ type: "selectParent" });
 							return;
 						}
-						const block_0 = pageBlocks.find((b_0) => String(b_0.id) === sel_0.blockId);
-						deleteBlockMutation.mutateAsync({ id: Number(sel_0.blockId) }).then(() => toast.success(`Deleted "${block_0?.summary || block_0?.type}" block`), _temp4);
+						const block_0 = pageBlocks.find((b_0) => b_0.id === sel_0.blockId);
+						deleteBlockMutation.mutateAsync({ id: sel_0.blockId }).then(() => toast.success(`Deleted "${block_0?.summary || block_0?.type}" block`), _temp4);
 						previewStore.send({ type: "clearSelection" });
 					}
 				},
@@ -368,12 +368,12 @@ function useBlockActionsShortcuts() {
 						const sel_2 = previewStore.getSnapshot().context.selection;
 						if (!sel_2) return;
 						const itemId_1 = selectionItemId(sel_2);
-						if (itemId_1) {
-							duplicateRepeatableItem.mutateAsync({ id: Number(itemId_1) }).then(_temp5, _temp6);
+						if (itemId_1 != null) {
+							duplicateRepeatableItem.mutateAsync({ id: itemId_1 }).then(_temp5, _temp6);
 							return;
 						}
-						const block_1 = pageBlocks.find((b_1) => String(b_1.id) === sel_2.blockId);
-						duplicateBlockMutation.mutateAsync({ id: Number(sel_2.blockId) }).then(() => toast.success(`Duplicated "${block_1?.summary}" block`), _temp7);
+						const block_1 = pageBlocks.find((b_1) => b_1.id === sel_2.blockId);
+						duplicateBlockMutation.mutateAsync({ id: sel_2.blockId }).then(() => toast.success(`Duplicated "${block_1?.summary}" block`), _temp7);
 					}
 				},
 				{
@@ -390,17 +390,17 @@ function useBlockActionsShortcuts() {
 						const sel_3 = ctx_1.selection;
 						if (!sel_3 || !page) return false;
 						if (isLayoutBlockId(page, sel_3.blockId)) return false;
-						return pageBlocks.findIndex((b_2) => String(b_2.id) === sel_3.blockId) > 0;
+						return pageBlocks.findIndex((b_2) => b_2.id === sel_3.blockId) > 0;
 					},
 					execute: () => {
 						const sel_4 = previewStore.getSnapshot().context.selection;
 						if (!sel_4 || !page) return;
-						const index_0 = pageBlocks.findIndex((b_3) => String(b_3.id) === sel_4.blockId);
+						const index_0 = pageBlocks.findIndex((b_3) => b_3.id === sel_4.blockId);
 						if (index_0 <= 0) return;
 						const afterPosition = index_0 > 1 ? pageBlocks[index_0 - 2].position : void 0;
 						const beforePosition = pageBlocks[index_0 - 1].position;
 						updatePositionMutation.mutateAsync({
-							id: Number(sel_4.blockId),
+							id: sel_4.blockId,
 							afterPosition,
 							beforePosition
 						}).then(_temp8, _temp9);
@@ -420,18 +420,18 @@ function useBlockActionsShortcuts() {
 						const sel_5 = ctx_2.selection;
 						if (!sel_5 || !page) return false;
 						if (isLayoutBlockId(page, sel_5.blockId)) return false;
-						const index_1 = pageBlocks.findIndex((b_4) => String(b_4.id) === sel_5.blockId);
+						const index_1 = pageBlocks.findIndex((b_4) => b_4.id === sel_5.blockId);
 						return index_1 !== -1 && index_1 < pageBlocks.length - 1;
 					},
 					execute: () => {
 						const sel_6 = previewStore.getSnapshot().context.selection;
 						if (!sel_6 || !page) return;
-						const index_2 = pageBlocks.findIndex((b_5) => String(b_5.id) === sel_6.blockId);
+						const index_2 = pageBlocks.findIndex((b_5) => b_5.id === sel_6.blockId);
 						if (index_2 === -1 || index_2 >= pageBlocks.length - 1) return;
 						const afterPosition_0 = pageBlocks[index_2 + 1].position;
 						const beforePosition_0 = index_2 + 2 < pageBlocks.length ? pageBlocks[index_2 + 2].position : void 0;
 						updatePositionMutation.mutateAsync({
-							id: Number(sel_6.blockId),
+							id: sel_6.blockId,
 							afterPosition: afterPosition_0,
 							beforePosition: beforePosition_0
 						}).then(_temp0, _temp1);
@@ -446,7 +446,7 @@ function useBlockActionsShortcuts() {
 					execute: () => {
 						const sel_7 = previewStore.getSnapshot().context.selection;
 						if (!sel_7 || !page) return;
-						const block_2 = pageBlocks.find((b_6) => String(b_6.id) === sel_7.blockId);
+						const block_2 = pageBlocks.find((b_6) => b_6.id === sel_7.blockId);
 						if (!block_2) return;
 						previewStore.send({
 							type: "openAddBlockSheet",
@@ -466,7 +466,7 @@ function useBlockActionsShortcuts() {
 					execute: () => {
 						const sel_8 = previewStore.getSnapshot().context.selection;
 						if (!sel_8 || !page) return;
-						const blockIndex = pageBlocks.findIndex((b_7) => String(b_7.id) === sel_8.blockId);
+						const blockIndex = pageBlocks.findIndex((b_7) => b_7.id === sel_8.blockId);
 						if (blockIndex === -1) return;
 						const afterPosition_1 = blockIndex > 0 ? pageBlocks[blockIndex - 1].position : "";
 						previewStore.send({

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

@@ -0,0 +1,59 @@
+import { useIsAuthenticated } from "../../../lib/auth.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/features/preview/components/BlockErrorBoundary.tsx
+var BlockErrorBoundaryInner = class extends React.Component {
+	state = { error: null };
+	static getDerivedStateFromError(error) {
+		return { error };
+	}
+	componentDidCatch(error, info) {
+		console.error(`[camox] Block "${this.props.blockType}" (id=${this.props.blockId}) crashed:`, error, info.componentStack);
+	}
+	render() {
+		if (this.state.error) {
+			if (!this.props.isAuthenticated) return null;
+			return /* @__PURE__ */ jsxs("div", {
+				className: "camox-block-error",
+				"data-camox-block-id": this.props.blockId,
+				children: [/* @__PURE__ */ jsxs("p", {
+					className: "camox-block-error-title",
+					children: [
+						"Block “",
+						this.props.blockType,
+						"” failed to render"
+					]
+				}), /* @__PURE__ */ jsx("pre", {
+					className: "camox-block-error-message",
+					children: this.state.error.message
+				})]
+			});
+		}
+		return this.props.children;
+	}
+};
+const BlockErrorBoundary = (t0) => {
+	const $ = c(5);
+	const { blockId, blockType, children } = t0;
+	const isAuthenticated = useIsAuthenticated();
+	let t1;
+	if ($[0] !== blockId || $[1] !== blockType || $[2] !== children || $[3] !== isAuthenticated) {
+		t1 = /* @__PURE__ */ jsx(BlockErrorBoundaryInner, {
+			blockId,
+			blockType,
+			isAuthenticated,
+			children
+		});
+		$[0] = blockId;
+		$[1] = blockType;
+		$[2] = children;
+		$[3] = isAuthenticated;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
+};
+
+//#endregion
+export { BlockErrorBoundary };