camox 0.65.1 → 0.66.0

package/dist/features/canvas/sidebar/PageInspector.js

@@ -5,8 +5,7 @@ import { CanvasInspectorBody, CanvasInspectorTitle } from "./CanvasInspector.js"
 import { PageInspectorSkeleton } from "./PageInspectorSkeleton.js";
 import { PreviewEditingOwnerContext } from "../../preview/previewSelection.js";
 import { CuratedPageInspector } from "./CuratedPageInspector.js";
-import { DerivedPageInspector } from "./DerivedPageInspector.js";
-import { SingletonPageInspector } from "./SingletonPageInspector.js";
+import { LayoutPageOverview } from "./LayoutPageOverview.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -38,8 +37,8 @@ var PageInspectorBoundary = class extends React.Component {
 	}
 };
 function PageInspectorContent(t0) {
-	const $ = c(8);
-	const { page, pageRecord, runtimeBasePath } = t0;
+	const $ = c(12);
+	const { page, runtimeBasePath } = t0;
 	switch (page.kind) {
 		case "curated": {
 			let t1;
@@ -51,31 +50,45 @@ function PageInspectorContent(t0) {
 		}
 		case "singleton": {
 			let t1;
-			if ($[1] !== page.layoutId || $[2] !== runtimeBasePath) {
-				t1 = /* @__PURE__ */ jsx(SingletonPageInspector, {
+			if ($[1] !== runtimeBasePath) {
+				t1 = { runtimeBasePath };
+				$[1] = runtimeBasePath;
+				$[2] = t1;
+			} else t1 = $[2];
+			let t2;
+			if ($[3] !== page.layoutId || $[4] !== t1) {
+				t2 = /* @__PURE__ */ jsx(LayoutPageOverview, {
 					layoutId: page.layoutId,
-					runtimeBasePath
+					target: t1
 				});
-				$[1] = page.layoutId;
-				$[2] = runtimeBasePath;
-				$[3] = t1;
-			} else t1 = $[3];
-			return t1;
+				$[3] = page.layoutId;
+				$[4] = t1;
+				$[5] = t2;
+			} else t2 = $[5];
+			return t2;
 		}
 		case "derived": {
 			let t1;
-			if ($[4] !== page.layoutId || $[5] !== pageRecord || $[6] !== runtimeBasePath) {
-				t1 = /* @__PURE__ */ jsx(DerivedPageInspector, {
+			if ($[6] !== page.layoutId || $[7] !== runtimeBasePath) {
+				t1 = {
+					runtimeBasePath,
+					derivedLayoutId: page.layoutId
+				};
+				$[6] = page.layoutId;
+				$[7] = runtimeBasePath;
+				$[8] = t1;
+			} else t1 = $[8];
+			let t2;
+			if ($[9] !== page.layoutId || $[10] !== t1) {
+				t2 = /* @__PURE__ */ jsx(LayoutPageOverview, {
 					layoutId: page.layoutId,
-					pageRecord,
-					runtimeBasePath
+					target: t1
 				});
-				$[4] = page.layoutId;
-				$[5] = pageRecord;
-				$[6] = runtimeBasePath;
-				$[7] = t1;
-			} else t1 = $[7];
-			return t1;
+				$[9] = page.layoutId;
+				$[10] = t1;
+				$[11] = t2;
+			} else t2 = $[11];
+			return t2;
 		}
 	}
 }
@@ -85,8 +98,8 @@ function PageInspectorContent(t0) {
 * overview, and the name's header goes back to it.
 */
 function PageInspector(t0) {
-	const $ = c(27);
-	const { page, owner, pageRecord, runtimeBasePath } = t0;
+	const $ = c(26);
+	const { page, owner, runtimeBasePath } = t0;
 	const { pathname } = useLocation();
 	let t1;
 	if ($[0] !== owner) {
@@ -140,51 +153,49 @@ function PageInspector(t0) {
 		$[10] = t6;
 	} else t6 = $[10];
 	let t7;
-	if ($[11] !== page || $[12] !== pageRecord || $[13] !== runtimeBasePath) {
+	if ($[11] !== page || $[12] !== runtimeBasePath) {
 		t7 = /* @__PURE__ */ jsx(PageInspectorContent, {
 			page,
-			pageRecord,
 			runtimeBasePath
 		});
 		$[11] = page;
-		$[12] = pageRecord;
-		$[13] = runtimeBasePath;
-		$[14] = t7;
-	} else t7 = $[14];
+		$[12] = runtimeBasePath;
+		$[13] = t7;
+	} else t7 = $[13];
 	let t8;
-	if ($[15] !== t6 || $[16] !== t7) {
+	if ($[14] !== t6 || $[15] !== t7) {
 		t8 = /* @__PURE__ */ jsx(React.Suspense, {
 			fallback: t6,
 			children: t7
 		});
-		$[15] = t6;
-		$[16] = t7;
-		$[17] = t8;
-	} else t8 = $[17];
+		$[14] = t6;
+		$[15] = t7;
+		$[16] = t8;
+	} else t8 = $[16];
 	let t9;
-	if ($[18] !== t5 || $[19] !== t8) {
+	if ($[17] !== t5 || $[18] !== t8) {
 		t9 = /* @__PURE__ */ jsx(PageInspectorBoundary, { children: t8 }, t5);
-		$[18] = t5;
-		$[19] = t8;
-		$[20] = t9;
-	} else t9 = $[20];
+		$[17] = t5;
+		$[18] = t8;
+		$[19] = t9;
+	} else t9 = $[19];
 	let t10;
-	if ($[21] !== owner || $[22] !== t9) {
+	if ($[20] !== owner || $[21] !== t9) {
 		t10 = /* @__PURE__ */ jsx(CanvasInspectorBody, { children: /* @__PURE__ */ jsx(PreviewEditingOwnerContext, {
 			value: owner,
 			children: t9
 		}) });
-		$[21] = owner;
-		$[22] = t9;
-		$[23] = t10;
-	} else t10 = $[23];
+		$[20] = owner;
+		$[21] = t9;
+		$[22] = t10;
+	} else t10 = $[22];
 	let t11;
-	if ($[24] !== t10 || $[25] !== t4) {
+	if ($[23] !== t10 || $[24] !== t4) {
 		t11 = /* @__PURE__ */ jsxs(Fragment, { children: [t4, t10] });
-		$[24] = t10;
-		$[25] = t4;
-		$[26] = t11;
-	} else t11 = $[26];
+		$[23] = t10;
+		$[24] = t4;
+		$[25] = t11;
+	} else t11 = $[25];
 	return t11;
 }
 function _temp() {

package/dist/features/canvas/sidebar/PageInspectorSkeleton.js

@@ -61,14 +61,14 @@ function CuratedPageSkeleton() {
 	} else t0 = $[0];
 	return t0;
 }
-/** A layout page's blocks and notice. */
+/** A layout page's blocks. */
 function LayoutPageSkeleton() {
 	const $ = c(1);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(LoadingPage, { children: /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-4 px-2 pt-4",
-			children: [/* @__PURE__ */ jsx(BlocksGroupSkeleton, {}), /* @__PURE__ */ jsx(Skeleton, { className: "h-20 w-full rounded-lg" })]
+		t0 = /* @__PURE__ */ jsx(LoadingPage, { children: /* @__PURE__ */ jsx("div", {
+			className: "px-2 pt-4",
+			children: /* @__PURE__ */ jsx(BlocksGroupSkeleton, {})
 		}) });
 		$[0] = t0;
 	} else t0 = $[0];

package/dist/features/canvas/useCanvasCamera.js

@@ -1,7 +1,7 @@
 import { canvasStore } from "./canvasStore.js";
 import { ViewportContinuityContext, captureViewportAnchor, resolveViewportAnchor } from "../preview/viewportContinuity.js";
 import { canvasPageIframe } from "../preview/previewPageFrame.js";
-import { canvasBlockOverlap } from "./canvasFrameDocument.js";
+import { canvasSeamCover } from "./canvasFrameDocument.js";
 import { revealScrollDelta } from "../preview/selectionReveal.js";
 import { CANVAS_WHEEL_ZOOM_RATE, ZOOM_STRETCH, canvasMaximumScale, canvasMinimumScale, canvasOverview, canvasVerticalRail, canvasWheelDelta, constrainCanvasCamera, findCanvasSnapTarget, fitCanvasPage, isCanvasCameraSnapped, isCanvasPageScale, isInCanvasSnapWindow, placeCanvasPageAnchor, snapCanvasZoom, stretchCanvasZoom, unstretchCanvasZoom, zoomCanvasAt } from "./canvasCamera.js";
 import { createCanvasFlight, createCanvasPan } from "./canvasFlight.js";
@@ -73,7 +73,7 @@ function useCanvasCamera(workspaceKey, initialTarget, row) {
 			for (const name of CAMERA_PROPERTIES) element.style.removeProperty(name);
 			delete element.dataset.canvasPan;
 			delete element.dataset.canvasPromoted;
-			delete element.dataset.canvasBlockOverlap;
+			delete element.dataset.canvasSeamCover;
 		};
 	}, []);
 	/**
@@ -289,10 +289,10 @@ function useCanvasCamera(workspaceKey, initialTarget, row) {
 		};
 		const paintAtRest = () => {
 			if (settle) return;
-			const overlap = String(canvasBlockOverlap(camera.scale, ownerWindow.devicePixelRatio));
+			const seamCover = String(canvasSeamCover(camera.scale, ownerWindow.devicePixelRatio));
 			const zoom = String(camera.scale);
 			for (const element of [viewport, ...mirrors.current]) {
-				if (element.dataset.canvasBlockOverlap !== overlap) element.dataset.canvasBlockOverlap = overlap;
+				if (element.dataset.canvasSeamCover !== seamCover) element.dataset.canvasSeamCover = seamCover;
 				if (element.style.getPropertyValue("--canvas-rest-zoom") !== zoom) element.style.setProperty("--canvas-rest-zoom", zoom);
 			}
 		};
@@ -426,6 +426,7 @@ function useCanvasCamera(workspaceKey, initialTarget, row) {
 			};
 			animation = requestAnimationFrame(animate);
 		};
+		let syncedTargets = targets();
 		flightControls.current = {
 			flyTo: startFlight,
 			reveal: (element, immediate) => {
@@ -451,6 +452,8 @@ function useCanvasCamera(workspaceKey, initialTarget, row) {
 			syncRow: () => {
 				const key = rowRef.current?.selected ?? null;
 				const destination = targetOf(key);
+				const previousTargets = syncedTargets;
+				syncedTargets = targets();
 				if (key !== requested) {
 					requested = key;
 					selection = key;
@@ -463,6 +466,20 @@ function useCanvasCamera(workspaceKey, initialTarget, row) {
 					else if (page.left !== flight.page.left || page.width !== flight.page.width) startFlight(page.key);
 					return;
 				}
+				const previous = previousTargets[syncedTargets.findIndex((candidate) => candidate.key === key)];
+				if (destination && previous?.key === key && previous.left !== destination.left && previous.width === destination.width && selection === key && !flight && isCanvasCameraSnapped(rest(target), viewportSize, previous)) {
+					updateGeometry();
+					const fit = fitCanvasPage(viewportSize, destination);
+					const next = {
+						...fit,
+						y: rescaleY(restoredCamera ?? target, fit.scale)
+					};
+					if (restoredCamera || fittingInitialPage) restoredCamera = next;
+					fittingInitialPage = false;
+					camera = constrain(camera, true);
+					applyCamera(next, true);
+					return;
+				}
 				if (destination && selection === key && !flight && !fittingInitialPage && !isCanvasCameraSnapped(rest(target), viewportSize, destination)) startFlight(destination.key);
 			},
 			fitAll: startOverviewFlight
@@ -771,7 +788,7 @@ function useCanvasCamera(workspaceKey, initialTarget, row) {
 			ownerWindow.removeEventListener("blur", releaseSpace);
 			delete viewport.dataset.canvasPan;
 			delete viewport.dataset.canvasPromoted;
-			delete viewport.dataset.canvasBlockOverlap;
+			delete viewport.dataset.canvasSeamCover;
 			paintMirror.current = null;
 		};
 	}, [workspaceKey, continuity]);

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

@@ -11,6 +11,7 @@ import { DebouncedFieldEditor } from "./DebouncedFieldEditor.js";
 import { Metadata, MetadataRow, formatRelativeTime } from "./Metadata.js";
 import { useLocalizedPath } from "../../../lib/view-locale.js";
 import { PageInfoSkeleton } from "./PageInfoSkeleton.js";
+import { useLatestRevision } from "../../../lib/revisions.js";
 import { useRendererAnswer } from "../../renderer/RendererFrames.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
 import { PageNicknameField } from "./PageNicknameField.js";
@@ -1428,62 +1429,64 @@ const SearchEnginePreview = (t0) => {
 	return t10;
 };
 const SocialPreviewSection = (t0) => {
-	const $ = c(60);
+	const $ = c(61);
 	const { page, metaTitle, metaDescription } = t0;
 	const studioCache = useStudioCache();
 	const localized = useLocalizedPath();
-	const { scope } = useOptionalDraftScope();
+	const { scope, draftId } = useOptionalDraftScope();
+	const revision = useLatestRevision(draftId);
 	let t1;
 	let t2;
-	if ($[0] !== localized || $[1] !== page.fullPath || $[2] !== page.metaDescription || $[3] !== page.metaTitle) {
-		const version = new URLSearchParams({ v: `${page.metaTitle ?? ""}|${page.metaDescription ?? ""}` });
-		if ($[6] !== localized || $[7] !== page.fullPath) {
+	if ($[0] !== localized || $[1] !== page.fullPath || $[2] !== page.metaDescription || $[3] !== page.metaTitle || $[4] !== revision) {
+		const version = new URLSearchParams({ v: `${page.metaTitle ?? ""}|${page.metaDescription ?? ""}|${revision ?? ""}` });
+		if ($[7] !== localized || $[8] !== page.fullPath) {
 			t1 = pageImageUrl({
 				origin: "",
 				path: localized(page.fullPath)
 			});
-			$[6] = localized;
-			$[7] = page.fullPath;
-			$[8] = t1;
-		} else t1 = $[8];
+			$[7] = localized;
+			$[8] = page.fullPath;
+			$[9] = t1;
+		} else t1 = $[9];
 		t2 = version.toString();
 		$[0] = localized;
 		$[1] = page.fullPath;
 		$[2] = page.metaDescription;
 		$[3] = page.metaTitle;
-		$[4] = t1;
-		$[5] = t2;
+		$[4] = revision;
+		$[5] = t1;
+		$[6] = t2;
 	} else {
-		t1 = $[4];
-		t2 = $[5];
+		t1 = $[5];
+		t2 = $[6];
 	}
 	const generatedOgImage = `${t1}&${t2}`;
 	let t3;
-	if ($[9] !== generatedOgImage || $[10] !== page.customOgImageUrl || $[11] !== scope) {
+	if ($[10] !== generatedOgImage || $[11] !== page.customOgImageUrl || $[12] !== scope) {
 		t3 = page.customOgImageUrl || (scope?.hrefFor(generatedOgImage) ?? generatedOgImage);
-		$[9] = generatedOgImage;
-		$[10] = page.customOgImageUrl;
-		$[11] = scope;
-		$[12] = t3;
-	} else t3 = $[12];
+		$[10] = generatedOgImage;
+		$[11] = page.customOgImageUrl;
+		$[12] = scope;
+		$[13] = t3;
+	} else t3 = $[13];
 	const ogImage = t3;
 	const origin = typeof window !== "undefined" ? window.location.origin : "";
 	let t4;
-	if ($[13] !== localized || $[14] !== page.fullPath) {
+	if ($[14] !== localized || $[15] !== page.fullPath) {
 		t4 = localized(page.fullPath);
-		$[13] = localized;
-		$[14] = page.fullPath;
-		$[15] = t4;
-	} else t4 = $[15];
+		$[14] = localized;
+		$[15] = page.fullPath;
+		$[16] = t4;
+	} else t4 = $[16];
 	const url = `${origin}${t4}`;
 	const fileInputRef = React.useRef(null);
 	let t5;
-	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
 		t5 = pageMutations.uploadCustomOgImage();
-		$[16] = t5;
-	} else t5 = $[16];
+		$[17] = t5;
+	} else t5 = $[17];
 	let t6;
-	if ($[17] !== page.id || $[18] !== studioCache) {
+	if ($[18] !== page.id || $[19] !== studioCache) {
 		t6 = {
 			...t5,
 			onSuccess: () => {
@@ -1491,18 +1494,18 @@ const SocialPreviewSection = (t0) => {
 			},
 			onError: _temp13
 		};
-		$[17] = page.id;
-		$[18] = studioCache;
-		$[19] = t6;
-	} else t6 = $[19];
+		$[18] = page.id;
+		$[19] = studioCache;
+		$[20] = t6;
+	} else t6 = $[20];
 	const uploadCustomOgImage = useMutation(t6);
 	let t7;
-	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
 		t7 = pageMutations.deleteCustomOgImage();
-		$[20] = t7;
-	} else t7 = $[20];
+		$[21] = t7;
+	} else t7 = $[21];
 	let t8;
-	if ($[21] !== page.id || $[22] !== studioCache) {
+	if ($[22] !== page.id || $[23] !== studioCache) {
 		t8 = {
 			...t7,
 			onSuccess: () => {
@@ -1510,15 +1513,15 @@ const SocialPreviewSection = (t0) => {
 			},
 			onError: _temp14
 		};
-		$[21] = page.id;
-		$[22] = studioCache;
-		$[23] = t8;
-	} else t8 = $[23];
+		$[22] = page.id;
+		$[23] = studioCache;
+		$[24] = t8;
+	} else t8 = $[24];
 	const deleteCustomOgImage = useMutation(t8);
 	const hasCustomImage = !!page.customOgImageUrl;
 	const isBusy = uploadCustomOgImage.isPending || deleteCustomOgImage.isPending;
 	let t9;
-	if ($[24] !== page.id || $[25] !== uploadCustomOgImage) {
+	if ($[25] !== page.id || $[26] !== uploadCustomOgImage) {
 		t9 = (files) => {
 			const file = files[0];
 			if (file) uploadCustomOgImage.mutate({
@@ -1526,30 +1529,30 @@ const SocialPreviewSection = (t0) => {
 				file
 			});
 		};
-		$[24] = page.id;
-		$[25] = uploadCustomOgImage;
-		$[26] = t9;
-	} else t9 = $[26];
+		$[25] = page.id;
+		$[26] = uploadCustomOgImage;
+		$[27] = t9;
+	} else t9 = $[27];
 	const handleFiles = t9;
 	let t10;
-	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
 		t10 = /* @__PURE__ */ jsx(Label, { children: "Social preview" });
-		$[27] = t10;
-	} else t10 = $[27];
+		$[28] = t10;
+	} else t10 = $[28];
 	let t11;
-	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
 		t11 = () => fileInputRef.current?.click();
-		$[28] = t11;
-	} else t11 = $[28];
+		$[29] = t11;
+	} else t11 = $[29];
 	let t12;
-	if ($[29] !== uploadCustomOgImage.isPending) {
+	if ($[30] !== uploadCustomOgImage.isPending) {
 		t12 = uploadCustomOgImage.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsx(Upload, { className: "size-3.5" });
-		$[29] = uploadCustomOgImage.isPending;
-		$[30] = t12;
-	} else t12 = $[30];
+		$[30] = uploadCustomOgImage.isPending;
+		$[31] = t12;
+	} else t12 = $[31];
 	const t13 = hasCustomImage ? "Replace custom image" : "Upload custom image";
 	let t14;
-	if ($[31] !== isBusy || $[32] !== t12 || $[33] !== t13) {
+	if ($[32] !== isBusy || $[33] !== t12 || $[34] !== t13) {
 		t14 = /* @__PURE__ */ jsxs(Button, {
 			type: "button",
 			variant: "secondary",
@@ -1558,13 +1561,13 @@ const SocialPreviewSection = (t0) => {
 			onClick: t11,
 			children: [t12, t13]
 		});
-		$[31] = isBusy;
-		$[32] = t12;
-		$[33] = t13;
-		$[34] = t14;
-	} else t14 = $[34];
+		$[32] = isBusy;
+		$[33] = t12;
+		$[34] = t13;
+		$[35] = t14;
+	} else t14 = $[35];
 	let t15;
-	if ($[35] !== deleteCustomOgImage || $[36] !== hasCustomImage || $[37] !== isBusy || $[38] !== page.id) {
+	if ($[36] !== deleteCustomOgImage || $[37] !== hasCustomImage || $[38] !== isBusy || $[39] !== page.id) {
 		t15 = hasCustomImage && /* @__PURE__ */ jsxs(Button, {
 			type: "button",
 			variant: "ghost",
@@ -1577,14 +1580,14 @@ const SocialPreviewSection = (t0) => {
 				"Clear"
 			]
 		});
-		$[35] = deleteCustomOgImage;
-		$[36] = hasCustomImage;
-		$[37] = isBusy;
-		$[38] = page.id;
-		$[39] = t15;
-	} else t15 = $[39];
+		$[36] = deleteCustomOgImage;
+		$[37] = hasCustomImage;
+		$[38] = isBusy;
+		$[39] = page.id;
+		$[40] = t15;
+	} else t15 = $[40];
 	let t16;
-	if ($[40] !== handleFiles) {
+	if ($[41] !== handleFiles) {
 		t16 = /* @__PURE__ */ jsx("input", {
 			type: "file",
 			ref: fileInputRef,
@@ -1595,11 +1598,11 @@ const SocialPreviewSection = (t0) => {
 				e.target.value = "";
 			}
 		});
-		$[40] = handleFiles;
-		$[41] = t16;
-	} else t16 = $[41];
+		$[41] = handleFiles;
+		$[42] = t16;
+	} else t16 = $[42];
 	let t17;
-	if ($[42] !== t14 || $[43] !== t15 || $[44] !== t16) {
+	if ($[43] !== t14 || $[44] !== t15 || $[45] !== t16) {
 		t17 = /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2",
 			children: [
@@ -1608,47 +1611,47 @@ const SocialPreviewSection = (t0) => {
 				t16
 			]
 		});
-		$[42] = t14;
-		$[43] = t15;
-		$[44] = t16;
-		$[45] = t17;
-	} else t17 = $[45];
+		$[43] = t14;
+		$[44] = t15;
+		$[45] = t16;
+		$[46] = t17;
+	} else t17 = $[46];
 	const t18 = hasCustomImage ? "Drop image to replace" : "Drop image to upload";
 	let t19;
-	if ($[46] !== ogImage) {
+	if ($[47] !== ogImage) {
 		t19 = /* @__PURE__ */ jsx(SocialPreviewImage, { src: ogImage });
-		$[46] = ogImage;
-		$[47] = t19;
-	} else t19 = $[47];
+		$[47] = ogImage;
+		$[48] = t19;
+	} else t19 = $[48];
 	let t20;
-	if ($[48] !== handleFiles || $[49] !== t18 || $[50] !== t19) {
+	if ($[49] !== handleFiles || $[50] !== t18 || $[51] !== t19) {
 		t20 = /* @__PURE__ */ jsx(UploadDropZone, {
 			onDrop: handleFiles,
 			label: t18,
 			className: "block",
 			children: t19
 		});
-		$[48] = handleFiles;
-		$[49] = t18;
-		$[50] = t19;
-		$[51] = t20;
-	} else t20 = $[51];
+		$[49] = handleFiles;
+		$[50] = t18;
+		$[51] = t19;
+		$[52] = t20;
+	} else t20 = $[52];
 	let t21;
-	if ($[52] !== metaDescription || $[53] !== metaTitle || $[54] !== t20 || $[55] !== url) {
+	if ($[53] !== metaDescription || $[54] !== metaTitle || $[55] !== t20 || $[56] !== url) {
 		t21 = /* @__PURE__ */ jsx(SocialPreviewCard, {
 			image: t20,
 			metaTitle,
 			metaDescription,
 			url
 		});
-		$[52] = metaDescription;
-		$[53] = metaTitle;
-		$[54] = t20;
-		$[55] = url;
-		$[56] = t21;
-	} else t21 = $[56];
+		$[53] = metaDescription;
+		$[54] = metaTitle;
+		$[55] = t20;
+		$[56] = url;
+		$[57] = t21;
+	} else t21 = $[57];
 	let t22;
-	if ($[57] !== t17 || $[58] !== t21) {
+	if ($[58] !== t17 || $[59] !== t21) {
 		t22 = /* @__PURE__ */ jsxs("div", {
 			className: "space-y-2 pt-2",
 			children: [
@@ -1657,10 +1660,10 @@ const SocialPreviewSection = (t0) => {
 				t21
 			]
 		});
-		$[57] = t17;
-		$[58] = t21;
-		$[59] = t22;
-	} else t22 = $[59];
+		$[58] = t17;
+		$[59] = t21;
+		$[60] = t22;
+	} else t22 = $[60];
 	return t22;
 };
 const SocialPreviewImage = (t0) => {