camox 0.42.0 → 0.43.0

package/dist/core/createLayout.js

@@ -5,15 +5,17 @@ import { Fragment, jsx } from "react/jsx-runtime";
 
 //#region src/core/createLayout.tsx
 function createLayoutDefinition(options) {
+	if (options.kind === "singleton" && !/^[\w-]+(?:\.[\w-]+)*$/.test(options.id)) throw new Error(`Singleton layouts require a fixed file route: ${options.id}`);
+	if (options.kind && options.kind !== "curated" && options.blocks.initial) throw new Error("Code-owned layouts cannot define initial page blocks");
 	const LayoutContext = React.createContext(null);
 	const beforeBlocks = options.blocks.before;
 	const afterBlocks = options.blocks.after;
 	const initialBlocks = options.blocks.initial;
 	const BeforeBlocks = () => {
 		const $ = c(5);
-		if ($[0] !== "2ae925f72331cad3d35d77334ec5712b5849211fd0dcab4e27af95282e583b7a") {
+		if ($[0] !== "776e504f06a16915ba8008212a5b0af4dec7762a3d0b05161ac1048bec619433") {
 			for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "2ae925f72331cad3d35d77334ec5712b5849211fd0dcab4e27af95282e583b7a";
+			$[0] = "776e504f06a16915ba8008212a5b0af4dec7762a3d0b05161ac1048bec619433";
 		}
 		const ctx = React.use(LayoutContext);
 		if (!ctx) throw new Error(`Layout "${options.id}" BeforeBlocks must be rendered inside its Provider`);
@@ -29,7 +31,7 @@ function createLayoutDefinition(options) {
 					children: /* @__PURE__ */ jsx(block._internal.Component, {
 						blockData,
 						mode: "layout",
-						showAddBlockBottom: options.kind !== "derived" && isLastBefore || void 0,
+						showAddBlockBottom: (options.kind ?? "curated") === "curated" && isLastBefore || void 0,
 						addBlockAfterPosition: isLastBefore ? "" : void 0
 					})
 				}, block._internal.id);
@@ -48,9 +50,9 @@ function createLayoutDefinition(options) {
 	BeforeBlocks.displayName = `LayoutBeforeBlocks(${options.id})`;
 	const AfterBlocks = () => {
 		const $ = c(5);
-		if ($[0] !== "2ae925f72331cad3d35d77334ec5712b5849211fd0dcab4e27af95282e583b7a") {
+		if ($[0] !== "776e504f06a16915ba8008212a5b0af4dec7762a3d0b05161ac1048bec619433") {
 			for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "2ae925f72331cad3d35d77334ec5712b5849211fd0dcab4e27af95282e583b7a";
+			$[0] = "776e504f06a16915ba8008212a5b0af4dec7762a3d0b05161ac1048bec619433";
 		}
 		const ctx = React.use(LayoutContext);
 		if (!ctx) throw new Error(`Layout "${options.id}" AfterBlocks must be rendered inside its Provider`);
@@ -66,7 +68,7 @@ function createLayoutDefinition(options) {
 					children: /* @__PURE__ */ jsx(block._internal.Component, {
 						blockData,
 						mode: "layout",
-						showAddBlockTop: options.kind !== "derived" && isFirstAfter || void 0,
+						showAddBlockTop: (options.kind ?? "curated") === "curated" && isFirstAfter || void 0,
 						addBlockAfterPosition: isFirstAfter ? null : void 0
 					})
 				}, block._internal.id);
@@ -85,9 +87,9 @@ function createLayoutDefinition(options) {
 	AfterBlocks.displayName = `LayoutAfterBlocks(${options.id})`;
 	const Provider = (t0) => {
 		const $ = c(7);
-		if ($[0] !== "2ae925f72331cad3d35d77334ec5712b5849211fd0dcab4e27af95282e583b7a") {
+		if ($[0] !== "776e504f06a16915ba8008212a5b0af4dec7762a3d0b05161ac1048bec619433") {
 			for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "2ae925f72331cad3d35d77334ec5712b5849211fd0dcab4e27af95282e583b7a";
+			$[0] = "776e504f06a16915ba8008212a5b0af4dec7762a3d0b05161ac1048bec619433";
 		}
 		const { layoutBlocks, children, data } = t0;
 		let t1;
@@ -133,6 +135,7 @@ function createLayoutDefinition(options) {
 		};
 	})];
 	const buildOgImage = options.buildOgImage ? async (params) => {
+		if (import.meta.env?.SSR === false) throw new Error("OG images can only be rendered on the server.");
 		const { ImageResponse } = await import("camox/_internal/imageResponse");
 		return new ImageResponse(options.buildOgImage(params), {
 			width: 1200,
@@ -173,13 +176,10 @@ function createLayoutDefinition(options) {
 }
 function createLayout(idOrOptions) {
 	if (typeof idOrOptions !== "string") return createLayoutDefinition(idOrOptions);
-	return (options) => {
-		if (options.kind === "derived" && options.blocks.initial) throw new Error("Derived layouts cannot define initial page blocks");
-		return createLayoutDefinition({
-			...options,
-			id: idOrOptions
-		});
-	};
+	return (options) => createLayoutDefinition({
+		...options,
+		id: idOrOptions
+	});
 }
 /** Signal a missing derived page; other loader failures remain server errors. */
 function notFound() {

package/dist/core/derivedRoutes.js

@@ -4,7 +4,7 @@ function routeSegments(id) {
 }
 function matchDerivedLayout(layouts, pathname) {
 	const path = pathname.replace(/^\/|\/$/g, "").split("/");
-	const candidates = layouts.filter((layout) => layout._internal.kind === "derived").sort((a, b) => routeSegments(a._internal.id).filter((s) => s.startsWith("$")).length - routeSegments(b._internal.id).filter((s) => s.startsWith("$")).length);
+	const candidates = layouts.filter((layout) => layout._internal.kind !== "curated").sort((a, b) => routeSegments(a._internal.id).filter((s) => s.startsWith("$")).length - routeSegments(b._internal.id).filter((s) => s.startsWith("$")).length);
 	for (const layout of candidates) {
 		const segments = routeSegments(layout._internal.id);
 		if (segments.length !== path.length) continue;

package/dist/core/dom.d.ts

@@ -0,0 +1,17 @@
+//#region src/core/dom.d.ts
+/** The browsing context that owns a rendered element. */
+interface ElementContext {
+  document: Document;
+  window: Window & typeof globalThis;
+}
+/**
+ * Resolve DOM APIs from an element rather than the component's JavaScript realm.
+ * In Camox preview, elements belong to an iframe but component globals belong
+ * to the editor. Call this after mounting (for example, inside an effect).
+ *
+ * Returns null for a missing element or a document without a window. Never
+ * falls back to globals. This does not convert objects into the target realm.
+ */
+declare function getElementContext(element: Element | null | undefined): ElementContext | null;
+//#endregion
+export { ElementContext, getElementContext };

package/dist/core/dom.js

@@ -0,0 +1,22 @@
+//#region src/core/dom.ts
+/**
+* Resolve DOM APIs from an element rather than the component's JavaScript realm.
+* In Camox preview, elements belong to an iframe but component globals belong
+* to the editor. Call this after mounting (for example, inside an effect).
+*
+* Returns null for a missing element or a document without a window. Never
+* falls back to globals. This does not convert objects into the target realm.
+*/
+function getElementContext(element) {
+	if (!element) return null;
+	const document = element.ownerDocument;
+	const window = document.defaultView;
+	if (!window) return null;
+	return {
+		document,
+		window
+	};
+}
+
+//#endregion
+export { getElementContext };

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

@@ -36,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 : "";
@@ -204,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;
@@ -221,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;

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] !== "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b") {
+	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b";
+		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
 	}
 	return React.useSyncExternalStore(subscribeToMobileStudio, getMobileStudioSnapshot, _temp);
 }
@@ -71,9 +72,9 @@ function pageStructureQueryFn(path, projectSlug, source) {
 }
 function usePreviewedPage() {
 	const $ = c(11);
-	if ($[0] !== "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b") {
+	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
 		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b";
+		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
 	}
 	const { pathname } = useLocation();
 	const projectSlug = useProjectSlug();
@@ -109,9 +110,9 @@ function usePreviewedPage() {
 }
 const BlockRenderer = (t0) => {
 	const $ = c(23);
-	if ($[0] !== "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b") {
+	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
 		for (let $i = 0; $i < 23; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b";
+		$[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] !== "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b") {
+	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
 		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b";
+		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
 	}
 	const isAuthenticated = useIsAuthenticated();
 	const queryClient = useQueryClient();
@@ -307,9 +308,9 @@ function useHydrateDraftCache() {
 function _temp2() {}
 const CamoxPreview = (t0) => {
 	const $ = c(4);
-	if ($[0] !== "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b") {
+	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b";
+		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
 	}
 	const { children } = t0;
 	const pageData = usePreviewedPage();
@@ -329,9 +330,9 @@ const CamoxPreview = (t0) => {
 /** Studio chrome is shared; only curated previews require a Camox page record. */
 const PreviewShell = (t0) => {
 	const $ = c(59);
-	if ($[0] !== "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b") {
+	if ($[0] !== "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082") {
 		for (let $i = 0; $i < 59; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b";
+		$[0] = "2d1a4df08feec350ec60cc84fec5c50c421655f0e335816baf3bbe36ccd11082";
 	}
 	const { children, pageData, hasLiveVersion: t1, derivedLayoutId, derivedLayout } = t0;
 	const hasLiveVersion = t1 === void 0 ? false : t1;
@@ -608,44 +609,19 @@ const PreviewShell = (t0) => {
 	return t21;
 };
 function usePreviewPagesActions() {
-	const $ = c(13);
-	if ($[0] !== "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b") {
-		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c1ecb280688848a0300c65af5bc156d964441b9c769c2e406123217a6e83b30b";
+	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",
@@ -664,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
 						});
 					}
 				},
@@ -682,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",
@@ -706,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;

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

@@ -1,8 +1,8 @@
 import { useLocation } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { usePageBlocks } from "../../../lib/normalized-data.js";
-import { blockMutations, blockQueries, projectQueries } from "../../../lib/queries.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
+import { blockMutations, blockQueries, projectQueries } from "../../../lib/queries.js";
 import { previewStore } from "../previewStore.js";
 import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
 import { BlockThumbnail } from "./BlockThumbnail.js";

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

@@ -1,8 +1,8 @@
 import { actionsStore } from "../../provider/actionsStore.js";
 import { usePageBlocks } from "../../../lib/normalized-data.js";
+import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { blockMutations, repeatableItemMutations } from "../../../lib/queries.js";
 import { formatShortcut } from "../../../lib/utils.js";
-import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { previewStore, selectionItemId } from "../previewStore.js";
 import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
 import { useUpdateBlockPosition } from "./useUpdateBlockPosition.js";

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

@@ -1,7 +1,7 @@
 import { useNavigate } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
-import { layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
+import { layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
 import { previewStore } from "../previewStore.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
 import { PageNicknameField } from "./PageNicknameField.js";
@@ -26,9 +26,9 @@ const slugifyPathSegment = (nickname) => {
 };
 const CreatePageModal = () => {
 	const $ = c(59);
-	if ($[0] !== "ca72d8f393684234f7d5819b751bb6885d41445b1c76ee71638b787efcf67eb9") {
+	if ($[0] !== "7d9f627f2fd6df9193c55db2f9612514acd4807aab2e5cc3fbd5bdd5aaf23672") {
 		for (let $i = 0; $i < 59; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ca72d8f393684234f7d5819b751bb6885d41445b1c76ee71638b787efcf67eb9";
+		$[0] = "7d9f627f2fd6df9193c55db2f9612514acd4807aab2e5cc3fbd5bdd5aaf23672";
 	}
 	const projectSlug = useProjectSlug();
 	const open = useSelector(previewStore, _temp);
@@ -84,7 +84,7 @@ const CreatePageModal = () => {
 	const camoxApp = useCamoxApp();
 	let t8;
 	if ($[14] !== allLayouts || $[15] !== camoxApp) {
-		t8 = allLayouts?.filter((layout) => camoxApp.getLayoutById(layout.layoutId)?._internal.kind !== "derived");
+		t8 = allLayouts?.filter((layout) => camoxApp.getLayoutById(layout.layoutId)?._internal.kind === "curated");
 		$[14] = allLayouts;
 		$[15] = camoxApp;
 		$[16] = t8;