camox 0.42.0 → 0.43.0

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

@@ -1,8 +1,8 @@
 import { useNavigate } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
+import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { blockQueries, layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
 import { cn } from "../../../lib/utils.js";
-import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { areCommentsEnabled } from "../commentsEnabled.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
 import { PageNicknameField } from "./PageNicknameField.js";
@@ -33,9 +33,9 @@ import { Switch } from "@camox/ui/switch";
 //#region src/features/preview/components/PageInfoSidebar.tsx
 const usePageMetadataData = (pageId) => {
 	const $ = c(32);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 32; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const projectSlug = useProjectSlug();
 	const camoxApp = useCamoxApp();
@@ -91,7 +91,7 @@ const usePageMetadataData = (pageId) => {
 	const { data: allLayouts } = useQuery(t7);
 	let t8;
 	if ($[15] !== allLayouts || $[16] !== camoxApp) {
-		t8 = allLayouts?.filter((layout) => camoxApp.getLayoutById(layout.layoutId)?._internal.kind !== "derived");
+		t8 = allLayouts?.filter((layout) => camoxApp.getLayoutById(layout.layoutId)?._internal.kind === "curated");
 		$[15] = allLayouts;
 		$[16] = camoxApp;
 		$[17] = t8;
@@ -142,9 +142,9 @@ const usePageMetadataData = (pageId) => {
 };
 const PageInfoSidebar = (t0) => {
 	const $ = c(69);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 69; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { pageId, scrollable: t1, aboutOnly: t2 } = t0;
 	const scrollable = t1 === void 0 ? true : t1;
@@ -436,9 +436,9 @@ const PageInfoSidebar = (t0) => {
 };
 const PageNicknameSidebarEditor = (t0) => {
 	const $ = c(21);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { data } = t0;
 	const { page } = data;
@@ -534,9 +534,9 @@ const PageNicknameSidebarEditor = (t0) => {
 };
 const PageLayoutSidebarSelect = (t0) => {
 	const $ = c(29);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 29; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { data } = t0;
 	const { page, layouts, camoxApp } = data;
@@ -654,9 +654,9 @@ const PageLayoutSidebarSelect = (t0) => {
 };
 const PageStructureModal = (t0) => {
 	const $ = c(10);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { open, onOpenChange, pageId } = t0;
 	const data = usePageMetadataData(pageId);
@@ -821,9 +821,9 @@ const PageStructureEditor = ({ data, includeNickname = true, includeLayout = tru
 };
 const PageSeoModal = (t0) => {
 	const $ = c(8);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { open, onOpenChange, pageId } = t0;
 	let t1;
@@ -856,9 +856,9 @@ const PageSeoModal = (t0) => {
 };
 const PageSeoContent = (t0) => {
 	const $ = c(6);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { pageId } = t0;
 	const { page, metaTitle, pageLayoutRecord, project } = usePageMetadataData(pageId);
@@ -883,9 +883,9 @@ const PageSeoContent = (t0) => {
 };
 const PageSeoEditor = (t0) => {
 	const $ = c(43);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 43; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { page, metaTitle, layoutId, projectName } = t0;
 	let t1;
@@ -1053,9 +1053,9 @@ const PageSeoEditor = (t0) => {
 };
 const PageMarkdownModal = (t0) => {
 	const $ = c(10);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { open, onOpenChange, pageId, metaTitle, metaDescription } = t0;
 	let t1;
@@ -1094,9 +1094,9 @@ const PageMarkdownModal = (t0) => {
 };
 const PageMarkdownContent = (t0) => {
 	const $ = c(6);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { pageId } = t0;
 	const { page, metaTitle } = usePageMetadataData(pageId);
@@ -1129,9 +1129,9 @@ function truncateText(text, maxLen) {
 }
 const SearchEnginePreview = (t0) => {
 	const $ = c(17);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { page, metaTitle, metaDescription } = t0;
 	const url = `${typeof window !== "undefined" ? window.location.origin : ""}${page.fullPath}`;
@@ -1214,9 +1214,9 @@ const SearchEnginePreview = (t0) => {
 };
 const SocialPreviewSection = (t0) => {
 	const $ = c(60);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 60; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { page, metaTitle, metaDescription, layoutId, projectName } = t0;
 	const pageMetaTitle = page.metaTitle ?? page.pathSegment;
@@ -1488,9 +1488,9 @@ const SocialPreviewSection = (t0) => {
 };
 const PageMarkdownPreview = (t0) => {
 	const $ = c(9);
-	if ($[0] !== "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639") {
+	if ($[0] !== "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f14881fbdeca138d8eb32185f2d3259957dcb91e0de821aeac5cc1ede49b5639";
+		$[0] = "dedb426819c8cdba3ad2706e62e75231e53c7e782fd82aca9849a8543054a0e4";
 	}
 	const { pageId, metaTitle, metaDescription } = t0;
 	let t1;

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

@@ -1,8 +1,8 @@
 import { useLocation, useNavigate } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
+import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
 import { cn } from "../../../lib/utils.js";
-import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { previewStore } from "../previewStore.js";
 import { matchDerivedLayout, routeSegments } from "../../../core/derivedRoutes.js";
 import { DerivedLayoutDialog } from "./DerivedLayoutDialog.js";
@@ -23,7 +23,7 @@ const CREATE_PAGE_VALUE = "__create_page__";
 const DERIVED_LAYOUT_PREFIX = "__derived_layout__:";
 const PagePicker = () => {
 	const [open, setOpen] = React.useState(false);
-	const derivedLayouts = useCamoxApp().getLayouts().filter((layout) => layout._internal.kind === "derived");
+	const derivedLayouts = useCamoxApp().getLayouts().filter((layout) => layout._internal.kind !== "curated");
 	const [layoutToPreview, setLayoutToPreview] = React.useState(null);
 	const [pageToDelete, setPageToDelete] = React.useState(null);
 	const projectSlug = useProjectSlug();
@@ -183,42 +183,42 @@ const PagePicker = () => {
 										})]
 									})]
 								}, page_1.id)) }),
-								derivedLayouts.length > 0 && /* @__PURE__ */ jsx(CommandGroup, {
-									heading: "Derived pages",
-									children: derivedLayouts.map((layout_1) => /* @__PURE__ */ jsx(CommandItem, {
-										value: `${DERIVED_LAYOUT_PREFIX}${layout_1._internal.id}`,
-										keywords: [layout_1._internal.title],
+								["singleton", "derived"].map((kind) => /* @__PURE__ */ jsx(CommandGroup, {
+									heading: kind === "singleton" ? "Singleton pages" : "Derived pages",
+									children: derivedLayouts.filter((layout_1) => layout_1._internal.kind === kind).map((layout_2) => /* @__PURE__ */ jsx(CommandItem, {
+										value: `${DERIVED_LAYOUT_PREFIX}${layout_2._internal.id}`,
+										keywords: [layout_2._internal.title],
 										hideCheck: true,
 										onSelect: () => {
 											closePopover();
-											const segments = routeSegments(layout_1._internal.id);
+											const segments = routeSegments(layout_2._internal.id);
 											if (!segments.some((segment) => segment.startsWith("$"))) {
 												navigate({ to: `/${segments.map(encodeURIComponent).join("/")}` });
 												return;
 											}
-											setLayoutToPreview(layout_1);
+											setLayoutToPreview(layout_2);
 										},
 										children: /* @__PURE__ */ jsxs("div", {
 											className: "flex min-w-0 flex-1 items-start gap-2",
-											children: [/* @__PURE__ */ jsx(Check, { className: cn("size-4 mt-0.5 shrink-0", currentDerived?.layout._internal.id !== layout_1._internal.id && "invisible") }), /* @__PURE__ */ jsxs("div", {
+											children: [/* @__PURE__ */ jsx(Check, { className: cn("size-4 mt-0.5 shrink-0", currentDerived?.layout._internal.id !== layout_2._internal.id && "invisible") }), /* @__PURE__ */ jsxs("div", {
 												className: "flex min-w-0 flex-col",
 												children: [/* @__PURE__ */ jsxs("div", {
 													className: "flex min-w-0 items-center gap-1.5",
 													children: [/* @__PURE__ */ jsx("p", {
 														className: "truncate",
-														children: layout_1._internal.title
-													}), layoutStatusById.has(layout_1._internal.id) && /* @__PURE__ */ jsx(PageStatusBadge, {
+														children: layout_2._internal.title
+													}), layoutStatusById.has(layout_2._internal.id) && /* @__PURE__ */ jsx(PageStatusBadge, {
 														size: "sm",
-														status: layoutStatusById.get(layout_1._internal.id)
+														status: layoutStatusById.get(layout_2._internal.id)
 													})]
 												}), /* @__PURE__ */ jsxs("p", {
 													className: "text-muted-foreground truncate font-mono text-xs",
-													children: ["/", routeSegments(layout_1._internal.id).join("/")]
+													children: ["/", routeSegments(layout_2._internal.id).join("/")]
 												})]
 											})]
 										})
-									}, layout_1._internal.id))
-								})
+									}, layout_2._internal.id))
+								}, kind))
 							]
 						}),
 						/* @__PURE__ */ jsx(CommandSeparator, {}),

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

@@ -1,6 +1,6 @@
 import { usePageBlocks } from "../../../lib/normalized-data.js";
-import { cn } from "../../../lib/utils.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
+import { cn } from "../../../lib/utils.js";
 import { previewStore, selectPreviewSource } from "../previewStore.js";
 import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
 import { useUpdateBlockPosition } from "./useUpdateBlockPosition.js";

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

@@ -19,9 +19,9 @@ import { ButtonGroup } from "@camox/ui/button-group";
 //#region src/features/preview/components/PublicationRow.tsx
 function PublicationRow(t0) {
 	const $ = c(4);
-	if ($[0] !== "523b5f62d51c452de4fc84846c3eb3bd79ec8b996291e394294cbc9a83e20848") {
+	if ($[0] !== "e9c63697d20e2e70a2c2f753bfe924624780cd53f172ee49c5b02a56c0ac0967") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "523b5f62d51c452de4fc84846c3eb3bd79ec8b996291e394294cbc9a83e20848";
+		$[0] = "e9c63697d20e2e70a2c2f753bfe924624780cd53f172ee49c5b02a56c0ac0967";
 	}
 	const { target } = t0;
 	const identity = target ? `${target.kind}:${target.kind === "page" ? target.page.id : target.layout.id}` : "loading";
@@ -36,9 +36,9 @@ function PublicationRow(t0) {
 }
 function PublicationControls(t0) {
 	const $ = c(78);
-	if ($[0] !== "523b5f62d51c452de4fc84846c3eb3bd79ec8b996291e394294cbc9a83e20848") {
+	if ($[0] !== "e9c63697d20e2e70a2c2f753bfe924624780cd53f172ee49c5b02a56c0ac0967") {
 		for (let $i = 0; $i < 78; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "523b5f62d51c452de4fc84846c3eb3bd79ec8b996291e394294cbc9a83e20848";
+		$[0] = "e9c63697d20e2e70a2c2f753bfe924624780cd53f172ee49c5b02a56c0ac0967";
 	}
 	const { target } = t0;
 	const source = useSelector(previewStore, selectPreviewSource);
@@ -309,6 +309,10 @@ function PublicationControls(t0) {
 			"The draft for ",
 			target?.kind === "page" && target.page.fullPath,
 			" will be reset to its published version. Shared layout changes are not discarded. This does not change what visitors see."
+		] }) : target?.kind === "layout" && target.layout.kind === "singleton" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			"This removes the published editable blocks from ",
+			target.name,
+			". The code-owned page, its URL, application content, and draft blocks stay available."
 		] }) : target?.kind === "layout" ? /* @__PURE__ */ jsxs(Fragment, { children: [
 			"This removes the shared before and after blocks from every live page using",
 			" ",

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

@@ -1,5 +1,5 @@
-import { repeatableItemMutations } from "../../../lib/queries.js";
 import "../../provider/components/CamoxAppContext.js";
+import { repeatableItemMutations } from "../../../lib/queries.js";
 import { previewStore } from "../previewStore.js";
 import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
 import { c } from "react/compiler-runtime";

package/dist/features/preview/publication.js

@@ -5,6 +5,16 @@
 * not a separate publishing UI or a sequence of independent block requests.
 */
 function buildPublicationPlan(target) {
+	if (target.kind === "layout" && target.layout.kind === "singleton") return {
+		title: "Publish page content",
+		description: `Publishes the editable blocks on ${target.name}. The route and application data are controlled by code, not publishing.`,
+		items: [{
+			key: `layout:${target.layout.id}`,
+			label: `${target.name} blocks`,
+			impact: "Updates this page’s before and after blocks. Synced block changes also apply wherever those blocks are used.",
+			optional: false
+		}]
+	};
 	if (target.kind === "layout") return {
 		title: target.layout.status === "modified" ? "Publish changes" : "Publish layout",
 		description: `Publishes ${target.name} on every page using this layout. Generated content and external data are not published by this action.`,

package/dist/features/provider/CoreCamoxProvider.js

@@ -1,7 +1,7 @@
 import { AuthContext, createCamoxAuthClient, useProcessOtt } from "../../lib/auth.js";
 import { initApiClient } from "../../lib/api-client.js";
-import { projectQueries } from "../../lib/queries.js";
 import { CamoxAppProvider } from "./components/CamoxAppContext.js";
+import { projectQueries } from "../../lib/queries.js";
 import { useQueryClient } from "@tanstack/react-query";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

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,8 @@ async function createPageHtmlResponse({ options, pathname, request }) {
 		pathname,
 		request
 	});
+	const singleton = await createDerivedResponse(options, pathname, request, false, true);
+	if (singleton) return singleton;
 	const queryClient = new QueryClient();
 	try {
 		const result = await loadCamoxPageForRequest({
@@ -277,13 +273,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 +401,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

@@ -30,15 +30,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") {
+	if ($[0] !== "5eec2ee2385ce7d4417564ed3e8ad71e1d521ff3c557dea4a4ca42288fb12d99") {
 		for (let $i = 0; $i < 84; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "42128d7498b871de7c9ecaaeb2e1b0e858fc9e8ce0ed44b99ccfaf471a4c55ca";
+		$[0] = "5eec2ee2385ce7d4417564ed3e8ad71e1d521ff3c557dea4a4ca42288fb12d99";
 	}
 	const [open, setOpen] = React.useState(false);
 	const [pendingDirection, setPendingDirection] = React.useState(null);

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

@@ -1,7 +1,6 @@
 import { Link as Link$1, useLocation, useNavigate } from "../../navigation/navigation.js";
 import { actionsStore } from "../../provider/actionsStore.js";
-import { useProjectSlug } from "../../../lib/auth.js";
-import { pageQueries, projectQueries } from "../../../lib/queries.js";
+import { usePageDestinations } from "../../../hooks/use-page-destinations.js";
 import { PlatformLabel } from "../../../components/PlatformLabel.js";
 import { cn } from "../../../lib/utils.js";
 import { STUDIO_CONTENT_PATH } from "../routes.js";
@@ -10,7 +9,6 @@ import { EnvironmentMenu } from "./EnvironmentMenu.js";
 import { ProjectMenu } from "./ProjectMenu.js";
 import { UserButton } from "./UserButton.js";
 import { c } from "react/compiler-runtime";
-import { useQuery } from "@tanstack/react-query";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Kbd } from "@camox/ui/kbd";
@@ -36,97 +34,72 @@ const links = [{
 	]
 }];
 const Navbar = (t0) => {
-	const $ = c(20);
-	if ($[0] !== "4608f306773df1a594409c84a68bc5a0c72c93c4fbda9136da94d4900e84546d") {
-		for (let $i = 0; $i < 20; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "4608f306773df1a594409c84a68bc5a0c72c93c4fbda9136da94d4900e84546d";
+	const $ = c(13);
+	if ($[0] !== "9182f23e40dc6d439cec2c533b4f9436ee59f885213d6d7a79d434c7aa8349c6") {
+		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "9182f23e40dc6d439cec2c533b4f9436ee59f885213d6d7a79d434c7aa8349c6";
 	}
 	const { isPreview: t1 } = t0;
 	const isPreview = t1 === void 0 ? false : t1;
-	const projectSlug = useProjectSlug();
-	let t2;
-	if ($[1] !== projectSlug) {
-		t2 = projectQueries.getBySlug(projectSlug);
-		$[1] = projectSlug;
-		$[2] = t2;
-	} else t2 = $[2];
-	const { data: project } = useQuery(t2);
-	let t3;
-	if ($[3] !== project?.id) {
-		t3 = pageQueries.list(project?.id ?? 0);
-		$[3] = project?.id;
-		$[4] = t3;
-	} else t3 = $[4];
-	const t4 = !!project;
-	let t5;
-	if ($[5] !== t3 || $[6] !== t4) {
-		t5 = {
-			...t3,
-			enabled: t4
-		};
-		$[5] = t3;
-		$[6] = t4;
-		$[7] = t5;
-	} else t5 = $[7];
-	const { data: pages } = useQuery(t5);
+	const pages = usePageDestinations();
 	const { pathname } = useLocation();
-	let t6;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = /* @__PURE__ */ jsxs("div", {
+	let t2;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsxs("div", {
 			className: "flew-row flex gap-1",
 			children: [/* @__PURE__ */ jsx(ProjectMenu, {}), /* @__PURE__ */ jsx(EnvironmentMenu, {})]
 		});
-		$[8] = t6;
-	} else t6 = $[8];
-	let t7;
-	if ($[9] !== isPreview || $[10] !== pages || $[11] !== pathname) {
-		t7 = links.map((link, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link$1, {
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== isPreview || $[3] !== pages || $[4] !== pathname) {
+		t3 = links.map((link, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link$1, {
 			to: link.to,
 			className: cn("flex gap-2 items-center rounded-md px-4 py-2 text-sm font-medium", "hover:bg-accent hover:text-accent-foreground outline-none transition-[color,box-shadow] focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-1", (isPreview || pages?.some((page) => page.fullPath === pathname)) && index === 0 ? "bg-accent hover:bg-accent text-accent-foreground" : "text-muted-foreground"),
 			activeProps: { className: "bg-accent hover:bg-accent text-accent-foreground!" },
 			children: link.children
 		}) }, link.to));
-		$[9] = isPreview;
-		$[10] = pages;
-		$[11] = pathname;
-		$[12] = t7;
-	} else t7 = $[12];
-	let t8;
-	if ($[13] !== t7) {
-		t8 = /* @__PURE__ */ jsxs("div", {
+		$[2] = isPreview;
+		$[3] = pages;
+		$[4] = pathname;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-row gap-2",
-			children: [t6, /* @__PURE__ */ jsx("ul", {
+			children: [t2, /* @__PURE__ */ jsx("ul", {
 				className: "flex items-center gap-1",
-				children: t7
+				children: t3
 			})]
 		});
-		$[13] = t7;
-		$[14] = t8;
-	} else t8 = $[14];
-	let t10;
-	let t9;
-	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ jsx(SearchIcon, { className: "text-muted-foreground size-4" });
-		t10 = /* @__PURE__ */ jsx("span", {
+		$[6] = t3;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	let t6;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(SearchIcon, { className: "text-muted-foreground size-4" });
+		t6 = /* @__PURE__ */ jsx("span", {
 			className: "text-muted-foreground",
 			children: "Quick find"
 		});
-		$[15] = t10;
-		$[16] = t9;
+		$[8] = t5;
+		$[9] = t6;
 	} else {
-		t10 = $[15];
-		t9 = $[16];
+		t5 = $[8];
+		t6 = $[9];
 	}
-	let t11;
-	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = /* @__PURE__ */ jsxs("div", {
+	let t7;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2",
 			children: [/* @__PURE__ */ jsxs(Button, {
 				variant: "outline",
 				onClick: _temp,
 				children: [
-					t9,
-					t10,
+					t5,
+					t6,
 					/* @__PURE__ */ jsx(Kbd, {
 						className: "ml-4",
 						children: /* @__PURE__ */ jsx(PlatformLabel, {
@@ -137,24 +110,24 @@ const Navbar = (t0) => {
 				]
 			}), /* @__PURE__ */ jsx(UserButton, {})]
 		});
-		$[17] = t11;
-	} else t11 = $[17];
-	let t12;
-	if ($[18] !== t8) {
-		t12 = /* @__PURE__ */ jsxs("nav", {
+		$[10] = t7;
+	} else t7 = $[10];
+	let t8;
+	if ($[11] !== t4) {
+		t8 = /* @__PURE__ */ jsxs("nav", {
 			className: "bg-background relative flex items-center justify-between gap-4 border-b-2 px-2 py-2",
-			children: [t8, t11]
+			children: [t4, t7]
 		});
-		$[18] = t8;
-		$[19] = t12;
-	} else t12 = $[19];
-	return t12;
+		$[11] = t4;
+		$[12] = t8;
+	} else t8 = $[12];
+	return t8;
 };
 function useNavbarActions() {
 	const $ = c(4);
-	if ($[0] !== "4608f306773df1a594409c84a68bc5a0c72c93c4fbda9136da94d4900e84546d") {
+	if ($[0] !== "9182f23e40dc6d439cec2c533b4f9436ee59f885213d6d7a79d434c7aa8349c6") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "4608f306773df1a594409c84a68bc5a0c72c93c4fbda9136da94d4900e84546d";
+		$[0] = "9182f23e40dc6d439cec2c533b4f9436ee59f885213d6d7a79d434c7aa8349c6";
 	}
 	const navigate = useNavigate();
 	let t0;