camox 0.42.0 → 0.44.0

package/dist/features/provider/components/CommandPalette.js

@@ -5,15 +5,14 @@ import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useSelector } from "@xstate/store-react";
-import { Kbd } from "@camox/ui/kbd";
 import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandShortcut } from "@camox/ui/command";
 
 //#region src/features/provider/components/CommandPalette.tsx
 function CommandPalette() {
-	const $ = c(43);
-	if ($[0] !== "911725dec1e42161265ff27436f9ae9c6c82392d2b8fce53f3eb80dfb29cb6f0") {
-		for (let $i = 0; $i < 43; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "911725dec1e42161265ff27436f9ae9c6c82392d2b8fce53f3eb80dfb29cb6f0";
+	const $ = c(37);
+	if ($[0] !== "9972e9f574379197af85e2183aa9808df309da92f446247a1c5412a1062393cb") {
+		for (let $i = 0; $i < 37; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "9972e9f574379197af85e2183aa9808df309da92f446247a1c5412a1062393cb";
 	}
 	const isOpen = useSelector(studioStore, _temp);
 	const [search, setSearch] = React.useState("");
@@ -163,64 +162,18 @@ function CommandPalette() {
 	} else t8 = $[25];
 	let t9;
 	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ jsxs("span", {
-			className: "flex items-center gap-1.5",
-			children: [
-				/* @__PURE__ */ jsx(Kbd, { children: "↑" }),
-				/* @__PURE__ */ jsx(Kbd, { children: "↓" }),
-				" to navigate"
-			]
+		t9 = /* @__PURE__ */ jsx(CommandEmpty, {
+			className: "text-muted-foreground py-8",
+			children: "No results found."
 		});
 		$[26] = t9;
 	} else t9 = $[26];
 	let t10;
-	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ jsxs("span", {
-			className: "flex items-center gap-1.5",
-			children: [/* @__PURE__ */ jsx(Kbd, { children: "↵" }), " to select"]
-		});
-		$[27] = t10;
-	} else t10 = $[27];
-	let t11;
-	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = /* @__PURE__ */ jsx(Kbd, { children: "Esc" });
-		$[28] = t11;
-	} else t11 = $[28];
-	const t12 = page ? "to go back" : "to close";
-	let t13;
-	if ($[29] !== t12) {
-		t13 = /* @__PURE__ */ jsxs("div", {
-			className: "text-muted-foreground flex flex-wrap items-center gap-x-4 gap-y-2 border-b px-5 pb-3 text-xs",
-			children: [
-				t9,
-				t10,
-				/* @__PURE__ */ jsxs("span", {
-					className: "flex items-center gap-1.5",
-					children: [
-						t11,
-						" ",
-						t12
-					]
-				})
-			]
-		});
-		$[29] = t12;
-		$[30] = t13;
-	} else t13 = $[30];
-	let t14;
-	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
-		t14 = /* @__PURE__ */ jsx(CommandEmpty, {
-			className: "text-muted-foreground py-8",
-			children: "No results found."
-		});
-		$[31] = t14;
-	} else t14 = $[31];
-	let t15;
-	if ($[32] !== groupedActions || $[33] !== handleSelect) {
-		t15 = /* @__PURE__ */ jsxs(CommandList, {
+	if ($[27] !== groupedActions || $[28] !== handleSelect) {
+		t10 = /* @__PURE__ */ jsxs(CommandList, {
 			className: "max-h-[min(24rem,45dvh)] min-h-0 scroll-py-1 px-2 pt-1 pb-2",
-			children: [t14, Array.from(groupedActions.entries()).map((t16) => {
-				const [groupLabel_0, groupActions] = t16;
+			children: [t9, Array.from(groupedActions.entries()).map((t11) => {
+				const [groupLabel_0, groupActions] = t11;
 				return /* @__PURE__ */ jsx(CommandGroup, {
 					heading: groupLabel_0,
 					className: "mb-2 p-0 last:mb-0 **:[[cmdk-group-heading]]:px-3 **:[[cmdk-group-heading]]:py-2 **:[[cmdk-group-heading]]:text-[11px] **:[[cmdk-group-heading]]:tracking-widest **:[[cmdk-group-heading]]:uppercase",
@@ -234,44 +187,42 @@ function CommandPalette() {
 				}, groupLabel_0);
 			})]
 		});
-		$[32] = groupedActions;
-		$[33] = handleSelect;
-		$[34] = t15;
-	} else t15 = $[34];
-	let t16;
-	if ($[35] !== t13 || $[36] !== t15 || $[37] !== t8 || $[38] !== value) {
-		t16 = /* @__PURE__ */ jsxs(Command, {
+		$[27] = groupedActions;
+		$[28] = handleSelect;
+		$[29] = t10;
+	} else t10 = $[29];
+	let t11;
+	if ($[30] !== t10 || $[31] !== t8 || $[32] !== value) {
+		t11 = /* @__PURE__ */ jsxs(Command, {
 			value,
 			onValueChange: setValue,
 			className: "h-auto max-h-[80dvh] p-0",
 			children: [
 				t6,
 				t8,
-				t13,
-				t15
+				t10
 			]
 		});
-		$[35] = t13;
-		$[36] = t15;
-		$[37] = t8;
-		$[38] = value;
-		$[39] = t16;
-	} else t16 = $[39];
-	let t17;
-	if ($[40] !== isOpen || $[41] !== t16) {
-		t17 = /* @__PURE__ */ jsx(CommandDialog, {
+		$[30] = t10;
+		$[31] = t8;
+		$[32] = value;
+		$[33] = t11;
+	} else t11 = $[33];
+	let t12;
+	if ($[34] !== isOpen || $[35] !== t11) {
+		t12 = /* @__PURE__ */ jsx(CommandDialog, {
 			open: isOpen,
 			onOpenChange: handleOpenChange,
 			className: "top-[12vh] sm:max-w-xl",
 			description: "Navigate your site and switch settings quickly.",
 			showCloseButton: true,
-			children: t16
+			children: t11
 		});
-		$[40] = isOpen;
-		$[41] = t16;
-		$[42] = t17;
-	} else t17 = $[42];
-	return t17;
+		$[34] = isOpen;
+		$[35] = t11;
+		$[36] = t12;
+	} else t12 = $[36];
+	return t12;
 }
 function _temp3(state_1) {
 	return state_1.context.commandPalettePages;
@@ -284,9 +235,9 @@ function _temp(state) {
 }
 function useCommandPaletteActions() {
 	const $ = c(2);
-	if ($[0] !== "911725dec1e42161265ff27436f9ae9c6c82392d2b8fce53f3eb80dfb29cb6f0") {
+	if ($[0] !== "9972e9f574379197af85e2183aa9808df309da92f446247a1c5412a1062393cb") {
 		for (let $i = 0; $i < 2; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "911725dec1e42161265ff27436f9ae9c6c82392d2b8fce53f3eb80dfb29cb6f0";
+		$[0] = "9972e9f574379197af85e2183aa9808df309da92f446247a1c5412a1062393cb";
 	}
 	let t0;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {

package/dist/features/runtime/pageApp.js

@@ -14,15 +14,15 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/features/runtime/pageApp.tsx
 function PageApp(t0) {
-	const $ = c(19);
-	if ($[0] !== "9929b5234f34e8dc8642da9eb491a90e9a57f3ab875ddfc1a186f42f4452f2f5") {
-		for (let $i = 0; $i < 19; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "9929b5234f34e8dc8642da9eb491a90e9a57f3ab875ddfc1a186f42f4452f2f5";
+	const $ = c(20);
+	if ($[0] !== "cc0d298a8943efca3ffb5e7cf2f8f814ebecbf27dec68e2a3129c1bb95c18943") {
+		for (let $i = 0; $i < 20; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "cc0d298a8943efca3ffb5e7cf2f8f814ebecbf27dec68e2a3129c1bb95c18943";
 	}
 	const { camoxApp, input, queryClient } = t0;
 	const t1 = input.dehydratedState;
 	let t2;
-	if ($[1] !== camoxApp || $[2] !== input.apiUrl || $[3] !== input.authenticationUrl || $[4] !== input.environmentName || $[5] !== input.presentation || $[6] !== input.projectSlug || $[7] !== queryClient) {
+	if ($[1] !== camoxApp || $[2] !== input.apiUrl || $[3] !== input.authenticationUrl || $[4] !== input.environmentName || $[5] !== input.presentation || $[6] !== input.previewHandoff || $[7] !== input.projectSlug || $[8] !== queryClient) {
 		t2 = (currentInput) => /* @__PURE__ */ jsx(CoreCamoxProvider, {
 			camoxApp,
 			authenticationUrl: input.authenticationUrl,
@@ -33,7 +33,10 @@ function PageApp(t0) {
 			initialProject: currentInput.project,
 			children: /* @__PURE__ */ jsx(PreviewDocumentContext.Provider, {
 				value: currentInput.previewDocument,
-				children: /* @__PURE__ */ jsx(PageExperience, {
+				children: input.previewHandoff ? /* @__PURE__ */ jsx("div", {
+					role: "status",
+					children: "Signing in to draft preview…"
+				}) : /* @__PURE__ */ jsx(PageExperience, {
 					camoxApp,
 					input: currentInput,
 					queryClient,
@@ -46,42 +49,43 @@ function PageApp(t0) {
 		$[3] = input.authenticationUrl;
 		$[4] = input.environmentName;
 		$[5] = input.presentation;
-		$[6] = input.projectSlug;
-		$[7] = queryClient;
-		$[8] = t2;
-	} else t2 = $[8];
+		$[6] = input.previewHandoff;
+		$[7] = input.projectSlug;
+		$[8] = queryClient;
+		$[9] = t2;
+	} else t2 = $[9];
 	let t3;
-	if ($[9] !== input || $[10] !== queryClient || $[11] !== t2) {
+	if ($[10] !== input || $[11] !== queryClient || $[12] !== t2) {
 		t3 = /* @__PURE__ */ jsx(PageNavigationProvider, {
 			initialInput: input,
 			queryClient,
 			children: t2
 		});
-		$[9] = input;
-		$[10] = queryClient;
-		$[11] = t2;
-		$[12] = t3;
-	} else t3 = $[12];
+		$[10] = input;
+		$[11] = queryClient;
+		$[12] = t2;
+		$[13] = t3;
+	} else t3 = $[13];
 	let t4;
-	if ($[13] !== t1 || $[14] !== t3) {
+	if ($[14] !== t1 || $[15] !== t3) {
 		t4 = /* @__PURE__ */ jsx(HydrationBoundary, {
 			state: t1,
 			children: t3
 		});
-		$[13] = t1;
-		$[14] = t3;
-		$[15] = t4;
-	} else t4 = $[15];
+		$[14] = t1;
+		$[15] = t3;
+		$[16] = t4;
+	} else t4 = $[16];
 	let t5;
-	if ($[16] !== queryClient || $[17] !== t4) {
+	if ($[17] !== queryClient || $[18] !== t4) {
 		t5 = /* @__PURE__ */ jsx(QueryClientProvider, {
 			client: queryClient,
 			children: t4
 		});
-		$[16] = queryClient;
-		$[17] = t4;
-		$[18] = t5;
-	} else t5 = $[18];
+		$[17] = queryClient;
+		$[18] = t4;
+		$[19] = t5;
+	} else t5 = $[19];
 	return t5;
 }
 const LazyEditablePageExperience = React.lazy(() => import("../preview/EditablePageExperience.js").then((module) => ({ default: module.EditablePageExperience })));
@@ -101,9 +105,9 @@ var EditingActivationBoundary = class extends React.Component {
 const subscribeToHydration = () => () => {};
 function PageExperience(t0) {
 	const $ = c(39);
-	if ($[0] !== "9929b5234f34e8dc8642da9eb491a90e9a57f3ab875ddfc1a186f42f4452f2f5") {
+	if ($[0] !== "cc0d298a8943efca3ffb5e7cf2f8f814ebecbf27dec68e2a3129c1bb95c18943") {
 		for (let $i = 0; $i < 39; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "9929b5234f34e8dc8642da9eb491a90e9a57f3ab875ddfc1a186f42f4452f2f5";
+		$[0] = "cc0d298a8943efca3ffb5e7cf2f8f814ebecbf27dec68e2a3129c1bb95c18943";
 	}
 	const { camoxApp, input, queryClient, studioDocument } = t0;
 	const { isAuthenticated, isLoading } = useAuthState();

package/dist/features/runtime/pageServer.js

@@ -1,5 +1,6 @@
+import { prefetchIcons } from "../../core/lib/icons.js";
 import { PageApp } from "./pageApp.js";
-import { QueryClient, hydrate } from "@tanstack/react-query";
+import { QueryClient, dehydrate, hydrate } from "@tanstack/react-query";
 import { jsx } from "react/jsx-runtime";
 import { renderToString } from "react-dom/server";
 
@@ -7,6 +8,8 @@ import { renderToString } from "react-dom/server";
 async function renderPageWithApp(input) {
 	const queryClient = new QueryClient();
 	hydrate(queryClient, input.dehydratedState);
+	await prefetchIcons(queryClient, input.dehydratedState, input.camoxApp.getSerializableDefinitions());
+	Object.assign(input.dehydratedState, dehydrate(queryClient));
 	return renderToString(/* @__PURE__ */ jsx(PageApp, {
 		camoxApp: input.camoxApp,
 		input,

package/dist/features/runtime/runtime.d.ts

@@ -17,6 +17,8 @@ interface LayoutIdentity {
   version: string;
 }
 interface PageRenderInput {
+  /** Authenticate before looking up a page that may exist only in draft. */
+  previewHandoff?: boolean;
   previewDocument?: string;
   routeKind?: "studio" | "studio-content" | "studio-nested";
   project?: Awaited<ReturnType<ReturnType<typeof createServerApiClient>["projects"]["getBySlug"]>>;

package/dist/features/runtime/runtime.js

@@ -1,3 +1,5 @@
+import { buildClearServerAuthCookieHeader, getServerAuthCookieHeader } from "../../lib/server-auth-cookie.js";
+import { getPageDestinations } from "../../core/pageDestinations.js";
 import { PLATFORM_SCRIPT } from "../../lib/platform.js";
 import { STUDIO_THEME_SCRIPT } from "../studio/studioTheme.js";
 import { matchDerivedLayout } from "../../core/derivedRoutes.js";
@@ -9,20 +11,6 @@ import { createHead, renderSSRHead } from "@unhead/react/server";
 const DEFAULT_RUNTIME_BASE_PATH = "";
 const RUNTIME_HEALTH_PATH = "/_camox/health";
 const RUNTIME_REGISTRY_PATH = "/_camox/registry";
-const SERVER_AUTH_COOKIE_NAME = "camox_auth_cookie";
-function buildClearServerAuthCookieHeader() {
-	return `${SERVER_AUTH_COOKIE_NAME}=; Path=/; SameSite=Lax; Max-Age=0`;
-}
-function getServerAuthCookieHeader(headers) {
-	const authCookie = (headers.get("Cookie") ?? headers.get("cookie") ?? "").split(";").map((part) => part.trim()).find((part) => part.startsWith(`${SERVER_AUTH_COOKIE_NAME}=`));
-	if (!authCookie) return "";
-	const value = authCookie.slice(18);
-	try {
-		return decodeURIComponent(value);
-	} catch {
-		return "";
-	}
-}
 function normalizeRuntimeBasePath(basePath) {
 	if (basePath === void 0) return DEFAULT_RUNTIME_BASE_PATH;
 	if (!basePath || basePath === "/") return "";
@@ -101,10 +89,16 @@ async function createSitemapResponse(request, options) {
 	if (!options.apiUrl || !options.projectSlug) return Response.json({ message: "Camox sitemap is not configured." }, { status: 500 });
 	const api = createServerApiClient(options.apiUrl, options.environmentName);
 	const origin = new URL(request.url).origin;
-	const entries = (await api.pages.listBySlug({ projectSlug: options.projectSlug })).map((page) => `  <url>
-    <loc>${escapeXml(`${origin}${withRuntimeBasePath(page.fullPath, options.runtimeBasePath)}`)}</loc>
-    <lastmod>${escapeXml(new Date(page.updatedAt).toISOString())}</lastmod>
-  </url>`).join("\n");
+	const pages = await api.pages.listBySlug({ projectSlug: options.projectSlug });
+	const destinations = getPageDestinations(pages, (await options.getCamoxApp?.())?.getLayouts() ?? []);
+	const updatedAtById = new Map(pages.map((page) => [page.id, page.updatedAt]));
+	const entries = destinations.map((page) => {
+		const updatedAt = page.kind === "curated" ? updatedAtById.get(page.pageId) : void 0;
+		const lastmod = updatedAt == null ? "" : `\n    <lastmod>${escapeXml(new Date(updatedAt).toISOString())}</lastmod>`;
+		return `  <url>
+    <loc>${escapeXml(`${origin}${withRuntimeBasePath(page.fullPath, options.runtimeBasePath)}`)}</loc>${lastmod}
+  </url>`;
+	}).join("\n");
 	return new Response(`<?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
 ${entries}
@@ -214,6 +208,33 @@ async function createPageHtmlResponse({ options, pathname, request }) {
 		pathname,
 		request
 	});
+	const requestUrl = new URL(request.url);
+	if (requestUrl.searchParams.has("camox-preview") && requestUrl.searchParams.has("ott")) {
+		const input = {
+			previewHandoff: true,
+			presentation: "public",
+			source: "live",
+			apiUrl: options.apiUrl,
+			authenticationUrl: options.authenticationUrl,
+			environmentName: options.environmentName,
+			projectSlug: options.projectSlug,
+			href: requestUrl.href,
+			pathname,
+			runtimeBasePath: normalizeRuntimeBasePath(options.runtimeBasePath),
+			head: {},
+			loaderData: null,
+			layoutIdentity: null,
+			dehydratedState: dehydrate(new QueryClient())
+		};
+		const html = await options.renderPage(input);
+		return new Response(`<!doctype html><html><head><meta name="referrer" content="no-referrer"><title>Camox draft preview</title><script id="__CAMOX_DATA__" type="application/json">${serializeJsonForHtml(input)}<\/script></head><body><div id="root">${html}</div>${renderClientEntryScript(options.pageClientEntryUrl)}</body></html>`, { headers: {
+			"Content-Type": "text/html; charset=utf-8",
+			"Cache-Control": "private, no-store",
+			"Referrer-Policy": "no-referrer"
+		} });
+	}
+	const singleton = await createDerivedResponse(options, pathname, request, false, true);
+	if (singleton) return singleton;
 	const queryClient = new QueryClient();
 	try {
 		const result = await loadCamoxPageForRequest({
@@ -277,13 +298,14 @@ ${renderClientEntryScript(options.pageClientEntryUrl)}
 		throw error;
 	}
 }
-async function createDerivedResponse(options, pathname, request, dataOnly = false) {
+async function createDerivedResponse(options, pathname, request, dataOnly = false, singletonOnly = false) {
 	const app = await options.getCamoxApp?.();
 	const match = app && matchDerivedLayout(app.getLayouts(), pathname);
 	if (!match || !dataOnly && !options.renderPage) return null;
+	if (singletonOnly && match.layout._internal.kind !== "singleton") return null;
 	try {
-		const data = await match.layout._internal.loader({ params: match.params });
-		const serializedData = JSON.parse(JSON.stringify(data));
+		const data = await match.layout._internal.loader?.({ params: match.params });
+		const serializedData = data === void 0 ? void 0 : JSON.parse(JSON.stringify(data));
 		const queryClient = new QueryClient();
 		const authCookieHeader = getServerAuthCookieHeader(request.headers);
 		let source = authCookieHeader ? "draft" : "live";
@@ -404,6 +426,8 @@ ${renderClientEntryScript(options.studioClientEntryUrl)}
 }
 async function createPageDataResponse({ options, pathname, request }) {
 	if (!options.apiUrl || !options.projectSlug) return Response.json({ message: "Camox page loader is not configured." }, { status: 500 });
+	const singleton = await createDerivedResponse(options, pathname, request, true, true);
+	if (singleton) return singleton;
 	const queryClient = new QueryClient();
 	try {
 		const result = await loadCamoxPageForRequest({

package/dist/features/studio/components/EnvironmentMenu.js

@@ -1,5 +1,6 @@
 import { AuthContext } from "../../../lib/auth.js";
 import { environmentMutations, environmentQueries, projectQueries } from "../../../lib/queries.js";
+import { areCommentsEnabled } from "../../preview/commentsEnabled.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import * as React from "react";
@@ -30,15 +31,16 @@ function formatReason(reason, direction) {
 		case "block-definition-missing-in-source": return `Block type "${reason.blockId}" exists in ${targetLabel} but not in ${sourceLabel}.`;
 		case "block-definition-missing-in-target": return `Block type "${reason.blockId}" exists in ${sourceLabel} but not in ${targetLabel}. ${remedy}`;
 		case "block-definition-schema-mismatch": return `Block type "${reason.blockId}" has a different "${reason.field}" between envs. Sync block definitions and try again.`;
+		case "layout-kind-mismatch": return `Layout "${reason.layoutId}" has a different kind between environments. Sync layout definitions and try again.`;
 		case "layout-missing-in-source": return `Layout "${reason.layoutId}" exists in ${targetLabel} but not in ${sourceLabel}.`;
 		case "layout-missing-in-target": return `Layout "${reason.layoutId}" exists in ${sourceLabel} but not in ${targetLabel}. ${remedy}`;
 	}
 }
 const EnvironmentMenu = () => {
-	const $ = c(84);
-	if ($[0] !== "42128d7498b871de7c9ecaaeb2e1b0e858fc9e8ce0ed44b99ccfaf471a4c55ca") {
-		for (let $i = 0; $i < 84; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "42128d7498b871de7c9ecaaeb2e1b0e858fc9e8ce0ed44b99ccfaf471a4c55ca";
+	const $ = c(87);
+	if ($[0] !== "a19764fc2cadba3ca96828ce487913043214419dfe0474e5a0ab5e6e8d2d6177") {
+		for (let $i = 0; $i < 87; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "a19764fc2cadba3ca96828ce487913043214419dfe0474e5a0ab5e6e8d2d6177";
 	}
 	const [open, setOpen] = React.useState(false);
 	const [pendingDirection, setPendingDirection] = React.useState(null);
@@ -301,7 +303,7 @@ const EnvironmentMenu = () => {
 	} else t25 = $[55];
 	let t26;
 	if ($[56] !== environmentName || $[57] !== pendingDirection) {
-		t26 = /* @__PURE__ */ jsx(AlertDialogDescription, { children: pendingDirection === "push" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+		t26 = pendingDirection === "push" ? /* @__PURE__ */ jsxs(Fragment, { children: [
 			"This will replace all content in",
 			" ",
 			/* @__PURE__ */ jsx("span", {
@@ -328,84 +330,95 @@ const EnvironmentMenu = () => {
 				children: "production"
 			}),
 			". This action cannot be undone."
-		] }) });
+		] });
 		$[56] = environmentName;
 		$[57] = pendingDirection;
 		$[58] = t26;
 	} else t26 = $[58];
 	let t27;
-	if ($[59] !== t25 || $[60] !== t26) {
-		t27 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [t25, t26] });
-		$[59] = t25;
-		$[60] = t26;
-		$[61] = t27;
-	} else t27 = $[61];
+	if ($[59] === Symbol.for("react.memo_cache_sentinel")) {
+		t27 = areCommentsEnabled() && " Feedback comments in the destination will also be replaced.";
+		$[59] = t27;
+	} else t27 = $[59];
 	let t28;
-	if ($[62] !== replicate.isPending) {
-		t28 = /* @__PURE__ */ jsx(AlertDialogCancel, {
+	if ($[60] !== t26) {
+		t28 = /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [t26, t27] });
+		$[60] = t26;
+		$[61] = t28;
+	} else t28 = $[61];
+	let t29;
+	if ($[62] !== t25 || $[63] !== t28) {
+		t29 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [t25, t28] });
+		$[62] = t25;
+		$[63] = t28;
+		$[64] = t29;
+	} else t29 = $[64];
+	let t30;
+	if ($[65] !== replicate.isPending) {
+		t30 = /* @__PURE__ */ jsx(AlertDialogCancel, {
 			variant: "outline",
 			size: "default",
 			disabled: replicate.isPending,
 			children: "Cancel"
 		});
-		$[62] = replicate.isPending;
-		$[63] = t28;
-	} else t28 = $[63];
-	let t29;
-	if ($[64] !== replicate.isPending) {
-		t29 = replicate.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
-		$[64] = replicate.isPending;
-		$[65] = t29;
-	} else t29 = $[65];
-	const t30 = pendingDirection === "push" ? "Push" : "Pull";
+		$[65] = replicate.isPending;
+		$[66] = t30;
+	} else t30 = $[66];
 	let t31;
-	if ($[66] !== handleConfirm || $[67] !== replicate.isPending || $[68] !== t29 || $[69] !== t30) {
-		t31 = /* @__PURE__ */ jsxs(AlertDialogAction, {
+	if ($[67] !== replicate.isPending) {
+		t31 = replicate.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
+		$[67] = replicate.isPending;
+		$[68] = t31;
+	} else t31 = $[68];
+	const t32 = pendingDirection === "push" ? "Push" : "Pull";
+	let t33;
+	if ($[69] !== handleConfirm || $[70] !== replicate.isPending || $[71] !== t31 || $[72] !== t32) {
+		t33 = /* @__PURE__ */ jsxs(AlertDialogAction, {
 			variant: "destructive",
 			onClick: handleConfirm,
 			disabled: replicate.isPending,
-			children: [t29, t30]
+			children: [t31, t32]
 		});
-		$[66] = handleConfirm;
-		$[67] = replicate.isPending;
-		$[68] = t29;
-		$[69] = t30;
-		$[70] = t31;
-	} else t31 = $[70];
-	let t32;
-	if ($[71] !== t28 || $[72] !== t31) {
-		t32 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t28, t31] });
-		$[71] = t28;
-		$[72] = t31;
-		$[73] = t32;
-	} else t32 = $[73];
-	let t33;
-	if ($[74] !== t27 || $[75] !== t32) {
-		t33 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t27, t32] });
-		$[74] = t27;
-		$[75] = t32;
-		$[76] = t33;
-	} else t33 = $[76];
+		$[69] = handleConfirm;
+		$[70] = replicate.isPending;
+		$[71] = t31;
+		$[72] = t32;
+		$[73] = t33;
+	} else t33 = $[73];
 	let t34;
-	if ($[77] !== t22 || $[78] !== t23 || $[79] !== t33) {
-		t34 = /* @__PURE__ */ jsx(AlertDialog, {
+	if ($[74] !== t30 || $[75] !== t33) {
+		t34 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t30, t33] });
+		$[74] = t30;
+		$[75] = t33;
+		$[76] = t34;
+	} else t34 = $[76];
+	let t35;
+	if ($[77] !== t29 || $[78] !== t34) {
+		t35 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t29, t34] });
+		$[77] = t29;
+		$[78] = t34;
+		$[79] = t35;
+	} else t35 = $[79];
+	let t36;
+	if ($[80] !== t22 || $[81] !== t23 || $[82] !== t35) {
+		t36 = /* @__PURE__ */ jsx(AlertDialog, {
 			open: t22,
 			onOpenChange: t23,
-			children: t33
+			children: t35
 		});
-		$[77] = t22;
-		$[78] = t23;
-		$[79] = t33;
-		$[80] = t34;
-	} else t34 = $[80];
-	let t35;
-	if ($[81] !== t21 || $[82] !== t34) {
-		t35 = /* @__PURE__ */ jsxs(Fragment, { children: [t21, t34] });
-		$[81] = t21;
-		$[82] = t34;
-		$[83] = t35;
-	} else t35 = $[83];
-	return t35;
+		$[80] = t22;
+		$[81] = t23;
+		$[82] = t35;
+		$[83] = t36;
+	} else t36 = $[83];
+	let t37;
+	if ($[84] !== t21 || $[85] !== t36) {
+		t37 = /* @__PURE__ */ jsxs(Fragment, { children: [t21, t36] });
+		$[84] = t21;
+		$[85] = t36;
+		$[86] = t37;
+	} else t37 = $[86];
+	return t37;
 };
 
 //#endregion