camox 0.41.1 → 0.43.0

package/dist/core/hooks/useOverlayState.js

@@ -0,0 +1,11 @@
+//#region src/core/hooks/useOverlayState.ts
+/** Native and sidebar hover use the same overlay attributes in every editing mode. */
+function useOverlayState(hovered, focused = false) {
+	return {
+		"data-camox-hovered": hovered || void 0,
+		"data-camox-focused": focused || void 0
+	};
+}
+
+//#endregion
+export { useOverlayState };

package/dist/core/lib/fieldTypes.js

@@ -1,10 +1,10 @@
 //#region src/core/lib/fieldTypes.tsx
 const fieldTypesDictionary = {
-	String: { hasOwnView: false },
-	Repeater: { hasOwnView: false },
-	Enum: { hasOwnView: false },
-	Boolean: { hasOwnView: false },
-	Embed: { hasOwnView: false },
+	String: { hasOwnView: true },
+	Repeater: { hasOwnView: true },
+	Enum: { hasOwnView: true },
+	Boolean: { hasOwnView: true },
+	Embed: { hasOwnView: true },
 	Link: { hasOwnView: true },
 	Image: { hasOwnView: true },
 	File: { hasOwnView: true },

package/dist/core/lib/lexicalReact.js

@@ -1,7 +1,7 @@
 import { FORMAT_FLAGS } from "./modifierFormats.js";
 import { getPageIdFromTextLinkTarget, isHttpTextLinkTarget, resolveTextLinkHref, shouldOpenTextLinkInNewTab } from "./textLinks.js";
 import { isLexicalState, markdownToLexicalState } from "./lexicalState.js";
-import { getGradientStyle, getTextAppearance } from "./textStyles.js";
+import { getHighlightStyle, getTextAppearance } from "./textStyles.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
@@ -23,9 +23,9 @@ function markdownToReactNodes(value, options = {}) {
 		}
 		if (node.type === "linebreak") return /* @__PURE__ */ jsx("br", {}, key);
 		const children = (node.children ?? []).map(render);
-		if (node.type === "gradient") return /* @__PURE__ */ jsx("span", {
-			"data-camox-gradient": "",
-			...getGradientStyle(options),
+		if (node.type === "highlight") return /* @__PURE__ */ jsx("span", {
+			"data-camox-highlight": "",
+			...getHighlightStyle(options),
 			children
 		}, key);
 		if (node.type === "link") {

package/dist/core/lib/lexicalState.js

@@ -12,6 +12,22 @@ function isLexicalState(value) {
 		return false;
 	}
 }
+function lexicalStateToPlainText(serialized) {
+	try {
+		return extractText((typeof serialized === "object" ? serialized : JSON.parse(serialized)).root);
+	} catch {
+		return typeof serialized === "string" ? serialized : "";
+	}
+}
+function extractText(node) {
+	if (node.type === "text") return node.text ?? "";
+	if (node.type === "linebreak") return "\n";
+	if (!node.children) return "";
+	const parts = [];
+	for (const child of node.children) parts.push(extractText(child));
+	if (node.type === "paragraph" || node.type === "inline-paragraph" || node.type === "heading") return parts.join("");
+	return parts.join(node.type === "root" ? "\n\n" : "");
+}
 function lexicalStateToMarkdown(serialized) {
 	try {
 		return extractMarkdown((typeof serialized === "object" ? serialized : JSON.parse(serialized)).root);
@@ -20,7 +36,7 @@ function lexicalStateToMarkdown(serialized) {
 	}
 }
 function extractMarkdownFromNode(node) {
-	if (node.type === "gradient") return `<gradient>${serializeInlineChildren(node.children ?? [])}</gradient>`;
+	if (node.type === "highlight") return `<highlight>${serializeInlineChildren(node.children ?? [])}</highlight>`;
 	if (node.type === "link") {
 		const text = serializeInlineChildren(node.children ?? []);
 		const url = typeof node.url === "string" ? node.url : "";
@@ -188,7 +204,7 @@ function parseTokens(tokens, format) {
 			else nodes.push(...children);
 			continue;
 		}
-		const tag = token.type === "html" ? /^<(gradient|u|strong|em)>$/.exec(token.raw)?.[1] : void 0;
+		const tag = token.type === "html" ? /^<(highlight|u|strong|em)>$/.exec(token.raw)?.[1] : void 0;
 		if (tag) {
 			let depth = 1;
 			let end = i + 1;
@@ -205,7 +221,7 @@ function parseTokens(tokens, format) {
 					em: FORMAT_FLAGS.italic
 				};
 				const children = parseTokens(tokens.slice(i + 1, end), format | (tagFlags[tag] ?? 0));
-				if (tag === "gradient") nodes.push(inlineElement("gradient", children));
+				if (tag === "highlight") nodes.push(inlineElement("highlight", children));
 				else nodes.push(...children);
 				i = end;
 				continue;
@@ -224,4 +240,4 @@ function parseTokens(tokens, format) {
 }
 
 //#endregion
-export { isLexicalState, lexicalStateToMarkdown, markdownToLexicalState };
+export { isLexicalState, lexicalStateToMarkdown, lexicalStateToPlainText, markdownToLexicalState };

package/dist/core/lib/modifierFormats.js

@@ -4,7 +4,7 @@ const FORMAT_FLAGS = {
 	bold: 1,
 	italic: 2,
 	underline: 8,
-	gradient: 1 << 20
+	highlight: 1 << 20
 };
 
 //#endregion

package/dist/core/lib/textLinks.js

@@ -12,12 +12,15 @@ function createPageTextLinkTarget(pageId) {
 function isHttpTextLinkTarget(target) {
 	return /^https?:\/\//i.test(target);
 }
+function isInternalTextLinkTarget(target) {
+	return /^\/(?!\/)[^\s\\\p{Cc}]*$/u.test(target);
+}
 function isValidTextLinkTarget(target) {
-	return getPageIdFromTextLinkTarget(target) != null || isHttpTextLinkTarget(target);
+	return getPageIdFromTextLinkTarget(target) != null || isHttpTextLinkTarget(target) || isInternalTextLinkTarget(target);
 }
 function resolveTextLinkHref(target, pages, fallbackHref) {
 	const pageId = getPageIdFromTextLinkTarget(target);
-	if (pageId == null) return isHttpTextLinkTarget(target) ? target : null;
+	if (pageId == null) return isValidTextLinkTarget(target) ? target : null;
 	return (pages?.find((p) => String(p.id) === pageId))?.fullPath ?? fallbackHref;
 }
 function shouldOpenTextLinkInNewTab(target) {

package/dist/core/lib/textStyles.d.ts

@@ -6,8 +6,8 @@ interface InlineStyle {
   style?: CSSProperties;
 }
 interface TextStyleData {
-  /** True when styling the shared gradient wrapper. Other flags are false for this call. */
-  gradient: boolean;
+  /** True when styling the shared highlight wrapper. Other flags are false for this call. */
+  highlight: boolean;
   bold: boolean;
   italic: boolean;
   underline: boolean;

package/dist/core/lib/textStyles.js

@@ -3,7 +3,7 @@ import { FORMAT_FLAGS } from "./modifierFormats.js";
 //#region src/core/lib/textStyles.ts
 function getTextStyleData(format) {
 	return {
-		gradient: false,
+		highlight: false,
 		bold: !!(format & FORMAT_FLAGS.bold),
 		italic: !!(format & FORMAT_FLAGS.italic),
 		underline: !!(format & FORMAT_FLAGS.underline)
@@ -21,15 +21,10 @@ function getTextAppearance(format, styles) {
 		}
 	};
 }
-const defaultGradientStyle = {
-	backgroundImage: "linear-gradient(to right, var(--camox-gradient-from, var(--chart-1, var(--primary, currentColor))), var(--camox-gradient-to, var(--chart-2, var(--muted-foreground, currentColor))))",
-	backgroundClip: "text",
-	WebkitBackgroundClip: "text",
-	WebkitTextFillColor: "transparent"
-};
-function getGradientStyle(styles) {
+const defaultHighlightStyle = { color: "var(--primary, currentColor)" };
+function getHighlightStyle(styles) {
 	const custom = styles.textStyle?.({
-		gradient: true,
+		highlight: true,
 		bold: false,
 		italic: false,
 		underline: false
@@ -37,11 +32,11 @@ function getGradientStyle(styles) {
 	return {
 		className: custom?.className,
 		style: {
-			...defaultGradientStyle,
+			...defaultHighlightStyle,
 			...custom?.style
 		}
 	};
 }
 
 //#endregion
-export { getGradientStyle, getTextAppearance };
+export { getHighlightStyle, getTextAppearance };

package/dist/core/pageDestinations.js

@@ -0,0 +1,37 @@
+import { createPageTextLinkTarget } from "./lib/textLinks.js";
+
+//#region src/core/pageDestinations.ts
+/** Concrete navigable pages, not records that can all be mutated through pages.*. */
+function getPageDestinations(pages, layouts) {
+	return [...pages.map((page) => ({
+		key: `page:${page.id}`,
+		kind: "curated",
+		pageId: page.id,
+		title: page.nickname,
+		fullPath: page.fullPath
+	})), ...layouts.filter((layout) => layout._internal.kind === "singleton").map(({ _internal: layout }) => ({
+		key: `singleton:${layout.id}`,
+		kind: "singleton",
+		layoutId: layout.id,
+		title: layout.title,
+		fullPath: `/${layout.id.split(".").map(encodeURIComponent).join("/")}`
+	}))];
+}
+/** Singleton links are ordinary internal URLs, never synthetic database page IDs. */
+function destinationLink(destination) {
+	if (destination.kind === "curated") return {
+		type: "page",
+		pageId: String(destination.pageId)
+	};
+	return {
+		type: "external",
+		href: destination.fullPath
+	};
+}
+function destinationTextLink(destination) {
+	if (destination.kind === "curated") return createPageTextLinkTarget(destination.pageId);
+	return destination.fullPath;
+}
+
+//#endregion
+export { destinationLink, destinationTextLink, getPageDestinations };

package/dist/features/og/imageResponse.node.js

@@ -1,7 +1,6 @@
 import { DEFAULT_FONTS } from "./defaultFonts.js";
-import { createRequire } from "node:module";
-import { readFileSync } from "node:fs";
 import { ImageResponse as ImageResponse$1 } from "@takumi-rs/image-response/wasm";
+import wasmModule from "@takumi-rs/wasm/next";
 import { Renderer, initSync } from "@takumi-rs/wasm/no-bundler";
 
 //#region src/features/og/imageResponse.node.ts
@@ -14,12 +13,10 @@ import { Renderer, initSync } from "@takumi-rs/wasm/no-bundler";
 * about which engine to use any more — it's only about *how* the wasm module
 * gets loaded:
 *
-*   - Here, we read the `.wasm` file off disk and `initSync` it ourselves
-*     before constructing a `Renderer`. `@takumi-rs/wasm` ships a "node"
-*     bundler entry that purports to do this, but its source uses an
-*     extensionless `import "../pkg/takumi_wasm"` which raw Node ESM rejects
-*     once the package is externalised by Nitro/Vite — so we go through the
-*     `no-bundler` entry directly.
+*   - Here, we import the wasm module and `initSync` it ourselves before
+*     constructing a `Renderer`. The static `?module` import lets Nitro emit
+*     the asset into the deployment instead of relying on a runtime
+*     `require.resolve` that dependency tracing cannot reliably discover.
 *
 *   - In `imageResponse.workerd.ts` there's no filesystem; instead we pass a
 *     `WebAssembly.Module` reference via `?module` import and let the
@@ -28,7 +25,12 @@ import { Renderer, initSync } from "@takumi-rs/wasm/no-bundler";
 * We use the BYO-renderer path of `@takumi-rs/image-response/wasm` so the
 * `module:` option isn't needed here — the renderer is already alive.
 */
-initSync({ module: readFileSync(createRequire(import.meta.url).resolve("@takumi-rs/wasm/takumi_wasm_bg.wasm")) });
+/**
+* Resolve and initialise the wasm module once at module load. `initSync`
+* compiles the wasm and wires up the JS bindings; subsequent `new Renderer()`
+* calls are cheap.
+*/
+initSync({ module: wasmModule });
 /**
 * Module-scoped singleton — building the renderer compiles the wasm module
 * and loads Geist; not free, and there's no reason to do it per request.

package/dist/features/preview/CamoxPreview.js

@@ -4,9 +4,10 @@ import { useIsAuthenticated, useProjectSlug } from "../../lib/auth.js";
 import { getApiClient } from "../../lib/api-client.js";
 import { NormalizedDataProvider, seedBlockCaches, usePageBlocks } from "../../lib/normalized-data.js";
 import { BlockErrorBoundary } from "./components/BlockErrorBoundary.js";
-import { blockQueries, pageQueries, projectQueries } from "../../lib/queries.js";
-import { cn } from "../../lib/utils.js";
 import { useCamoxApp } from "../provider/components/CamoxAppContext.js";
+import { blockQueries } from "../../lib/queries.js";
+import { usePageDestinations } from "../../hooks/use-page-destinations.js";
+import { cn } from "../../lib/utils.js";
 import { SharedChromeContext } from "../runtime/SharedChromeContext.js";
 import { previewStore, selectIsEditMode, selectPreviewSource } from "./previewStore.js";
 import { Navbar } from "../studio/components/Navbar.js";
@@ -18,7 +19,7 @@ import { PreviewPanel } from "./components/PreviewPanel.js";
 import { PreviewToolbarSpacer } from "./components/PreviewToolbarSpacer.js";
 import { RightSidebar } from "./components/RightSidebar.js";
 import { c } from "react/compiler-runtime";
-import { useQuery, useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
+import { useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useSelector } from "@xstate/store-react";
@@ -36,9 +37,9 @@ function getMobileStudioSnapshot() {
 }
 function useIsMobileStudio() {
 	const $ = c(1);
-	if ($[0] !== "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d") {
+	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d";
+		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
 	}
 	return React.useSyncExternalStore(subscribeToMobileStudio, getMobileStudioSnapshot, _temp);
 }
@@ -71,9 +72,9 @@ function pageStructureQueryFn(path, projectSlug, source) {
 }
 function usePreviewedPage() {
 	const $ = c(11);
-	if ($[0] !== "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d") {
+	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
 		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d";
+		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
 	}
 	const { pathname } = useLocation();
 	const projectSlug = useProjectSlug();
@@ -109,9 +110,9 @@ function usePreviewedPage() {
 }
 const BlockRenderer = (t0) => {
 	const $ = c(23);
-	if ($[0] !== "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d") {
+	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
 		for (let $i = 0; $i < 23; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d";
+		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
 	}
 	const { blockId, mode, showAddBlockTop, showAddBlockBottom } = t0;
 	const previewSource = useSelector(previewStore, selectPreviewSource);
@@ -254,9 +255,9 @@ const PageContent = () => {
 };
 function useHydrateDraftCache() {
 	const $ = c(7);
-	if ($[0] !== "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d") {
+	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
 		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d";
+		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
 	}
 	const isAuthenticated = useIsAuthenticated();
 	const queryClient = useQueryClient();
@@ -307,9 +308,9 @@ function useHydrateDraftCache() {
 function _temp2() {}
 const CamoxPreview = (t0) => {
 	const $ = c(4);
-	if ($[0] !== "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d") {
+	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d";
+		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
 	}
 	const { children } = t0;
 	const pageData = usePreviewedPage();
@@ -328,10 +329,10 @@ const CamoxPreview = (t0) => {
 };
 /** Studio chrome is shared; only curated previews require a Camox page record. */
 const PreviewShell = (t0) => {
-	const $ = c(58);
-	if ($[0] !== "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d") {
-		for (let $i = 0; $i < 58; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d";
+	const $ = c(59);
+	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
+		for (let $i = 0; $i < 59; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
 	}
 	const { children, pageData, hasLiveVersion: t1, derivedLayoutId, derivedLayout } = t0;
 	const hasLiveVersion = t1 === void 0 ? false : t1;
@@ -517,132 +518,110 @@ const PreviewShell = (t0) => {
 	} else t10 = $[27];
 	const t11 = pageData?.page;
 	const t12 = pageData?.projectName;
-	const t13 = pageData?.page.status;
-	let t14;
-	if ($[28] !== hasLiveCheckpoint || $[29] !== t13) {
-		t14 = {
-			pageStatus: t13,
+	const t13 = pageData?.page.id;
+	const t14 = pageData?.page.status;
+	let t15;
+	if ($[28] !== hasLiveCheckpoint || $[29] !== t13 || $[30] !== t14) {
+		t15 = {
+			pageId: t13,
+			pageStatus: t14,
 			hasLiveVersion: hasLiveCheckpoint
 		};
 		$[28] = hasLiveCheckpoint;
 		$[29] = t13;
 		$[30] = t14;
-	} else t14 = $[30];
-	let t15;
-	if ($[31] !== isEditMode || $[32] !== isMobileStudio) {
-		t15 = !isMobileStudio && isEditMode && /* @__PURE__ */ jsx(PreviewToolbarSpacer, {});
-		$[31] = isEditMode;
-		$[32] = isMobileStudio;
-		$[33] = t15;
-	} else t15 = $[33];
+		$[31] = t15;
+	} else t15 = $[31];
 	let t16;
-	if ($[34] !== children || $[35] !== isMobileStudio || $[36] !== t11 || $[37] !== t12 || $[38] !== t14 || $[39] !== t15) {
-		t16 = /* @__PURE__ */ jsxs(PreviewPanel, {
+	if ($[32] !== isEditMode || $[33] !== isMobileStudio) {
+		t16 = !isMobileStudio && isEditMode && /* @__PURE__ */ jsx(PreviewToolbarSpacer, {});
+		$[32] = isEditMode;
+		$[33] = isMobileStudio;
+		$[34] = t16;
+	} else t16 = $[34];
+	let t17;
+	if ($[35] !== children || $[36] !== isMobileStudio || $[37] !== t11 || $[38] !== t12 || $[39] !== t15 || $[40] !== t16) {
+		t17 = /* @__PURE__ */ jsxs(PreviewPanel, {
 			isMobileExperience: isMobileStudio,
 			page: t11,
 			projectName: t12,
-			toolbarProps: t14,
-			children: [children, t15]
+			toolbarProps: t15,
+			children: [children, t16]
 		});
-		$[34] = children;
-		$[35] = isMobileStudio;
-		$[36] = t11;
-		$[37] = t12;
-		$[38] = t14;
+		$[35] = children;
+		$[36] = isMobileStudio;
+		$[37] = t11;
+		$[38] = t12;
 		$[39] = t15;
 		$[40] = t16;
-	} else t16 = $[40];
-	let t17;
-	if ($[41] !== derivedLayoutId || $[42] !== isEditMode || $[43] !== isMobileStudio || $[44] !== pageData?.page) {
-		t17 = !isMobileStudio && isEditMode && /* @__PURE__ */ jsx(RightSidebar, {
+		$[41] = t17;
+	} else t17 = $[41];
+	let t18;
+	if ($[42] !== derivedLayoutId || $[43] !== isEditMode || $[44] !== isMobileStudio || $[45] !== pageData?.page) {
+		t18 = !isMobileStudio && isEditMode && /* @__PURE__ */ jsx(RightSidebar, {
 			pageId: pageData?.page.id,
 			derivedLayoutId
 		});
-		$[41] = derivedLayoutId;
-		$[42] = isEditMode;
-		$[43] = isMobileStudio;
-		$[44] = pageData?.page;
-		$[45] = t17;
-	} else t17 = $[45];
-	let t18;
-	if ($[46] !== t10 || $[47] !== t16 || $[48] !== t17) {
-		t18 = /* @__PURE__ */ jsxs("div", {
+		$[42] = derivedLayoutId;
+		$[43] = isEditMode;
+		$[44] = isMobileStudio;
+		$[45] = pageData?.page;
+		$[46] = t18;
+	} else t18 = $[46];
+	let t19;
+	if ($[47] !== t10 || $[48] !== t17 || $[49] !== t18) {
+		t19 = /* @__PURE__ */ jsxs("div", {
 			className: "flex h-full flex-row items-stretch",
 			children: [
 				t10,
-				t16,
-				t17
+				t17,
+				t18
 			]
 		});
-		$[46] = t10;
-		$[47] = t16;
+		$[47] = t10;
 		$[48] = t17;
 		$[49] = t18;
-	} else t18 = $[49];
-	let t19;
-	if ($[50] !== isEditMode || $[51] !== isMobileStudio) {
-		t19 = (isMobileStudio || isEditMode) && /* @__PURE__ */ jsx(CreatePageModal, {});
-		$[50] = isEditMode;
-		$[51] = isMobileStudio;
-		$[52] = t19;
-	} else t19 = $[52];
+		$[50] = t19;
+	} else t19 = $[50];
 	let t20;
-	if ($[53] !== t18 || $[54] !== t19 || $[55] !== t8 || $[56] !== t9) {
-		t20 = /* @__PURE__ */ jsxs("div", {
+	if ($[51] !== isEditMode || $[52] !== isMobileStudio) {
+		t20 = (isMobileStudio || isEditMode) && /* @__PURE__ */ jsx(CreatePageModal, {});
+		$[51] = isEditMode;
+		$[52] = isMobileStudio;
+		$[53] = t20;
+	} else t20 = $[53];
+	let t21;
+	if ($[54] !== t19 || $[55] !== t20 || $[56] !== t8 || $[57] !== t9) {
+		t21 = /* @__PURE__ */ jsxs("div", {
 			className: t8,
 			children: [
 				t9,
-				t18,
-				t19
+				t19,
+				t20
 			]
 		});
-		$[53] = t18;
 		$[54] = t19;
-		$[55] = t8;
-		$[56] = t9;
-		$[57] = t20;
-	} else t20 = $[57];
-	return t20;
+		$[55] = t20;
+		$[56] = t8;
+		$[57] = t9;
+		$[58] = t21;
+	} else t21 = $[58];
+	return t21;
 };
 function usePreviewPagesActions() {
-	const $ = c(13);
-	if ($[0] !== "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d") {
-		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "11649479464867dae9140a3e12df376e886901a1c7db652f3f404c61e069d60d";
+	const $ = c(6);
+	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
 	}
 	const navigate = useNavigate();
 	const { pathname } = useLocation();
-	const projectSlug = useProjectSlug();
+	const pages = usePageDestinations();
 	let t0;
-	if ($[1] !== projectSlug) {
-		t0 = projectQueries.getBySlug(projectSlug);
-		$[1] = projectSlug;
-		$[2] = t0;
-	} else t0 = $[2];
-	const { data: project } = useQuery(t0);
 	let t1;
-	if ($[3] !== project?.id) {
-		t1 = pageQueries.list(project?.id ?? 0);
-		$[3] = project?.id;
-		$[4] = t1;
-	} else t1 = $[4];
-	const t2 = !!project;
-	let t3;
-	if ($[5] !== t1 || $[6] !== t2) {
-		t3 = {
-			...t1,
-			enabled: t2
-		};
-		$[5] = t1;
-		$[6] = t2;
-		$[7] = t3;
-	} else t3 = $[7];
-	const { data: pages } = useQuery(t3);
-	let t4;
-	let t5;
-	if ($[8] !== navigate || $[9] !== pages || $[10] !== pathname) {
-		t4 = () => {
-			const currentPage = pages?.find((p) => p.fullPath === pathname);
+	if ($[1] !== navigate || $[2] !== pages || $[3] !== pathname) {
+		t0 = () => {
+			const currentPage = pages.find((p) => p.kind === "curated" && p.fullPath === pathname);
 			const actions = [
 				{
 					id: "create-page",
@@ -661,12 +640,12 @@ function usePreviewPagesActions() {
 						"Page metadata"
 					],
 					groupLabel: "Preview",
-					checkIfAvailable: () => !!currentPage,
+					checkIfAvailable: () => currentPage?.kind === "curated",
 					execute: () => {
-						if (!currentPage) return;
+						if (currentPage?.kind !== "curated") return;
 						previewStore.send({
 							type: "openEditPageModal",
-							pageId: currentPage.id
+							pageId: currentPage.pageId
 						});
 					}
 				},
@@ -679,18 +658,19 @@ function usePreviewPagesActions() {
 						"Switch page"
 					],
 					groupLabel: "Preview",
-					checkIfAvailable: () => !!pages,
+					checkIfAvailable: () => pages.length > 0,
 					hasChildren: true,
 					execute: _temp13
 				},
-				...pages ? pages.map((page) => ({
-					id: `go-to-page-${page.id}`,
+				...pages.map((page) => ({
+					id: `go-to-page-${page.key}`,
 					parentActionId: "go-to-page",
-					label: `Go to "${page.nickname}"`,
+					label: `Go to "${page.title}"`,
+					aliases: [page.fullPath],
 					groupLabel: "Preview",
 					checkIfAvailable: _temp14,
 					execute: () => navigate({ to: page.fullPath })
-				})) : []
+				}))
 			];
 			actionsStore.send({
 				type: "registerManyActions",
@@ -703,21 +683,21 @@ function usePreviewPagesActions() {
 				});
 			};
 		};
-		t5 = [
+		t1 = [
 			navigate,
 			pages,
 			pathname
 		];
-		$[8] = navigate;
-		$[9] = pages;
-		$[10] = pathname;
-		$[11] = t4;
-		$[12] = t5;
+		$[1] = navigate;
+		$[2] = pages;
+		$[3] = pathname;
+		$[4] = t0;
+		$[5] = t1;
 	} else {
-		t4 = $[11];
-		t5 = $[12];
+		t0 = $[4];
+		t1 = $[5];
 	}
-	React.useEffect(t4, t5);
+	React.useEffect(t0, t1);
 }
 function _temp15(a) {
 	return a.id;
@@ -754,6 +734,10 @@ function _temp9() {
 	return true;
 }
 function _temp0() {
+	previewStore.send({
+		type: "setCommentMode",
+		enabled: false
+	});
 	previewStore.send({ type: "clearSelection" });
 }
 function _temp1(a) {

package/dist/features/preview/commentsEnabled.js

@@ -0,0 +1,8 @@
+//#region src/features/preview/commentsEnabled.ts
+/** Opt-in prototype flag, replaced by the Camox Vite plugin in both client and SSR builds. */
+function areCommentsEnabled() {
+	return typeof __CAMOX_ENABLE_COMMENTS__ !== "undefined" && __CAMOX_ENABLE_COMMENTS__;
+}
+
+//#endregion
+export { areCommentsEnabled };