camox 0.52.3 → 0.53.1

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

@@ -10,10 +10,10 @@ import { useDebouncedField } from "../../../hooks/use-debounced-field.js";
 import { DebouncedFieldEditor } from "./DebouncedFieldEditor.js";
 import { Metadata, MetadataRow, formatRelativeTime } from "./Metadata.js";
 import { useLocalizedPath } from "../../../lib/view-locale.js";
-import { PageNicknameField } from "./PageNicknameField.js";
 import { PageInfoSkeleton } from "./PageInfoSkeleton.js";
 import { useRendererAnswer } from "../../renderer/RendererFrames.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
+import { PageNicknameField } from "./PageNicknameField.js";
 import { pageImageUrl } from "../../og/pageImage.js";
 import { ShikiMarkdown } from "./ShikiMarkdown.js";
 import { c } from "react/compiler-runtime";
@@ -364,25 +364,10 @@ const PageInfo = (t0) => {
 	let t22;
 	if ($[40] !== aboutOnly || $[41] !== pageSettings || $[42] !== setShowPageSettings || $[43] !== settingsPanelId || $[44] !== showPageSettings || $[45] !== showSettingsId) {
 		t22 = aboutOnly ? pageSettings : /* @__PURE__ */ jsxs(Fragment, { children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ jsx(Label, { children: "SEO" }), /* @__PURE__ */ jsx(Button, {
-					type: "button",
-					variant: "outline",
-					className: "w-full",
-					onClick: () => setIsSeoSheetOpen(true),
-					children: "Manage page metadata"
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ jsx(Label, { children: "GEO" }), /* @__PURE__ */ jsx(Button, {
-					type: "button",
-					variant: "outline",
-					className: "w-full",
-					onClick: () => setIsMarkdownSheetOpen(true),
-					children: "View page markdown"
-				})]
+			/* @__PURE__ */ jsx(PageDiscoverabilityButtons, {
+				metadataLabel: "Manage page metadata",
+				onOpenMetadata: () => setIsSeoSheetOpen(true),
+				onOpenMarkdown: () => setIsMarkdownSheetOpen(true)
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2",
@@ -476,6 +461,60 @@ const PageInfo = (t0) => {
 	} else t26 = $[63];
 	return t26;
 };
+/** What opens a page's SEO metadata and its Markdown, which agents read (GEO). */
+const PageDiscoverabilityButtons = (t0) => {
+	const $ = c(10);
+	const { metadataLabel, onOpenMetadata, onOpenMarkdown } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(Label, { children: "SEO" });
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== metadataLabel || $[2] !== onOpenMetadata) {
+		t2 = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [t1, /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "outline",
+				className: "w-full",
+				onClick: onOpenMetadata,
+				children: metadataLabel
+			})]
+		});
+		$[1] = metadataLabel;
+		$[2] = onOpenMetadata;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Label, { children: "GEO" });
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== onOpenMarkdown) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [t3, /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "outline",
+				className: "w-full",
+				onClick: onOpenMarkdown,
+				children: "View page markdown"
+			})]
+		});
+		$[5] = onOpenMarkdown;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== t2 || $[8] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(Fragment, { children: [t2, t4] });
+		$[7] = t2;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	return t5;
+};
 const PageDeleteButton = ({ page }) => {
 	const [isConfirmOpen, setIsConfirmOpen] = React.useState(false);
 	const deletePage = useMutation(pageMutations.delete());
@@ -973,27 +1012,51 @@ const PageStructureEditor = (t0) => {
 	return t19;
 };
 const PageSeoSheet = (t0) => {
-	const $ = c(7);
+	const $ = c(6);
 	const { open, onOpenChange, pageId } = t0;
 	let t1;
+	if ($[0] !== pageId) {
+		t1 = /* @__PURE__ */ jsx(PageSeoContent, { pageId });
+		$[0] = pageId;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== onOpenChange || $[3] !== open || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx(PageSeoSheetFrame, {
+			open,
+			onOpenChange,
+			children: t1
+		});
+		$[2] = onOpenChange;
+		$[3] = open;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
+/** The sheet a page's SEO metadata opens in, whoever writes it. */
+const PageSeoSheetFrame = (t0) => {
+	const $ = c(7);
+	const { open, onOpenChange, children } = t0;
+	let t1;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = /* @__PURE__ */ jsxs(SheetHeader, {
 			className: "border-b",
-			children: [/* @__PURE__ */ jsx(SheetTitle, { children: "SEO metadata" }), /* @__PURE__ */ jsx(SheetDescription, { children: "Control how this page appears in search and social previews." })]
+			children: [/* @__PURE__ */ jsx(SheetTitle, { children: "SEO metadata" }), /* @__PURE__ */ jsx(SheetDescription, { children: "How this page appears in search and social previews." })]
 		});
 		$[0] = t1;
 	} else t1 = $[0];
 	let t2;
-	if ($[1] !== pageId) {
+	if ($[1] !== children) {
 		t2 = /* @__PURE__ */ jsxs(SheetContent, {
 			side: "right",
 			className: "gap-0 data-[side=right]:sm:max-w-xl",
 			children: [t1, /* @__PURE__ */ jsx("div", {
 				className: "flex-1 overflow-y-auto p-4",
-				children: /* @__PURE__ */ jsx(PageSeoContent, { pageId })
+				children
 			})]
 		});
-		$[1] = pageId;
+		$[1] = children;
 		$[2] = t2;
 	} else t2 = $[2];
 	let t3;
@@ -1030,7 +1093,7 @@ const PageSeoContent = (t0) => {
 	return t1;
 };
 const PageSeoEditor = (t0) => {
-	const $ = c(38);
+	const $ = c(41);
 	const { page, metaTitle } = t0;
 	let t1;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -1038,6 +1101,7 @@ const PageSeoEditor = (t0) => {
 		$[0] = t1;
 	} else t1 = $[0];
 	const setSeo = useMutation(t1);
+	const localized = useLocalizedPath();
 	let t2;
 	if ($[1] !== page.id || $[2] !== setSeo) {
 		t2 = (checked) => {
@@ -1129,57 +1193,94 @@ const PageSeoEditor = (t0) => {
 		$[22] = t9;
 		$[23] = t11;
 	} else t11 = $[23];
-	const t12 = page.metaDescription ?? "";
-	let t13;
-	if ($[24] !== metaTitle || $[25] !== page || $[26] !== t12) {
-		t13 = /* @__PURE__ */ jsx(SearchEnginePreview, {
-			page,
-			metaTitle,
-			metaDescription: t12
-		});
-		$[24] = metaTitle;
-		$[25] = page;
+	let t12;
+	if ($[24] !== localized || $[25] !== page.fullPath) {
+		t12 = localized(page.fullPath);
+		$[24] = localized;
+		$[25] = page.fullPath;
 		$[26] = t12;
-		$[27] = t13;
-	} else t13 = $[27];
-	const t14 = page.metaDescription ?? "";
-	let t15;
-	if ($[28] !== metaTitle || $[29] !== page || $[30] !== t14) {
-		t15 = /* @__PURE__ */ jsx(SocialPreviewSection, {
-			page,
+	} else t12 = $[26];
+	const t13 = page.metaDescription ?? "";
+	let t14;
+	if ($[27] !== metaTitle || $[28] !== t12 || $[29] !== t13) {
+		t14 = /* @__PURE__ */ jsx(SearchEnginePreview, {
+			path: t12,
 			metaTitle,
-			metaDescription: t14
+			metaDescription: t13
 		});
-		$[28] = metaTitle;
-		$[29] = page;
+		$[27] = metaTitle;
+		$[28] = t12;
+		$[29] = t13;
 		$[30] = t14;
-		$[31] = t15;
-	} else t15 = $[31];
+	} else t14 = $[30];
+	const t15 = page.metaDescription ?? "";
 	let t16;
-	if ($[32] !== t11 || $[33] !== t13 || $[34] !== t15 || $[35] !== t5 || $[36] !== t8) {
-		t16 = /* @__PURE__ */ jsxs("div", {
+	if ($[31] !== metaTitle || $[32] !== page || $[33] !== t15) {
+		t16 = /* @__PURE__ */ jsx(SocialPreviewSection, {
+			page,
+			metaTitle,
+			metaDescription: t15
+		});
+		$[31] = metaTitle;
+		$[32] = page;
+		$[33] = t15;
+		$[34] = t16;
+	} else t16 = $[34];
+	let t17;
+	if ($[35] !== t11 || $[36] !== t14 || $[37] !== t16 || $[38] !== t5 || $[39] !== t8) {
+		t17 = /* @__PURE__ */ jsxs("div", {
 			className: "space-y-4",
 			children: [
 				t5,
 				t8,
 				t11,
-				t13,
-				t15
+				t14,
+				t16
 			]
 		});
-		$[32] = t11;
-		$[33] = t13;
-		$[34] = t15;
-		$[35] = t5;
-		$[36] = t8;
+		$[35] = t11;
+		$[36] = t14;
 		$[37] = t16;
-	} else t16 = $[37];
-	return t16;
+		$[38] = t5;
+		$[39] = t8;
+		$[40] = t17;
+	} else t17 = $[40];
+	return t17;
 };
 const PageMarkdownSheet = (t0) => {
-	const $ = c(9);
+	const $ = c(8);
 	const { open, onOpenChange, pageId, metaTitle, metaDescription } = t0;
 	let t1;
+	if ($[0] !== metaDescription || $[1] !== metaTitle || $[2] !== pageId) {
+		t1 = /* @__PURE__ */ jsx(PageMarkdownPreview, {
+			pageId,
+			metaTitle,
+			metaDescription
+		});
+		$[0] = metaDescription;
+		$[1] = metaTitle;
+		$[2] = pageId;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== onOpenChange || $[5] !== open || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(PageMarkdownSheetFrame, {
+			open,
+			onOpenChange,
+			children: t1
+		});
+		$[4] = onOpenChange;
+		$[5] = open;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+};
+/** The sheet a page's Markdown Representation opens in. */
+const PageMarkdownSheetFrame = (t0) => {
+	const $ = c(7);
+	const { open, onOpenChange, children } = t0;
+	let t1;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = /* @__PURE__ */ jsxs(SheetHeader, {
 			className: "border-b",
@@ -1188,36 +1289,30 @@ const PageMarkdownSheet = (t0) => {
 		$[0] = t1;
 	} else t1 = $[0];
 	let t2;
-	if ($[1] !== metaDescription || $[2] !== metaTitle || $[3] !== pageId) {
+	if ($[1] !== children) {
 		t2 = /* @__PURE__ */ jsxs(SheetContent, {
 			side: "right",
 			className: "gap-0 data-[side=right]:sm:max-w-2xl",
 			children: [t1, /* @__PURE__ */ jsx("div", {
 				className: "flex-1 overflow-y-auto p-4",
-				children: /* @__PURE__ */ jsx(PageMarkdownPreview, {
-					pageId,
-					metaTitle,
-					metaDescription
-				})
+				children
 			})]
 		});
-		$[1] = metaDescription;
-		$[2] = metaTitle;
-		$[3] = pageId;
-		$[4] = t2;
-	} else t2 = $[4];
+		$[1] = children;
+		$[2] = t2;
+	} else t2 = $[2];
 	let t3;
-	if ($[5] !== onOpenChange || $[6] !== open || $[7] !== t2) {
+	if ($[3] !== onOpenChange || $[4] !== open || $[5] !== t2) {
 		t3 = /* @__PURE__ */ jsx(Sheet, {
 			open,
 			onOpenChange,
 			children: t2
 		});
-		$[5] = onOpenChange;
-		$[6] = open;
-		$[7] = t2;
-		$[8] = t3;
-	} else t3 = $[8];
+		$[3] = onOpenChange;
+		$[4] = open;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
 	return t3;
 };
 const PageMarkdownContent = (t0) => {
@@ -1252,97 +1347,88 @@ function truncateText(text, maxLen) {
 	return text.slice(0, maxLen) + "...";
 }
 const SearchEnginePreview = (t0) => {
-	const $ = c(19);
-	const { page, metaTitle, metaDescription } = t0;
-	const localized = useLocalizedPath();
-	const origin = typeof window !== "undefined" ? window.location.origin : "";
+	const $ = c(16);
+	const { path, metaTitle, metaDescription } = t0;
+	const url = `${typeof window !== "undefined" ? window.location.origin : ""}${path}`;
 	let t1;
-	if ($[0] !== localized || $[1] !== page.fullPath) {
-		t1 = localized(page.fullPath);
-		$[0] = localized;
-		$[1] = page.fullPath;
-		$[2] = t1;
-	} else t1 = $[2];
-	const url = `${origin}${t1}`;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(Label, { children: "Search engine preview" });
+		$[0] = t1;
+	} else t1 = $[0];
 	let t2;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx(Label, { children: "Search engine preview" });
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsxs("div", {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-1.5",
-			children: [t2, /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+			children: [t1, /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 				delay: 50,
 				render: /* @__PURE__ */ jsx(Info, { className: "text-muted-foreground size-3.5" })
 			}), /* @__PURE__ */ jsx(TooltipContent, { children: "Titles are cropped after 60 characters and descriptions after 155, like on Google Search results." })] })]
 		});
-		$[4] = t3;
-	} else t3 = $[4];
-	let t4;
-	if ($[5] !== url) {
-		t4 = /* @__PURE__ */ jsx("p", {
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== url) {
+		t3 = /* @__PURE__ */ jsx("p", {
 			className: "text-muted-foreground truncate text-xs",
 			children: url
 		});
-		$[5] = url;
-		$[6] = t4;
-	} else t4 = $[6];
-	const t5 = metaTitle || "Untitled";
+		$[2] = url;
+		$[3] = t3;
+	} else t3 = $[3];
+	const t4 = metaTitle || "Untitled";
+	let t5;
+	if ($[4] !== t4) {
+		t5 = truncateText(t4, 60);
+		$[4] = t4;
+		$[5] = t5;
+	} else t5 = $[5];
 	let t6;
-	if ($[7] !== t5) {
-		t6 = truncateText(t5, 60);
-		$[7] = t5;
-		$[8] = t6;
-	} else t6 = $[8];
-	let t7;
-	if ($[9] !== t6) {
-		t7 = /* @__PURE__ */ jsx("p", {
+	if ($[6] !== t5) {
+		t6 = /* @__PURE__ */ jsx("p", {
 			className: "text-base font-medium text-blue-600 dark:text-blue-400",
-			children: t6
+			children: t5
 		});
-		$[9] = t6;
-		$[10] = t7;
-	} else t7 = $[10];
-	const t8 = metaDescription || "No description";
+		$[6] = t5;
+		$[7] = t6;
+	} else t6 = $[7];
+	const t7 = metaDescription || "No description";
+	let t8;
+	if ($[8] !== t7) {
+		t8 = truncateText(t7, 155);
+		$[8] = t7;
+		$[9] = t8;
+	} else t8 = $[9];
 	let t9;
-	if ($[11] !== t8) {
-		t9 = truncateText(t8, 155);
-		$[11] = t8;
-		$[12] = t9;
-	} else t9 = $[12];
-	let t10;
-	if ($[13] !== t9) {
-		t10 = /* @__PURE__ */ jsx("p", {
+	if ($[10] !== t8) {
+		t9 = /* @__PURE__ */ jsx("p", {
 			className: "text-muted-foreground line-clamp-2 text-xs",
-			children: t9
+			children: t8
 		});
-		$[13] = t9;
-		$[14] = t10;
-	} else t10 = $[14];
-	let t11;
-	if ($[15] !== t10 || $[16] !== t4 || $[17] !== t7) {
-		t11 = /* @__PURE__ */ jsxs("div", {
+		$[10] = t8;
+		$[11] = t9;
+	} else t9 = $[11];
+	let t10;
+	if ($[12] !== t3 || $[13] !== t6 || $[14] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
 			className: "space-y-1 pt-2",
-			children: [t3, /* @__PURE__ */ jsxs("div", {
+			children: [t2, /* @__PURE__ */ jsxs("div", {
 				className: "border-border space-y-0.5 rounded-lg border p-3",
 				children: [
-					t4,
-					t7,
-					t10
+					t3,
+					t6,
+					t9
 				]
 			})]
 		});
+		$[12] = t3;
+		$[13] = t6;
+		$[14] = t9;
 		$[15] = t10;
-		$[16] = t4;
-		$[17] = t7;
-		$[18] = t11;
-	} else t11 = $[18];
-	return t11;
+	} else t10 = $[15];
+	return t10;
 };
 const SocialPreviewSection = (t0) => {
-	const $ = c(70);
+	const $ = c(60);
 	const { page, metaTitle, metaDescription } = t0;
 	const studioCache = useStudioCache();
 	const localized = useLocalizedPath();
@@ -1529,114 +1615,145 @@ const SocialPreviewSection = (t0) => {
 	} else t17 = $[45];
 	const t18 = hasCustomImage ? "Drop image to replace" : "Drop image to upload";
 	let t19;
-	if ($[46] === Symbol.for("react.memo_cache_sentinel")) {
-		t19 = { aspectRatio: "1200 / 630" };
-		$[46] = t19;
-	} else t19 = $[46];
+	if ($[46] !== ogImage) {
+		t19 = /* @__PURE__ */ jsx(SocialPreviewImage, { src: ogImage });
+		$[46] = ogImage;
+		$[47] = t19;
+	} else t19 = $[47];
 	let t20;
-	if ($[47] !== ogImage) {
-		t20 = /* @__PURE__ */ jsx("img", {
-			src: ogImage,
-			alt: "",
-			className: "w-full object-cover",
-			style: t19
-		});
-		$[47] = ogImage;
-		$[48] = t20;
-	} else t20 = $[48];
-	let t21;
-	if ($[49] !== handleFiles || $[50] !== t18 || $[51] !== t20) {
-		t21 = /* @__PURE__ */ jsx(UploadDropZone, {
+	if ($[48] !== handleFiles || $[49] !== t18 || $[50] !== t19) {
+		t20 = /* @__PURE__ */ jsx(UploadDropZone, {
 			onDrop: handleFiles,
 			label: t18,
 			className: "block",
-			children: t20
+			children: t19
 		});
-		$[49] = handleFiles;
-		$[50] = t18;
+		$[48] = handleFiles;
+		$[49] = t18;
+		$[50] = t19;
 		$[51] = t20;
-		$[52] = t21;
-	} else t21 = $[52];
-	const t22 = metaTitle || "Untitled";
-	let t23;
-	if ($[53] !== t22) {
-		t23 = /* @__PURE__ */ jsx("p", {
+	} else t20 = $[51];
+	let t21;
+	if ($[52] !== metaDescription || $[53] !== metaTitle || $[54] !== t20 || $[55] !== url) {
+		t21 = /* @__PURE__ */ jsx(SocialPreviewCard, {
+			image: t20,
+			metaTitle,
+			metaDescription,
+			url
+		});
+		$[52] = metaDescription;
+		$[53] = metaTitle;
+		$[54] = t20;
+		$[55] = url;
+		$[56] = t21;
+	} else t21 = $[56];
+	let t22;
+	if ($[57] !== t17 || $[58] !== t21) {
+		t22 = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2 pt-2",
+			children: [
+				t10,
+				t17,
+				t21
+			]
+		});
+		$[57] = t17;
+		$[58] = t21;
+		$[59] = t22;
+	} else t22 = $[59];
+	return t22;
+};
+const SocialPreviewImage = (t0) => {
+	const $ = c(3);
+	const { src } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = { aspectRatio: "1200 / 630" };
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== src) {
+		t2 = /* @__PURE__ */ jsx("img", {
+			src,
+			alt: "",
+			className: "w-full object-cover",
+			style: t1
+		});
+		$[1] = src;
+		$[2] = t2;
+	} else t2 = $[2];
+	return t2;
+};
+/** How a page shows when shared: its image, title, description and URL. */
+const SocialPreviewCard = (t0) => {
+	const $ = c(14);
+	const { image, metaTitle, metaDescription, url } = t0;
+	const t1 = metaTitle || "Untitled";
+	let t2;
+	if ($[0] !== t1) {
+		t2 = /* @__PURE__ */ jsx("p", {
 			className: "text-foreground truncate text-sm font-semibold",
-			children: t22
+			children: t1
 		});
-		$[53] = t22;
-		$[54] = t23;
-	} else t23 = $[54];
-	const t24 = metaDescription || "No description";
-	let t25;
-	if ($[55] !== t24) {
-		t25 = /* @__PURE__ */ jsx("p", {
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	const t3 = metaDescription || "No description";
+	let t4;
+	if ($[2] !== t3) {
+		t4 = /* @__PURE__ */ jsx("p", {
 			className: "text-muted-foreground line-clamp-2 text-xs",
-			children: t24
+			children: t3
 		});
-		$[55] = t24;
-		$[56] = t25;
-	} else t25 = $[56];
-	let t26;
-	if ($[57] === Symbol.for("react.memo_cache_sentinel")) {
-		t26 = /* @__PURE__ */ jsx(Globe, { className: "size-3 shrink-0" });
-		$[57] = t26;
-	} else t26 = $[57];
-	let t27;
-	if ($[58] !== url) {
-		t27 = /* @__PURE__ */ jsx("div", {
+		$[2] = t3;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(Globe, { className: "size-3 shrink-0" });
+		$[4] = t5;
+	} else t5 = $[4];
+	let t6;
+	if ($[5] !== url) {
+		t6 = /* @__PURE__ */ jsx("div", {
 			className: "pt-1.5",
 			children: /* @__PURE__ */ jsxs("p", {
 				className: "text-muted-foreground flex items-center gap-1 text-xs",
-				children: [t26, /* @__PURE__ */ jsx("span", {
+				children: [t5, /* @__PURE__ */ jsx("span", {
 					className: "truncate",
 					children: url
 				})]
 			})
 		});
-		$[58] = url;
-		$[59] = t27;
-	} else t27 = $[59];
-	let t28;
-	if ($[60] !== t23 || $[61] !== t25 || $[62] !== t27) {
-		t28 = /* @__PURE__ */ jsxs("div", {
+		$[5] = url;
+		$[6] = t6;
+	} else t6 = $[6];
+	let t7;
+	if ($[7] !== t2 || $[8] !== t4 || $[9] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
 			className: "space-y-1.5 border-t px-3 py-2.5",
 			children: [
-				t23,
-				t25,
-				t27
+				t2,
+				t4,
+				t6
 			]
 		});
-		$[60] = t23;
-		$[61] = t25;
-		$[62] = t27;
-		$[63] = t28;
-	} else t28 = $[63];
-	let t29;
-	if ($[64] !== t21 || $[65] !== t28) {
-		t29 = /* @__PURE__ */ jsxs("div", {
+		$[7] = t2;
+		$[8] = t4;
+		$[9] = t6;
+		$[10] = t7;
+	} else t7 = $[10];
+	let t8;
+	if ($[11] !== image || $[12] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
 			className: "border-border max-w-xl overflow-hidden rounded-lg border",
-			children: [t21, t28]
-		});
-		$[64] = t21;
-		$[65] = t28;
-		$[66] = t29;
-	} else t29 = $[66];
-	let t30;
-	if ($[67] !== t17 || $[68] !== t29) {
-		t30 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-2 pt-2",
-			children: [
-				t10,
-				t17,
-				t29
-			]
+			children: [image, t7]
 		});
-		$[67] = t17;
-		$[68] = t29;
-		$[69] = t30;
-	} else t30 = $[69];
-	return t30;
+		$[11] = image;
+		$[12] = t7;
+		$[13] = t8;
+	} else t8 = $[13];
+	return t8;
 };
 const PageMarkdownPreview = (t0) => {
 	const $ = c(8);
@@ -1760,4 +1877,4 @@ function _temp14() {
 }
 
 //#endregion
-export { PageInfo, PageMarkdownContent, PageSeoContent };
+export { PageDiscoverabilityButtons, PageInfo, PageMarkdownContent, PageMarkdownSheetFrame, PageSeoContent, PageSeoSheetFrame, SearchEnginePreview, SocialPreviewCard, SocialPreviewImage };