camox 0.22.0 → 0.24.0

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

@@ -24,9 +24,9 @@ import { Accordion } from "@base-ui/react/accordion";
 //#region src/features/preview/components/PageTree.tsx
 function useEmbedTitle(url) {
 	const $ = c(4);
-	if ($[0] !== "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6") {
+	if ($[0] !== "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6";
+		$[0] = "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87";
 	}
 	const [title, setTitle] = React.useState(null);
 	let t0;
@@ -58,12 +58,12 @@ function _temp(res) {
 	return res.text();
 }
 const FieldItem = (t0) => {
-	const $ = c(30);
-	if ($[0] !== "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6") {
-		for (let $i = 0; $i < 30; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6";
+	const $ = c(29);
+	if ($[0] !== "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87") {
+		for (let $i = 0; $i < 29; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87";
 	}
-	const { fieldName, value, fieldType, schemaTitle, arrayItemType, isSelected, onFieldClick, onFieldDoubleClick, onMouseEnter, onMouseLeave } = t0;
+	const { fieldName, value, fieldType, schemaTitle, isSelected, onFieldClick, onFieldDoubleClick, onMouseEnter, onMouseLeave } = t0;
 	const fetchedEmbedTitle = useEmbedTitle(fieldType === "Embed" ? value : null);
 	const fieldDef = fieldType != null ? fieldTypesDictionary[fieldType] : null;
 	let t1;
@@ -82,51 +82,50 @@ const FieldItem = (t0) => {
 	} else t1 = $[6];
 	const displayValue = t1;
 	let t2;
-	if ($[7] !== arrayItemType || $[8] !== fieldDef) {
-		t2 = fieldDef?.getIcon({ arrayItemType }) ?? Type;
-		$[7] = arrayItemType;
-		$[8] = fieldDef;
-		$[9] = t2;
-	} else t2 = $[9];
+	if ($[7] !== fieldDef) {
+		t2 = fieldDef?.getIcon() ?? Type;
+		$[7] = fieldDef;
+		$[8] = t2;
+	} else t2 = $[8];
 	const FieldIcon = t2;
 	const t3 = isSelected ? "bg-accent" : "hover:bg-accent/75";
 	let t4;
-	if ($[10] !== t3) {
+	if ($[9] !== t3) {
 		t4 = cn("flex items-center gap-1.5 rounded-lg pl-2 pr-1 py-2 cursor-default group/field", t3);
-		$[10] = t3;
-		$[11] = t4;
-	} else t4 = $[11];
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
 	let t5;
-	if ($[12] !== fieldType || $[13] !== onFieldClick) {
+	if ($[11] !== fieldType || $[12] !== onFieldClick) {
 		t5 = () => fieldType && onFieldClick();
-		$[12] = fieldType;
-		$[13] = onFieldClick;
-		$[14] = t5;
-	} else t5 = $[14];
+		$[11] = fieldType;
+		$[12] = onFieldClick;
+		$[13] = t5;
+	} else t5 = $[13];
 	let t6;
-	if ($[15] !== fieldType || $[16] !== onFieldDoubleClick) {
+	if ($[14] !== fieldType || $[15] !== onFieldDoubleClick) {
 		t6 = () => fieldType && onFieldDoubleClick();
-		$[15] = fieldType;
-		$[16] = onFieldDoubleClick;
-		$[17] = t6;
-	} else t6 = $[17];
+		$[14] = fieldType;
+		$[15] = onFieldDoubleClick;
+		$[16] = t6;
+	} else t6 = $[16];
 	let t7;
-	if ($[18] !== FieldIcon) {
+	if ($[17] !== FieldIcon) {
 		t7 = /* @__PURE__ */ jsx(FieldIcon, { className: "size-4 shrink-0" });
-		$[18] = FieldIcon;
-		$[19] = t7;
-	} else t7 = $[19];
+		$[17] = FieldIcon;
+		$[18] = t7;
+	} else t7 = $[18];
 	let t8;
-	if ($[20] !== displayValue) {
+	if ($[19] !== displayValue) {
 		t8 = /* @__PURE__ */ jsx("span", {
 			className: "text-accent-foreground truncate select-none",
 			children: displayValue
 		});
-		$[20] = displayValue;
-		$[21] = t8;
-	} else t8 = $[21];
+		$[19] = displayValue;
+		$[20] = t8;
+	} else t8 = $[20];
 	let t9;
-	if ($[22] !== onMouseEnter || $[23] !== onMouseLeave || $[24] !== t4 || $[25] !== t5 || $[26] !== t6 || $[27] !== t7 || $[28] !== t8) {
+	if ($[21] !== onMouseEnter || $[22] !== onMouseLeave || $[23] !== t4 || $[24] !== t5 || $[25] !== t6 || $[26] !== t7 || $[27] !== t8) {
 		t9 = /* @__PURE__ */ jsxs("li", {
 			className: t4,
 			onClick: t5,
@@ -135,22 +134,22 @@ const FieldItem = (t0) => {
 			onMouseLeave,
 			children: [t7, t8]
 		});
-		$[22] = onMouseEnter;
-		$[23] = onMouseLeave;
-		$[24] = t4;
-		$[25] = t5;
-		$[26] = t6;
-		$[27] = t7;
-		$[28] = t8;
-		$[29] = t9;
-	} else t9 = $[29];
+		$[21] = onMouseEnter;
+		$[22] = onMouseLeave;
+		$[23] = t4;
+		$[24] = t5;
+		$[25] = t6;
+		$[26] = t7;
+		$[27] = t8;
+		$[28] = t9;
+	} else t9 = $[28];
 	return t9;
 };
 const BlockFields = (t0) => {
 	const $ = c(5);
-	if ($[0] !== "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6") {
+	if ($[0] !== "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6";
+		$[0] = "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87";
 	}
 	const { block } = t0;
 	const schemaProperties = useCamoxApp().getBlockById(block.type)?._internal.contentSchema.properties;
@@ -179,11 +178,11 @@ const BlockFields = (t0) => {
 			fieldType
 		});
 	};
-	const handleFieldDoubleClick = (fieldName_0, fieldType_0, arrayItemType) => {
+	const handleFieldDoubleClick = (fieldName_0, fieldType_0) => {
 		fieldTypesDictionary[fieldType_0].onTreeDoubleClick({
 			blockId: block.id,
 			fieldName: fieldName_0
-		}, { arrayItemType });
+		});
 	};
 	const handleFieldMouseEnter = (fieldName_1, isRepeatable) => {
 		if (!iframeElement?.contentWindow) return;
@@ -225,16 +224,15 @@ const BlockFields = (t0) => {
 		const fieldSchema = schemaProperties?.[fieldName_3];
 		if (!fieldSchema) return null;
 		const fieldType_1 = fieldSchema.fieldType;
-		const isRepeatable_1 = fieldType_1 === "RepeatableItem";
+		const isRepeatable_1 = fieldType_1 === "Repeater";
 		return /* @__PURE__ */ jsx(FieldItem, {
 			fieldName: fieldName_3,
 			value,
 			fieldType: fieldType_1,
 			schemaTitle: fieldSchema?.title,
-			arrayItemType: fieldSchema?.arrayItemType,
 			isSelected: selectedFieldName === fieldName_3,
 			onFieldClick: () => handleFieldClick(fieldName_3, fieldType_1),
-			onFieldDoubleClick: () => handleFieldDoubleClick(fieldName_3, fieldType_1, fieldSchema?.arrayItemType),
+			onFieldDoubleClick: () => handleFieldDoubleClick(fieldName_3, fieldType_1),
 			onMouseEnter: () => handleFieldMouseEnter(fieldName_3, isRepeatable_1),
 			onMouseLeave: () => handleFieldMouseLeave(fieldName_3, isRepeatable_1)
 		}, fieldName_3);
@@ -252,9 +250,9 @@ const BlockFields = (t0) => {
 };
 function useBlockTreeItem(block, t0) {
 	const $ = c(17);
-	if ($[0] !== "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6") {
+	if ($[0] !== "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87") {
 		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6";
+		$[0] = "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87";
 	}
 	const isDragging = t0 === void 0 ? false : t0;
 	const [ellipsisPopoverOpen, setEllipsisPopoverOpen] = React.useState(false);
@@ -336,9 +334,9 @@ function _temp6(state) {
 }
 const BlockTreeItemHeader = (t0) => {
 	const $ = c(17);
-	if ($[0] !== "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6") {
+	if ($[0] !== "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87") {
 		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6";
+		$[0] = "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87";
 	}
 	let children;
 	let className;
@@ -391,9 +389,9 @@ const BlockTreeItemHeader = (t0) => {
 };
 const BlockTreeItemTrigger = (t0) => {
 	const $ = c(5);
-	if ($[0] !== "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6") {
+	if ($[0] !== "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6";
+		$[0] = "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87";
 	}
 	const { displayText, onClick } = t0;
 	let t1;
@@ -420,9 +418,9 @@ const BlockTreeItemTrigger = (t0) => {
 };
 const BlockTreeItemEllipsis = (t0) => {
 	const $ = c(12);
-	if ($[0] !== "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6") {
+	if ($[0] !== "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87") {
 		for (let $i = 0; $i < 12; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6";
+		$[0] = "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87";
 	}
 	let className;
 	let open;
@@ -468,9 +466,9 @@ const BlockTreeItemEllipsis = (t0) => {
 };
 const BlockTreeItemContent = (t0) => {
 	const $ = c(3);
-	if ($[0] !== "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6") {
+	if ($[0] !== "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87") {
 		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6";
+		$[0] = "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87";
 	}
 	const { block } = t0;
 	let t1;
@@ -491,9 +489,9 @@ const animateLayoutChanges = (args) => {
 };
 const SortableBlock = (t0) => {
 	const $ = c(53);
-	if ($[0] !== "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6") {
+	if ($[0] !== "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87") {
 		for (let $i = 0; $i < 53; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6";
+		$[0] = "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87";
 	}
 	const { block } = t0;
 	const [gripPopoverOpen, setGripPopoverOpen] = React.useState(false);
@@ -682,9 +680,9 @@ const SortableBlock = (t0) => {
 };
 const LayoutBlockItem = (t0) => {
 	const $ = c(44);
-	if ($[0] !== "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6") {
+	if ($[0] !== "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87") {
 		for (let $i = 0; $i < 44; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6";
+		$[0] = "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87";
 	}
 	const { block, layoutName } = t0;
 	const camoxApp = useCamoxApp();
@@ -843,9 +841,9 @@ const LayoutBlockItem = (t0) => {
 };
 const PageTree = () => {
 	const $ = c(47);
-	if ($[0] !== "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6") {
+	if ($[0] !== "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87") {
 		for (let $i = 0; $i < 47; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "9c417d229324e2003d4d0288e38650d49145eccc65c3aa255e298a642db8daa6";
+		$[0] = "93644338051da8a2fc7d6bcaeba79afa786571ac097e7be02bb6bea0e96d3c87";
 	}
 	const page = usePreviewedPage();
 	const { pageBlocks, beforeBlocks: layoutBeforeBlocks, afterBlocks: layoutAfterBlocks } = usePageBlocks(page);

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

@@ -23,7 +23,7 @@ const buildNestedItemSeeds = (itemProperties) => {
 	const recurse = (properties, parentTempId) => {
 		for (const [fieldName, fieldSchema] of Object.entries(properties)) {
 			if (fieldSchema.type !== "array" || !fieldSchema.items?.properties) continue;
-			if (fieldSchema.fieldType === "MultipleAssets") continue;
+			if (fieldSchema.fieldType === "ImageList" || fieldSchema.fieldType === "FileList") continue;
 			const defaultCount = fieldSchema.defaultItems ?? fieldSchema.minItems ?? 0;
 			if (defaultCount <= 0) continue;
 			const nestedItemProps = fieldSchema.items.properties;
@@ -51,9 +51,9 @@ const buildNestedItemSeeds = (itemProperties) => {
 };
 const useRepeatableItemActions = (t0) => {
 	const $ = c(16);
-	if ($[0] !== "a0380cb6259b3f97fda7ea3d02bab3cd01067002da6d4b339fdd4dcc593e03c2") {
+	if ($[0] !== "d693f3f98b78f44d12370cd285b6b90b102d5a7113c502e626ffcfe13f24976a") {
 		for (let $i = 0; $i < 16; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "a0380cb6259b3f97fda7ea3d02bab3cd01067002da6d4b339fdd4dcc593e03c2";
+		$[0] = "d693f3f98b78f44d12370cd285b6b90b102d5a7113c502e626ffcfe13f24976a";
 	}
 	const { blockId, fieldName, parentItemId, arraySchema, siblingCount } = t0;
 	let t1;
@@ -151,9 +151,9 @@ const getArraySchemaForItem = (contentSchema, itemId, itemsMap) => {
 */
 const useCurrentItemActions = (blockId, itemId) => {
 	const $ = c(27);
-	if ($[0] !== "a0380cb6259b3f97fda7ea3d02bab3cd01067002da6d4b339fdd4dcc593e03c2") {
+	if ($[0] !== "d693f3f98b78f44d12370cd285b6b90b102d5a7113c502e626ffcfe13f24976a") {
 		for (let $i = 0; $i < 27; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "a0380cb6259b3f97fda7ea3d02bab3cd01067002da6d4b339fdd4dcc593e03c2";
+		$[0] = "d693f3f98b78f44d12370cd285b6b90b102d5a7113c502e626ffcfe13f24976a";
 	}
 	const camoxApp = useCamoxApp();
 	let t0;

package/dist/features/routes/pageRoute.d.ts

@@ -33,6 +33,8 @@ declare function createPageLoader(apiUrl: string, projectSlug: string, environme
       metaTitle: string | null;
       metaDescription: string | null;
       aiSeoEnabled: boolean | null;
+      customOgImageBlobId: string | null;
+      customOgImageUrl: string | null;
       createdAt: number;
       updatedAt: number;
     };

package/dist/features/routes/pageRoute.js

@@ -117,12 +117,13 @@ function createPageHead(camoxApp) {
 			name: "description",
 			content: page.page.metaDescription
 		});
-		const ogImageUrl = `${origin}/og?${new URLSearchParams({
+		const ogImageParams = new URLSearchParams({
 			...page.layout && { layoutId: page.layout.layoutId },
 			title: pageMetaTitle,
 			...page.page.metaDescription && { description: page.page.metaDescription },
 			...page.projectName && { projectName: page.projectName }
-		}).toString()}`;
+		});
+		const ogImageUrl = page.page.customOgImageUrl ?? `${origin}/og?${ogImageParams.toString()}`;
 		meta.push({
 			property: "og:title",
 			content: title
@@ -151,9 +152,9 @@ function createPageHead(camoxApp) {
 }
 const PageRouteComponent = () => {
 	const $ = c(2);
-	if ($[0] !== "4272e30e312eefa840c2b2498844aebeea94a415ce1efe0a8248fab111737756") {
+	if ($[0] !== "858ec55c5e5a82d2aa9c37c6b5b7f1c0a2d1cff69ec415b2b53199f5bf1faa69") {
 		for (let $i = 0; $i < 2; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "4272e30e312eefa840c2b2498844aebeea94a415ce1efe0a8248fab111737756";
+		$[0] = "858ec55c5e5a82d2aa9c37c6b5b7f1c0a2d1cff69ec415b2b53199f5bf1faa69";
 	}
 	let t0;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {

package/dist/lib/normalized-data.js

@@ -11,9 +11,9 @@ const NormalizedDataContext = React.createContext({
 });
 const NormalizedDataProvider = (t0) => {
 	const $ = c(13);
-	if ($[0] !== "a0f4a795dddd4ca9e7a329b1dc44ac458e5aff0b7cf376e05306b8ccf0cac2a8") {
+	if ($[0] !== "c508cbfbcda1ea1312463b6cbebcd66332f3346f51c02c09c35687c430a19469") {
 		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "a0f4a795dddd4ca9e7a329b1dc44ac458e5aff0b7cf376e05306b8ccf0cac2a8";
+		$[0] = "c508cbfbcda1ea1312463b6cbebcd66332f3346f51c02c09c35687c430a19469";
 	}
 	const { files, repeatableItems, children } = t0;
 	let t1;
@@ -74,9 +74,9 @@ function useStableArray(next) {
 }
 function usePageBlocks(pageStructure) {
 	const $ = c(36);
-	if ($[0] !== "a0f4a795dddd4ca9e7a329b1dc44ac458e5aff0b7cf376e05306b8ccf0cac2a8") {
+	if ($[0] !== "c508cbfbcda1ea1312463b6cbebcd66332f3346f51c02c09c35687c430a19469") {
 		for (let $i = 0; $i < 36; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "a0f4a795dddd4ca9e7a329b1dc44ac458e5aff0b7cf376e05306b8ccf0cac2a8";
+		$[0] = "c508cbfbcda1ea1312463b6cbebcd66332f3346f51c02c09c35687c430a19469";
 	}
 	const blockIds = pageStructure.page.blockIds;
 	const beforeIds = pageStructure.layout?.beforeBlockIds ?? EMPTY_IDS;
@@ -239,6 +239,7 @@ function resolveFileMarker(marker, filesMap) {
 		alt: file.alt,
 		filename: file.filename,
 		mimeType: file.mimeType,
+		size: file.size,
 		_fileId: marker._fileId
 	};
 	return {
@@ -246,6 +247,7 @@ function resolveFileMarker(marker, filesMap) {
 		alt: "",
 		filename: "",
 		mimeType: "",
+		size: 0,
 		_fileId: marker._fileId
 	};
 }

package/dist/lib/queries.js

@@ -1,4 +1,5 @@
-import { getOrpc } from "./api-client.js";
+import { getAuthCookieHeader } from "./auth.js";
+import { getApiUrl, getEnvironmentName, getOrpc } from "./api-client.js";
 import { queryKeys } from "@camox/api-contract/query-keys";
 
 //#region src/lib/queries.ts
@@ -124,6 +125,12 @@ const repeatableItemMutations = {
 	updateSettings: () => getOrpc().repeatableItems.updateSettings.mutationOptions(),
 	updatePosition: () => getOrpc().repeatableItems.updatePosition.mutationOptions()
 };
+function ogImageHeaders() {
+	const headers = { "Better-Auth-Cookie": getAuthCookieHeader() };
+	const envName = getEnvironmentName();
+	if (envName) headers["x-environment-name"] = envName;
+	return headers;
+}
 const pageMutations = {
 	create: () => getOrpc().pages.create.mutationOptions(),
 	delete: () => getOrpc().pages.delete.mutationOptions(),
@@ -131,7 +138,31 @@ const pageMutations = {
 	setLayout: () => getOrpc().pages.setLayout.mutationOptions(),
 	setAiSeo: () => getOrpc().pages.setAiSeo.mutationOptions(),
 	setMetaTitle: () => getOrpc().pages.setMetaTitle.mutationOptions(),
-	setMetaDescription: () => getOrpc().pages.setMetaDescription.mutationOptions()
+	setMetaDescription: () => getOrpc().pages.setMetaDescription.mutationOptions(),
+	uploadCustomOgImage: () => ({ mutationFn: async ({ pageId, file }) => {
+		const formData = new FormData();
+		formData.append("file", file);
+		const res = await fetch(`${getApiUrl()}/pages/${pageId}/og-image`, {
+			method: "POST",
+			body: formData,
+			headers: ogImageHeaders(),
+			credentials: "omit"
+		});
+		if (!res.ok) {
+			const body = await res.json().catch(() => null);
+			throw new Error(body?.error ?? `Upload failed: ${res.status}`);
+		}
+		return res.json();
+	} }),
+	deleteCustomOgImage: () => ({ mutationFn: async ({ pageId }) => {
+		const res = await fetch(`${getApiUrl()}/pages/${pageId}/og-image`, {
+			method: "DELETE",
+			headers: ogImageHeaders(),
+			credentials: "omit"
+		});
+		if (!res.ok) throw new Error(`Delete failed: ${res.status}`);
+		return res.json();
+	} })
 };
 const fileMutations = {
 	delete: () => getOrpc().files.delete.mutationOptions(),